npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.5.0-beta.9 → 26.5.0-rc.1 - Mend

@crystaldesign/diva-web-planner-react 26.5.0-beta.9 → 26.5.0-rc.1

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 (301) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6822.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6822,9282,8291,4197,2611,58],{105:(A,e,n)=>{n.r(e),n.d(e,{default:()=>d});n(87363);var t=n(9420),i=n(88410),o=n(25709),C=n(88683),a=n(47514);const d=(0,t.Pi)((function AiRoomsSelection(A){var e,n,t=(0,o.NP)(),d=(0,C.useDivaCore)().state,s=d.user,l=d.organization;return t.aiState.showAiRoomRenderingInSummary&&t.viewPlannerHandler.isAny3DVisualization()&&(s?t.aiState.isAnyLimitDefined:t.aiState.shouldShowAiForAnonymous)&&null!==(e=t.aiState.enrichedAiRoomRenderings)&&void 0!==e&&e.length&&(null===(n=l.settings)||void 0===n||null===(n=n.aiSettings)||void 0===n||!n.checkForDivaKiReady||t.aiState.catalogDataKiReady())?(0,a.jsx)(i.default,{roomItems:t.aiState.enrichedAiRoomRenderings,selectedRoom:t.aiState.selectedRoom}):(0,a.jsx)(a.Fragment,{})}))},92611:(A,e,n)=>{n.r(e),n.d(e,{default:()=>Z});var t=n(34988),i=n(93379),o=n.n(i),C=n(7795),a=n.n(C),d=n(90569),s=n.n(d),l=n(3565),r=n.n(l),g=n(19216),c=n.n(g),m=n(44589),u=n.n(m),x=n(23240),B={};B.styleTagTransform=u(),B.setAttributes=r(),B.insert=s().bind(null,"head"),B.domAPI=a(),B.insertStyleElement=c();o()(x.ZP,B);x.ZP&&x.ZP.locals&&x.ZP.locals;var h=n(87363),f=n(25709),w=n(65515),Y=n.n(w),v=n(9420),p=n(47514);const Z=(0,v.Pi)((function InfoIcon(A){var e,n,i,o=A.item,C=A.style,a=(0,f.NP)(),d=o.contentItemId,s=null!==(e=null!==(n=null!==(i=o.codex)&&void 0!==i?i:o.articleCodex)&&void 0!==n?n:o.title)&&void 0!==e?e:o.key,l=(0,h.useState)(!1),r=(0,t.Z)(l,2),g=r[0],c=r[1],m=o.sel||g;if((0,h.useEffect)((function(){var A=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==d&&s==a.settingsState.clickedFrom;!A&&g&&c(!1),A&&!g&&c(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var A;return!o.op||null===(A=a.uiState.ViewConfig.infoIconSettings)||void 0===A||!A.onlyShowSelectedOPV||m}()?(0,p.jsx)("div",{className:x.um,onClick:function onClick(A){a.settingsState.onClickContentItemId(d,s),c(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==d),A.stopPropagation()},style:C,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{className:Y()(x.hv,m?void 0:x.al,g?x.FJ:void 0),children:(0,p.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,p.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,p.jsx)("path",{className:x.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,p.jsx)("path",{className:x.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,p.jsx)("div",{className:Y()(x.dA,m?x.al:void 0),children:(0,p.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,p.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,p.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,p.jsx)(p.Fragment,{})}))},23240:(A,e,n)=>{n.d(e,{FJ:()=>r,Oq:()=>l,ZP:()=>m,al:()=>c,dA:()=>s,fL:()=>g,hv:()=>d,um:()=>a});var t=n(8081),i=n.n(t),o=n(23645),C=n.n(o)()(i());C.push([A.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",d="index-module--C9QBx",s="index-module--a2wqn",l="index-module--fLFjU",r="index-module--nTN4r",g="index-module--FaRqp",c="index-module--oBSZj";const m=C},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"},88291:(A,e,n)=>{function _objectDestructuringEmpty(A){if(null==A)throw new TypeError("Cannot destructure "+A)}n.d(e,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6822,9282,8291,4197,2611,58],{105:(A,e,n)=>{n.r(e),n.d(e,{default:()=>d});n(87363);var t=n(9420),i=n(88410),o=n(25709),C=n(88683),a=n(47514);const d=(0,t.Pi)((function AiRoomsSelection(A){var e,n,t=(0,o.NP)(),d=(0,C.useDivaCore)().state,s=d.user,l=d.organization;return t.aiState.showAiRoomRenderingInSummary&&t.viewPlannerHandler.isAny3DVisualization()&&(s?t.aiState.isAnyLimitDefined:t.aiState.shouldShowAiForAnonymous)&&null!==(e=t.aiState.enrichedAiRoomRenderings())&&void 0!==e&&e.length&&(null===(n=l.settings)||void 0===n||null===(n=n.aiSettings)||void 0===n||!n.checkForDivaKiReady||t.aiState.catalogDataKiReady())?(0,a.jsx)(i.default,{roomItems:t.aiState.enrichedAiRoomRenderings(!0),selectedRoom:t.aiState.selectedRoom}):(0,a.jsx)(a.Fragment,{})}))},92611:(A,e,n)=>{n.r(e),n.d(e,{default:()=>Z});var t=n(34988),i=n(93379),o=n.n(i),C=n(7795),a=n.n(C),d=n(90569),s=n.n(d),l=n(3565),r=n.n(l),g=n(19216),c=n.n(g),m=n(44589),u=n.n(m),x=n(23240),B={};B.styleTagTransform=u(),B.setAttributes=r(),B.insert=s().bind(null,"head"),B.domAPI=a(),B.insertStyleElement=c();o()(x.ZP,B);x.ZP&&x.ZP.locals&&x.ZP.locals;var h=n(87363),f=n(25709),w=n(65515),Y=n.n(w),v=n(9420),p=n(47514);const Z=(0,v.Pi)((function InfoIcon(A){var e,n,i,o=A.item,C=A.style,a=(0,f.NP)(),d=o.contentItemId,s=null!==(e=null!==(n=null!==(i=o.codex)&&void 0!==i?i:o.articleCodex)&&void 0!==n?n:o.title)&&void 0!==e?e:o.key,l=(0,h.useState)(!1),r=(0,t.Z)(l,2),g=r[0],c=r[1],m=o.sel||g;if((0,h.useEffect)((function(){var A=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==d&&s==a.settingsState.clickedFrom;!A&&g&&c(!1),A&&!g&&c(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var A;return!o.op||null===(A=a.uiState.ViewConfig.infoIconSettings)||void 0===A||!A.onlyShowSelectedOPV||m}()?(0,p.jsx)("div",{className:x.um,onClick:function onClick(A){a.settingsState.onClickContentItemId(d,s),c(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==d),A.stopPropagation()},style:C,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{className:Y()(x.hv,m?void 0:x.al,g?x.FJ:void 0),children:(0,p.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,p.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,p.jsx)("path",{className:x.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,p.jsx)("path",{className:x.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,p.jsx)("div",{className:Y()(x.dA,m?x.al:void 0),children:(0,p.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,p.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,p.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,p.jsx)(p.Fragment,{})}))},23240:(A,e,n)=>{n.d(e,{FJ:()=>r,Oq:()=>l,ZP:()=>m,al:()=>c,dA:()=>s,fL:()=>g,hv:()=>d,um:()=>a});var t=n(8081),i=n.n(t),o=n(23645),C=n.n(o)()(i());C.push([A.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",d="index-module--C9QBx",s="index-module--a2wqn",l="index-module--fLFjU",r="index-module--nTN4r",g="index-module--FaRqp",c="index-module--oBSZj";const m=C},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"},88291:(A,e,n)=>{function _objectDestructuringEmpty(A){if(null==A)throw new TypeError("Cannot destructure "+A)}n.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7692.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7692],{27692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>S});i(87363);var a=i(9420),t=i(25709),o=i(65515),d=i.n(o),l=i(93379),r=i.n(l),s=i(7795),c=i.n(s),u=i(90569),x=i.n(u),p=i(3565),b=i.n(p),m=i(19216),g=i.n(m),f=i(44589),h=i.n(f),k=i(91642),v={};v.styleTagTransform=h(),v.setAttributes=b(),v.insert=x().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=g();r()(k.ZP,v);k.ZP&&k.ZP.locals&&k.ZP.locals;var y=i(47514);const S=(0,a.Pi)((function StyleIndicator(){var n,e=(0,t.NP)(),i=e.aiState,a=e.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),o=i.aiStyleKeyInitializedByEvent?null===(n=i.enrichedAiRoomRenderings)||void 0===n?void 0:n.find((function(n){return n.key===i.aiSelectedStyleKey})):void 0;return o&&a?(0,y.jsxs)("li",{className:d()(k.H3,e.getIsInMobileView()&&!e.uiState.isTablet?k.ai:void 0),onClick:function onClick(){return e.navigateToConfigStep(a.configStep.key)},children:[(0,y.jsx)("div",{className:k.vz,children:(0,y.jsx)("img",{src:o.image,alt:o.name})}),(!e.getIsInMobileView()||e.uiState.isTablet)&&(0,y.jsx)("span",{className:k.ZS,children:o.name})]}):(0,y.jsx)(y.Fragment,{})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>l,ZP:()=>u,ZS:()=>c,ai:()=>r,vz:()=>s});var a=i(8081),t=i.n(a),o=i(23645),d=i.n(o)()(t());d.push([n.id,".index-module--L4Wxb {\n  border-radius: 100px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 12px 4px 4px;\n  background: rgba(255, 255, 255, 0.85);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  -webkit-backdrop-filter: blur(6px);\n          backdrop-filter: blur(6px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  -webkit-backdrop-filter: none;\n          backdrop-filter: none;\n}\n\n.index-module--_kJVt {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--qGOOk {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var l="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--_kJVt",c="index-module--qGOOk";const u=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7692],{27692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});i(87363);var a=i(9420),t=i(25709),l=i(88683),d=i(65515),o=i.n(d),r=i(93379),s=i.n(r),x=i(7795),p=i.n(x),u=i(90569),c=i.n(u),m=i(3565),f=i.n(m),g=i(19216),b=i.n(g),h=i(44589),v=i.n(h),y=i(91642),S={};S.styleTagTransform=v(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=b();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=i(47514);const w=(0,a.Pi)((function StyleIndicator(){var n,e=(0,l.useTranslation)().t,i=(0,t.NP)(),a=i.aiState,d=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),r=a.aiStyleKeyInitializedByEvent?null===(n=a.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===a.aiSelectedStyleKey})):void 0;if(!r||!d)return(0,k.jsx)(k.Fragment,{});var s=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,k.jsxs)("li",{className:o()(y.H3,s?y.ai:void 0),onClick:function onClick(){return i.navigateToConfigStep(d.configStep.key)},children:[(0,k.jsx)("div",{className:y.vz,children:(0,k.jsx)("img",{src:r.image,alt:r.name})}),(0,k.jsxs)("div",{className:y.R1,children:[(0,k.jsx)("span",{className:y.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,k.jsx)("span",{className:y.ZS,children:r.name})]})]})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>o,QR:()=>x,R1:()=>s,ZP:()=>c,ZS:()=>p,ai:()=>r,vz:()=>u});var a=i(8081),t=i.n(a),l=i(23645),d=i.n(l)()(t());d.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var o="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--DlwB4",x="index-module--SQ18S",p="index-module--qGOOk",u="index-module--_kJVt";const c=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8410.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8410,451],{50451:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),r=i(87363),o=i(9420),a=i(25709),d=i(88683),s=i(93379),l=i.n(s),u=i(7795),c=i.n(u),m=i(90569),p=i.n(m),x=i(3565),f=i.n(x),h=i(19216),g=i.n(h),w=i(44589),v=i.n(w),b=i(84855),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=g();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var R=i(47514);const S=(0,o.Pi)((function CustomInput(e){var n=e.selectedRoom,i=(0,d.useDivaCore)().state.user,o=(0,r.useState)(""),s=(0,t.Z)(o,2),l=s[0],u=s[1],c=(0,r.useState)(void 0),m=(0,t.Z)(c,2),p=m[0],x=m[1],f=(0,d.useTranslation)().t,h=(0,a.NP)();return(0,r.useEffect)((function(){h.aiState.setCustomPromptInput(l)}),[l]),(0,r.useEffect)((function(){h.aiState.customPromptInput!=l&&u(h.aiState.customPromptInput||"")}),[h.aiState.customPromptInput]),(0,r.useEffect)((function(){var e;if(n){var i=h.aiState.setHash,t=null===(e=h.aiState.aiGenerationErrors[n])||void 0===e?void 0:e[i];x(t)}}),[n,h.aiState.setHash,h.aiState.aiGenerationErrors]),(0,R.jsxs)("div",{children:[!!i&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{className:b.TN,children:f("configurator.roomRendering.customPrompt")}),(0,R.jsx)("input",{className:b.qH,type:"text",value:l,onChange:function onChange(e){return u(e.target.value)}})]}),p&&(0,R.jsx)("div",{style:{marginTop:"8px",padding:"8px",background:"rgba(255, 59, 48, 0.9)",color:"white",borderRadius:"4px",fontSize:"12px",textAlign:"center"},children:f(p)})]})}))},91544:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(34988),r=i(88291),o=i(87363),a=i(93379),d=i.n(a),s=i(7795),l=i.n(s),u=i(90569),c=i.n(u),m=i(3565),p=i.n(m),x=i(19216),f=i.n(x),h=i(44589),g=i.n(h),w=i(57206),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=i(9420),y=i(88683),R=i(25709),S=i(47514);const T=(0,b.Pi)((function InfoBanner(e){(0,r.Z)(e);var n=(0,y.useTranslation)().t,i=(0,R.NP)(),a=(0,y.useDivaCore)().state.user,d=(0,o.useState)(0),s=(0,t.Z)(d,2),l=s[0],u=s[1],c=(0,o.useState)(0),m=(0,t.Z)(c,2),p=m[0],x=m[1],f=(0,o.useState)(0),h=(0,t.Z)(f,2),g=h[0],v=h[1],b=(0,o.useState)(""),T=(0,t.Z)(b,2),Z=T[0],j=T[1],k=(0,o.useState)(""),P=(0,t.Z)(k,2),L=P[0],C=P[1],I=!a,z=i.aiState.usageBudget,N=i.aiState.isTimeframeLimitReached,A=i.aiState.isIpLimitOnly,O=i.aiState.hasViolations,B=i.settingsState.organizationAISettings;return(0,o.useEffect)((function(){var e=0,t=0,r=!1;if(z)e=z.total,t=z.used,r=!!i.aiState.isTimeframeLimitReached;else if(I){e=(null==B?void 0:B.anonymousDailyIPLimit)||2,t=0}u(e),x(t);var o=e>0?(t+(i.aiState.isAnyGenerationInProgress?1:0))/e*100:0;v(o);var a,d="";if(a=n("configurator.roomRendering.anonymousBanner.used"),r){if(A)d=null==B||!B.leadRewardBonus||null!=z&&z.leadKeyActive?n("configurator.roomRendering.anonymousBanner.ipLimitReached"):n("configurator.roomRendering.anonymousBanner.ipLimitReachedWithLeadKey",{leadRewardBonus:B.leadRewardBonus});else if(N)switch(N){case"daily":d=n("configurator.roomRendering.banner.dailyLimitReached");break;case"weekly":d=n("configurator.roomRendering.banner.weeklyLimitReached");break;case"monthly":d=n("configurator.roomRendering.banner.monthlyLimitReached")}}else d=n("configurator.roomRendering.infoText");j(d),C(a)}),[z,I,A,O,N,B,i.aiState.isAnyGenerationInProgress]),(0,S.jsxs)("div",{className:w.YS,children:[(0,S.jsx)("div",{className:w.TN,children:n("configurator.roomRendering.infoTitle")}),(0,S.jsx)("div",{className:w.fL,children:Z}),(!N||"daily"==N)&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:w.dp,children:[(0,S.jsx)("div",{children:L}),(0,S.jsxs)("div",{children:[p," / ",l]})]}),(0,S.jsx)("div",{className:w.qT,style:{marginTop:"8px"},children:(0,S.jsx)("div",{className:w.Gr,style:{width:"".concat(g,"%"),backgroundColor:g>99?"#d32f2f":g>60?"#f57c00":"#4caf50"}})})]})]})}))},30902:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),r=i(34988),o=i(87363),a=i(57984),d=i(65515),s=i.n(d),l=i(9420),u=i(92611),c=i(88683),m=i(25709),p=i(39667),x=i(19047),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,l.Pi)((function RoomItem(e){var n,i,t,d,l,h,g=e.item,w=(0,c.useTranslation)().t,v=(0,m.NP)(),b=(0,o.useState)(!1),y=(0,r.Z)(b,2),R=y[0],S=y[1],T=(0,o.useState)(!1),Z=(0,r.Z)(T,2),j=Z[0],k=Z[1],P=(0,o.useState)(!1),L=(0,r.Z)(P,2),C=L[0],I=L[1],z=(0,c.useDivaCore)().state.user;(0,o.useEffect)((function(){var e,n,i,t=v.aiState.setHash;S(void 0!==(null===(e=v.aiState.aiGeneratedRooms[g.key])||void 0===e||null===(e=e[t])||void 0===e?void 0:e.image)),k((null===(n=v.aiState.aiGeneratedRooms[g.key])||void 0===n||null===(n=n[t])||void 0===n?void 0:n.promise)&&"fulfilled"!==(null===(i=v.aiState.aiGeneratedRooms[g.key])||void 0===i||null===(i=i[t])||void 0===i?void 0:i.promise)),I(!!v.aiState.favoriteAiImageKeys.find((function(e){return e.key===g.key})))}),[v.aiState.setHash,v.aiState.aiGeneratedRooms,v.aiState.favoriteAiImageKeys]);var N=!z,A=null===(n=v.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.find((function(e){return"SHARE"===e.type})),O=null!==(i=null===(t=v.aiState.usageBudget)||void 0===t?void 0:t.isLimitReached)&&void 0!==i&&i,B=null!==(d=(null===(l=v.settingsState.organizationAISettings)||void 0===l?void 0:l.leadRewardBonus)&&!(null!==(h=v.aiState.usageBudget)&&void 0!==h&&h.leadKeyActive)&&N)&&void 0!==d&&d,G=v.aiState.isAnyGenerationInProgress,E=N&&G&&!j;return(0,f.jsxs)("div",{className:s()(a.QM,g.selected?a.pA:void 0,R?a.ow:a.Sc,j?a.V_:void 0),onClick:function onItemClick(){var e,n,i=v.aiState.setHash;null!==(e=v.aiState.aiGeneratedRooms[g.key])&&void 0!==e&&e[i]&&(v.aiState.useAiGeneratedRoom(g.key,i),null===(n=g.onClick)||void 0===n||n.call(g))},children:[(0,f.jsxs)("div",{className:a.YS,children:[(0,f.jsx)("img",{src:g.image}),(0,f.jsx)("div",{className:a.XC}),(0,f.jsx)("div",{className:a.TN,children:g.name}),g.contentItemId&&(0,f.jsx)(u.default,{item:g,style:{top:0,bottom:"unset"}})]}),(0,f.jsxs)("button",{className:s()(a.LI,O?a.hj:void 0,!B&&O?a.f6:void 0,E&&!j?a.QK:void 0),onClick:function onButtonClick(){j||v.aiState.handleGenerate(g.key)},disabled:O&&!B||E,children:[(0,f.jsx)("div",{className:s()(O?a.OL:j?a.VC:a.re)}),w(O?B?"configurator.roomRendering.limited":"configurator.roomRendering.stop":j?"configurator.roomRendering.generating":E?"configurator.roomRendering.blockedWaitingForOtherGeneration":"configurator.roomRendering.generate")]}),(0,f.jsx)("div",{className:s()(a.k7,C?a.$g:void 0,R&&(g.selected||C)?a.Qo:void 0),title:w("configurator.roomRendering.includeInBasket"),onClick:function onClick(){return v.aiState.onFavoriteAiImageKeyChange(g.key,!1)}}),A&&!v.uiState.isInMobileView&&(0,f.jsx)("div",{className:s()(a.Ws,R&&g.selected?a.oP:void 0),onClick:function onClick(){v.divaWebPlanner.setAiImageAsJpg(g.key,g.image),(0,x.onClickCheckout)(A,v,A.index,w)},children:(0,f.jsx)(p.default,{checkoutButton:_objectSpread(_objectSpread({},A),{},{isPrimary:!0}),size:28,showTitle:!1})},A.index)]})}))},88410:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(34988),r=i(9420),o=i(87363),a=i(37707),d=i(74635),s=i(30902),l=i(93379),u=i.n(l),c=i(7795),m=i.n(c),p=i(90569),x=i.n(p),f=i(3565),h=i.n(f),g=i(19216),w=i.n(g),v=i(44589),b=i.n(v),y=i(91989),R={};R.styleTagTransform=b(),R.setAttributes=h(),R.insert=x().bind(null,"head"),R.domAPI=m(),R.insertStyleElement=w();u()(y.ZP,R);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=i(65515),T=i.n(S),Z=i(91544),j=i(25709),k=i(43392),P=i(50451),L=i(47514);const C=(0,r.Pi)((function RoomGallery(e){var n=e.roomItems,i=e.selectedRoom,r=(0,o.useState)(null),l=(0,t.Z)(r,2),u=l[0],c=l[1],m=(0,j.NP)(),p=m.aiState.isTimeframeLimitReached&&"daily"!==m.aiState.isTimeframeLimitReached;return(0,L.jsxs)("div",{className:y.hi,children:[(0,L.jsx)(Z.default,{}),!p&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:T()(y.jB,y.T_),children:(0,L.jsx)(a.tq,{onSwiper:c,resizeObserver:!0,modules:[d.W_,d.rj],spaceBetween:m.uiState.isInMobileView?4:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",slidesPerView:3,style:{marginTop:"16px"},grid:{rows:2},children:n.map((function(e,n){return(0,L.jsx)(a.o5,{onClick:function onClick(e){var i=(n-n%2)/2-1;!function navigateToOnClick(e){null==u||u.slideTo(e)}(i>=0?i:0),e.stopPropagation()},children:e.uploadItem?(0,L.jsx)(k.default,{item:e},e.key):(0,L.jsx)(s.default,{item:e},e.key)},n)}))})}),(0,L.jsx)(P.default,{selectedRoom:i})]})]})}))},84855:(e,n,i)=>{i.d(n,{TN:()=>d,ZP:()=>l,qH:()=>s});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--CD5oJ {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.index-module--d4cMP {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n",""]);var d="index-module--CD5oJ",s="index-module--d4cMP";const l=a},57206:(e,n,i)=>{i.d(n,{Gr:()=>m,TN:()=>s,YS:()=>d,ZP:()=>p,dp:()=>u,fL:()=>l,qT:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--zFIza {\n  text-align: center;\n  color: #2a4b63;\n  width: calc(100% - 42px);\n  padding: 12px 16px;\n  background-color: #f5f9fc;\n  border-radius: 8px;\n}\n\n.index-module--efW1H {\n  font-weight: bold;\n  font-size: 17px;\n  margin-bottom: 4px;\n}\n\n.index-module--RL_hv {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.index-module--US7Sz {\n  font-size: 13px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n}\n\n.index-module--qi3Ht {\n  width: 100%;\n  height: 8px;\n  background-color: #e0e0e0;\n  border-radius: 4px;\n  overflow: hidden;\n  margin-top: 8px;\n}\n\n.index-module--XMThq {\n  height: 100%;\n  transition:\n    width 4s ease,\n    background-color 0.3s ease;\n  border-radius: 4px;\n}\n\n.mobile .index-module--efW1H {\n  font-size: 1em;\n}\n\n.mobile .index-module--zFIza {\n  font-size: 0.9em;\n}\n",""]);var d="index-module--zFIza",s="index-module--efW1H",l="index-module--RL_hv",u="index-module--US7Sz",c="index-module--qi3Ht",m="index-module--XMThq";const p=a},91989:(e,n,i)=>{i.d(n,{T_:()=>p,ZP:()=>f,hi:()=>m,jB:()=>x});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(64197),i.b),u=a()(r()),c=s()(l);u.push([e.id,".index-module--F_kIC {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3);\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid #e0e0e0;\n}\n\n.index-module--be5TR.index-module--Lhe5Z {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  max-height: 198px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-android .swiper-slide,\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight,\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var m="index-module--F_kIC",p="index-module--be5TR",x="index-module--Lhe5Z";const f=u}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8410,451],{50451:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),r=i(87363),o=i(9420),a=i(25709),d=i(88683),s=i(93379),l=i.n(s),u=i(7795),c=i.n(u),m=i(90569),p=i.n(m),x=i(3565),f=i.n(x),h=i(19216),g=i.n(h),w=i(44589),v=i.n(w),b=i(84855),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=g();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var R=i(47514);const S=(0,o.Pi)((function CustomInput(e){var n=e.selectedRoom,i=(0,d.useDivaCore)().state.user,o=(0,r.useState)(""),s=(0,t.Z)(o,2),l=s[0],u=s[1],c=(0,r.useState)(void 0),m=(0,t.Z)(c,2),p=m[0],x=m[1],f=(0,d.useTranslation)().t,h=(0,a.NP)();return(0,r.useEffect)((function(){h.aiState.setCustomPromptInput(l)}),[l]),(0,r.useEffect)((function(){h.aiState.customPromptInput!=l&&u(h.aiState.customPromptInput||"")}),[h.aiState.customPromptInput]),(0,r.useEffect)((function(){var e;if(n){var i=h.aiState.setHash,t=null===(e=h.aiState.aiGenerationErrors[n])||void 0===e?void 0:e[i];x(t)}}),[n,h.aiState.setHash,h.aiState.aiGenerationErrors]),(0,R.jsxs)("div",{children:[!!i&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{className:b.TN,children:f("configurator.roomRendering.customPrompt")}),(0,R.jsx)("input",{className:b.qH,type:"text",value:l,onChange:function onChange(e){return u(e.target.value)}})]}),p&&(0,R.jsx)("div",{style:{marginTop:"8px",padding:"8px",background:"rgba(255, 59, 48, 0.9)",color:"white",borderRadius:"4px",fontSize:"12px",textAlign:"center"},children:f(p)})]})}))},91544:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(34988),r=i(88291),o=i(87363),a=i(93379),d=i.n(a),s=i(7795),l=i.n(s),u=i(90569),c=i.n(u),m=i(3565),p=i.n(m),x=i(19216),f=i.n(x),h=i(44589),g=i.n(h),w=i(57206),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();d()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=i(9420),y=i(88683),R=i(25709),S=i(47514);const T=(0,b.Pi)((function InfoBanner(e){(0,r.Z)(e);var n=(0,y.useTranslation)().t,i=(0,R.NP)(),a=(0,y.useDivaCore)().state.user,d=(0,o.useState)(0),s=(0,t.Z)(d,2),l=s[0],u=s[1],c=(0,o.useState)(0),m=(0,t.Z)(c,2),p=m[0],x=m[1],f=(0,o.useState)(0),h=(0,t.Z)(f,2),g=h[0],v=h[1],b=(0,o.useState)(""),T=(0,t.Z)(b,2),k=T[0],Z=T[1],j=(0,o.useState)(""),P=(0,t.Z)(j,2),L=P[0],C=P[1],I=!a,z=i.aiState.usageBudget,N=i.aiState.isTimeframeLimitReached,A=i.aiState.isIpLimitOnly,O=i.aiState.hasViolations,B=i.settingsState.organizationAISettings;return(0,o.useEffect)((function(){var e=0,t=0,r=!1;if(z)e=z.total,t=z.used,r=!!i.aiState.isTimeframeLimitReached;else if(I){e=(null==B?void 0:B.anonymousDailyIPLimit)||2,t=0}u(e),x(t);var o=e>0?(t+(i.aiState.isAnyGenerationInProgress?1:0))/e*100:0;v(o);var a,d="";if(a=n("configurator.roomRendering.anonymousBanner.used"),r){if(A)d=null==B||!B.leadRewardBonus||null!=z&&z.leadKeyActive?n("configurator.roomRendering.anonymousBanner.ipLimitReached"):n("configurator.roomRendering.anonymousBanner.ipLimitReachedWithLeadKey",{leadRewardBonus:B.leadRewardBonus});else if(N)switch(N){case"daily":d=n("configurator.roomRendering.banner.dailyLimitReached");break;case"weekly":d=n("configurator.roomRendering.banner.weeklyLimitReached");break;case"monthly":d=n("configurator.roomRendering.banner.monthlyLimitReached")}}else d=n("configurator.roomRendering.infoText");Z(d),C(a)}),[z,I,A,O,N,B,i.aiState.isAnyGenerationInProgress]),(0,S.jsxs)("div",{className:w.YS,children:[(0,S.jsx)("div",{className:w.TN,children:n("configurator.roomRendering.infoTitle")}),(0,S.jsx)("div",{className:w.fL,children:k}),(!N||"daily"==N)&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:w.dp,children:[(0,S.jsx)("div",{children:L}),(0,S.jsxs)("div",{children:[p," / ",l]})]}),(0,S.jsx)("div",{className:w.qT,style:{marginTop:"8px"},children:(0,S.jsx)("div",{className:w.Gr,style:{width:"".concat(g,"%"),backgroundColor:g>99?"#d32f2f":g>60?"#f57c00":"#4caf50"}})})]})]})}))},30902:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),r=i(34988),o=i(87363),a=i(57984),d=i(65515),s=i.n(d),l=i(9420),u=i(92611),c=i(88683),m=i(25709),p=i(39667),x=i(19047),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,l.Pi)((function RoomItem(e){var n,i,t,d,l,h,g=e.item,w=(0,c.useTranslation)().t,v=(0,m.NP)(),b=(0,o.useState)(!1),y=(0,r.Z)(b,2),R=y[0],S=y[1],T=(0,o.useState)(!1),k=(0,r.Z)(T,2),Z=k[0],j=k[1],P=(0,o.useState)(!1),L=(0,r.Z)(P,2),C=L[0],I=L[1],z=(0,c.useDivaCore)().state.user;(0,o.useEffect)((function(){var e,n,i,t=v.aiState.setHash;S(void 0!==(null===(e=v.aiState.aiGeneratedRooms[g.key])||void 0===e||null===(e=e[t])||void 0===e?void 0:e.image)),j((null===(n=v.aiState.aiGeneratedRooms[g.key])||void 0===n||null===(n=n[t])||void 0===n?void 0:n.promise)&&"fulfilled"!==(null===(i=v.aiState.aiGeneratedRooms[g.key])||void 0===i||null===(i=i[t])||void 0===i?void 0:i.promise)),I(!!v.aiState.favoriteAiImageKeys.find((function(e){return e.key===g.key})))}),[v.aiState.setHash,v.aiState.aiGeneratedRooms,v.aiState.favoriteAiImageKeys]);var N=!z,A=null===(n=v.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.find((function(e){return"SHARE"===e.type})),O=null!==(i=null===(t=v.aiState.usageBudget)||void 0===t?void 0:t.isLimitReached)&&void 0!==i&&i,B=null!==(d=(null===(l=v.settingsState.organizationAISettings)||void 0===l?void 0:l.leadRewardBonus)&&!(null!==(h=v.aiState.usageBudget)&&void 0!==h&&h.leadKeyActive)&&N)&&void 0!==d&&d,G=v.aiState.isAnyGenerationInProgress,E=N&&G&&!Z;return(0,f.jsxs)("div",{className:s()(a.QM,g.selected?a.pA:void 0,R?a.ow:a.Sc,Z?a.V_:void 0),onClick:function onItemClick(){var e,n,i=v.aiState.setHash;null!==(e=v.aiState.aiGeneratedRooms[g.key])&&void 0!==e&&e[i]&&(v.aiState.useAiGeneratedRoom(g.key,i),null===(n=g.onClick)||void 0===n||n.call(g))},children:[(0,f.jsxs)("div",{className:a.YS,children:[(0,f.jsx)("img",{src:g.image}),(0,f.jsx)("div",{className:a.XC}),(0,f.jsx)("div",{className:a.TN,children:g.name}),g.contentItemId&&(0,f.jsx)(u.default,{item:g,style:{top:0,bottom:"unset"}})]}),(0,f.jsxs)("button",{className:s()(a.LI,O?a.hj:void 0,!B&&O?a.f6:void 0,E&&!Z?a.QK:void 0),onClick:function onButtonClick(){Z||v.aiState.handleGenerate(g.key)},disabled:O&&!B||E,children:[(0,f.jsx)("div",{className:s()(O?a.OL:Z?a.VC:a.re)}),w(O?B?"configurator.roomRendering.limited":"configurator.roomRendering.stop":Z?"configurator.roomRendering.generating":E?"configurator.roomRendering.blockedWaitingForOtherGeneration":"configurator.roomRendering.generate")]}),(0,f.jsx)("div",{className:s()(a.k7,C?a.$g:void 0,R&&(g.selected||C)?a.Qo:void 0),title:w("configurator.roomRendering.includeInBasket"),onClick:function onClick(){return v.aiState.onFavoriteAiImageKeyChange(g.key,!1)}}),A&&!v.uiState.isInMobileView&&(0,f.jsx)("div",{className:s()(a.Ws,R&&g.selected?a.oP:void 0),onClick:function onClick(){v.divaWebPlanner.setAiImageAsJpg(g.key,g.image),(0,x.onClickCheckout)(A,v,A.index,w)},children:(0,f.jsx)(p.default,{checkoutButton:_objectSpread(_objectSpread({},A),{},{isPrimary:!0}),size:28,showTitle:!1})},A.index)]})}))},88410:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(34988),r=i(9420),o=i(87363),a=i(37707),d=i(74635),s=i(30902),l=i(93379),u=i.n(l),c=i(7795),m=i.n(c),p=i(90569),x=i.n(p),f=i(3565),h=i.n(f),g=i(19216),w=i.n(g),v=i(44589),b=i.n(v),y=i(91989),R={};R.styleTagTransform=b(),R.setAttributes=h(),R.insert=x().bind(null,"head"),R.domAPI=m(),R.insertStyleElement=w();u()(y.ZP,R);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=i(65515),T=i.n(S),k=i(91544),Z=i(25709),j=i(43392),P=i(50451),L=i(47514);const C=(0,r.Pi)((function RoomGallery(e){var n=e.roomItems,i=e.selectedRoom,r=(0,o.useState)(null),l=(0,t.Z)(r,2),u=l[0],c=l[1],m=(0,Z.NP)(),p=m.aiState.isTimeframeLimitReached&&"daily"!==m.aiState.isTimeframeLimitReached;return(0,L.jsxs)("div",{className:y.hi,children:[(0,L.jsx)(k.default,{}),!p&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:T()(y.jB,y.T_),children:(0,L.jsx)(a.tq,{onSwiper:c,resizeObserver:!0,modules:[d.W_,d.rj],spaceBetween:m.uiState.isInMobileView?4:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",slidesPerView:3,style:{marginTop:"16px"},grid:{rows:2},children:n.map((function(e,n){return(0,L.jsx)(a.o5,{onClick:function onClick(e){var i=(n-n%2)/2-1;!function navigateToOnClick(e){null==u||u.slideTo(e)}(i>=0?i:0),e.stopPropagation()},children:e.uploadItem?(0,L.jsx)(j.default,{item:e},e.key):(0,L.jsx)(s.default,{item:e},e.key)},n)}))})}),(0,L.jsx)(P.default,{selectedRoom:i})]})]})}))},84855:(e,n,i)=>{i.d(n,{TN:()=>d,ZP:()=>l,qH:()=>s});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--CD5oJ {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.index-module--d4cMP {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n",""]);var d="index-module--CD5oJ",s="index-module--d4cMP";const l=a},57206:(e,n,i)=>{i.d(n,{Gr:()=>m,TN:()=>s,YS:()=>d,ZP:()=>p,dp:()=>u,fL:()=>l,qT:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--zFIza {\n  text-align: center;\n  color: #2a4b63;\n  width: calc(100% - 42px);\n  padding: 12px 16px;\n  background-color: #f5f9fc;\n  border-radius: 8px;\n}\n\n.index-module--efW1H {\n  font-weight: bold;\n  font-size: 17px;\n  margin-bottom: 4px;\n}\n\n.index-module--RL_hv {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.index-module--US7Sz {\n  font-size: 13px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n}\n\n.index-module--qi3Ht {\n  width: 100%;\n  height: 8px;\n  background-color: #e0e0e0;\n  border-radius: 4px;\n  overflow: hidden;\n  margin-top: 8px;\n}\n\n.index-module--XMThq {\n  height: 100%;\n  transition:\n    width 4s ease,\n    background-color 0.3s ease;\n  border-radius: 4px;\n}\n\n.mobile .index-module--efW1H {\n  font-size: 1em;\n}\n\n.mobile .index-module--zFIza {\n  font-size: 0.9em;\n}\n",""]);var d="index-module--zFIza",s="index-module--efW1H",l="index-module--RL_hv",u="index-module--US7Sz",c="index-module--qi3Ht",m="index-module--XMThq";const p=a},91989:(e,n,i)=>{i.d(n,{T_:()=>p,ZP:()=>f,hi:()=>m,jB:()=>x});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(64197),i.b),u=a()(r()),c=s()(l);u.push([e.id,".index-module--F_kIC {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3);\n  background: var(--roomGalleryBackground, linear-gradient(to right, #b7cbdc, #e9eff3));\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid #e0e0e0;\n}\n\n.index-module--be5TR.index-module--Lhe5Z {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  max-height: 198px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-android .swiper-slide,\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight,\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var m="index-module--F_kIC",p="index-module--be5TR",x="index-module--Lhe5Z";const f=u}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8515.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8515,2105,5370,3125,4835,2265,2591,9638],{23004:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(9420),o=t(87363),d=t(37707),l=t(74635),a=t(93379),s=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),h=t.n(g),v=t(44589),w=t.n(v),b=t(83301),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(73301),j=t(65515),O=t.n(j),S=t(25709),k=t(47514);const N=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],u=s[1],p=(0,o.useRef)(0),m=(0,S.NP)(),x=function navigateToOnClick(e){var n=0!==e?e-1:e;p.current=n,null==c||c.slideTo(n)};return(0,o.useEffect)((function(){c&&c.slideTo(p.current,0)}),[c]),(0,o.useEffect)((function(){var e=r.findIndex((function(e){var n;return e.basketId==(null===(n=m.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));-1!==e&&x(e)}),[m.settingsState.addElementSelected]),(0,k.jsx)("div",{className:O()(b.tx,b.Ey),id:n.id.toString(),children:(0,k.jsx)(d.tq,{onSwiper:u,resizeObserver:!0,modules:[l.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",children:r.map((function(e,i){return(0,k.jsx)(d.o5,{onClick:function onClick(e){x(i),e.stopPropagation()},children:(0,k.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},88504:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(25709),r=t(9420),o=(t(87363),t(23004)),d=t(4903),l=t(93379),a=t.n(l),s=t(7795),c=t.n(s),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),h=t(44589),v=t.n(h),w=t(53946),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=p().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();a()(w.ZP,b);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),P=t.n(y),j=t(47514);const O=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)(),t=n.settingsState.itemPalettes.get(1);if(!t)return(0,j.jsx)(j.Fragment,{});var r=d.default[t.type];return 1==t.groups.flatMap((function(e){return e.items})).length?(0,j.jsx)(j.Fragment,{}):(0,j.jsx)("div",{className:P()(w.YS,n.uiState.isMobilePortrait?w.ai:void 0,n.uiState.isMobilePortrait&&n.uiState.isTablet?w.Mq:void 0),children:(0,j.jsx)("div",{className:w.u7,children:(0,j.jsx)(o.default,{item:t,PaletteComponent:r})})})}))},65370:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(25709),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(11309),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;t(87363);var w=t(65515),b=t.n(w),y=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:b()(h.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(h.LI,n.settingsState.plannerReplaceMode?void 0:h.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(h.LI,n.settingsState.plannerReplaceMode?h.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:h.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},84835:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(84658),r=t(80248),o=t(34988),d=t(50747),l=t.n(d),a=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),h=t(3565),v=t.n(h),w=t(19216),b=t.n(w),y=t(44589),P=t.n(y),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=v(),O.insert=g().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=b();p()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(25709),k=t(9420),N=t(74133),R=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const _=(0,k.Pi)((function TextBox(e){var n,t,d=e.item,s=e.paletteId,u=e.style,p=(0,S.NP)(),m=(0,a.useRef)(null),x=d.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),h=g[0],v=g[1],w=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),b=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,R.jsxs)("div",{className:j.O7,ref:function ref(e){return d.htmlRef=e},style:u,children:[(0,R.jsx)("div",{className:c()(j.eR,j.TN,j.t$),children:(0,R.jsx)(N.default,{item:d,isInScroller:!0,isSettingsHeader:!1})}),(0,R.jsx)("div",{className:c()(j.eR,j.F2),children:b.length?(0,R.jsx)(R.Fragment,{children:b.map((function(e){return(0,R.jsxs)("div",{className:j.t,children:[(0,R.jsx)("div",{className:j.kA,children:e}),(0,R.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return w(e,n)}),500),v(_objectSpread(_objectSpread({},h),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==h?void 0:h[e]})]},e)}))}):(0,R.jsx)("div",{children:(0,R.jsx)("input",{className:j.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},59363:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(60636),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),b=t.n(w),y=t(9420),P=t(92611),j=t(47514);const O=(0,y.Pi)((function MultiToggleSwitch(e){var n=e.values,t=e.items,o=(0,i.Z)(e.state,2),d=o[0],l=o[1],a=e.round,s=100/n.length,c=(0,r.useState)([]),u=(0,i.Z)(c,2),p=u[0],m=u[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?m(n):m(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,j.jsx)("div",{className:h.YS,style:{borderRadius:a?"100px":void 0},children:(0,j.jsxs)("div",{className:h.No,children:[p.map((function(e,n){var i;return(0,j.jsx)("div",{style:{width:s+"%"},children:(0,j.jsxs)("label",{onClick:function onClick(){return l(n)},className:b()(h.F2,d===n&&h.pA),children:[e,(null===(i=t[n])||void 0===i?void 0:i.contentItemId)&&(0,j.jsx)(P.default,{item:t[n],style:{top:-4}},t[n].codex)]})},n)})),(0,j.jsx)("div",{className:h.wb,style:{left:d/n.length*100+"%",width:s+"%",borderRadius:a?"100px":void 0}})]})})}))},25255:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(25709),l=t(59363),a=t(93379),s=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),h=t.n(g),v=t(44589),w=t.n(v),b=t(7182),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(65515),j=t.n(P),O=t(92611),S=t(47514);const k=(0,o.Pi)((function MultiToggleComponent(e){var n,t=e.item,o=e.style,a=e.round,s=e.paletteId,c=(0,d.NP)(),u=(0,r.useState)([]),p=(0,i.Z)(u,2),m=p[0],x=p[1],f=(0,r.useState)([]),g=(0,i.Z)(f,2),h=g[0],v=g[1],w=(0,r.useState)(),y=(0,i.Z)(w,2),P=y[0],k=y[1],N=(0,r.useState)(!1),R=(0,i.Z)(N,2),_=R[0],I=R[1];(0,r.useEffect)((function(){var e=t.groups.flatMap((function(e){return e.items})),n=e.every((function(e){return e.text.endsWith("cm")}));x(e),I(n),v(e.map((function(e){return n?e.text.replace("cm",""):e.text}))),k(e.findIndex((function(e){return e.sel})))}),[t]);return 0===m.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{className:b.O7,ref:function ref(e){return t.htmlRef=e},style:o,children:[(0,S.jsxs)("div",{className:j()(b.eR,b.TN),children:[t.name+(_?" (cm)":""),(null===(n=t.selectedElements)||void 0===n?void 0:n[0].contentItemId)&&(0,S.jsx)(O.default,{item:t.selectedElements[0],style:{position:"relative"}},t.selectedElements[0].codex)]}),(0,S.jsx)("div",{className:j()(b.eR,b.ZN),children:(0,S.jsx)(l.default,{items:m,values:h,state:[P,function onChangeValue(e){k(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,s)}],round:a})})]})}))},27092:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(25709),l=t(65515),a=t.n(l),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),h=t(19216),v=t.n(h),w=t(44589),b=t.n(w),y=t(23623),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(92611),O=t(67494),S=t(47514);const k=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,l=e.displayMode,s=e.hidePricePreview,c=(0,d.NP)(),u=(0,r.useState)([]),p=(0,i.Z)(u,2),m=p[0],x=p[1],f=(0,r.useState)(),g=(0,i.Z)(f,2),h=g[0],v=g[1],w=(0,r.useState)(l||"boxed"),b=(0,i.Z)(w,2),P=b[0],k=(b[1],(0,r.useState)(!1)),N=(0,i.Z)(k,2),R=N[0],_=N[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));x(e),_(t),v(e.findIndex((function(e){return e.sel})))}),[n]);var I=function onChangeValue(e){v(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var C=function getLabelText(e){return R?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(R?" (cm)":"")}),"boxed"===P?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:a()(y.dm,h===n&&y.hv),onClick:function onClick(){return I(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:C(e)}}),e.contentItemId&&(0,S.jsx)(j.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(O.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return I(n)},children:[(0,S.jsx)("div",{className:a()(y.w5,h===n&&y.hv),children:(0,S.jsx)("div",{className:a()(y.gB,h===n&&y.hv)})}),(0,S.jsx)("div",{className:a()(y.PS,h===n&&y.hv),dangerouslySetInnerHTML:{__html:C(e)}}),e.contentItemId&&(0,S.jsx)(j.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(O.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},2265:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(25709),l=t(96935),a=t(74133),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),h=t(19216),v=t.n(h),w=t(44589),b=t.n(w),y=t(74219),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(65515),O=t.n(j),S=t(47514);const k=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)({}),u=(0,i.Z)(c,2),p=u[0],m=u[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],h=f[1],v=(0,r.useState)(),w=(0,i.Z)(v,2),b=w[0],P=w[1],j=function onChangeComplete(e){void 0!==(null!=e?e:b)&&s.paletteViewHandler.clickedOnConfigPalette(g[null!=e?e:b],void 0,o)};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));h(e),P(e.findIndex((function(e){return e.sel}))),m(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===g.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{style:t,className:O()(y.YS,"no-swiping"),children:[(0,S.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,S.jsx)("div",{className:y.sL,children:(0,S.jsx)(l.Z,{marks:p,trackStyle:{backgroundColor:"#e9e9e9"},value:b,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),P(e),j(e)},onChangeComplete:j,min:Number(Object.keys(p)[0]),max:Number(Object.keys(p)[Object.keys(p).length-1])})})]})}))},32591:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(88683),r=t(25709),o=t(87363),d=t(9420),l=t(7197),a=t(93379),s=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),h=t.n(g),v=t(44589),w=t.n(v),b=t(77113),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(74133),j=t(47514),O=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const S=(0,d.Pi)((function PromotedProducts(e){var n,t,d,a=e.item,s=(0,i.useDivaCore)(),c=s.actions.openComponent,u=s.handler.productHandler,p=s.state.organization,m=(0,r.NP)(),x=m.settingsState,f=m.getViewConfig().productsConfig,g=(0,o.useCallback)((function(e){x.setPromotedOptimisticProductId(e),c({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}})}),[c,x]),h=null!==(n=m.configState.productId)&&void 0!==n?n:!m.configState.divaNr&&m.divaWebPlanner.getStartProductId(),v=null!==(t=x.promotedOptimisticProductId)&&void 0!==t?t:h;(0,o.useEffect)((function(){null!=x.promotedOptimisticProductId&&h===x.promotedOptimisticProductId&&x.setPromotedOptimisticProductId(null)}),[x.promotedOptimisticProductId,h,x]),(0,o.useEffect)((function(){x.setPromotedOptimisticProductId(null)}),[p._id,x]);var w=null===(d=m.divaWebPlanner.getCatalogData())||void 0===d?void 0:d.catalogCodex;(0,o.useEffect)((function(){var e;m.uiState.isLogicLoading||x.loadPromotedProducts(u,p._id,w,null===(e=m.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),f)}),[p._id,m.uiState.isLogicLoading,w]);var y=x.promotedGroups,S=null!=f&&f.maxCount&&f.showSkeletions?O(f.maxCount,y.length):[];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(P.default,{isInScroller:!1,isSettingsHeader:!0,item:a}),(0,j.jsxs)("div",{className:b.Ry,children:[y.map((function(e,n){return(0,j.jsx)(l.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:g,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==v}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),S.map((function(e){return(0,j.jsx)("div",{className:b.F1,children:(0,j.jsx)("div",{children:e})},e)}))]})]})}))},59638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var i=t(84658),r=t(34988),o=t(50747),d=t.n(o),l=t(9420),a=t(87363),s=t(37707),c=t(74635),u=t(25709),p=t(88683),m=t(44353),x=t(44874),f=t(47514);const g=(0,l.Pi)((function StyleConsultant(e){e.item;var n,t,o,l,g,h,v,w,b,y,P,j=(0,p.useTranslation)().t,O=(0,u.NP)(),S=O.aiState,k=(0,a.useState)(!1),N=(0,r.Z)(k,2),R=N[0],_=N[1];if(null===(n=O.getViewConfig())||void 0===n||!n.showStyleConsultant||null===(t=S.enrichedAiRoomRenderings)||void 0===t||!t.length)return(0,f.jsx)("div",{className:m.nC,children:(0,f.jsx)("p",{className:m.tS,children:j("configurator.roomRendering.noStylesAvailable","Keine Stilwelten verfügbar.")})});var I=S.enrichedAiRoomRenderings,C=I.find((function(e){return e.key===S.selectedRoom})),D=S.usageBudget,T=null!==(o=null==D?void 0:D.remaining)&&void 0!==o?o:0,A=null!==(l=null===(g=O.settingsState.organizationAISettings)||void 0===g?void 0:g.leadRewardBonus)&&void 0!==l?l:0,G=S.generatedImageHistory,E=null===(h=S.aiGenerationErrors[null!==(v=null==C?void 0:C.key)&&void 0!==v?v:""])||void 0===h?void 0:h[S.setHash],Z=G.some((function(e){return e.key===(null==C?void 0:C.key)&&e.hash===S.setHash&&(e.customPrompt||"")===(S.customPromptInput||"")}));return(0,f.jsxs)("div",{className:m.nC,children:[(0,f.jsx)("h1",{className:m.Se,children:j("configurator.inspiration.headline")}),(0,f.jsx)("p",{className:m.mY,children:j("configurator.inspiration.subheadline")}),(0,f.jsxs)("div",{className:m.Xf,children:[(0,f.jsx)("div",{className:m.is,children:(0,f.jsx)(s.tq,{modules:[c.W_],spaceBetween:10,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,children:I.map((function(e){return(0,f.jsx)(s.o5,{children:(0,f.jsx)("button",{type:"button",className:"".concat(m.ch," ").concat(S.selectedRoom===e.key?m.w:""),onClick:function onClick(){return S.setSelectedRoom(e.key)},title:e.name,children:(0,f.jsx)("img",{src:e.image,alt:e.name,className:m.Te})})},e.key)}))})}),C&&(0,f.jsxs)("div",{className:m.Zg,children:[(0,f.jsx)("h3",{className:m.M3,children:C.name}),!!C.description&&(0,f.jsx)("p",{className:m.fQ,children:C.description})]})]}),(0,f.jsx)("div",{className:m.RF,children:T>0&&!R?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:m.a9,children:[(0,f.jsx)("p",{className:m.fQ,children:j("configurator.inspiration.customPromptDescription")}),(0,f.jsx)("input",{type:"text",className:m.pl,value:null!==(w=S.customPromptInput)&&void 0!==w?w:"",onChange:function onChange(e){return S.setCustomPromptInput(e.target.value)},placeholder:j("configurator.inspiration.customPlaceholder")})]}),(0,f.jsx)("button",{type:"button",className:m.N1,onClick:function onClick(){return C&&S.handleGenerate(C.key,!0)},disabled:!C||S.isAnyGenerationInProgress||null!==(b=null==D?void 0:D.isLimitReached)&&void 0!==b&&b||Z,children:Z?j("configurator.inspiration.generated"):S.isAnyGenerationInProgress?j("configurator.inspiration.generating"):j(E?"configurator.inspiration.retry":"configurator.inspiration.generate")}),E&&(0,f.jsx)("p",{className:m.N3,children:j(E,j("configurator.roomRendering.aiGenerationError.imageSafety"===E?"configurator.inspiration.imageSafetyError":"configurator.roomRendering.aiGenerationError.resourceExhausted"===E?"configurator.inspiration.resourceExhaustedError":"configurator.inspiration.unknownError"))}),(0,f.jsx)("p",{className:m.fh,children:1===T?j("configurator.inspiration.remainingOne"):j("configurator.inspiration.remaining",{scenesRemaining:T})})]}):(0,f.jsx)(x.default,{budgetTotal:null!==(y=null==D?void 0:D.total)&&void 0!==y?y:3,leadBonus:A,leadKeyActive:null!==(P=null==D?void 0:D.leadKeyActive)&&void 0!==P&&P,onSubmit:function(){var e=(0,i.Z)(d().mark((function _callee(e){var n;return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return _(!0),t.next=3,S.createLeadKey(e);case 3:return n=t.sent,t.abrupt("return",null!=n?n:{success:!1});case 5:case"end":return t.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}(),onSuccess:function onSuccess(){return _(!1)}})}),G.length>0&&(0,f.jsxs)("div",{className:m.YO,children:[(0,f.jsx)("h4",{className:m.fU,children:j("configurator.inspiration.sceneHistory")}),(0,f.jsx)("div",{className:m._g,children:(0,f.jsx)(s.tq,{modules:[c.W_],spaceBetween:8,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,children:G.map((function(e,n){var t;return(0,f.jsx)(s.o5,{onClick:function onClick(){return S.useAiGeneratedRoom(e.key,e.hash,!1,e.src)},children:(0,f.jsx)("div",{className:"".concat(m.bx," ").concat((null===(t=S.currentlyVisibleRoom)||void 0===t?void 0:t.src)===e.src?m.Yh:""),children:(0,f.jsx)("img",{src:e.src})})},"".concat(e.key,"-").concat(e.hash,"-").concat(n))}))})})]}),(0,f.jsx)("button",{type:"button",className:m.MZ,onClick:function onClick(){var e=O.tabGroupState.firstVisibleConfigStep;e&&O.navigateToConfigStep(e.key)},children:j("configurator.inspiration.tryVariant")})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(25709),l=t(82902),a=t(88683),s=t(92611),c=t(67494),u=t(94048),p=t(47514),m=(0,a.getLogger)("Planner","ToggleName");const x=function ToggleName(e){var n,t,i,a=e.item,x=e.paletteId,f=e.style,g=(0,d.NP)(),h=a.groups[0].items;if(!h)return(0,p.jsx)(p.Fragment,{});for(var v=0;v<h.length;v++){var w,b;null!==(w=h[v].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(i=h[v]),null!==(b=h[v].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=h[v])}if(!(i&&t||(2==h.length&&(i=h[0],t=h[1]),i&&t)))return m.warn("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var y=0==i.sel,P=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,x)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,x)},val:a,alwaysActiveColor:!0,state:y})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(t,void 0,x)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),void 0!==t.checkForReversingChanges&&(0,p.jsx)(u.default,{item:t,paletteId:x}),(0,p.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),P&&(0,p.jsx)(s.default,{item:P,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(25709),l=t(82902),a=t(9420),s=t(88683),c=t(22134),u=t(92611),p=t(67494),m=t(94048),x=t(47514),f=(0,s.getLogger)("Planner","ToggleOption");const g=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,g=e.style,h=(0,d.NP)(),v=a.groups[0].items;if(!v)return(0,x.jsx)(x.Fragment,{});for(var w=0;w<v.length;w++){var b,y;null!==(b=v[w].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=v[w]),null!==(y=v[w].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=v[w])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,x.jsx)(x.Fragment,{});var P=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,x.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:g,children:[(0,x.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,x.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,x.jsx)(l.default,{onChange:function onChange(){h.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,x.jsx)(m.default,{item:t,paletteId:s})]}),P&&(0,x.jsx)(u.default,{item:P,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},68022:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(80248),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(98404),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),b=t.n(w),y=t(4076),P=t(74133),j=t(65370),O=t(9420),S=t(25709),k=t(88504),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=(0,r.lazy)((function(){return Promise.all([t.e(3251),t.e(6343)]).then(t.bind(t,66343))}));const _=(0,O.Pi)((function ItemWrapper(e){var n,t=e.item,i=e.style,o=e.children,d=e.zIndexBase,l=(0,S.NP)(),a=t.isHeader||t.hideHeader?(0,N.jsx)(N.Fragment,{}):(0,N.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:t}),s=t.type.startsWith("ART"),c=s&&l.settingsState.planner2Dot0Active;return(0,N.jsxs)("div",{className:b()(h.fM,{wcFilterVisible:t.filterVisible}),ref:function ref(e){return t.htmlRef=e},id:t.configStepKey,style:_objectSpread(_objectSpread({},i),{},{zIndex:(null!=d?d:0)+Math.round(100/(t.id+1))}),children:[(0,N.jsx)(y.default,{stepInfo:t.info}),!(null===(n=t.conceptFilter)||void 0===n||!n.length)&&(0,N.jsx)(r.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(R,{additionalGroupFilter:t.conceptFilter,paletteId:t.id})}),!c&&a,c&&(0,N.jsx)(k.default,{}),t.description&&(0,N.jsx)("div",{className:h.WL,dangerouslySetInnerHTML:{__html:t.description}}),s&&!c&&l.settingsState.doShowReplaceMode&&(!l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==t.id)&&(0,N.jsx)(j.default,{}),c&&a,o]})}))},73301:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A,getKey:()=>T});var i=t(80248),r=t(34988),o=t(87363),d=t.n(o),l=t(9420),a=t(86468),s=t(84835),c=t(53125),u=t(32105),p=t(3985),m=t(88584),x=t(25709),f=t(26768),g=t(32591),h=t(59638),v=t(78717),w=t(4903),b=t(68022),y=t(2265),P=t(25255),j=t(27092),O=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var S=function useGridVariables(e){var n=(0,x.NP)(),t=(0,O.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,d,l,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,u=null!==(d=null==s?void 0:s.gapDefault)&&void 0!==d?d:"10px",p=null!==(l=null==s?void 0:s.sizeDefault)&&void 0!==l?l:"300px",m=void 0;if(["SUMMARY_ARTICLES","SUMMARY_OPTIONTREE","VARIANTS"].includes(e.type))p="calc(100% - 20px)";else if(["GAL_GROUP_DROPDOWN","GAL_BIG"].includes(e.type))p="100px";else if("ACC"==e.type)s.sizeAccessoires&&(p=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)p="100%";else if("RANGE"==e.type)p="100%";else if("GAL"==e.type){var x,f;p=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",u=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?p="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)?p="120px":"VERY_SMALL"===e.type?p="48%":"GAL_TEXT_2"==e.type?p=c>700||c>550?"120px":c>400?"90px":"70px":"GAL_TEXT"==e.type||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?p=c>700||c>550?"100px":c>400||!n.uiState.isInMobileView?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?p=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type?p=c>700||c>550?"120px":c>400?"110px":"100px":["GAL_SMALL_TEXT_2","PLANNER_2.0","ART_2"].includes(e.type)?(p=c>700?"105px":c>550?"95px":c>400?"80px":"70px",u="8px"):"GAL_SMALL_TEXT"==e.type?(p=c>700?"75px":c>550?"70px":c>400?"55px":"50px",u="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(p="60px",u="6px"):e.type.startsWith("GAL_SMALL")&&(p="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":p,"--gridGap":u},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},k=t(70419),N=t(32699),R=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var _=d().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),I=d().lazy((function(){return Promise.all([t.e(2976),t.e(4444)]).then(t.bind(t,34444))})),C=d().lazy((function(){return Promise.all([t.e(1849),t.e(7852)]).then(t.bind(t,37852))})),D=["SHELFPLANNER","PLANNER_2.0","CHECKOUT","PRODUCTS","PROMOTED","STYLE_CONSULTANT","DOOR_PLANNER","SUMMARY","SUMMARY_OPTIONTREE","SUMMARY_ARTICLES","VARIANTS"],T=function getKey(e){var n,t,i,r;return e.isTabGroup?e.tabgroupName+e.title:null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const A=(0,l.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.zIndexBase,d=(0,x.NP)(),l=(0,N.me)(),O=S(t),A=w.default[t.type];if(void 0===A)throw new Error("component type: '"+t.type+"' not implemented");var G=(0,o.useState)([]),E=(0,r.Z)(G,2),Z=E[0],L=E[1],z=(0,o.useState)([]),M=(0,r.Z)(z,2),K=M[0],F=M[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),L(n),F(e)}),[t,d.settingsState.itemPalettes]);var B=1===Z.length&&"none"===Z[0].name,H=t.type.startsWith("SUMMARY")?"":p.pw;if(!t.visible)return(0,R.jsx)(R.Fragment,{});if(d.wysiwygDebugState.wysiwygInspectView&&!D.includes(t.type)){var V=l.InspectModeTables;return V?(0,R.jsx)(V,{item:t}):(0,R.jsx)(N.oF,{name:"InspectModeTables"})}switch(t.type){case"TOGGLE":return(0,R.jsx)(m.default,{style:O,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,R.jsx)(v.default,{style:O,item:t,paletteId:t.id});case"TEXTBOX":return(0,R.jsx)(s.default,{style:O,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,R.jsx)(c.default,{style:O,item:t,paletteId:t.id});case"NUMBER":return(0,R.jsx)(A,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0]},t.id+t.configStepKey);case"SLIDER":return(0,R.jsx)(y.default,{style:O,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,R.jsx)(P.default,{style:O,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"RADIO":case"RADIO_LIST":return(0,R.jsx)(j.default,{style:O,item:t,paletteId:t.id,displayMode:"RADIO"===t.type?"boxed":"list"});case"SHELFPLANNER":return(0,R.jsx)(o.Suspense,{fallback:(0,R.jsx)(R.Fragment,{}),children:(0,R.jsx)(_,{filteredGroups:Z,item:t,id:t.id,style:O},t.id)});case"PLANNER_2.0":return(0,R.jsx)(R.Fragment,{});case"CHECKOUT":return(0,R.jsx)(k.default,{},t.id);case"PRODUCTS":return(0,R.jsx)(C,{item:t});case"PROMOTED":return(0,R.jsx)(g.default,{item:t});case"STYLE_CONSULTANT":return(0,R.jsx)(h.default,{item:t});case"DOOR_PLANNER":return(0,R.jsx)(o.Suspense,{fallback:(0,R.jsx)(R.Fragment,{}),children:(0,R.jsx)(I,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var U=(0,R.jsx)(f.default,{item:t,PaletteComponent:A,filteredGroups:K,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:H},t.configStepKey);return(0,R.jsx)(b.default,{style:O,item:t,children:U,zIndexBase:i});default:var W;return W=B?(0,R.jsx)("div",{className:H,children:Z.map((function(e){return e.items.map((function(e,n){return(0,R.jsx)(A,{paletteType:t.type,paletteId:t.id,item:e},T(e))}))}))}):(0,R.jsx)(u.default,{groups:Z,contentInnerClassName:H,itemPalette:t,PaletteComponent:A}),(0,R.jsx)(b.default,{style:O,item:t,children:W,zIndexBase:i})}}))},83301:(e,n,t)=>{t.d(n,{Ey:()=>m,ZP:()=>x,tx:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o),l=t(61667),a=t.n(l),s=new URL(t(64197),t.b),c=d()(r()),u=a()(s);c.push([e.id,".index-module--DtwRe.index-module--PGk_O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*navigation*/\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  width: auto;\n  width: initial;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:first-child {\n  width: auto;\n  width: initial;\n  margin-left: 46px;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:hover {\n  z-index: 1000;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+u+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-android .swiper-slide,\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight,\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var p="index-module--DtwRe",m="index-module--PGk_O";const x=c},53946:(e,n,t)=>{t.d(n,{Mq:()=>s,YS:()=>l,ZP:()=>u,ai:()=>a,u7:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: 0px;\n  z-index: 1500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  width: 100%;\n  height: 148px;\n  pointer-events: none;\n}\n\n.index-module--GKAfY.index-module--KrBev:not(.index-module--ivdRZ) {\n  top: 14px;\n  height: 108px;\n}\n\n.index-module--GKAfY.index-module--ivdRZ {\n  top: 26px;\n}\n\n.index-module--bxQaE {\n  background: var(--settingsBackgroundColor);\n  pointer-events: auto;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n",""]);var l="index-module--GKAfY",a="index-module--KrBev",s="index-module--ivdRZ",c="index-module--bxQaE";const u=d},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>l,ZP:()=>u,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const u=d},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>x,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\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}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=d},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>l,ZP:()=>p,pA:()=>u,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var l="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const p=d},7182:(e,n,t)=>{t.d(n,{O7:()=>l,TN:()=>s,ZN:()=>c,ZP:()=>u,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var l="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const u=d},23623:(e,n,t)=>{t.d(n,{Lc:()=>p,PS:()=>g,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>h,dm:()=>c,gB:()=>f,hv:()=>u,vd:()=>m,w5:()=>x});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",p="index-module--qUNzP",m="index-module--WgT0o",x="index-module--yqUyo",f="index-module--FeZni",g="index-module--q1nJs";const h=d},74219:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",a="index-module--cmtxo";const s=d},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>l,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",a="index-module--tgKwN";const s=d},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>l,TN:()=>c,ZN:()=>u,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const x=d},98404:(e,n,t)=>{t.d(n,{WL:()=>a,ZP:()=>s,fM:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n\n.index-module--DBy7L {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n",""]);var l="index-module--hCQUB",a="index-module--DBy7L";const s=d},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const a=d},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8515,2105,5370,3125,4835,2265,2591,9638],{23004:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(9420),o=t(87363),l=t(37707),d=t(74635),s=t(93379),a=t.n(s),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),h=t.n(g),v=t(44589),w=t.n(v),b=t(83301),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();a()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(73301),j=t(65515),O=t.n(j),S=t(25709),k=t(47514);const N=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),s=(0,o.useState)(null),a=(0,i.Z)(s,2),c=a[0],u=a[1],p=(0,o.useRef)(0),m=(0,S.NP)(),x=function navigateToOnClick(e){var n=0!==e?e-1:e;p.current=n,null==c||c.slideTo(n)};return(0,o.useEffect)((function(){c&&c.slideTo(p.current,0)}),[c]),(0,o.useEffect)((function(){var e=r.findIndex((function(e){var n;return e.basketId==(null===(n=m.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));-1!==e&&x(e)}),[m.settingsState.addElementSelected]),(0,k.jsx)("div",{className:O()(b.tx,b.Ey),id:n.id.toString(),children:(0,k.jsx)(l.tq,{onSwiper:u,resizeObserver:!0,modules:[d.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",children:r.map((function(e,i){return(0,k.jsx)(l.o5,{onClick:function onClick(e){x(i),e.stopPropagation()},children:(0,k.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},88504:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(25709),r=t(9420),o=(t(87363),t(23004)),l=t(4903),d=t(93379),s=t.n(d),a=t(7795),c=t.n(a),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),h=t(44589),v=t.n(h),w=t(53946),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=p().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();s()(w.ZP,b);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),P=t.n(y),j=t(47514);const O=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)(),t=n.settingsState.itemPalettes.get(1);if(!t)return(0,j.jsx)(j.Fragment,{});var r=l.default[t.type];return 1==t.groups.flatMap((function(e){return e.items})).length?(0,j.jsx)(j.Fragment,{}):(0,j.jsx)("div",{className:P()(w.YS,n.uiState.isMobilePortrait?w.ai:void 0,n.uiState.isMobilePortrait&&n.uiState.isTablet?w.Mq:void 0),children:(0,j.jsx)("div",{className:w.u7,children:(0,j.jsx)(o.default,{item:t,PaletteComponent:r})})})}))},65370:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(25709),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),c=t.n(a),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(11309),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;t(87363);var w=t(65515),b=t.n(w),y=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:b()(h.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(h.LI,n.settingsState.plannerReplaceMode?void 0:h.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(h.LI,n.settingsState.plannerReplaceMode?h.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:h.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},84835:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(84658),r=t(80248),o=t(34988),l=t(50747),d=t.n(l),s=t(87363),a=t(65515),c=t.n(a),u=t(93379),p=t.n(u),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),h=t(3565),v=t.n(h),w=t(19216),b=t.n(w),y=t(44589),P=t.n(y),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=v(),O.insert=g().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=b();p()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(25709),k=t(9420),N=t(74133),R=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const _=(0,k.Pi)((function TextBox(e){var n,t,l=e.item,a=e.paletteId,u=e.style,p=(0,S.NP)(),m=(0,s.useRef)(null),x=l.groups[0].items,f=(0,s.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),h=g[0],v=g[1],w=function(){var e=(0,i.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],a);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),b=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,R.jsxs)("div",{className:j.O7,ref:function ref(e){return l.htmlRef=e},style:u,children:[(0,R.jsx)("div",{className:c()(j.eR,j.TN,j.t$),children:(0,R.jsx)(N.default,{item:l,isInScroller:!0,isSettingsHeader:!1})}),(0,R.jsx)("div",{className:c()(j.eR,j.F2),children:b.length?(0,R.jsx)(R.Fragment,{children:b.map((function(e){return(0,R.jsxs)("div",{className:j.t,children:[(0,R.jsx)("div",{className:j.kA,children:e}),(0,R.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return w(e,n)}),500),v(_objectSpread(_objectSpread({},h),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==h?void 0:h[e]})]},e)}))}):(0,R.jsx)("div",{children:(0,R.jsx)("input",{className:j.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",a))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},59363:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),c=t.n(a),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(60636),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),b=t.n(w),y=t(9420),P=t(92611),j=t(47514);const O=(0,y.Pi)((function MultiToggleSwitch(e){var n=e.values,t=e.items,o=(0,i.Z)(e.state,2),l=o[0],d=o[1],s=e.round,a=100/n.length,c=(0,r.useState)([]),u=(0,i.Z)(c,2),p=u[0],m=u[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?m(n):m(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,j.jsx)("div",{className:h.YS,style:{borderRadius:s?"100px":void 0},children:(0,j.jsxs)("div",{className:h.No,children:[p.map((function(e,n){var i;return(0,j.jsx)("div",{style:{width:a+"%"},children:(0,j.jsxs)("label",{onClick:function onClick(){return d(n)},className:b()(h.F2,l===n&&h.pA),children:[e,(null===(i=t[n])||void 0===i?void 0:i.contentItemId)&&(0,j.jsx)(P.default,{item:t[n],style:{top:-4}},t[n].codex)]})},n)})),(0,j.jsx)("div",{className:h.wb,style:{left:l/n.length*100+"%",width:a+"%",borderRadius:s?"100px":void 0}})]})})}))},25255:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),l=t(25709),d=t(59363),s=t(93379),a=t.n(s),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),f=t.n(x),g=t(19216),h=t.n(g),v=t(44589),w=t.n(v),b=t(7182),y={};y.styleTagTransform=w(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();a()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=t(65515),j=t.n(P),O=t(92611),S=t(47514);const k=(0,o.Pi)((function MultiToggleComponent(e){var n,t=e.item,o=e.style,s=e.round,a=e.paletteId,c=(0,l.NP)(),u=(0,r.useState)([]),p=(0,i.Z)(u,2),m=p[0],x=p[1],f=(0,r.useState)([]),g=(0,i.Z)(f,2),h=g[0],v=g[1],w=(0,r.useState)(),y=(0,i.Z)(w,2),P=y[0],k=y[1],N=(0,r.useState)(!1),R=(0,i.Z)(N,2),_=R[0],I=R[1];(0,r.useEffect)((function(){var e=t.groups.flatMap((function(e){return e.items})),n=e.every((function(e){return e.text.endsWith("cm")}));x(e),I(n),v(e.map((function(e){return n?e.text.replace("cm",""):e.text}))),k(e.findIndex((function(e){return e.sel})))}),[t]);return 0===m.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{className:b.O7,ref:function ref(e){return t.htmlRef=e},style:o,children:[(0,S.jsxs)("div",{className:j()(b.eR,b.TN),children:[t.name+(_?" (cm)":""),(null===(n=t.selectedElements)||void 0===n?void 0:n[0].contentItemId)&&(0,S.jsx)(O.default,{item:t.selectedElements[0],style:{position:"relative"}},t.selectedElements[0].codex)]}),(0,S.jsx)("div",{className:j()(b.eR,b.ZN),children:(0,S.jsx)(d.default,{items:m,values:h,state:[P,function onChangeValue(e){k(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,a)}],round:s})})]})}))},27092:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),l=t(25709),d=t(65515),s=t.n(d),a=t(93379),c=t.n(a),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),h=t(19216),v=t.n(h),w=t(44589),b=t.n(w),y=t(23623),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(92611),O=t(67494),S=t(47514);const k=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,d=e.displayMode,a=e.hidePricePreview,c=(0,l.NP)(),u=(0,r.useState)([]),p=(0,i.Z)(u,2),m=p[0],x=p[1],f=(0,r.useState)(),g=(0,i.Z)(f,2),h=g[0],v=g[1],w=(0,r.useState)(d||"boxed"),b=(0,i.Z)(w,2),P=b[0],k=(b[1],(0,r.useState)(!1)),N=(0,i.Z)(k,2),R=N[0],_=N[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));x(e),_(t),v(e.findIndex((function(e){return e.sel})))}),[n]);var I=function onChangeValue(e){v(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var C=function getLabelText(e){return R?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(R?" (cm)":"")}),"boxed"===P?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:s()(y.dm,h===n&&y.hv),onClick:function onClick(){return I(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:C(e)}}),e.contentItemId&&(0,S.jsx)(j.default,{item:e},e.codex),!a&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(O.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return I(n)},children:[(0,S.jsx)("div",{className:s()(y.w5,h===n&&y.hv),children:(0,S.jsx)("div",{className:s()(y.gB,h===n&&y.hv)})}),(0,S.jsx)("div",{className:s()(y.PS,h===n&&y.hv),dangerouslySetInnerHTML:{__html:C(e)}}),e.contentItemId&&(0,S.jsx)(j.default,{item:e},e.codex),!a&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(O.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},2265:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),l=t(25709),d=t(96935),s=t(74133),a=t(93379),c=t.n(a),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),h=t(19216),v=t.n(h),w=t(44589),b=t.n(w),y=t(74219),P={};P.styleTagTransform=b(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(65515),O=t.n(j),S=t(47514);const k=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.paletteId,a=(0,l.NP)(),c=(0,r.useState)({}),u=(0,i.Z)(c,2),p=u[0],m=u[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],h=f[1],v=(0,r.useState)(),w=(0,i.Z)(v,2),b=w[0],P=w[1],j=function onChangeComplete(e){void 0!==(null!=e?e:b)&&a.paletteViewHandler.clickedOnConfigPalette(g[null!=e?e:b],void 0,o)};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));h(e),P(e.findIndex((function(e){return e.sel}))),m(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===g.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{style:t,className:O()(y.YS,"no-swiping"),children:[(0,S.jsx)(s.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,S.jsx)("div",{className:y.sL,children:(0,S.jsx)(d.Z,{marks:p,trackStyle:{backgroundColor:"#e9e9e9"},value:b,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),P(e),j(e)},onChangeComplete:j,min:Number(Object.keys(p)[0]),max:Number(Object.keys(p)[Object.keys(p).length-1])})})]})}))},32591:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(88683),r=t(25709),o=t(87363),l=t(9420),d=t(7197),s=t(65515),a=t.n(s),c=t(93379),u=t.n(c),p=t(7795),m=t.n(p),x=t(90569),f=t.n(x),g=t(3565),h=t.n(g),v=t(19216),w=t.n(v),b=t(44589),y=t.n(b),P=t(77113),j={};j.styleTagTransform=y(),j.setAttributes=h(),j.insert=f().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=w();u()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var O=t(74133),S=t(47514),k=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const N=(0,l.Pi)((function PromotedProducts(e){var n,t,l,s=e.item,c=(0,i.useDivaCore)(),u=c.actions.openComponent,p=c.handler.productHandler,m=c.state.organization,x=(0,r.NP)(),f=x.settingsState,g=x.getViewConfig().productsConfig,h=(0,o.useRef)(!1),v=(0,o.useRef)(!1),w=(0,o.useCallback)((function(e){x.uiState.isLogicLoading||null!=f.promotedOptimisticProductId||h.current||(h.current=!0,v.current=!1,f.setPromotedOptimisticProductId(e),u({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}}))}),[u,f,x.uiState]),b=null!==(n=x.configState.productId)&&void 0!==n?n:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId(),y=null!==(t=f.promotedOptimisticProductId)&&void 0!==t?t:b;(0,o.useEffect)((function(){h.current&&(x.uiState.isLogicLoading?v.current=!0:v.current&&(h.current=!1,v.current=!1,f.setPromotedOptimisticProductId(null)))}),[f,x.uiState.isLogicLoading]),(0,o.useEffect)((function(){f.setPromotedOptimisticProductId(null)}),[m._id,f]);var j=null===(l=x.divaWebPlanner.getCatalogData())||void 0===l?void 0:l.catalogCodex;(0,o.useEffect)((function(){var e;x.uiState.isLogicLoading||f.loadPromotedProducts(p,m._id,j,null===(e=x.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),g)}),[m._id,x.uiState.isLogicLoading,j]);var N=f.promotedGroups,R=null!=g&&g.maxCount&&g.showSkeletions?k(g.maxCount,N.length):[],_=x.uiState.isLogicLoading||null!=f.promotedOptimisticProductId||h.current;return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,S.jsxs)("div",{className:a()(P.Ry,_?P.Z_:void 0),"aria-disabled":_,children:[N.map((function(e,n){return(0,S.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:w,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==y}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),R.map((function(e){return(0,S.jsx)("div",{className:P.F1,children:(0,S.jsx)("div",{children:e})},e)}))]})]})}))},59638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var i=t(84658),r=t(34988),o=t(50747),l=t.n(o),d=t(9420),s=t(87363),a=t(37707),c=t(74635),u=t(25709),p=t(88683),m=t(44353),x=t(44874),f=t(47514);const g=(0,d.Pi)((function StyleConsultant(e){e.item;var n,t,o,d,g,h,v,w,b,y,P,j,O,S,k=(0,p.useTranslation)().t,N=(0,u.NP)(),R=N.aiState,_=(0,s.useState)(!1),I=(0,r.Z)(_,2),C=I[0],T=I[1],D=(0,s.useState)(null),A=(0,r.Z)(D,2),G=A[0],E=A[1],Z=(0,s.useState)(!1),L=(0,r.Z)(Z,2),z=L[0],M=L[1];if(null===(n=N.getViewConfig())||void 0===n||!n.showStyleConsultant||null===(t=R.enrichedAiRoomRenderings())||void 0===t||!t.length)return(0,f.jsx)("div",{className:m.nC,children:(0,f.jsx)("p",{className:m.tS,children:k("configurator.roomRendering.noStylesAvailable","Keine Stilwelten verfügbar.")})});var F=R.enrichedAiRoomRenderings(),K=null!==(o=F.find((function(e){return e.key===R.selectedRoom})))&&void 0!==o?o:F[0],B=R.usageBudget,H=null!==(d=null==B?void 0:B.remaining)&&void 0!==d?d:0,V=null!==(g=null===(h=N.settingsState.organizationAISettings)||void 0===h?void 0:h.leadRewardBonus)&&void 0!==g?g:0,U=(null!==(v=null===(w=N.getViewConfig())||void 0===w?void 0:w.aiPromptExamples)&&void 0!==v?v:[]).map((function(e){return k(e)})),W=R.generatedImageHistory,Y=null===(b=R.aiGenerationErrors[null!==(y=null==K?void 0:K.key)&&void 0!==y?y:""])||void 0===b?void 0:b[R.setHash],X=W.some((function(e){return e.key===(null==K?void 0:K.key)&&e.hash===R.setHash&&(e.customPrompt||"")===(R.customPromptInput||"")}));return(0,s.useEffect)((function(){M(!1)}),[W.length]),(0,f.jsxs)("div",{className:m.nC,children:[(0,f.jsx)("h1",{className:m.Se,children:k("configurator.inspiration.headline")}),W.length>0?(0,f.jsxs)("div",{className:m.YO,children:[(0,f.jsx)("h4",{className:m.fU,children:k("configurator.inspiration.sceneHistory")}),(0,f.jsx)("div",{className:m._g,children:(0,f.jsxs)(a.tq,{modules:[c.W_],spaceBetween:8,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,children:[(0,f.jsx)(a.o5,{onClick:function onClick(){R.isAnyGenerationInProgress&&R.focusLoadingSlide()},children:(0,f.jsxs)("div",{className:"".concat(m.X4," ").concat(z||R.isLoadingSlideActive?m.tj:""),children:[z&&null!=K&&K.image?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("img",{src:K.image,alt:K.name,className:m.p5}),K.name&&(0,f.jsx)("span",{className:m.cM,children:K.name})]}):(0,f.jsx)("span",{className:m.tg,children:"✨"}),R.isAnyGenerationInProgress&&(0,f.jsx)("div",{className:m.lH,children:(0,f.jsx)("span",{className:m.fF})})]})},"placeholder"),W.map((function(e,n){var t,i,r=null===(t=F.find((function(n){return n.key===e.key})))||void 0===t?void 0:t.name,o=!z&&!R.isLoadingSlideActive&&(null===(i=R.currentlyVisibleRoom)||void 0===i?void 0:i.src)===e.src;return(0,f.jsx)(a.o5,{onClick:function onClick(){M(!1),R.useAiGeneratedRoom(e.key,e.hash,!1,e.src)},children:(0,f.jsxs)("div",{className:"".concat(m.bx," ").concat(o?m.Yh:""),children:[(0,f.jsx)("img",{src:e.src}),r&&(0,f.jsx)("span",{className:m.cM,children:r})]})},"".concat(e.key,"-").concat(e.hash,"-").concat(n))}))]})})]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("p",{className:m.mY,children:k("configurator.inspiration.subheadline")}),(0,f.jsxs)("div",{className:m.Mt,children:[(0,f.jsx)("img",{src:null==K?void 0:K.image,alt:null==K?void 0:K.name,className:m.aH}),K&&(0,f.jsxs)("div",{className:m.sG,children:[(0,f.jsx)("h3",{className:m.cU,children:K.name}),!!K.description&&(0,f.jsx)("p",{className:m.Nz,children:K.description})]})]})]}),(0,f.jsx)("div",{className:m.Xf,children:(0,f.jsx)("div",{className:m.is,children:(0,f.jsx)(a.tq,{modules:[c.W_],spaceBetween:10,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,onSwiper:E,children:F.map((function(e,n){return(0,f.jsx)(a.o5,{children:(0,f.jsxs)("button",{type:"button",className:"".concat(m.ch," ").concat(R.selectedRoom===e.key?m.w:""),onClick:function onClick(){R.setSelectedRoom(e.key),M(!0),null==G||G.slideTo(n)},disabled:R.isAnyGenerationInProgress,title:e.name,children:[(0,f.jsx)("img",{src:e.image,alt:e.name,className:m.Te}),(0,f.jsx)("span",{className:m.lr,children:e.name})]})},e.key)}))})})}),(0,f.jsx)("div",{className:m.RF,children:H>0&&!C?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("button",{type:"button",className:m.N1,onClick:function onClick(){return K&&R.handleGenerate(K.key,!0)},disabled:!K||R.isAnyGenerationInProgress||null!==(P=null==B?void 0:B.isLimitReached)&&void 0!==P&&P||X,children:[(0,f.jsx)("span",{children:X?k("configurator.inspiration.generated"):R.isAnyGenerationInProgress?k("configurator.inspiration.generating"):k(Y?"configurator.inspiration.retry":"configurator.inspiration.generate")}),!X&&!R.isAnyGenerationInProgress&&(0,f.jsx)("span",{className:m.L_,children:k("configurator.inspiration.generateTime","(ca. 20 Sek.)")})]}),Y&&(0,f.jsx)("p",{className:m.N3,children:k(Y,k("configurator.roomRendering.aiGenerationError.imageSafety"===Y?"configurator.inspiration.imageSafetyError":"configurator.roomRendering.aiGenerationError.resourceExhausted"===Y?"configurator.inspiration.resourceExhaustedError":"configurator.inspiration.unknownError"))}),(0,f.jsx)("p",{className:m.fh,children:1===H?k("configurator.inspiration.remainingOne"):k("configurator.inspiration.remaining",{scenesRemaining:H})})]}):(0,f.jsx)(x.default,{budgetTotal:null!==(j=null==B?void 0:B.total)&&void 0!==j?j:3,leadBonus:V,leadKeyActive:null!==(O=null==B?void 0:B.leadKeyActive)&&void 0!==O&&O,onSubmit:function(){var e=(0,i.Z)(l().mark((function _callee(e){var n;return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return T(!0),t.next=3,R.createLeadKey(e);case 3:return n=t.sent,t.abrupt("return",null!=n?n:{success:!1});case 5:case"end":return t.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}(),onSuccess:function onSuccess(){return T(!1)}})}),H>0&&!C&&(0,f.jsxs)("div",{className:m.a9,children:[(0,f.jsx)("p",{className:m.fQ,children:k("configurator.inspiration.customPromptToggle","Optional: Bild personalisieren")}),(0,f.jsx)("input",{type:"text",className:m.pl,value:null!==(S=R.customPromptInput)&&void 0!==S?S:"",onChange:function onChange(e){return R.setCustomPromptInput(e.target.value)},placeholder:k("configurator.inspiration.customPlaceholder")}),U.length>0&&(0,f.jsx)("div",{className:m.fZ,children:(0,f.jsx)(a.tq,{spaceBetween:8,slidesPerView:"auto",wrapperClass:"no-swiping",resizeObserver:!0,children:U.map((function(e){return(0,f.jsx)(a.o5,{children:(0,f.jsx)("button",{type:"button",className:m.HM,onClick:function onClick(){return R.setCustomPromptInput(e)},children:e})},e)}))})})]}),(0,f.jsx)("button",{type:"button",className:m.MZ,onClick:function onClick(){var e=N.tabGroupState.firstVisibleConfigStep;e&&N.navigateToConfigStep(e.key)},children:k("configurator.inspiration.tryVariant")})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(25709),d=t(82902),s=t(88683),a=t(92611),c=t(67494),u=t(94048),p=t(47514),m=(0,s.getLogger)("Planner","ToggleName");const x=function ToggleName(e){var n,t,i,s=e.item,x=e.paletteId,f=e.style,g=(0,l.NP)(),h=s.groups[0].items;if(!h)return(0,p.jsx)(p.Fragment,{});for(var v=0;v<h.length;v++){var w,b;null!==(w=h[v].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(i=h[v]),null!==(b=h[v].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=h[v])}if(!(i&&t||(2==h.length&&(i=h[0],t=h[1]),i&&t)))return m.warn("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),s.isVisited=!0,(0,p.jsx)(p.Fragment,{});var y=0==i.sel,P=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:f,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,x)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(d.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,x)},val:s,alwaysActiveColor:!0,state:y})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(t,void 0,x)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),void 0!==t.checkForReversingChanges&&(0,p.jsx)(u.default,{item:t,paletteId:x}),(0,p.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),P&&(0,p.jsx)(a.default,{item:P,style:{position:"relative"}},s.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(25709),d=t(82902),s=t(9420),a=t(88683),c=t(22134),u=t(92611),p=t(67494),m=t(94048),x=t(47514),f=(0,a.getLogger)("Planner","ToggleOption");const g=(0,s.Pi)((function ToggleOption(e){var n,t,i,s=e.item,a=e.paletteId,g=e.style,h=(0,l.NP)(),v=s.groups[0].items;if(!v)return(0,x.jsx)(x.Fragment,{});for(var w=0;w<v.length;w++){var b,y;null!==(b=v[w].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=v[w]),null!==(y=v[w].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=v[w])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),s.isVisited=!0,(0,x.jsx)(x.Fragment,{});var P=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,x.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:g,children:[(0,x.jsx)("div",{className:r()(o.eR,o.TN),children:s.name}),(0,x.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,x.jsx)(d.default,{onChange:function onChange(){h.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,a)},val:s,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,x.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,x.jsx)(m.default,{item:t,paletteId:a})]}),P&&(0,x.jsx)(u.default,{item:P,style:{bottom:"calc(50% - 10px)",right:"20px"}},s.configStepKey)]})}))},68022:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(80248),r=t(87363),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),c=t.n(a),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),h=t(98404),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),b=t.n(w),y=t(4076),P=t(74133),j=t(65370),O=t(9420),S=t(25709),k=t(88504),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=(0,r.lazy)((function(){return Promise.all([t.e(3251),t.e(6343)]).then(t.bind(t,66343))}));const _=(0,O.Pi)((function ItemWrapper(e){var n,t=e.item,i=e.style,o=e.children,l=e.zIndexBase,d=(0,S.NP)(),s=t.isHeader||t.hideHeader?(0,N.jsx)(N.Fragment,{}):(0,N.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:t}),a=t.type.startsWith("ART"),c=a&&d.settingsState.planner2Dot0Active;return(0,N.jsxs)("div",{className:b()(h.fM,{wcFilterVisible:t.filterVisible}),ref:function ref(e){return t.htmlRef=e},id:t.configStepKey,style:_objectSpread(_objectSpread({},i),{},{zIndex:(null!=l?l:0)+Math.round(100/(t.id+1))}),children:[(0,N.jsx)(y.default,{stepInfo:t.info}),!(null===(n=t.conceptFilter)||void 0===n||!n.length)&&(0,N.jsx)(r.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(R,{additionalGroupFilter:t.conceptFilter,paletteId:t.id})}),!c&&s,c&&(0,N.jsx)(k.default,{}),t.description&&(0,N.jsx)("div",{className:h.WL,dangerouslySetInnerHTML:{__html:t.description}}),a&&!c&&d.settingsState.doShowReplaceMode&&(!d.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==t.id)&&(0,N.jsx)(j.default,{}),c&&s,o]})}))},73301:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A,getKey:()=>D});var i=t(80248),r=t(34988),o=t(87363),l=t.n(o),d=t(9420),s=t(86468),a=t(84835),c=t(53125),u=t(32105),p=t(3985),m=t(88584),x=t(25709),f=t(26768),g=t(32591),h=t(59638),v=t(78717),w=t(4903),b=t(68022),y=t(2265),P=t(25255),j=t(27092),O=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var S=function useGridVariables(e){var n=(0,x.NP)(),t=(0,O.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,l,d,s,a=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,u=null!==(l=null==a?void 0:a.gapDefault)&&void 0!==l?l:"10px",p=null!==(d=null==a?void 0:a.sizeDefault)&&void 0!==d?d:"300px",m=void 0;if(["SUMMARY_ARTICLES","SUMMARY_OPTIONTREE","VARIANTS"].includes(e.type))p="calc(100% - 20px)";else if(["GAL_GROUP_DROPDOWN","GAL_BIG"].includes(e.type))p="100px";else if("ACC"==e.type)a.sizeAccessoires&&(p=a.sizeAccessoires);else if("ACC_CONFIG"==e.type)p="100%";else if("RANGE"==e.type)p="100%";else if("GAL"==e.type){var x,f;p=null!==(x=null==a?void 0:a.sizeGallery)&&void 0!==x?x:"80px",u=null!==(f=null==a?void 0:a.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?p="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(s=n.uiState.templateConfigKeys)||void 0===s?void 0:s.ItemDefault)?p="120px":"VERY_SMALL"===e.type?p="48%":"GAL_TEXT_2"==e.type?p=c>700||c>550?"120px":c>400?"90px":"70px":"GAL_TEXT"==e.type||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?p=c>700||c>550?"100px":c>400||!n.uiState.isInMobileView?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?p=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type?p=c>700||c>550?"120px":c>400?"110px":"100px":["GAL_SMALL_TEXT_2","PLANNER_2.0","ART_2"].includes(e.type)?(p=c>700?"105px":c>550?"95px":c>400?"80px":"70px",u="8px"):"GAL_SMALL_TEXT"==e.type?(p=c>700?"75px":c>550?"70px":c>400?"55px":"50px",u="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(p="60px",u="6px"):e.type.startsWith("GAL_SMALL")&&(p="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":p,"--gridGap":u},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},k=t(70419),N=t(32699),R=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var _=l().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),I=l().lazy((function(){return Promise.all([t.e(2976),t.e(4444)]).then(t.bind(t,34444))})),C=l().lazy((function(){return Promise.all([t.e(1849),t.e(7852)]).then(t.bind(t,37852))})),T=["SHELFPLANNER","PLANNER_2.0","CHECKOUT","PRODUCTS","PROMOTED","STYLE_CONSULTANT","DOOR_PLANNER","SUMMARY","SUMMARY_OPTIONTREE","SUMMARY_ARTICLES","VARIANTS"],D=function getKey(e){var n,t,i,r;return e.isTabGroup?e.tabgroupName+e.title:null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const A=(0,d.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.zIndexBase,l=(0,x.NP)(),d=(0,N.me)(),O=S(t),A=w.default[t.type];if(void 0===A)throw new Error("component type: '"+t.type+"' not implemented");var G=(0,o.useState)([]),E=(0,r.Z)(G,2),Z=E[0],L=E[1],z=(0,o.useState)([]),M=(0,r.Z)(z,2),F=M[0],K=M[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,s.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),L(n),K(e)}),[t,l.settingsState.itemPalettes]);var B=1===Z.length&&"none"===Z[0].name,H=t.type.startsWith("SUMMARY")?"":p.pw;if(!t.visible)return(0,R.jsx)(R.Fragment,{});if(l.wysiwygDebugState.wysiwygInspectView&&!T.includes(t.type)){var V=d.InspectModeTables;return V?(0,R.jsx)(V,{item:t}):(0,R.jsx)(N.oF,{name:"InspectModeTables"})}switch(t.type){case"TOGGLE":return(0,R.jsx)(m.default,{style:O,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,R.jsx)(v.default,{style:O,item:t,paletteId:t.id});case"TEXTBOX":return(0,R.jsx)(a.default,{style:O,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,R.jsx)(c.default,{style:O,item:t,paletteId:t.id});case"NUMBER":return(0,R.jsx)(A,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0]},t.id+t.configStepKey);case"SLIDER":return(0,R.jsx)(y.default,{style:O,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,R.jsx)(P.default,{style:O,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"RADIO":case"RADIO_LIST":return(0,R.jsx)(j.default,{style:O,item:t,paletteId:t.id,displayMode:"RADIO"===t.type?"boxed":"list"});case"SHELFPLANNER":return(0,R.jsx)(o.Suspense,{fallback:(0,R.jsx)(R.Fragment,{}),children:(0,R.jsx)(_,{filteredGroups:Z,item:t,id:t.id,style:O},t.id)});case"PLANNER_2.0":return(0,R.jsx)(R.Fragment,{});case"CHECKOUT":return(0,R.jsx)(k.default,{},t.id);case"PRODUCTS":return(0,R.jsx)(C,{item:t});case"PROMOTED":return(0,R.jsx)(g.default,{item:t});case"STYLE_CONSULTANT":return(0,R.jsx)(h.default,{item:t});case"DOOR_PLANNER":return(0,R.jsx)(o.Suspense,{fallback:(0,R.jsx)(R.Fragment,{}),children:(0,R.jsx)(I,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var U=(0,R.jsx)(f.default,{item:t,PaletteComponent:A,filteredGroups:F,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:H},t.configStepKey);return(0,R.jsx)(b.default,{style:O,item:t,children:U,zIndexBase:i});default:var W;return W=B?(0,R.jsx)("div",{className:H,children:Z.map((function(e){return e.items.map((function(e,n){return(0,R.jsx)(A,{paletteType:t.type,paletteId:t.id,item:e},D(e))}))}))}):(0,R.jsx)(u.default,{groups:Z,contentInnerClassName:H,itemPalette:t,PaletteComponent:A}),(0,R.jsx)(b.default,{style:O,item:t,children:W,zIndexBase:i})}}))},83301:(e,n,t)=>{t.d(n,{Ey:()=>m,ZP:()=>x,tx:()=>p});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o),d=t(61667),s=t.n(d),a=new URL(t(64197),t.b),c=l()(r()),u=s()(a);c.push([e.id,".index-module--DtwRe.index-module--PGk_O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*navigation*/\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  width: auto;\n  width: initial;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:first-child {\n  width: auto;\n  width: initial;\n  margin-left: 46px;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:hover {\n  z-index: 1000;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+u+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-android .swiper-slide,\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight,\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var p="index-module--DtwRe",m="index-module--PGk_O";const x=c},53946:(e,n,t)=>{t.d(n,{Mq:()=>a,YS:()=>d,ZP:()=>u,ai:()=>s,u7:()=>c});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: 0px;\n  z-index: 1500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  width: 100%;\n  height: 148px;\n  pointer-events: none;\n}\n\n.index-module--GKAfY.index-module--KrBev:not(.index-module--ivdRZ) {\n  top: 14px;\n  height: 108px;\n}\n\n.index-module--GKAfY.index-module--ivdRZ {\n  top: 26px;\n}\n\n.index-module--bxQaE {\n  background: var(--settingsBackgroundColor);\n  pointer-events: auto;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n",""]);var d="index-module--GKAfY",s="index-module--KrBev",a="index-module--ivdRZ",c="index-module--bxQaE";const u=l},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>s,YS:()=>d,ZP:()=>u,pA:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",s="index-module--BZXkK",a="index-module--WUQm2",c="index-module--f88nM";const u=l},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>s,TN:()=>a,ZP:()=>f,eR:()=>p,kA:()=>x,q_:()=>d,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\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}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",s="index-module--VyzqQ",a="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=l},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>s,YS:()=>d,ZP:()=>p,pA:()=>u,wb:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var d="index-module--V0pQW",s="index-module--zHWrU",a="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const p=l},7182:(e,n,t)=>{t.d(n,{O7:()=>d,TN:()=>a,ZN:()=>c,ZP:()=>u,eR:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var d="index-module--j9Vsg",s="index-module--oMpID",a="index-module--F6wCX",c="index-module--mALKQ";const u=l},23623:(e,n,t)=>{t.d(n,{Lc:()=>p,PS:()=>g,TN:()=>s,UH:()=>a,YS:()=>d,ZP:()=>h,dm:()=>c,gB:()=>f,hv:()=>u,vd:()=>m,w5:()=>x});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var d="index-module--ptxMZ",s="index-module--X1DVu",a="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",p="index-module--qUNzP",m="index-module--WgT0o",x="index-module--yqUyo",f="index-module--FeZni",g="index-module--q1nJs";const h=l},74219:(e,n,t)=>{t.d(n,{YS:()=>d,ZP:()=>a,sL:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var d="index-module--vkNxi",s="index-module--cmtxo";const a=l},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>d,ZP:()=>c,Z_:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",a="index-module--tgKwN";const c=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>a,O7:()=>d,TN:()=>c,ZN:()=>u,ZP:()=>x,eR:()=>s,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var d="index-module--v5pSs",s="index-module--WNi5H",a="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const x=l},98404:(e,n,t)=>{t.d(n,{WL:()=>s,ZP:()=>a,fM:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n\n.index-module--DBy7L {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n",""]);var d="index-module--hCQUB",s="index-module--DBy7L";const a=l},70410:(e,n,t)=>{t.d(n,{ZP:()=>s,pw:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var d="index-module--anx5T";const s=l},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),s=t.n(d),a=t(3565),c=t.n(a),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=s().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),s=t.n(d),a=t(3565),c=t.n(a),u=t(19216),p=t.n(u),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=s().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9354.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9354,7692,4729],{27692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var o=i(9420),t=i(25709),d=i(65515),l=i.n(d),a=i(93379),s=i.n(a),r=i(7795),u=i.n(r),x=i(90569),c=i.n(x),m=i(3565),p=i.n(m),g=i(19216),f=i.n(g),h=i(44589),b=i.n(h),v=i(91642),I={};I.styleTagTransform=b(),I.setAttributes=p(),I.insert=c().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=f();s()(v.ZP,I);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(47514);const M=(0,o.Pi)((function StyleIndicator(){var n,e=(0,t.NP)(),i=e.aiState,o=e.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),d=i.aiStyleKeyInitializedByEvent?null===(n=i.enrichedAiRoomRenderings)||void 0===n?void 0:n.find((function(n){return n.key===i.aiSelectedStyleKey})):void 0;return d&&o?(0,y.jsxs)("li",{className:l()(v.H3,e.getIsInMobileView()&&!e.uiState.isTablet?v.ai:void 0),onClick:function onClick(){return e.navigateToConfigStep(o.configStep.key)},children:[(0,y.jsx)("div",{className:v.vz,children:(0,y.jsx)("img",{src:d.image,alt:d.name})}),(!e.getIsInMobileView()||e.uiState.isTablet)&&(0,y.jsx)("span",{className:v.ZS,children:d.name})]}):(0,y.jsx)(y.Fragment,{})}))},84729:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var o=i(25709),t=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),r=i(90569),u=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),b={};b.styleTagTransform=f(),b.setAttributes=c(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();l()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(39667),I=i(64263),y=i(19047),M=i(65515),w=i.n(M),N=i(88683),S=i(27692),j=i(47514);const z=(0,t.Pi)((function HeaderFunctions(n){var e,i=(0,o.NP)(),t=(0,N.useTranslation)().t;return(0,j.jsxs)("ul",{className:w()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,j.jsx)(S.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,j.jsx)("li",{className:w()(I.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,t)},children:(0,j.jsx)(v.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},89354:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});var o=i(65515),t=i.n(o),d=i(25709),l=i(9420),a=(i(87363),i(88683)),s=i(84729),r=i(93379),u=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),b=i.n(h),v=i(44589),I=i.n(v),y=i(26876),M={};M.styleTagTransform=I(),M.setAttributes=f(),M.insert=p().bind(null,"head"),M.domAPI=c(),M.insertStyleElement=b();u()(y.ZP,M);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=i(7197),N=i(83485),S=i(92862),j=i(56340),z=i(47514),D=(0,a.getLogger)("Planner","InfoBox");const k=(0,l.Pi)((function ProductHeader(n){var e,i,o,l,r,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,b=f.settingsState.bbox,v=(0,a.useDivaCore)(),I=v.state,M=I.hidePrices,k=I.dimensions,P=k.isMobile,C=(k.isTablet,I.navigationConfiguration),A=C.enableMobile,T=C.hideHeader,Z=v.actions.openSideMenu,G=P&&A&&!T,B=f.getViewConfig().productHeaderContentBox,H=(0,N.W)(),L=H.dimensions,V=H.dimOnlyForOneArticle,Q=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),K=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,_=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!P;return(0,z.jsxs)("div",{className:t()(y.YS,g,f.uiState.isMobileLandscape?y.rK:void 0,f.uiState.isMobilePortrait?y.tW:void 0,f.uiState.isTablet?y.Mq:void 0,f.uiState.configSettingsIsExpanded?y.zh:void 0,f.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,K?y.y6:void 0,y.Gr),children:[G&&(0,z.jsx)("div",{id:"side-menu-button",className:y.YT,onClick:function onClick(){return Z()}}),(0,z.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!Q&&(0,z.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,z.jsxs)("div",{className:y.NG,children:[!M&&!p&&(0,z.jsxs)("div",{className:y.u$,children:[(0,z.jsx)("span",{className:t()(y.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,z.jsx)(j.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,z.jsx)("span",{className:y.um,"data-test-id":"productHeaderFormattedPrice",children:(0,z.jsx)(j.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),_&&(0,z.jsxs)(z.Fragment,{children:[(null!==(o=null==b?void 0:b.X)&&void 0!==o?o:0)>0&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,z.jsxs)("span",{children:[null!==(l=null==b?void 0:b.X)&&void 0!==l?l:-1," × ",null!==(r=null==b?void 0:b.Y)&&void 0!==r?r:-1," × ",null!==(u=null==b?void 0:b.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==b?void 0:b.wOLT)&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,z.jsxs)("span",{children:[null!==(x=null==b?void 0:b.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==b?void 0:b.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==b?void 0:b.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(_||!P)&&!(null==L||!L.length)&&L.map((function(n){var e,i;return(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!V&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,z.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,z.jsx)("div",{className:y.AJ,children:(0,z.jsx)(s.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(S.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){D.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n})}})}),B&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(w.p,{settings:{contentBoxProps:B}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var o=i(34988),t=i(87363),d=i(25709),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,t.useState)(),i=(0,o.Z)(e,2),l=i[0],a=i[1],s=(0,t.useState)(!1),r=(0,o.Z)(s,2),u=r[0],x=r[1];return(0,t.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:u}}},91642:(n,e,i)=>{i.d(e,{H3:()=>a,ZP:()=>x,ZS:()=>u,ai:()=>s,vz:()=>r});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 100px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 12px 4px 4px;\n  background: rgba(255, 255, 255, 0.85);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  -webkit-backdrop-filter: blur(6px);\n          backdrop-filter: blur(6px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  -webkit-backdrop-filter: none;\n          backdrop-filter: none;\n}\n\n.index-module--_kJVt {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--qGOOk {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",s="index-module--aGBXl",r="index-module--_kJVt",u="index-module--qGOOk";const x=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>s});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());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",s="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>z,MB:()=>N,Mq:()=>j,NG:()=>I,YS:()=>c,YT:()=>D,ZP:()=>k,Zk:()=>v,az:()=>b,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>y,um:()=>M,xk:()=>w,y6:()=>S,zh:()=>p});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d),a=i(61667),s=i.n(a),r=new URL(i(36047),i.b),u=l()(t()),x=s()(r);u.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--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\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",b="index-module--lRnbu",v="index-module--aRkML",I="index-module--cN5ML",y="index-module--l1SgD",M="index-module--luGNt",w="index-module--uuqou",N="index-module--BxBA_",S="index-module--Ha7MZ",j="index-module--wJ4__",z="index-module--Jnc8i",D="index-module--CRegi";const k=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9354,7692,4729],{27692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var o=i(9420),t=i(25709),d=i(88683),l=i(65515),a=i.n(l),s=i(93379),r=i.n(s),u=i(7795),x=i.n(u),c=i(90569),m=i.n(c),p=i(3565),g=i.n(p),f=i(19216),h=i.n(f),v=i(44589),b=i.n(v),I=i(91642),y={};y.styleTagTransform=b(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=h();r()(I.ZP,y);I.ZP&&I.ZP.locals&&I.ZP.locals;var w=i(47514);const M=(0,o.Pi)((function StyleIndicator(){var n,e=(0,d.useTranslation)().t,i=(0,t.NP)(),o=i.aiState,l=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),s=o.aiStyleKeyInitializedByEvent?null===(n=o.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===o.aiSelectedStyleKey})):void 0;if(!s||!l)return(0,w.jsx)(w.Fragment,{});var r=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,w.jsxs)("li",{className:a()(I.H3,r?I.ai:void 0),onClick:function onClick(){return i.navigateToConfigStep(l.configStep.key)},children:[(0,w.jsx)("div",{className:I.vz,children:(0,w.jsx)("img",{src:s.image,alt:s.name})}),(0,w.jsxs)("div",{className:I.R1,children:[(0,w.jsx)("span",{className:I.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,w.jsx)("span",{className:I.ZS,children:s.name})]})]})}))},84729:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var o=i(25709),t=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),r=i(90569),u=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),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),I=i(64263),y=i(19047),w=i(65515),M=i.n(w),S=i(88683),N=i(27692),z=i(47514);const D=(0,t.Pi)((function HeaderFunctions(n){var e,i=(0,o.NP)(),t=(0,S.useTranslation)().t;return(0,z.jsxs)("ul",{className:M()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,z.jsx)(N.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,z.jsx)("li",{className:M()(I.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,t)},children:(0,z.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},89354:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var o=i(65515),t=i.n(o),d=i(25709),l=i(9420),a=(i(87363),i(88683)),s=i(84729),r=i(93379),u=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),v=i.n(h),b=i(44589),I=i.n(b),y=i(26876),w={};w.styleTagTransform=I(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();u()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var M=i(7197),S=i(83485),N=i(92862),z=i(56340),D=i(47514),j=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,o,l,r,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,v=f.settingsState.bbox,b=(0,a.useDivaCore)(),I=b.state,w=I.hidePrices,P=I.dimensions,k=P.isMobile,C=(P.isTablet,I.navigationConfiguration),B=C.enableMobile,G=C.hideHeader,A=b.actions.openSideMenu,T=k&&B&&!G,Z=f.getViewConfig().productHeaderContentBox,H=(0,S.W)(),L=H.dimensions,Q=H.dimOnlyForOneArticle,V=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),R=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,K=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!k;return(0,D.jsxs)("div",{className:t()(y.YS,g,f.uiState.isMobileLandscape?y.rK:void 0,f.uiState.isMobilePortrait?y.tW:void 0,f.uiState.isTablet?y.Mq:void 0,f.uiState.configSettingsIsExpanded?y.zh:void 0,f.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,R?y.y6:void 0,y.Gr),children:[T&&(0,D.jsx)("div",{id:"side-menu-button",className:y.YT,onClick:function onClick(){return A()}}),(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!V&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!w&&!p&&(0,D.jsxs)("div",{className:y.u$,children:[(0,D.jsx)("span",{className:t()(y.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,D.jsx)(z.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,D.jsx)("span",{className:y.um,"data-test-id":"productHeaderFormattedPrice",children:(0,D.jsx)(z.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),K&&(0,D.jsxs)(D.Fragment,{children:[(null!==(o=null==v?void 0:v.X)&&void 0!==o?o:0)>0&&(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,D.jsxs)("span",{children:[null!==(l=null==v?void 0:v.X)&&void 0!==l?l:-1," × ",null!==(r=null==v?void 0:v.Y)&&void 0!==r?r:-1," × ",null!==(u=null==v?void 0:v.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==v?void 0:v.wOLT)&&(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,D.jsxs)("span",{children:[null!==(x=null==v?void 0:v.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==v?void 0:v.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==v?void 0:v.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(K||!k)&&!(null==L||!L.length)&&L.map((function(n){var e,i;return(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!Q&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(s.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(N.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n})}})}),Z&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(M.p,{settings:{contentBoxProps:Z}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var o=i(34988),t=i(87363),d=i(25709),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,t.useState)(),i=(0,o.Z)(e,2),l=i[0],a=i[1],s=(0,t.useState)(!1),r=(0,o.Z)(s,2),u=r[0],x=r[1];return(0,t.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:u}}},91642:(n,e,i)=>{i.d(e,{H3:()=>a,QR:()=>u,R1:()=>r,ZP:()=>m,ZS:()=>x,ai:()=>s,vz:()=>c});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",s="index-module--aGBXl",r="index-module--DlwB4",u="index-module--SQ18S",x="index-module--qGOOk",c="index-module--_kJVt";const m=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>s});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());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",s="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>D,MB:()=>S,Mq:()=>z,NG:()=>I,YS:()=>c,YT:()=>j,ZP:()=>P,Zk:()=>b,az:()=>v,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>y,um:()=>w,xk:()=>M,y6:()=>N,zh:()=>p});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d),a=i(61667),s=i.n(a),r=new URL(i(36047),i.b),u=l()(t()),x=s()(r);u.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--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\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",v="index-module--lRnbu",b="index-module--aRkML",I="index-module--cN5ML",y="index-module--l1SgD",w="index-module--luGNt",M="index-module--uuqou",S="index-module--BxBA_",N="index-module--Ha7MZ",z="index-module--wJ4__",D="index-module--Jnc8i",j="index-module--CRegi";const P=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);