https://www.kusch.com/js/3124.js?v=fa70b26fbffb8e990af9

1"use strict";(self.webpackChunknowy_styl_webpage=self.webpackChunknowy_styl_webpage||[]).push([[3124,3141],{53124:function(e,t,n){n.r(t);var s=n(96540),r=n(10900),a=n(63141),l=n(74848);t.default=e=>{const{field:t,handleInputChange:n,filesDataFun:c}=e,{label:i,type:u,search:o,placeholder:d,modifier:_,name:S,id:p,required:h,inputInfo:I,options:f,value:m,filesSize:A,extraLabel:N,errorMessage:E,todayMax:L}=t,C=(0,s.useRef)(null),x=(0,s.useRef)(null),j=((0,s.useRef)(null),(0,s.useRef)(null)),b=(0,s.useRef)(null),g=(0,s.useRef)(null),[D,T]=(0,s.useState)([]),[v,M]=(0,s.useState)(0),[R,O]=(0,s.useState)([""]),[w,y]=(0,s.useState)(""),[H,P]=(0,s.useState)("");(0,s.useEffect)(()=>{null==f||f.forEach(e=>{e.selected&&y(e.label)})},[f]);const F=()=>{x.current&&j.current&&x.current.classList.toggle(a.CLASS_IS_OPEN),k()},k=()=>{Y(""),g.current&&(g.current.value="",g.current.blur(),P(""))},[B,U]=s.useState(!1),G=function(e){e.preventDefault(),e.stopPropagation(),"dragenter"===e.type||"dragover"===e.type?U(!0):"dragleave"===e.type&&U(!1)},q=function(e){e.preventDefault(),e.stopPropagation(),U(!1),e.dataTransfer.files&&e.dataTransfer.files[0]&&V(e.dataTransfer.files)},V=e=>{T([...D,...e])};(0,s.useEffect)(()=>{let e=0;D.forEach(t=>{e+=t.size}),M(e),D.length>0&&c({name:S,data:D,fweight:A})},[D]);const Y=e=>{if(f){const t=f.filter(t=>t.label.toLowerCase().startsWith(e.toLowerCase())),n=[];if(t.forEach(e=>{n.push(e.id)}),O([...n]),j.current){const e=[];j.current.querySelectorAll("input").forEach(t=>{"radio"===t.type&&e.push(t)});const t=[];n.forEach(n=>{e.forEach(e=>{e.id==n&&t.push(e)})}),e.forEach(e=>{t.includes(e)?e.parentNode.removeAttribute("style"):e.parentNode.style.display="none"})}}},$=()=>D.length>0?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"c-Input__labelBlock c-Input__labelBlock--mTop",children:i.attachListHead}),(0,l.jsx)("ul",{className:"c-Input__fileList",children:D.map((e,t)=>{if(e)return(0,l.jsxs)("li",{className:"c-Input__fileList-item",children:[(0,l.jsx)("span",{children:`${t+1}. ${e.name}`}),(0,l.jsx)("span",{children:(n=e.size,1*(n/Math.pow(1024,2)).toFixed(2)+" MB")}),(0,l.jsx)("button",{type:"button",className:"c-Input__deleteButton",onClick:()=>(e=>{const t=D;t.splice(e,1),T([...t])})(t)})]},t);var n})})]}):null,z=(new Date).toISOString().split("T")[0];return(0,l.jsxs)("div",{className:`c-Input ${_||""}`,ref:x,"data-jscomponent":"InputReact",children:["textarea"==u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"c-Input__labelBlock",children:[(0,l.jsx)("label",{htmlFor:p,children:i}),N&&(0,l.jsx)("span",{className:"c-Input__extraLabel",children:N})]}),(0,l.jsx)("textarea",{"data-js-input":!0,name:S,id:p,placeholder:d||"",required:h,onChange:e=>{n(e)}})]}):"checkbox"==u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("input",{"data-js-input":!0,type:u,name:S,id:p,placeholder:d||"",required:h,onChange:e=>{n(e)}}),(0,l.jsx)("label",{htmlFor:p,children:i})]}):"select"==u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"c-Input__labelBlock",children:(0,l.jsx)("label",{htmlFor:p,children:i})}),(0,l.jsx)("div",{className:"c-Input__select",children:(0,l.jsx)("button",{ref:C,type:"button",className:"c-Input__selectTrigger",onClick:F,children:w||(0,l.jsx)("span",{className:"c-Input__selectTrigger-placeholder",children:d})})}),(0,l.jsxs)("dl",{className:"c-Input__dropdownList c-Input__dropdownList--long",ref:j,children:[o&&(0,l.jsx)("dt",{className:"c-Input__dropdownList-search  colorBg",children:(0,l.jsxs)("div",{className:"m-Search__input-wrapper",children:[(0,l.jsx)("input",{type:"text",ref:g,placeholder:o.label,onChange:e=>{Y(e.target.value),P(e.target.value)}}),H.length?(0,l.jsx)("button",{className:"c-MapSearch__input-clear",onClick:e=>{e.preventDefault(),k()}}):(0,l.jsx)("div",{className:"c-MapSearch__input-icon"})]})}),f&&(0,l.jsx)(l.Fragment,{children:f.map((e,t)=>(0,l.jsxs)("dt",{className:"c-Input__dropdownItem",children:[(0,l.jsx)("input",{"data-js-input":!0,type:"radio",name:S,id:e.id,value:e.value,required:h,"data-label":e.label,"data-sublabel":e.sublabel,defaultChecked:e.selected,onChange:e=>{C.current&&(C.current.innerHTML=`\n                                                      ${e.target.dataset.label}${e.target.dataset.sublabel?', <span class="c-Input__dropdownItem-sublabel">'+e.target.dataset.sublabel+"</span>":""}\n                            `),n(e),F()}}),(0,l.jsxs)("label",{ref:b,htmlFor:e.id,children:[e.label,e.sublabel&&(0,r.Ay)(`, <span class="c-Input__dropdownItem-sublabel">${e.sublabel}</span>`)]})]},t))}),o&&0===R.length&&(0,l.jsx)("dt",{className:"c-Input__dropdownItem c-Input__dropdownItem--noResult",children:o.noResult})]})]}):"file"==u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"c-Input__labelBlock",children:i.attachHead}),(0,l.jsxs)("div",{className:"c-Input__file",onDragEnter:G,onDragLeave:G,onDragOver:G,onDrop:q,children:[(0,l.jsx)("label",{className:"c-Input__fileLabel  "+(B?"is--dragOver":""),htmlFor:p,children:(0,l.jsxs)("div",{className:"c-Input__fileContainer",children:[i.attachDesc,(0,l.jsx)("br",{}),(0,l.jsx)("span",{className:"c-Input__fileButton",children:i.attachButton})]})}),(0,l.jsx)("input",{type:u,name:S,id:p,placeholder:d||"",required:h,onChange:e=>{var t;(t=e).target.files[0],V(t.target.files)},multiple:!0})]}

1),(0,l.jsx)("p",{className:"c-Input__comment",children:i.attachComment}),(0,l.jsx)("div",{className:"c-Input__message "+(v>A?"is--show":""),children:i.attachSizeError}),(0,l.jsx)($,{})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"c-Input__labelBlock",children:[(0,l.jsx)("label",{htmlFor:p,children:i}),N&&(0,l.jsx)("span",{className:"c-Input__extraLabel",children:N})]}),f?(0,l.jsx)("div",{className:"c-Input__options",children:f.map((e,t)=>(0,l.jsxs)("div",{children:[(0,l.jsx)("input",{"data-js-input":!0,type:u,name:S,id:e.id,value:e.value,required:h,onChange:e=>{n(e)}}),(0,l.jsx)("label",{ref:b,htmlFor:e.id,children:e.label})]},t))}):(0,l.jsx)("input",{"data-js-input":!0,type:u,name:S,id:p,max:"date"===u&&L?z:void 0,defaultValue:m,placeholder:d||"",required:h,onChange:e=>{n(e)}})]}),(0,l.jsx)("div",{className:"c-Input__message","data-js":"message",children:E}),I&&(0,l.jsx)("div",{className:"c-Input__inputInfo",children:(0,r.Ay)(I)})]})}},63141:function(e,t,n){n.r(t),n.d(t,{ANIMATION_TIMING:function(){return B},API_IMAGE_BASE:function(){return i},API_PATH:function(){return c},ASSETS_PATH:function(){return a},BREAKPOINTS:function(){return o},CLASS_FLOATING_SIDE_MENU_IS_OPEN:function(){return P},CLASS_IS_ACTIVE:function(){return S},CLASS_IS_ACTIVETAB:function(){return p},CLASS_IS_CENTERED:function(){return h},CLASS_IS_CHECKED:function(){return I},CLASS_IS_COLLAPSED:function(){return f},CLASS_IS_COMPRESSED:function(){return m},CLASS_IS_ENTERING:function(){return y},CLASS_IS_ERROR:function(){return A},CLASS_IS_FIXED:function(){return N},CLASS_IS_HIDDEN:function(){return E},CLASS_IS_HIDE:function(){return L},CLASS_IS_HOVER:function(){return C},CLASS_IS_LAYER_ACTIVE:function(){return x},CLASS_IS_LOADING:function(){return j},CLASS_IS_OPEN:function(){return b},CLASS_IS_OPENED:function(){return g},CLASS_IS_REQUIRED:function(){return D},CLASS_IS_SCROLL:function(){return T},CLASS_IS_SELECTED:function(){return v},CLASS_IS_STICKY:function(){return M},CLASS_IS_SUCCESS:function(){return R},CLASS_IS_TRANSITIONING:function(){return w},CLASS_IS_VISIBLE:function(){return H},CLASS_IS_ZOOM:function(){return O},CONTENT_PATH:function(){return l},CSS_VAR_LAYOUT_TOP_MENU_HEIGHT_KUSCH:function(){return k},EVENT_MENU_VISIBILITY_CHANGE:function(){return F},KEYS:function(){return d},LAYOUT_SETTINGS:function(){return u},STORAGE:function(){return _}});const s=document.currentScript&&document.currentScript.src||"";let r="";if(s){r=new URL(s).origin}const a=r+"/",l=r+"/content",c="",i="",u={WRAPPER_WIDTH:"1180"},o={XS:"375",S:"480",M:"1024",ML:"1280",L:"1360",LXL:"1536",XL:"1920"},d={tab:"Tab",up:"ArrowUp",right:"ArrowRight",down:"ArrowDown",left:"ArrowLeft",enter:"Enter",space:"Space",esc:"Escape"},_={DAMCollection:"DAM-collection",DAMNestCollection:"DAM-Nest-collection",DAMFiltersStates:"DAM-filters-states",DAMNestFiltersStates:"DAM-Nest-filters-states",DAMCollectionSelected:"DAM-collectionSelected",DAMNestCollectionSelected:"DAM-Nest-collectionSelected",DAMSelected:"DAM-selected",DAMNestSelected:"DAM-Nest-selected",DAMUrlParams:"DAM-urlParams",DAMNestUrlParams:"DAM-Nest-urlParams"},S="is--active",p="is--activeTab",h="is--centered",I="is--checked",f="is--collapsed",m="is--compressed",A="is--error",N="is--fixed",E="is--hidden",L="is--hide",C="is--hover",x="is--layer-active",j="is--loading",b="is--open",g="is--opened",D="is--required",T="is--scroll",v="is--selected",M="is--sticky",R="is--success",O="is--zoom",w="is--transitioning",y="is--entering",H="is--visible",P="floating-side-menu-is-open",F="kuschco:menu-visibility-change",k="--layout-top-menu-height-kusch",B={MENU_TRANSITION:300,MENU_TRANSITION_DELAY:150,MENU_ENTRY_DELAY:50,SCROLL_THRESHOLD:100,SCROLL_TOP_THRESHOLD:50,SCROLL_HIDE_THRESHOLD:200}}}]);