npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.2.0-rc.1 → 26.2.0-rc.10 - Mend

@crystaldesign/diva-web-planner-react 26.2.0-rc.1 → 26.2.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (302) hide show

package/build/umd/5406.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 5406.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(34988),r=t(9420),a=t(87363),i=t(68636),s=t(8135),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item"),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(34988),r=t(9420),a=t(87363),i=t(8002),s=t(8135),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item"),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);

package/build/umd/5740.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 5740.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,7446,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(8135),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[(0,E.jsx)("div",{className:L.rP,children:"😴"}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(8135),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(79182),O=x(8135),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(8135)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(8135),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}",""]);var O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,7446,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(8135),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,E.jsx)("div",{className:L.rP,children:m.emoji}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(8135),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(79182),O=x(8135),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(8135)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(8135),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

package/build/umd/6937.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 6937.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,9990,9967],{89990:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=p();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(8135),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[(0,b.jsx)("div",{className:g.rP,children:"😴"}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(e.id)},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(79182),o=t(8135),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=m();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(89990),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(79182),d=t(8135),s=t(89967),a=t(89990),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),x=c[0],p=c[1];return(0,o.useEffect)((function(){for(var n=[],i=function _loop(){var i=e[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:i.configStepKey+i.id)===n.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<e.length;o++)i();p(n)}),[e]),(0,u.jsx)(u.Fragment,{children:x.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var t=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id)},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>m,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,9990,9967],{89990:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(8135),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(e.id)},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(79182),o=t(8135),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),m=t(19216),p=t.n(m),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=p();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(89990),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(79182),d=t(8135),s=t(89967),a=t(89990),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),x=c[0],m=c[1];return(0,o.useEffect)((function(){for(var n=[],i=function _loop(){var i=e[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:i.configStepKey+i.id)===n.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<e.length;o++)i();m(n)}),[e]),(0,u.jsx)(u.Fragment,{children:x.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var t=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id)},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>p,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>m});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",m="index-module--MViR0";const p=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);

