https://oxilor.ru/_next/static/chunks/535-77104e6f36d4423c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[535],{5535:(e,t,r)=>{r.d(t,{A:()=>q});var o=r(3181),a=r(8993),n=r(7739),l=r(4232),i=r(2751),d=r(7876);let s=(0,l.forwardRef)((e,t)=>(0,d.jsx)(i.A,{...e,ref:t,children:(0,d.jsx)("path",{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1c-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"})}));s.displayName="Search";let c=(0,l.forwardRef)((e,t)=>(0,d.jsx)(i.A,{...e,ref:t,children:(0,d.jsx)("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4l-66.1.3c-4.4 0-8-3.5-8-8c0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4l66-.3c4.4 0 8 3.5 8 8c0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2c0 4.4-3.6 8-8 8z"})}));c.displayName="CloseCircle";var u=r(3499);let h=(e,t)=>{if(e){if("function"==typeof e){e(t);return}try{e.current=t}catch{throw Error(`Could not assign instance ${t} to ref ${e}.`)}}},p=e=>{let t=(0,l.useRef)(null),r=(0,l.useCallback)(r=>{h(t,r),e&&h(e,r)},[e]);return[t,r]},f=e=>"function"==typeof e,m=({value:e,defaultValue:t,onChange:r})=>{let[o,a]=(0,l.useState)(t),n=(0,l.useMemo)(()=>void 0===e,[e]),i=(0,l.useMemo)(()=>n?o:e,[n,o,e]),d=(0,l.useRef)(r);(0,l.useEffect)(()=>{d.current=r},[r]);let s=(0,l.useRef)(i);(0,l.useEffect)(()=>{s.current=i},[i]);let c=(0,l.useRef)(n);return(0,l.useEffect)(()=>{c.current=n},[n]),[i,(0,l.useCallback)(e=>{let t=f(e)?e(s.current):e;c.current&&a(t),d.current&&void 0!==t&&d.current(t)},[])]};var g=r(3378),b=r(923),x=r(6778),A=r(6354),$=r(5116),C=r(2473),j=r(4226);let y=e=>{let t=e.querySelectorAll('a, button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])'),r=[];return t.forEach(e=>{e.hasAttribute("disabled")||r.push(e)}),r},w=(0,n.A)("div",(0,j.A)("disabled","size"))`
2  ${x.A};
3
4  display: inline-flex;
5  width: 100%;
6  height: ${e=>e.theme.baseHeight}em;
7  box-sizing: border-box;
8  background-color: ${e=>(0,C.A)(e.theme.inputColorBg)};
9
10  border: ${e=>e.theme.inputBorderWidth}px solid
11    ${e=>(0,C.A)(e.theme.inputColorBorder)};
12  border-radius: ${e=>e.theme.borderRadius}em;
13
14  ${e=>!e.disabled&&(0,a.AH)`
15    @media (hover: hover) {
16      &:hover {
17        border-color: ${(0,C.A)(e.theme.inputHoverColorBorder)};
18      }
19    }
20  `};
21  ${e=>!e.disabled&&(0,a.AH)`
22    &:focus-within {
23      border-color: ${(0,C.A)(e.theme.inputFocusColorBorder)};
24      box-shadow: 0 0 0 0.15em ${(0,C.A)(e.theme.inputFocusColorShadow)};
25    }
26  `};
27  ${e=>e.disabled&&(0,a.AH)`
28    cursor: not-allowed;
29    color: ${(0,C.A)(e.theme.inputDisabledColorText)};
30    background-color: ${(0,C.A)(e.theme.inputDisabledColorBg)};
31    border-color: ${(0,C.A)(e.theme.inputDisabledColorBorder)};
32
33    input,
34    textarea {
35      cursor: not-allowed;
36      &::placeholder {
37        color: ${(0,C.A)(e.theme.inputDisabledColorPlaceholder)};
38      }
39    }
40  `};
41  ${A.A};
42  ${(0,$.A)("border-color","box-shadow")};
43`,v=(0,a.AH)`
44  /* Chrome, Safari, Edge, Opera */
45  &::-webkit-outer-spin-button,
46  &::-webkit-inner-spin-button {
47    -webkit-appearance: none;
48    margin: 0;
49  }
50  /* Firefox */
51  appearance: textfield;
52`,k=(0,n.A)("input",(0,j.A)("hasLeft","hasRight"))`
53  ${x.A};
54  border: none;
55  font-size: 1em;
56  flex: 1;
57  width: 100%;
58  overflow: hidden;
59
60  color: ${e=>(0,C.A)(e.theme.inputColorText)};
61  background-color: transparent;
62
63  &::placeholder {
64    color: ${e=>(0,C.A)(e.theme.inputColorPlaceholder)};
65  }
66
67  ${v};
68  ${e=>!e.hasLeft&&(0,a.AH)`
69    padding-left: ${e.theme.inputPaddingHorizontal}em;
70  `};
71  ${e=>!e.hasRight&&(0,a.AH)`
72    padding-right: ${e.theme.inputPaddingHorizontal}em;
73  `};
74`,H=(0,n.A)("span",(0,j.A)("hasPadding"))`
75  display: flex;
76  align-items: center;
77  user-select: none;
78  color: ${e=>(0,C.A)(e.theme.inputColorPlaceholder)};
79
80  svg {
81    transform: scale(1.2);
82  }
83`,P=(0,n.A)(H)`
84  padding-right: ${e=>e.theme.inputAddonPaddingHorizontal}em;
85  ${e=>e.hasPadding&&(0,a.AH)`
86      padding-left: ${e.theme.inputPaddingHorizontal}em;
87    `}
88`,z=(0,n.A)(H)`
89  padding-left: ${e=>e.theme.inputAddonPaddingHorizontal}em;
90  ${e=>e.hasPadding&&(0,a.AH)`
91      padding-right: ${e.theme.inputPaddingHorizontal}em;
92    `}
93`,R=(0,l.forwardRef)(({type:e="text",left:t,leftHasPadding:r=!1,right:o,rightHasPadding:a=!1,disabled:n=!1,loading:i=!1,containerRef:s,containerProps:c={},size:h,value:f,onChange:m=()=>{},...g},x)=>{let[A,$]=p(s),C=(0,l.useMemo)(()=>i?(0,d.jsx)(b.A,{}):o,[i,o]),j=(0,l.useMemo)(()=>!!i||a,[i,a]),v=(0,l.useCallback)(e=>{!n&&e.target===A.current&&y(A.current)[0].focus()},[n,A]),H=(0,l.useCallback)(e=>{let t=y(document);if((A.current?y(A.current):[])[0]===document.activeElement&&"Tab"===e.key&&e.shiftKey){let e=t.findIndex(e=>e===A.current);if(0===e)return;t[e-1].focus()}},[A]);return(0,d.jsxs)(w,{disabled:n,size:h,tabIndex:n?-1:0,onFocus:v,onKeyDown:H,ref:$,...c,children:[t&&(0,d.jsx)(u.uo,{overrides:{buttonPaddingHorizontal:.8},children:(0,d.jsx)(P,{hasPadding:r,children:t})}),(0,d.jsx)(k,{type:e,disabled:n,hasLeft:!!t,hasRight:!!o,value:f||"",onChange:e=>m(e.target.value,e),...g,ref:x}),C&&(0,d.jsx)(u.uo,{overrides:{buttonPaddingHorizontal:.8},children:(0,d.jsx)(z,{hasPadding:j,children:C})})]})});R.displayName="Input";let S={clearLabel:"Clear"},E=(0,a.i7)`
94  from { opacity: 0; }
95  to { opacity: 1; }
96`,L=(0,n.A)(g.A)`
97  animation: ${E} ${e=>e.theme.transitionDelay}ms;
98`,B=(0,l.forwardRef)(({locale:e=S,value:t,defaultValue:r,onChange:o=()=>{},disabled:a,left:n,leftHasPadding:l=!0,right:i,...h},f)=>{let[g,b]=p(f),[x,A]=m({value:t,defaultValue:r,onChange:o});return(0,d.jsx)(R,{type:"text",left:n||(0,d.jsx)(s,{},"search-icon"),leftHasPadding:l,right:(0,d.jsxs)(d.Fragment,{children:[!!x&&(0,d.jsx)(u.uo,{overrides:{buttonIconScaleFactor:1.2},children:(0,d.jsx)(L,{type:"ghost",wide:"never",size:"small",disabled:a,onClick:()=>{A(""),g.current&&g.current.focus()},"aria-label":e.clearLabel,children:(0,d.jsx)(c,{})},"clear-button")}),i]}),value:x,onChange:A,role:"searchbox",disabled:a,...h,ref:b})});B.displayName="InputSearch";

98var D=r(5255),F=r(7667),M=r(5286),T=r(9099),N=r(317),I=(0,o.A)("div",{target:"e1k6fy2j1"})({name:"wkm27s",styles:"width:100%;max-width:40em;text-align:center"}),K=(0,o.A)("div",{target:"e1k6fy2j0"})({name:"1jrqujz",styles:"margin-top:6em"});let q=function(e){var t=e.title,r=e.metaTitle,o=e.metaDescription,a=e.blogTagsKey,n=e.children,i=(0,M.Bd)(["blog"]).t,s=(0,T.useRouter)(),c=s.query.s,u=(0,l.useState)(c?c.toString():""),h=u[0],p=u[1],f=s.asPath.replace(/\?.*$/,"");return 0===f.length&&(f="/"),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(F.A,{title:r||"",description:o}),(0,d.jsxs)(D.A,{children:[(0,d.jsxs)(I,{children:[(0,d.jsx)("h1",{children:t}),(0,d.jsx)(B,{placeholder:i("blog:searchPlaceholder"),value:h,onChange:function(e){p(e),e||s.replace(f)},onKeyDown:function(e){"Enter"===e.key&&s.replace(h?"".concat(f,"?q=").concat(h):f)}}),(0,d.jsx)(N.A,{blogTagsKey:a,collapsible:!0,showTagAll:!0})]}),(0,d.jsx)(K,{children:n})]})]})}}}]);