https://thermonoord.nl/_ui/responsive/common/custom/js/chunks/CollapseBox.76b6f18cc74dd8261ca5.js

1"use strict";(self.webpackChunkpliegerstorefront=self.webpackChunkpliegerstorefront||[]).push([[1073,1141,6290,6430,9702],{8944:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});n(28706);var a=n(96540),l=n(55494),o='<svg width="9" height="13" viewBox="0 0 9 13" fill="none" xmlns="http://www.w3.org/2000/svg">\n\t<path d="M1.5 1.5L6.5 6.5L1.5 11.5" stroke="#0037FF" stroke-width="3"/>\n</svg>\n';function r(e){var t=e?"c-cta-collapse--open":"";return"c-cta-collapse ".concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:""," ").concat(t)}function c(e){return a.createElement("span",{className:r(e.open,e.className)},e.children,a.createElement(l.A,{className:"c-cta-collapse__icon",src:o}))}},12150:(e,t,n)=>{n.r(t),n.d(t,{default:()=>g});var a=n(96540),l=n(61019),o=n(46583),r=n(8944),c=n(55494),s=n(22022),i='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M16.5937 10L12.5938 6L8.59375 10" stroke="#1C1C1C" stroke-width="3"/>\n    <path d="M16.5937 18L12.5938 14L8.59375 18" stroke="#1C1C1C" stroke-width="3"/>\n</svg>\n',u='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M8.59375 14L12.5937 18L16.5938 14" stroke="#1C1C1C" stroke-width="3"/>\n    <path d="M8.59375 6L12.5937 10L16.5938 6" stroke="#1C1C1C" stroke-width="3"/>\n</svg>\n';function d(e){var t=e.showMore,n=e.showMoreIcon,l=(0,s.Bd)().t;return a.createElement("span",{className:"c-cta-more"},n||a.createElement(c.A,{className:"c-cta-more__icon",src:t?u:i}),l(t?"show.more.text":"show.less.text"))}var f=n(35895),m=n(46942),v=n.n(m),h=n(61603),p='<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.93 5A4.932 4.932 0 0 0 6 9.933a4.932 4.932 0 0 0 4.93 4.934 4.932 4.932 0 0 0 4.93-4.934A4.932 4.932 0 0 0 10.93 5ZM2 9.933C2 5.001 5.997 1 10.93 1s8.93 4 8.93 8.933-3.997 8.934-8.93 8.934S2 14.867 2 9.933Z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="m16.7 13.895 6.3 6.303L20.2 23l-6.3-6.303 2.8-2.802Z" fill="#000"/></svg>';function g(e){var t,n,s,i,u,m=e.icon,g=e.id,w=e.children,x=e.searchField,b=e.handleSearchFieldChange,C=e.handleClearSearchField,E=e.text,_=e.moreItems,N=e.openLabel,y=e.className,A=e.customHeight,k=e.selectionCounter,M=e.showMoreCallback,B=e.showMoreIcon,L=(0,h.X)(),I=L.boxState,F=L.toggleMainArea,S=L.setMoreArea,O=function(){var e;return!(null===(e=I[g])||void 0===e||!e.mainAreaOpen)},R=v()({"c-collapse-box":!0,"c-collapse-box-open":O(),["".concat(y)]:Boolean(y)});return a.createElement("div",{className:R},(u=O(),a.createElement(l.A,{className:"collapse-box__button",onClick:function(){F(g)}},m?a.createElement(c.A,{className:"collapse-box__icon",src:m}):null,a.createElement(r.default,{open:u},"function"==typeof N?N():a.createElement(a.Fragment,null,a.createElement("span",null,N),!u&&k?a.createElement("span",{className:"collapse-box__selection-counter"}," (",k,")"):"")))),(s=!(null===(t=I[g])||void 0===t||!t.moreAreaOpen),i=O(),a.createElement(o.A,{open:i,customHeight:A},x?a.createElement(f.default,{svg:p,onClear:C,onChange:b,className:"u-margin-bottom--10"}):null,w,E,s?_:null,i&&_&&_.length>0?(n=!s&&_&&_.length>0,a.createElement("div",{className:"collapse-box__more-button"},a.createElement(l.A,{onClick:function(){M?M():S(g,n)}},a.createElement(d,{showMoreIcon:B,showMore:n})))):null)))}},35895:(e,t,n)=>{n.r(t),n.d(t,{AutoCompleteOption:()=>m,default:()=>h});n(52675),n(89463),n(23792),n(34782),n(26099),n(27495),n(38781),n(62953);var a=n(58785),l=n(96540),o=n(61019),r=n(38130),c=n(55494),s=n(46942),i=n.n(s),u=n(22022);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,o,r,c=[],s=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(c.push(a.value),c.length!==t);s=!0);}catch(e){i=!0,l=e}finally{try{if(!s&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(i)throw l}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}

1(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var m=function(e){return e.off="off",e.on="on",e}({}),v=function(e,t,n){var a=e.target;(e.target&&a.value?a.value:"").length<=0?t(!1):t(!0),n&&n(e)};const h=l.forwardRef((function(e,t){var n,s,f,h=e.onFocus,p=e.onBlur,g=e.onChange,w=e.tabIndex,x=e.ariaLabel,b=e.onClick,C=void 0===b?function(){}:b,E=e.defaultValue,_=e.value,N=e.isTextarea,y=void 0!==N&&N,A=e.disableClear,k=void 0!==A&&A,M=e.enableClearOnBlur,B=void 0!==M&&M,L=e.onClear,I=e.className,F=void 0===I?"":I,S=e.classes,O=e.status,R=e.message,T=e.autoComplete,H=void 0===T?m.on:T,j=e.placeholder,U=void 0===j?"":j,z=e.name,D=e.label,K=e.id,V=e.svg,Z=e.maxLength,q=e.onKeyUp,P=d((0,l.useState)(!1),2),X=P[0],Y=P[1],$=l.useRef(t),G=(0,u.Bd)().t,J=i()({"c-text-field":!0,"c-text-field--with-label":Boolean(D)&&D.length,["c-text-field--status-".concat(O)]:Boolean(O),"c-text-field--contains-message":Boolean(R)&&(null==R?void 0:R.length),"c-text-field--active":X||B,"c-text-field--with-icon":Boolean(V),["".concat(F)]:Boolean(F)});return(0,l.useEffect)((function(){var e,n;!X&&(null!=t&&null!==(e=t.current)&&void 0!==e&&null!==(e=e.value)&&void 0!==e&&e.length||null!=$&&null!==(n=$.current)&&void 0!==n&&null!==(n=n.value)&&void 0!==n&&n.length)&&Y(!0)}),[null==t||null===(n=t.current)||void 0===n?void 0:n.value,null==$||null===(s=$.current)||void 0===s?void 0:s.value]),V&&(f=l.createElement(c.A,{className:"c-text-field__icon",src:V})),l.createElement("div",{className:J},f,l.createElement("label",{htmlFor:K,className:"c-text-field__label"},D),y?l.createElement("div",{className:"c-text-field__textarea-wrapper"},l.createElement("textarea",{onKeyUp:q,tabIndex:w,ref:t||$,onFocus:h,onBlur:p,onChange:function(e){return v(e,Y,g)},name:z,defaultValue:E,id:K,autoComplete:H,placeholder:U,className:"c-text-field__input c-text-field__input--textarea"})):l.createElement("input",{onKeyUp:q,tabIndex:w,ref:t||$,onFocus:h,onBlur:p,"aria-label":x||(U||G("search")),onClick:C,onChange:function(e){return v(e,Y,g)},name:z,value:_,defaultValue:E,type:"text",id:K,autoComplete:H,placeholder:U,className:"".concat(S," c-text-field__input"),maxLength:Z}),k?null:l.createElement(o.A,{preventDefault:!0,onClick:function(){var e=t||$;e.current&&(e.current.value="",Y(!1),L&&L())},className:"c-text-field__button-clear"},l.createElement(r.default,{className:"c-cta-close--modal-close"})),l.createElement(a.default,{message:R,status:O,className:"c-text-field__notification c-notification--underlined"}))}))},38130:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var a=n(96540),l=n(55494),o='<svg preserveAspectRatio="none" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg">\n  <g>\n    <path d="M2.828 0l16.264 16.264-2.829 2.828L0 2.829z"/>\n    <path d="M19.092 2.828L2.828 19.092 0 16.263 16.263 0z"/>\n  </g>\n</svg>';function r(e){var t=e.className,n=void 0===t?"":t;return a.createElement("span",{className:"c-cta-close ".concat(n||"")},a.createElement(l.A,{className:"c-cta-close__icon",src:o}))}},46583:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(96540),l=n(46942),o=n.n(l);function r(e){var t=e.open,n=e.className,l=e.children,r=e.customHeight,c=(0,a.useRef)(null),s=(0,a.useRef)(null),i=o()({"c-collapse-area":!0,"c-collapse-area--open":t,["".concat(n)]:Boolean(n)});return(0,a.useEffect)((function(){var e=c.current,n=s.current;e&&n&&(t?r?(e.style.height="".concat(r,"px"),e.style.overflowY="auto"):setTimeout((function(){e.style.height="".concat(n.scrollHeight,"px")}),0):e.style.height="0px")})),a.createElement("div",{ref:c,className:i},a.createElement("div",{ref:s,className:"c-collapse-area__content"},l))}},58785:(e,t,n)=>{n.r(t),n.d(t,{Status:()=>o,default:()=>c});n(28706);var a=n(96540),l=n(99418),o=function(e){return e.error="error",e.success="success",e.warning="warning",e.neutral="neutral",e}({}),r=function(e,t){var n=e?"c-notification--status-".concat(e):"";return t&&""!=t&&(n+=" c-notification--show"),n};function c(e){var t=e.className,n=void 0===t?"":t,c=e.status,s=void 0===c?o.success:c,i=e.message,u=e.title;return a.createElement("div",{className:"c-notification ".concat(r(s,i)," ").concat(n)},i&&a.createElement("span",{dangerouslySetInnerHTML:{__html:l.A.sanitize(i)}}),u?a.createElement("h2",{className:"c-notification__title"},u):null)}},61019:(e,t,n)=>{n.d(t,{A:()=>

1o});n(28706);var a=n(96540),l=n(51400);const o=a.forwardRef((function(e,t){var n=e.onClick,o=e.onMouseOut,r=e.onMouseOver,c=e.onBlur,s=e.onFocus,i=e.stopPropagation,u=void 0!==i&&i,d=e.preventDefault,f=void 0!==d&&d,m=e.ariaRequired,v=void 0!==m&&m,h=e.ariaLabel,p=e.className,g=void 0===p?"":p,w=e.gtmTrackEvent,x=void 0===w?"":w,b=e.gtmEventdata,C=void 0===b?{}:b,E=e.tabIndex,_=e.children,N=e.disabled,y=void 0!==N&&N,A=e.testHook,k=void 0===A?null:A,M=e.type,B=void 0===M?"button":M,L=e.id,I=e.dataTag,F=e.dataTestId;return a.createElement("button",{"data-testid":F,id:L,type:B,tabIndex:E,disabled:y,ref:t,"aria-label":h,"aria-required":v?"true":void 0,"data-testing-hook":k,onFocus:s,onMouseOver:r,onMouseOut:o,onBlur:c,onClick:function(e){x&&(0,l.Ig)(x,C),function(e,t,n,a){e&&n.stopPropagation(),t&&n.preventDefault(),a&&a(n)}(u,f,e,n)},className:"c-button ".concat(g).concat(y?" c-button--disabled":""),"data-tag":I},_)}))}}]);