package/build/umd/7442.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7442.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,6587,8742,67,9990,9967,6937],{76587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(8135),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(8135),d=i(76587),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=0;g<a.Cells.length;g++){var f=a.Cells[g];if(-1==f.InUse)x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:void 0,isDisabled:f.IsDisabled,isRequired:f.IsRequired,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete});else if(p!=f.InUse&&p!=f.OnBoard){var h,b;p=f.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:f.Type,isDisabled:f.IsDisabled,isRequired:f.IsRequired,articleText:null===(h=f.Article)||void 0===h?void 0:h.name,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete,basketId:null===(b=f.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==p}));if(v){var y;if(p===f.OnBoard&&!m)m=!0,v.articleText=(null===(y=f.Article)||void 0===y?void 0:y.name)+"<br/>&<br/>"+v.articleText,v.onBoard=!0;v.heightCount++}}}var j=function getItemStyle(e,n,i,t){return"horizontal"==l?w(e,n,i,t):P(e,n,i)},P=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},w=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,s.jsx)("div",{style:S(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},76992:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(8135),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},98151:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(8135),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(76992),s=i(98151),a=i(38742),c=i(8135),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var _=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!_&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:_?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},89990:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(8135),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[(0,v.jsx)("div",{className:f.rP,children:"😴"}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(79182),o=i(8135),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(89990),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(79182),l=i(8135),s=i(89967),a=i(89990),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=(0,l.NP)(),r=(0,o.useState)([]),u=(0,t.Z)(r,2),x=u[0],p=u[1];return(0,o.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[o],r=i.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),d=null==r?void 0:r.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(l)l.palettes.push(t);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(t.id):"r"===(null==d?void 0:d.position)&&l.right.push(t.id)},o=0;o<n.length;o++)t();p(e)}),[n]),(0,c.jsx)(c.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+x+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,6587,8742,67,9990,9967,6937],{76587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(8135),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(8135),d=i(76587),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=0;g<a.Cells.length;g++){var f=a.Cells[g];if(-1==f.InUse)x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:void 0,isDisabled:f.IsDisabled,isRequired:f.IsRequired,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete});else if(p!=f.InUse&&p!=f.OnBoard){var h,b;p=f.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:f.Type,isDisabled:f.IsDisabled,isRequired:f.IsRequired,articleText:null===(h=f.Article)||void 0===h?void 0:h.name,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete,basketId:null===(b=f.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==p}));if(v){var y;if(p===f.OnBoard&&!m)m=!0,v.articleText=(null===(y=f.Article)||void 0===y?void 0:y.name)+"<br/>&<br/>"+v.articleText,v.onBoard=!0;v.heightCount++}}}var j=function getItemStyle(e,n,i,t){return"horizontal"==l?w(e,n,i,t):P(e,n,i)},P=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},w=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,s.jsx)("div",{style:S(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},76992:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(8135),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},98151:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(8135),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(76992),s=i(98151),a=i(38742),c=i(8135),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var _=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!_&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:_?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},89990:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(8135),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,v.jsx)("div",{className:f.rP,children:n.emoji}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(79182),o=i(8135),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(89990),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(79182),l=i(8135),s=i(89967),a=i(89990),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=(0,l.NP)(),r=(0,o.useState)([]),u=(0,t.Z)(r,2),x=u[0],p=u[1];return(0,o.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[o],r=i.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),d=null==r?void 0:r.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(l)l.palettes.push(t);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(t.id):"r"===(null==d?void 0:d.position)&&l.right.push(t.id)},o=0;o<n.length;o++)t();p(e)}),[n]),(0,c.jsx)(c.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+x+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

package/build/umd/7541.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7541.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,9211,1051],{9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(8135),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),u=i.n(a),r=i(90569),s=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=s().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=p();l()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),v=i(64263),M=i(19047),y=i(65515),N=i.n(y),w=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,w.useTranslation)().t;return(0,D.jsx)("ul",{className:N()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:N()(v.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,n.index,o)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(65515),o=i.n(t),d=i(8135),l=i(9420),a=(i(87363),i(88683)),u=i(9211),r=i(93379),s=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),I=i.n(h),b=i(44589),v=i.n(b),M=i(26876),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=I();s()(M.ZP,y);M.ZP&&M.ZP.locals&&M.ZP.locals;var N=i(16751),w=i(83485),D=i(68636),z=i(56340),P=i(47514),S=(0,a.getLogger)("Planner","InfoBox");const j=(0,l.Pi)((function ProductHeader(n){var e,i,t=n.hidePrice,l=n.productClass,r=(0,d.NP)(),s=(0,a.useTranslation)().t,x=(0,a.useDivaCore)(),c=x.state,m=c.hidePrices,p=c.dimensions,g=p.isMobile,f=p.isTablet,h=c.navigationConfiguration,I=h.enableMobile,b=h.hideHeader,v=x.actions.openSideMenu,y=g&&I&&!b,j=r.getViewConfig().productHeaderContentBox,C=(0,w.W)(),A=C.dimensions,Z=C.dimOnlyForOneArticle,k=r.getViewConfig().hideWebConfiguratorTitle||r.getViewConfig().hideWebConfiguratorTitleInMobile&&r.getIsInMobileView(),G=void 0!==r.productState.formatedBruttoPrice&&!r.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:o()(M.YS,l,r.uiState.isMobileLandscape?M.rK:void 0,r.uiState.isMobilePortrait?M.tW:void 0,r.uiState.isTablet?M.Mq:void 0,r.uiState.configSettingsIsExpanded?M.zh:void 0,r.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,G?M.y6:void 0,M.Gr),children:[y&&(0,P.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return v()}}),(0,P.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!k&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:r.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:M.NG,children:[!m&&!t&&(0,P.jsxs)("div",{className:M.u$,children:[(0,P.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,P.jsx)(z.default,{price:null!==(e=r.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,P.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,P.jsx)(z.default,{price:null!==(i=r.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),!(null==A||!A.length)&&(!g||f)&&A.map((function(n){var e,i;return(0,P.jsxs)("div",{className:M.MB,children:[(0,P.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!Z&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,P.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,P.jsx)("div",{className:M.AJ,children:(0,P.jsx)(u.default,{})}),!r.uiState.isInMobileView&&r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(D.Q,{contentItemId:r.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){S.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.productState.currentBanner.contentItemId,title:n})}})}),j&&!r.uiState.isInMobileView&&!r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(N.p,{settings:{contentBoxProps:j}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(34988),o=i(87363),d=i(8135),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],u=(0,o.useState)(!1),r=(0,t.Z)(u,2),s=r[0],x=r[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:s}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(34988),o=i(88683),d=i(87363),l=i(7501),a=i(8135),u=i(9420),r=i(47514);const s=(0,u.Pi)((function PriceCounter(n){var e,i,u=n.price,s=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),I=(0,t.Z)(h,2),b=I[0],v=I[1],M=(0,a.NP)();return(0,d.useEffect)((function(){f(u)}),[u]),(0,r.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return s?s(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){v(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>u});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",u="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>P,MB:()=>w,Mq:()=>z,NG:()=>v,YS:()=>c,YT:()=>S,ZP:()=>j,Zk:()=>b,az:()=>I,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>y,xk:()=>N,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),u=i.n(a),r=new URL(i(36047),i.b),s=l()(o()),x=u()(r);s.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  display: none;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",I="index-module--lRnbu",b="index-module--aRkML",v="index-module--cN5ML",M="index-module--l1SgD",y="index-module--luGNt",N="index-module--uuqou",w="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",P="index-module--Jnc8i",S="index-module--CRegi";const j=s},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,9211,1051],{9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(8135),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),u=i.n(a),r=i(90569),s=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=s().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=p();l()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),v=i(64263),M=i(19047),y=i(65515),N=i.n(y),w=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,w.useTranslation)().t;return(0,D.jsx)("ul",{className:N()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:N()(v.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,n.index,o)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(65515),o=i.n(t),d=i(8135),l=i(9420),a=(i(87363),i(88683)),u=i(9211),r=i(93379),s=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),I=i.n(h),b=i(44589),v=i.n(b),M=i(26876),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=I();s()(M.ZP,y);M.ZP&&M.ZP.locals&&M.ZP.locals;var N=i(16751),w=i(83485),D=i(8002),z=i(56340),P=i(47514),S=(0,a.getLogger)("Planner","InfoBox");const j=(0,l.Pi)((function ProductHeader(n){var e,i,t=n.hidePrice,l=n.productClass,r=(0,d.NP)(),s=(0,a.useTranslation)().t,x=(0,a.useDivaCore)(),c=x.state,m=c.hidePrices,p=c.dimensions,g=p.isMobile,f=p.isTablet,h=c.navigationConfiguration,I=h.enableMobile,b=h.hideHeader,v=x.actions.openSideMenu,y=g&&I&&!b,j=r.getViewConfig().productHeaderContentBox,C=(0,w.W)(),A=C.dimensions,Z=C.dimOnlyForOneArticle,k=r.getViewConfig().hideWebConfiguratorTitle||r.getViewConfig().hideWebConfiguratorTitleInMobile&&r.getIsInMobileView(),G=void 0!==r.productState.formatedBruttoPrice&&!r.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:o()(M.YS,l,r.uiState.isMobileLandscape?M.rK:void 0,r.uiState.isMobilePortrait?M.tW:void 0,r.uiState.isTablet?M.Mq:void 0,r.uiState.configSettingsIsExpanded?M.zh:void 0,r.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,G?M.y6:void 0,M.Gr),children:[y&&(0,P.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return v()}}),(0,P.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!k&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:r.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:M.NG,children:[!m&&!t&&(0,P.jsxs)("div",{className:M.u$,children:[(0,P.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,P.jsx)(z.default,{price:null!==(e=r.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,P.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,P.jsx)(z.default,{price:null!==(i=r.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),!(null==A||!A.length)&&(!g||f)&&A.map((function(n){var e,i;return(0,P.jsxs)("div",{className:M.MB,children:[(0,P.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!Z&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,P.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,P.jsx)("div",{className:M.AJ,children:(0,P.jsx)(u.default,{})}),!r.uiState.isInMobileView&&r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(D.Q,{contentItemId:r.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){S.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.productState.currentBanner.contentItemId,title:n})}})}),j&&!r.uiState.isInMobileView&&!r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(N.p,{settings:{contentBoxProps:j}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(34988),o=i(87363),d=i(8135),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],u=(0,o.useState)(!1),r=(0,t.Z)(u,2),s=r[0],x=r[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:s}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(34988),o=i(88683),d=i(87363),l=i(7501),a=i(8135),u=i(9420),r=i(47514);const s=(0,u.Pi)((function PriceCounter(n){var e,i,u=n.price,s=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),I=(0,t.Z)(h,2),b=I[0],v=I[1],M=(0,a.NP)();return(0,d.useEffect)((function(){f(u)}),[u]),(0,r.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return s?s(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){v(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>u});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",u="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>P,MB:()=>w,Mq:()=>z,NG:()=>v,YS:()=>c,YT:()=>S,ZP:()=>j,Zk:()=>b,az:()=>I,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>y,xk:()=>N,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),u=i.n(a),r=new URL(i(36047),i.b),s=l()(o()),x=u()(r);s.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  display: none;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",I="index-module--lRnbu",b="index-module--aRkML",v="index-module--cN5ML",M="index-module--l1SgD",y="index-module--luGNt",N="index-module--uuqou",w="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",P="index-module--Jnc8i",S="index-module--CRegi";const j=s},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/7979.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7979.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7979,4551,7853],{66014:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(8135),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},47979:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(8135),o=n(87363),r=n(66014),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),h={};h.styleTagTransform=m(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=g();s()(S.ZP,h);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=n(34586),y=n(97853),w=n(46567),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(v.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(68636),l=n(8135),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},34586:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(8135),s=n(9420),l=n(31355),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(8135)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(8135),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),h=n(76640),v={};v.styleTagTransform=S(),v.setAttributes=b(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:h.qv})})}))},50393:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(8135),l=n(82956),d=n(38188),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(84551),m=n(65515),S=n.n(m),h=n(47514);const v=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,v=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(8135)),a=n(80509),s=n(38188),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(50393),x=n(51451),b=n(40283),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!m.uiState.isInMobileView&&h]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7979,4551,7853],{66014:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(8135),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},47979:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(8135),o=n(87363),r=n(66014),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),h={};h.styleTagTransform=m(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=g();s()(S.ZP,h);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=n(34586),y=n(97853),w=n(46567),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(v.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(8002),l=n(8135),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},34586:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(8135),s=n(9420),l=n(31355),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(8135)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(8135),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),h=n(76640),v={};v.styleTagTransform=S(),v.setAttributes=b(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:h.qv})})}))},50393:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(8135),l=n(82956),d=n(38188),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(84551),m=n(65515),S=n.n(m),h=n(47514);const v=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,v=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(8135)),a=n(80509),s=n(38188),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(50393),x=n(51451),b=n(40283),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!m.uiState.isInMobileView&&h]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);