npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.13.0-beta.32 → 26.13.0-beta.34 - Mend

@crystaldesign/diva-web-planner-react 26.13.0-beta.32 → 26.13.0-beta.34

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 673.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[673,2535,8291,4197,1017,58],{48133:(n,t,A)=>{A.d(t,{Z:()=>m});var i=A(87363),s=A(61533),e=function(){return e=Object.assign||function(n){for(var t,A=1,i=arguments.length;A<i;A++)for(var s in t=arguments[A])Object.prototype.hasOwnProperty.call(t,s)&&(n[s]=t[s]);return n},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var o=function(n,t,A,i,s){return(n-t)*(s-i)/(A-t)+i},a=function(n,t){var A=n+t;return A>360?A-360:A},r=function(){return Math.random()>.5},c=function(n,t){return void 0===t&&(t=2),Math.round(n*Math.pow(10,t))/Math.pow(10,t)},d=[0,0,1],C=[[1,1,0],[1,0,1],[0,1,1],[1,0,0],[0,1,0],d],l=function(n,t,A,i,s,f){var g=Math.round(600*Math.random()+200),h=Math.round(Math.random()*(C.length-1)),x=A-Math.round(1e3*Math.random()),v=Math.random()<.1,B=function(n){return!C[n].every((function(n,t){return n===d[t]}))&&r()}(h),w=v?c(.25*Math.random(),2):0,M=-1*w,y=w,Y=c(Math.abs(o(Math.abs(a(t.degree,90)-180),0,180,-1,1)),4),E=c(.5*Math.random(),4),j=c(Math.random()*i*(r()?1:-1),4),b=c(Math.max(o(Math.abs(t.degree-180),0,180,i,-i),0),4),Z="confetti-particle-".concat(f);return{className:Z,style:"\n      .".concat(n," .").concat(Z," {\n        animation: x-axis-").concat(f," ").concat(x,"ms forwards cubic-bezier(").concat(w,", ").concat(M,", ").concat(y,", ").concat(Y,");\n      }\n      .").concat(n," .").concat(Z," > div {\n        width: ").concat(B?s:Math.round(4*Math.random())+s/2,"px;\n        height: ").concat(B?s:Math.round(2*Math.random())+s,"px;\n        animation: y-axis ").concat(x,"ms forwards cubic-bezier(").concat(E,", ").concat(j,", ").concat(.5,", ").concat(b,");\n      }\n      .").concat(n," .").concat(Z," > div::after {\n        background-color: ").concat(t.color,";\n        animation: rotation-").concat(h," ").concat(g,"ms infinite linear;\n        ").concat(B?"border-radius: 50%;":"","\n      }\n    ")}},u=function(n){var t=n.particles,A=n.duration,i=n.height,s=n.width,d=n.force,f=n.particleSize,g=Math.random().toString(36).substring(2,8),h="confetti-".concat(g,"-container"),x="confetti-".concat(g,"-screen"),v="\n    .".concat(h," {\n      width: 0;\n      height: 0;\n      position: relative;\n    }\n    .").concat(x," {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      overflow: hidden;\n      pointer-events: none;\n    }\n    .").concat(x,' [class*="confetti-particle"] > div {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n    .').concat(x," [class*=\"confetti-particle\"] > div::after {\n      content: '';\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  "),B=C.map((function(n,t){return"\n    @keyframes rotation-".concat(t," {\n      50% {\n        transform: rotate3d(").concat(n.map((function(n){return n/2})).join(),", 180deg);\n      }\n      100% {\n        transform: rotate3d(").concat(n.join(),", 360deg);\n      }\n    }\n  ")})).join("\n"),w=function(n,t,A){var i="string"==typeof t?t:"".concat(t,"px"),s=n.map((function(n,t){var i=o(Math.abs(a(n,90)-180),0,180,-A/2,A/2);return"\n      @keyframes x-axis-".concat(t," {\n        to {\n          transform: translateX(").concat(i,"px);\n        }\n      }\n    ")})).join("\n");return"\n    @keyframes y-axis {\n      to {\n        transform: translateY(".concat(i,");\n      }\n    }\n    ").concat(s,"\n  ")}(t.map((function(n){return n.degree})),i,s),M=t.map((function(n,t){return l(x,n,A,d,f,t)})),y="\n    ".concat(v,"\n    ").concat(B,"\n    ").concat(w,"\n    ").concat(M.map((function(n){return n.style})).join("\n"),"\n  ");return{containerClass:h,screenClass:x,particleClasses:M.map((function(n){return n.className})),styles:y}},f=["#FFC700","#FF0000","#2E3191","#41BBC7"],p=function(n){var t,A,d=n.particleCount,C=void 0===d?100:d,g=n.duration,h=void 0===g?2200:g,x=n.colors,v=void 0===x?f:x,B=n.particleSize,w=void 0===B?12:B,M=n.force,y=void 0===M?.5:M,Y=n.height,E=void 0===Y?"120vh":Y,j=n.width,b=void 0===j?1e3:j,Z=n.portal,F=void 0===Z||Z,I=n.zIndex,G=n.onComplete,P=function(n,t){var A={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(A[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(n);s<i.length;s++)t.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(n,i[s])&&(A[i[s]]=n[i[s]])}return A}(n,["particleCount","duration","colors","particleSize","force","height","width","portal","zIndex","onComplete"]),Q=i.useState(),S=Q[0],N=Q[1],D=function(n,t){var A,i=360/n;return(A=n,Array.from({length:A},(function(n,t){return t}))).map((function(n){return{color:t[n%t.length],degree:i*n}}))}(C,v),O={containerClass:(A=u({particles:D,duration:h,height:E,width:b,force:y,particleSize:w})).containerClass,screenClass:A.screenClass,particleClasses:A.particleClasses,styles:A.styles},k=O.containerClass,z=O.screenClass,R=O.particleClasses,U=O.styles,V=i.useCallback((function(n){if(n){var t=n.getBoundingClientRect(),A=t.top,i=t.left;N({top:A,left:i})}}),[]);return i.useEffect((function(){if("function"==typeof G){var n=setTimeout(G,h);return function(){return clearTimeout(n)}}}),[h,G]),i.createElement("div",e({ref:V,className:k},P),i.createElement("style",{dangerouslySetInnerHTML:{__html:U}}),S&&i.createElement(i.Fragment,null,(t=i.createElement("div",e({"data-slot":"confetti-explosion-screen",className:z},I?{style:{zIndex:I}}:null),i.createElement("div",{style:{position:"absolute",top:S.top,left:S.left}},D.map((function(n,t){return i.createElement("div",{className:R[t],key:n.degree},i.createElement("div",null))})))),F?(0,s.createPortal)(t,document.body):t)))},m=function(n){return"undefined"==typeof window||void 0===window.location?null:i.createElement(p,e({},n))}},41017:(n,t,A)=>{A.r(t),A.d(t,{default:()=>P});var i=A(38946),s=A(93379),d=A.n(s),C=A(7795),f=A.n(C),g=A(90569),h=A.n(g),x=A(3565),v=A.n(x),B=A(19216),w=A.n(B),M=A(44589),y=A.n(M),Y=A(23240),E={};E.styleTagTransform=y(),E.setAttributes=v(),E.insert=h().bind(null,"head"),E.domAPI=f(),E.insertStyleElement=w();d()(Y.ZP,E);Y.ZP&&Y.ZP.locals&&Y.ZP.locals;var j=A(87363),b=A(91214),Z=A(65515),F=A.n(Z),I=A(9420),G=A(47514);const P=(0,I.Pi)((function InfoIcon(n){var t,A,s,d=n.item,C=n.style,f=(0,b.NP)(),g=d.contentItemId,h=null!==(t=null!==(A=null!==(s=d.codex)&&void 0!==s?s:d.articleCodex)&&void 0!==A?A:d.title)&&void 0!==t?t:d.key,x=(0,j.useState)(!1),v=(0,i.Z)(x,2),B=v[0],w=v[1],M=d.sel||B;if((0,j.useEffect)((function(){var n=f.settingsState.contentItemVisible&&f.settingsState.contentItemId==g&&h==f.settingsState.clickedFrom;!n&&B&&w(!1),n&&!B&&w(!0)}),[f.settingsState.contentItemVisible,f.settingsState.contentItemId,f.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!d.op||null===(n=f.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||M}()?(0,G.jsx)("div",{className:Y.um,onClick:function onClick(n){f.settingsState.onClickContentItemId(g,h),w(f.settingsState.contentItemVisible&&f.settingsState.contentItemId==g),n.stopPropagation()},style:C,children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("div",{className:F()(Y.hv,M?void 0:Y.al,B?Y.FJ:void 0),children:(0,G.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,G.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,G.jsx)("path",{className:Y.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,G.jsx)("path",{className:Y.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,G.jsx)("div",{className:F()(Y.dA,M?Y.al:void 0),children:(0,G.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,G.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,G.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,G.jsx)(G.Fragment,{})}))},23240:(n,t,A)=>{A.d(t,{FJ:()=>v,Oq:()=>x,ZP:()=>M,al:()=>w,dA:()=>h,fL:()=>B,hv:()=>g,um:()=>f});var i=A(8081),s=A.n(i),d=A(23645),C=A.n(d)()(s());C.push([n.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 f="index-module--CjCgr",g="index-module--C9QBx",h="index-module--a2wqn",x="index-module--fLFjU",v="index-module--nTN4r",B="index-module--FaRqp",w="index-module--oBSZj";const M=C},64197:n=>{n.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:(n,t,A)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}A.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[673,2535,8291,4197,1017,58],{48133:(n,t,A)=>{A.d(t,{Z:()=>m});var i=A(87363),s=A(61533),e=function(){return e=Object.assign||function(n){for(var t,A=1,i=arguments.length;A<i;A++)for(var s in t=arguments[A])Object.prototype.hasOwnProperty.call(t,s)&&(n[s]=t[s]);return n},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var o=function(n,t,A,i,s){return(n-t)*(s-i)/(A-t)+i},a=function(n,t){var A=n+t;return A>360?A-360:A},r=function(){return Math.random()>.5},c=function(n,t){return void 0===t&&(t=2),Math.round(n*Math.pow(10,t))/Math.pow(10,t)},d=[0,0,1],C=[[1,1,0],[1,0,1],[0,1,1],[1,0,0],[0,1,0],d],l=function(n,t,A,i,s,f){var g=Math.round(600*Math.random()+200),h=Math.round(Math.random()*(C.length-1)),x=A-Math.round(1e3*Math.random()),v=Math.random()<.1,B=function(n){return!C[n].every((function(n,t){return n===d[t]}))&&r()}(h),w=v?c(.25*Math.random(),2):0,M=-1*w,y=w,Y=c(Math.abs(o(Math.abs(a(t.degree,90)-180),0,180,-1,1)),4),E=c(.5*Math.random(),4),j=c(Math.random()*i*(r()?1:-1),4),b=c(Math.max(o(Math.abs(t.degree-180),0,180,i,-i),0),4),Z="confetti-particle-".concat(f);return{className:Z,style:"\n      .".concat(n," .").concat(Z," {\n        animation: x-axis-").concat(f," ").concat(x,"ms forwards cubic-bezier(").concat(w,", ").concat(M,", ").concat(y,", ").concat(Y,");\n      }\n      .").concat(n," .").concat(Z," > div {\n        width: ").concat(B?s:Math.round(4*Math.random())+s/2,"px;\n        height: ").concat(B?s:Math.round(2*Math.random())+s,"px;\n        animation: y-axis ").concat(x,"ms forwards cubic-bezier(").concat(E,", ").concat(j,", ").concat(.5,", ").concat(b,");\n      }\n      .").concat(n," .").concat(Z," > div::after {\n        background-color: ").concat(t.color,";\n        animation: rotation-").concat(h," ").concat(g,"ms infinite linear;\n        ").concat(B?"border-radius: 50%;":"","\n      }\n    ")}},u=function(n){var t=n.particles,A=n.duration,i=n.height,s=n.width,d=n.force,f=n.particleSize,g=Math.random().toString(36).substring(2,8),h="confetti-".concat(g,"-container"),x="confetti-".concat(g,"-screen"),v="\n    .".concat(h," {\n      width: 0;\n      height: 0;\n      position: relative;\n    }\n    .").concat(x," {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      overflow: hidden;\n      pointer-events: none;\n    }\n    .").concat(x,' [class*="confetti-particle"] > div {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n    .').concat(x," [class*=\"confetti-particle\"] > div::after {\n      content: '';\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  "),B=C.map((function(n,t){return"\n    @keyframes rotation-".concat(t," {\n      50% {\n        transform: rotate3d(").concat(n.map((function(n){return n/2})).join(),", 180deg);\n      }\n      100% {\n        transform: rotate3d(").concat(n.join(),", 360deg);\n      }\n    }\n  ")})).join("\n"),w=function(n,t,A){var i="string"==typeof t?t:"".concat(t,"px"),s=n.map((function(n,t){var i=o(Math.abs(a(n,90)-180),0,180,-A/2,A/2);return"\n      @keyframes x-axis-".concat(t," {\n        to {\n          transform: translateX(").concat(i,"px);\n        }\n      }\n    ")})).join("\n");return"\n    @keyframes y-axis {\n      to {\n        transform: translateY(".concat(i,");\n      }\n    }\n    ").concat(s,"\n  ")}(t.map((function(n){return n.degree})),i,s),M=t.map((function(n,t){return l(x,n,A,d,f,t)})),y="\n    ".concat(v,"\n    ").concat(B,"\n    ").concat(w,"\n    ").concat(M.map((function(n){return n.style})).join("\n"),"\n  ");return{containerClass:h,screenClass:x,particleClasses:M.map((function(n){return n.className})),styles:y}},f=["#FFC700","#FF0000","#2E3191","#41BBC7"],p=function(n){var t,A,d=n.particleCount,C=void 0===d?100:d,g=n.duration,h=void 0===g?2200:g,x=n.colors,v=void 0===x?f:x,B=n.particleSize,w=void 0===B?12:B,M=n.force,y=void 0===M?.5:M,Y=n.height,E=void 0===Y?"120vh":Y,j=n.width,b=void 0===j?1e3:j,Z=n.portal,F=void 0===Z||Z,I=n.zIndex,G=n.onComplete,P=function(n,t){var A={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(A[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(n);s<i.length;s++)t.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(n,i[s])&&(A[i[s]]=n[i[s]])}return A}(n,["particleCount","duration","colors","particleSize","force","height","width","portal","zIndex","onComplete"]),Q=i.useState(),S=Q[0],N=Q[1],D=function(n,t){var A,i=360/n;return(A=n,Array.from({length:A},(function(n,t){return t}))).map((function(n){return{color:t[n%t.length],degree:i*n}}))}(C,v),O={containerClass:(A=u({particles:D,duration:h,height:E,width:b,force:y,particleSize:w})).containerClass,screenClass:A.screenClass,particleClasses:A.particleClasses,styles:A.styles},k=O.containerClass,z=O.screenClass,R=O.particleClasses,U=O.styles,V=i.useCallback((function(n){if(n){var t=n.getBoundingClientRect(),A=t.top,i=t.left;N({top:A,left:i})}}),[]);return i.useEffect((function(){if("function"==typeof G){var n=setTimeout(G,h);return function(){return clearTimeout(n)}}}),[h,G]),i.createElement("div",e({ref:V,className:k},P),i.createElement("style",{dangerouslySetInnerHTML:{__html:U}}),S&&i.createElement(i.Fragment,null,(t=i.createElement("div",e({"data-slot":"confetti-explosion-screen",className:z},I?{style:{zIndex:I}}:null),i.createElement("div",{style:{position:"absolute",top:S.top,left:S.left}},D.map((function(n,t){return i.createElement("div",{className:R[t],key:n.degree},i.createElement("div",null))})))),F?(0,s.createPortal)(t,document.body):t)))},m=function(n){return"undefined"==typeof window||void 0===window.location?null:i.createElement(p,e({},n))}},41017:(n,t,A)=>{A.r(t),A.d(t,{default:()=>P});var i=A(38946),s=A(93379),d=A.n(s),C=A(7795),f=A.n(C),g=A(90569),h=A.n(g),x=A(3565),v=A.n(x),B=A(19216),w=A.n(B),M=A(44589),y=A.n(M),Y=A(23240),E={};E.styleTagTransform=y(),E.setAttributes=v(),E.insert=h().bind(null,"head"),E.domAPI=f(),E.insertStyleElement=w();d()(Y.ZP,E);Y.ZP&&Y.ZP.locals&&Y.ZP.locals;var j=A(87363),b=A(25443),Z=A(65515),F=A.n(Z),I=A(9420),G=A(47514);const P=(0,I.Pi)((function InfoIcon(n){var t,A,s,d=n.item,C=n.style,f=(0,b.NP)(),g=d.contentItemId,h=null!==(t=null!==(A=null!==(s=d.codex)&&void 0!==s?s:d.articleCodex)&&void 0!==A?A:d.title)&&void 0!==t?t:d.key,x=(0,j.useState)(!1),v=(0,i.Z)(x,2),B=v[0],w=v[1],M=d.sel||B;if((0,j.useEffect)((function(){var n=f.settingsState.contentItemVisible&&f.settingsState.contentItemId==g&&h==f.settingsState.clickedFrom;!n&&B&&w(!1),n&&!B&&w(!0)}),[f.settingsState.contentItemVisible,f.settingsState.contentItemId,f.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!d.op||null===(n=f.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||M}()?(0,G.jsx)("div",{className:Y.um,onClick:function onClick(n){f.settingsState.onClickContentItemId(g,h),w(f.settingsState.contentItemVisible&&f.settingsState.contentItemId==g),n.stopPropagation()},style:C,children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("div",{className:F()(Y.hv,M?void 0:Y.al,B?Y.FJ:void 0),children:(0,G.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,G.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,G.jsx)("path",{className:Y.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,G.jsx)("path",{className:Y.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,G.jsx)("div",{className:F()(Y.dA,M?Y.al:void 0),children:(0,G.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,G.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,G.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,G.jsx)(G.Fragment,{})}))},23240:(n,t,A)=>{A.d(t,{FJ:()=>v,Oq:()=>x,ZP:()=>M,al:()=>w,dA:()=>h,fL:()=>B,hv:()=>g,um:()=>f});var i=A(8081),s=A.n(i),d=A(23645),C=A.n(d)()(s());C.push([n.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 f="index-module--CjCgr",g="index-module--C9QBx",h="index-module--a2wqn",x="index-module--fLFjU",v="index-module--nTN4r",B="index-module--FaRqp",w="index-module--oBSZj";const M=C},64197:n=>{n.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:(n,t,A)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}A.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6871.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(38946),u=o(65515),l=o.n(u),s=o(9420),i=o(87363),a=o(91214),c=o(47514),r=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],v=(0,a.NP)(),y=(0,a._w)();if(v.uiState.isLoading)return(0,c.jsx)(c.Fragment,{});var g=function on3DPlannerBGClick(n){v.viewPlannerHandler.onClearElementSelection()};return(0,c.jsx)("svg",{onMouseDown:function onMouseDown(n){r=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){r=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){r&&!p&&f(!0)},onTouchMove:function onTouchMove(n){r&&!p&&f(!0)},onMouseUp:function onMouseUp(n){p||d||g(),r=!1},onTouchEnd:function onTouchEnd(n){p||d||g(),r=!1},ref:function ref(n){v.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,c.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||y.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){y.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,c.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(38946),u=o(65515),l=o.n(u),s=o(9420),i=o(87363),a=o(25443),c=o(47514),r=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],v=(0,a.NP)(),y=(0,a._w)();if(v.uiState.isLoading)return(0,c.jsx)(c.Fragment,{});var g=function on3DPlannerBGClick(n){v.viewPlannerHandler.onClearElementSelection()};return(0,c.jsx)("svg",{onMouseDown:function onMouseDown(n){r=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){r=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){r&&!p&&f(!0)},onTouchMove:function onTouchMove(n){r&&!p&&f(!0)},onMouseUp:function onMouseUp(n){p||d||g(),r=!1},onTouchEnd:function onTouchEnd(n){p||d||g(),r=!1},ref:function ref(n){v.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,c.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||y.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){y.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,c.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6882.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291,58],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(91214),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291,58],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(25443),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6960.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6960,4178],{76960:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(80248),r=t(9420),a=(t(87363),t(84178)),i=t(93379),s=t.n(i),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(66874),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var w=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 k=(0,r.Pi)((function VerticalTabGroupItemFree(e){return(0,w.jsx)(a.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},84178:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(38946),r=t(65515),a=t.n(r),i=t(9420),s=t(91214),l=t(87363),c=t(88683),d=t(93379),u=t.n(d),p=t(7795),b=t.n(p),m=t(90569),v=t.n(m),g=t(3565),x=t.n(g),f=t(19216),h=t.n(f),w=t(44589),k=t.n(w),P=t(38027),y={};y.styleTagTransform=k(),y.setAttributes=x(),y.insert=v().bind(null,"head"),y.domAPI=b(),y.insertStyleElement=h();u()(P.ZP,y);P.ZP&&P.ZP.locals&&P.ZP.locals;var C=t(47514);const S=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,d=void 0===i?80:i,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?P.to:b,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,f=void 0===x?P.Wb:x,h=e.wcStepIconClass,w=void 0===h?P.x3:h,k=e.lastItemDiv,y=(0,s.NP)(),S=(0,c.useTranslation)().t,j=(0,l.useRef)(null),G=(0,l.useState)(8),I=(0,o.Z)(G,2),O=I[0],T=I[1],V=y.tabGroupState.curTabGroup;r<d&&(r=d);var F=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(y.tabGroupState.setTabGroupItems(t.key,j.current),j.current){var e=getComputedStyle(j.current).getPropertyValue("--globalBorderRadius").trim();if(e){var n=parseFloat(e);isNaN(n)||T(n)}}}),[j]);var N=t.posNr==(null==V?void 0:V.posNr),_=y.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==V?void 0:V.posNr)),z=function getRoundedPath(e,n){for(var t=e.length,o=[],r=0;r<t;r++){var a=e[(r-1+t)%t],i=e[r],s=e[(r+1)%t],l=a[0]-i[0],c=a[1]-i[1],d=Math.sqrt(l*l+c*c),u=s[0]-i[0],p=s[1]-i[1],b=Math.sqrt(u*u+p*p),m=Math.min(n,d/2,b/2),v=i[0]+l/d*m,g=i[1]+c/d*m,x=i[0]+u/b*m,f=i[1]+p/b*m;o.push(0===r?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),o.push("Q".concat(i[0]," ").concat(i[1]," ").concat(x," ").concat(f))}return o.push("Z"),o.join(" ")}(function getShapePoints(e,n,t,o){return t&&o?[[0,n],[0,0],[e,0],[e,n]]:t?[[0,n-8],[0,0],[e,0],[e,n-8],[64,n]]:o?[[0,n],[0,0],[64,8],[e,0],[e,n]]:[[0,n-8],[0,0],[64,8],[e,0],[e,n-8],[64,n]]}(128,r,!!u,!!p),O),A=null!==(n=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}(t.key,F,y.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",B=(0,C.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,C.jsx)("div",{className:w,style:{WebkitMaskImage:"url("+A+")",maskImage:"url("+A+")"}}),(0,C.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:S("configurator."+t.title,t.title)})]});return p&&k&&(B=k),(0,C.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",y.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(P.x6,N?g:void 0,_?m:void 0),children:[(0,C.jsx)("path",{className:a()(f,N?g:void 0,_?m:void 0),d:z}),(0,C.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,C.jsx)("span",{className:a()(P.xb,f,N?g:void 0,_?m:void 0),children:B})})]})}))},66874:(e,n,t)=>{t.d(n,{F1:()=>l,Wb:()=>s,ZP:()=>u,to:()=>c,x3:()=>d});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var s="index-module--C6jFV",l="index-module--DwweC",c="index-module--GAYpd",d="index-module--IXuqN";const u=i},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=i}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6960,4178],{76960:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(80248),r=t(9420),a=(t(87363),t(84178)),i=t(93379),s=t.n(i),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(66874),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var w=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 k=(0,r.Pi)((function VerticalTabGroupItemFree(e){return(0,w.jsx)(a.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},84178:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(38946),r=t(65515),a=t.n(r),i=t(9420),s=t(25443),l=t(87363),c=t(88683),d=t(93379),u=t.n(d),p=t(7795),b=t.n(p),m=t(90569),v=t.n(m),g=t(3565),x=t.n(g),f=t(19216),h=t.n(f),w=t(44589),k=t.n(w),P=t(38027),y={};y.styleTagTransform=k(),y.setAttributes=x(),y.insert=v().bind(null,"head"),y.domAPI=b(),y.insertStyleElement=h();u()(P.ZP,y);P.ZP&&P.ZP.locals&&P.ZP.locals;var C=t(47514);const S=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,d=void 0===i?80:i,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?P.to:b,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,f=void 0===x?P.Wb:x,h=e.wcStepIconClass,w=void 0===h?P.x3:h,k=e.lastItemDiv,y=(0,s.NP)(),S=(0,c.useTranslation)().t,j=(0,l.useRef)(null),G=(0,l.useState)(8),I=(0,o.Z)(G,2),O=I[0],T=I[1],V=y.tabGroupState.curTabGroup;r<d&&(r=d);var F=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(y.tabGroupState.setTabGroupItems(t.key,j.current),j.current){var e=getComputedStyle(j.current).getPropertyValue("--globalBorderRadius").trim();if(e){var n=parseFloat(e);isNaN(n)||T(n)}}}),[j]);var N=t.posNr==(null==V?void 0:V.posNr),_=y.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==V?void 0:V.posNr)),z=function getRoundedPath(e,n){for(var t=e.length,o=[],r=0;r<t;r++){var a=e[(r-1+t)%t],i=e[r],s=e[(r+1)%t],l=a[0]-i[0],c=a[1]-i[1],d=Math.sqrt(l*l+c*c),u=s[0]-i[0],p=s[1]-i[1],b=Math.sqrt(u*u+p*p),m=Math.min(n,d/2,b/2),v=i[0]+l/d*m,g=i[1]+c/d*m,x=i[0]+u/b*m,f=i[1]+p/b*m;o.push(0===r?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),o.push("Q".concat(i[0]," ").concat(i[1]," ").concat(x," ").concat(f))}return o.push("Z"),o.join(" ")}(function getShapePoints(e,n,t,o){return t&&o?[[0,n],[0,0],[e,0],[e,n]]:t?[[0,n-8],[0,0],[e,0],[e,n-8],[64,n]]:o?[[0,n],[0,0],[64,8],[e,0],[e,n]]:[[0,n-8],[0,0],[64,8],[e,0],[e,n-8],[64,n]]}(128,r,!!u,!!p),O),A=null!==(n=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}(t.key,F,y.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",B=(0,C.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,C.jsx)("div",{className:w,style:{WebkitMaskImage:"url("+A+")",maskImage:"url("+A+")"}}),(0,C.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:S("configurator."+t.title,t.title)})]});return p&&k&&(B=k),(0,C.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",y.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(P.x6,N?g:void 0,_?m:void 0),children:[(0,C.jsx)("path",{className:a()(f,N?g:void 0,_?m:void 0),d:z}),(0,C.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,C.jsx)("span",{className:a()(P.xb,f,N?g:void 0,_?m:void 0),children:B})})]})}))},66874:(e,n,t)=>{t.d(n,{F1:()=>l,Wb:()=>s,ZP:()=>u,to:()=>c,x3:()=>d});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var s="index-module--C6jFV",l="index-module--DwweC",c="index-module--GAYpd",d="index-module--IXuqN";const u=i},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=i}}]);

package/build/umd/7007.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 7007.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[7007,5533],{77007:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(84658),o=t(38946),i=t(50747),a=t.n(i),u=t(87363),l=t(9420),d=t(22182),s=t(88683),c=t(95729),p=t(25443),x=t(25533),m=t(93379),b=t.n(m),f=t(7795),h=t.n(f),v=t(90569),w=t.n(v),g=t(3565),k=t.n(g),y=t(19216),A=t.n(y),R=t(44589),V=t.n(R),S=t(12844),L={};L.styleTagTransform=V(),L.setAttributes=k(),L.insert=w().bind(null,"head"),L.domAPI=h(),L.insertStyleElement=A();b()(S.ZP,L);S.ZP&&S.ZP.locals&&S.ZP.locals;function isModelViewer(e){return"activateAR"in e&&"canActivateAR"in e}function withinDeadline(e){var n,t=new Promise((function(e){n=setTimeout((function(){return e(!1)}),2e4)}));return Promise.race([e,t]).finally((function(){return clearTimeout(n)}))}function loadWebXrModel(e,n){return _loadWebXrModel.apply(this,arguments)}function _loadWebXrModel(){return(_loadWebXrModel=(0,r.Z)(a().mark((function _callee(e,n){var t,r,o,i,u,l;return a().wrap((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,withinDeadline(customElements.whenDefined("model-viewer").then((function(){return!0})));case 2:if(a.sent){a.next=4;break}return a.abrupt("return",void 0);case 4:if(isModelViewer(t=document.createElement("model-viewer"))){a.next=7;break}return a.abrupt("return",void 0);case 7:return r=URL.createObjectURL(e),o=function dispose(){t.remove(),URL.revokeObjectURL(r)},i=function failed(){o(),n()},u=!1,t.addEventListener("ar-status",(function(){var e=t.getAttribute("ar-status");"session-started"===e?u=!0:"not-presenting"===e&&u?o():"failed"===e&&i()})),l=new Promise((function(e){t.addEventListener("load",(function(){return e(!0)}),{once:!0}),t.addEventListener("error",(function(){return e(!1)}),{once:!0})})),t.className=S.u6,t.setAttribute("loading","eager"),t.setAttribute("ar",""),t.setAttribute("ar-modes","webxr"),t.setAttribute("ar-scale","fixed"),t.setAttribute("src",r),document.body.appendChild(t),a.next=22,withinDeadline(l);case 22:if(a.sent){a.next=25;break}return o(),a.abrupt("return",void 0);case 25:return a.abrupt("return",{enter:function enter(){if(!t.canActivateAR)return i();t.activateAR().catch(i)},dispose:o});case 26:case"end":return a.stop()}}),_callee)})))).apply(this,arguments)}var P=t(50773);function openArIframe(e,n){var t;try{t=new URL(e)}catch(e){return Promise.resolve(!1)}t.searchParams.set("arObject","1");var r=document.createElement("iframe");return r.className=S.jn,r.src=t.toString(),r.allow="xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",r.allowFullscreen=!0,new Promise((function(e){var o=!1,i=function close(){clearTimeout(a),window.removeEventListener("message",u),r.remove()},a=setTimeout((function(){i(),e(!1)}),3e4),u=function onMessage(u){if(u.source===r.contentWindow&&u.origin===t.origin){var l,d=function messageType(e){return"object"===(0,P.Z)(e)&&null!==e&&"type"in e?e.type:void 0}(u.data);if("AR_READY"!==d\|\|o)"AR_CLOSE"===d&&i();else o=!0,clearTimeout(a),r.dataset.ready="",null===(l=r.contentWindow)\|\|void 0===l\|\|l.postMessage({type:"SET_AR_OBJECT",payload:n.glb,usdz:n.usdz},t.origin),e(!0)}};window.addEventListener("message",u),document.body.appendChild(r)}))}var z=t(47514),M=(0,s.getLogger)("Planner","ArLaunch"),O=function ArIcon(){return(0,z.jsxs)(x.StrokeIcon,{children:[(0,z.jsx)("path",{d:"M3.5 8V5a1.5 1.5 0 0 1 1.5-1.5h3M16 3.5h3A1.5 1.5 0 0 1 20.5 5v3M20.5 16v3a1.5 1.5 0 0 1-1.5 1.5h-3M8 20.5H5A1.5 1.5 0 0 1 3.5 19v-3"}),(0,z.jsx)("path",{d:"M12 7l4.5 2.25v5.5L12 17l-4.5-2.25v-5.5z"}),(0,z.jsx)("path",{d:"M7.5 9.25L12 11.5l4.5-2.25M12 11.5V17"})]})};const j=(0,l.Pi)((function ArLaunch(){var e=(0,p.NP)(),n=(0,s.useTranslation)().t,t=(0,u.useState)(!1),i=(0,o.Z)(t,2),l=i[0],m=i[1];if(!function isArLaunchVisible(e){var n=e.productState;return!(!(0,x.viewerButtonsShown)(n)\|\|!n.allowQRCodeAR)&&(n.doShowRTV\|\|n.doShow3DComb)}(e))return null;var b=e.divaWebPlanner,f=(0,s.getNativeArPlatform)(),h=n("configurator.arLaunch.title"),v=function fail(t){var r,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n("configurator.arLaunch.failed");M.warn("AR launch failed: ".concat(t)),null===(r=e.actions)\|\|void 0===r\|\|r.openModal({title:h,text:o,accept:"OK"})},w=n("configurator.arLaunch.openFailed"),g=function(){var t=(0,r.Z)(a().mark((function _callee(){var t,r,o,i,u,l,p,x,m,g,k,y;return a().wrap((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if("unsupported"!==f){a.next=2;break}return a.abrupt("return",v("an iOS browser without AR Quick Look",w));case 2:if(r=c.useRTVStore.getState(),a.t0="none"!==f,!a.t0){a.next=8;break}return a.next=7,r.whenExportable(5e3);case 7:a.t0=!a.sent;case 8:if(!a.t0){a.next=10;break}return a.abrupt("return",v("the scene stayed in a capture or a move"));case 10:if("none"===f\|\|!e.uiState.AllConfig.arViewerIframe){a.next=32;break}if(o=b.getArViewerUrl()){a.next=14;break}return a.abrupt("return",v("arViewerIframe without arViewerUrl"));case 14:return a.next=16,r.exportSceneGlb();case 16:if(i=a.sent){a.next=19;break}return a.abrupt("return",v("no GLB export (empty planning)"));case 19:if("quick-look"!==f){a.next=25;break}return a.next=22,r.exportSceneUsdz().catch((function(){return null}));case 22:a.t1=a.sent,a.next=26;break;case 25:a.t1=null;case 26:return u=a.t1,a.next=29,openArIframe(o,{glb:i.blob,usdz:null==u?void 0:u.blob});case 29:if(a.sent){a.next=31;break}return a.abrupt("return",v("the AR page in the iframe did not answer"));case 31:return a.abrupt("return");case 32:if("quick-look"!==f){a.next=42;break}return a.next=35,r.exportSceneUsdz();case 35:if(l=a.sent){a.next=38;break}return a.abrupt("return",v("no USDZ export (empty planning)"));case 38:return p=URL.createObjectURL(l.blob),(0,s.openQuickLook)(p),setTimeout((function(){return URL.revokeObjectURL(p)}),6e4),a.abrupt("return");case 42:if("webxr"!==f){a.next=60;break}return a.next=45,(0,s.isWebXrArSupported)();case 45:if(a.sent){a.next=47;break}return a.abrupt("return",v("no immersive WebXR AR session on this device",w));case 47:return null===(x=e.actions)\|\|void 0===x\|\|x.loadModelViewer(),a.next=50,r.exportSceneGlb();case 50:if(g=a.sent){a.next=53;break}return a.abrupt("return",v("no GLB export (empty planning)"));case 53:return a.next=55,loadWebXrModel(g.blob,(function(){return v("the WebXR session did not start",w)}));case 55:if(k=a.sent){a.next=58;break}return a.abrupt("return",v("model-viewer or the GLB did not load"));case 58:return null===(m=e.actions)\|\|void 0===m\|\|m.openModal({title:h,text:n("configurator.arLaunch.ready"),reject:!0,accept:n("configurator.arLaunch.open"),callback:function callback(e){!0===e?k.enter():k.dispose()}}),a.abrupt("return");case 60:if(b.getArViewerUrl()){a.next=62;break}return a.abrupt("return",v("no arViewerUrl configured"));case 62:return a.next=64,b.openARObserverConnection((function(){return b.getPlannerHandler().saveSetHQRenderScript()}),"rtv-next");case 64:y=a.sent,null===(t=e.actions)\|\|void 0===t\|\|t.openModal({title:h,text:(0,z.jsxs)("div",{className:S.lN,children:[(0,z.jsx)("a",{href:y,target:"_blank",rel:"noopener noreferrer",children:(0,z.jsx)(d.ZP,{value:y,size:220})}),(0,z.jsx)("p",{children:n("configurator.arLaunch.scan")})]}),accept:"OK"});case 66:case"end":return a.stop()}}),_callee)})));return function launch(){return t.apply(this,arguments)}}();return(0,z.jsx)(x.RoundToggle,{label:h,busy:l,onToggle:function onLaunch(){l\|\|(m(!0),g().catch((function(e){v("unexpected error: ".concat(e instanceof Error?e.message:String(e)))})).finally((function(){return m(!1)})))},children:(0,z.jsx)(O,{})})}))},25533:(e,n,t)=>{t.r(n),t.d(n,{RoundToggle:()=>s,StrokeIcon:()=>d,useViewerButtons:()=>useViewerButtons,viewerButtonsShown:()=>viewerButtonsShown});t(87363);var r=t(9420),o=t(65515),i=t.n(o),a=t(25443),u=t(58114),l=t(47514),d=function StrokeIcon(e){var n=e.children;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:n})},s=(0,r.Pi)((function(e){var n=e.label,t=e.pressed,r=e.locked,o=e.busy,d=e.onToggle,s=e.children,c=(0,a.NP)().uiState,p=function toggle(){r\|\|d()};return(0,l.jsx)("div",{role:"button",tabIndex:0,"aria-label":n,"aria-pressed":t,"aria-disabled":r\|\|void 0,"aria-busy":o,title:n,className:i()(u.Fp,c.isInMobileView?u.ai:u.gv,c.isTablet?u.Mq:void 0,t?u.bB:void 0,r?u.JU:void 0,o?u.n6:void 0),onClick:p,onKeyDown:function onKeyDown(e){e.repeat\|\|"Enter"!==e.key&&" "!==e.key\|\|(e.preventDefault(),p())},children:s})}));function viewerButtonsShown(e){return e.rtvNext&&!e.hidePlannerUiIcons}function useViewerButtons(){return viewerButtonsShown((0,a.NP)().productState)}},12844:(e,n,t)=>{t.d(n,{ZP:()=>s,jn:()=>d,lN:()=>u,u6:()=>l});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--ADvXC {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n text-align: center;\n}\n\n/* model-viewer for the WebXR session, screen-sized like a visible viewer (it frames the model by its own size). Its DOM\n overlay (the exit button) lives inside it, so it shows while presenting. /\n.index-module--EOtKH {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--EOtKH[ar-status='not-presenting'] {\n opacity: 0;\n pointer-events: none;\n}\n\n/ The AR landing page over the shop's page (arViewerIframe), hidden and without clicks until it is ready. /\n.index-module--wQanx {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n z-index: 2147483647;\n background: #fff;\n}\n\n.index-module--wQanx:not([data-ready]) {\n visibility: hidden;\n}\n",""]);var u="index-module--ADvXC",l="index-module--EOtKH",d="index-module--wQanx";const s=a},64282:(e,n,t)=>{t.d(n,{Fp:()=>u,JU:()=>m,Mq:()=>p,PS:()=>b,ZP:()=>f,ai:()=>c,bB:()=>s,gv:()=>d,n6:()=>x,o_:()=>l});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--YwzwV {\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n border-radius: 50%;\n color: #4a4543;\n cursor: pointer;\n transition: background-color 0.15s ease;\n}\n\n.index-module--YwzwV.index-module--BjRsw {\n outline: 2px solid #713434;\n outline: 2px solid var(--diva-theme-palette-primary-main, #713434);\n outline-offset: 2px;\n}\n\n.index-module--YwzwV.index-module--BjRsw {\n outline: 2px solid #713434;\n outline: 2px solid #713434;\n outline: 2px solid var(--diva-theme-palette-primary-main, #713434);\n outline-offset: 2px;\n}\n\n.index-module--YwzwV:focus-visible {\n outline: 2px solid #713434;\n outline: 2px solid var(--diva-theme-palette-primary-main, #713434);\n outline-offset: 2px;\n}\n\n.index-module--YwzwV svg {\n width: 60%;\n height: 60%;\n}\n\n/ The desktop buttons' column (`ViewerButtonColumn`): 40px buttons with an 8px gap. Only the buttons take the pointer. /\n.index-module--pGu1x {\n position: absolute;\n left: calc(40px - 1.6rem);\n bottom: 60px;\n z-index: 601;\n display: flex;\n flex-direction: column-reverse;\n gap: 8px;\n pointer-events: none;\n}\n\n.index-module--aOOI5.index-module--YwzwV {\n width: 40px;\n height: 40px;\n background-color: #f5f5f5;\n pointer-events: auto;\n}\n\n.index-module--x1tK7.index-module--YwzwV,\n.index-module--x1tK7.index-module--aOOI5.index-module--YwzwV,\n.index-module--x1tK7.index-module--Rie6C.index-module--YwzwV {\n background-color: #713434;\n background-color: var(--diva-theme-palette-primary-main, #713434);\n color: #fff;\n}\n\n.index-module--aOOI5.index-module--YwzwV:active {\n background-color: #c4c4c4;\n}\n\n.index-module--Rie6C.index-module--YwzwV {\n width: 32px;\n height: 32px;\n background-color: rgba(255,255,255,0.66667);\n border: 1px solid #ddd;\n}\n\n.index-module--Ym26T.index-module--Rie6C.index-module--YwzwV {\n width: 42px;\n height: 42px;\n}\n\n.index-module--Y4zUh.index-module--YwzwV {\n cursor: progress;\n opacity: 0.5;\n}\n\n/ Decided by the step: the button shows the state but a tap does nothing. /\n.index-module--YVSmI.index-module--YwzwV {\n cursor: default;\n opacity: 0.45;\n}\n\n.index-module--rJekD {\n font-size: 13px;\n font-weight: 600;\n line-height: 1;\n}\n\n/ A pressed button keeps its colour under the pointer, so the click shows its result at once. */\n@media (hover: hover) {\n .index-module--aOOI5.index-module--YwzwV:not(.index-module--x1tK7):hover {\n background-color: #c4c4c4;\n }\n\n .index-module--Rie6C.index-module--YwzwV:not(.index-module--x1tK7):hover {\n background-color: rgba(243,243,243,0.66667);\n }\n}\n",""]);var u="index-module--YwzwV",l="index-module--pGu1x",d="index-module--aOOI5",s="index-module--x1tK7",c="index-module--Rie6C",p="index-module--Ym26T",x="index-module--Y4zUh",m="index-module--YVSmI",b="index-module--rJekD";const f=a},58114:(e,n,t)=>{t.d(n,{Fp:()=>b.Fp,JU:()=>b.JU,Mq:()=>b.Mq,PS:()=>b.PS,ai:()=>b.ai,bB:()=>b.bB,gv:()=>b.gv,n6:()=>b.n6,o_:()=>b.o_});var r=t(93379),o=t.n(r),i=t(7795),a=t.n(i),u=t(90569),l=t.n(u),d=t(3565),s=t.n(d),c=t(19216),p=t.n(c),x=t(44589),m=t.n(x),b=t(64282),f={};f.styleTagTransform=m(),f.setAttributes=s(),f.insert=l().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=p();o()(b.ZP,f),b.ZP&&b.ZP.locals&&b.ZP.locals}}]);

package/build/umd/7007.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:7007 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7026.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7026,1449,1559],{31449:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var o=t(80248),i=t(38946),r=t(9420),l=t(87363),a=t(58292),d=t(91214),s=t(93355),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),h=t(3565),v=t.n(h),g=t(19216),b=t.n(g),y=t(44589),w=t.n(y),I=t(48196),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=b();u()(I.ZP,j);I.ZP&&I.ZP.locals&&I.ZP.locals;var P=t(88683),M=t(65515),C=t.n(M),O=t(81559),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 A=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,P.useTranslation)().t,p=(0,P.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),h=(0,i.Z)(f,2),v=h[0],g=h[1],b={},y={},w=void 0,j=!1,M={},A=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),D=(0,a.sJ)({isOpen:A[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(j=A[0],M=A[1],b=D.triggerProps,y=D.layerProps,w=D.renderLayer);var S=o.codex.includes("OPV_NICHT_RELEVANT"),Z=!o.image&&!o.hexColor;return S?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)("div",{className:C()(I.YS,Z?I.aS:void 0),children:[(0,l.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),M),{},{key:o.codex,className:C()(I.bG,Z?I.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,k.jsx)("img",{className:I.BH,src:o.image}):o.hexColor?(0,k.jsx)("div",{className:I.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:I.fL,children:o.text}),(0,k.jsx)(O.default,{metaData:o.metaData,visible:[v,g]},o.codex)]}),j&&(null===(n=w)||void 0===n?void 0:n((0,k.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,k.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:I.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},17026:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var o=t(9420),i=t(93379),r=t.n(i),l=t(7795),a=t.n(l),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(48835),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=s().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();r()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var g=t(31449),b=t(47514);const y=(0,o.Pi)((function SelectedOpv(e){var n=e.item,t=e.selectedElements;return(0,b.jsx)("div",{className:h.Y,style:{marginTop:t.length?16:void 0},children:t.map((function(e,t){return(0,b.jsx)(g.default,{selectedElement:e,paletteId:n.id},e.codex)}))})}))},81559:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(38946),i=t(91214),r=t(87363),l=t(93379),a=t.n(l),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),g=t(84887),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();a()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,a=void 0===l?(0,r.useState)(""):l,d=(0,o.Z)(a,2),s=d[0],c=d[1],u=(0,i.NP)(),p=(0,r.useState)(""),x=(0,o.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,v=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===h[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)o(i)}f(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>h,CO:()=>v,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>g,lM:()=>b,uT:()=>f});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r),a=t(61667),d=t.n(a),s=new URL(t(71e3),t.b),c=l()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",h="index-module--oYAKU",v="index-module--aQoiU",g="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},48835:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var a="index-module--xpk21";const d=l},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const d=l},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7026,1449,1559],{31449:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var o=t(80248),i=t(38946),r=t(9420),l=t(87363),a=t(58292),d=t(25443),s=t(93355),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),h=t(3565),v=t.n(h),g=t(19216),b=t.n(g),y=t(44589),w=t.n(y),I=t(48196),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=b();u()(I.ZP,j);I.ZP&&I.ZP.locals&&I.ZP.locals;var P=t(88683),M=t(65515),C=t.n(M),O=t(81559),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 A=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,P.useTranslation)().t,p=(0,P.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),h=(0,i.Z)(f,2),v=h[0],g=h[1],b={},y={},w=void 0,j=!1,M={},A=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),D=(0,a.sJ)({isOpen:A[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(j=A[0],M=A[1],b=D.triggerProps,y=D.layerProps,w=D.renderLayer);var S=o.codex.includes("OPV_NICHT_RELEVANT"),Z=!o.image&&!o.hexColor;return S?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)("div",{className:C()(I.YS,Z?I.aS:void 0),children:[(0,l.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),M),{},{key:o.codex,className:C()(I.bG,Z?I.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,k.jsx)("img",{className:I.BH,src:o.image}):o.hexColor?(0,k.jsx)("div",{className:I.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:I.fL,children:o.text}),(0,k.jsx)(O.default,{metaData:o.metaData,visible:[v,g]},o.codex)]}),j&&(null===(n=w)||void 0===n?void 0:n((0,k.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,k.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:I.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},17026:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var o=t(9420),i=t(93379),r=t.n(i),l=t(7795),a=t.n(l),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(48835),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=s().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();r()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var g=t(31449),b=t(47514);const y=(0,o.Pi)((function SelectedOpv(e){var n=e.item,t=e.selectedElements;return(0,b.jsx)("div",{className:h.Y,style:{marginTop:t.length?16:void 0},children:t.map((function(e,t){return(0,b.jsx)(g.default,{selectedElement:e,paletteId:n.id},e.codex)}))})}))},81559:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(38946),i=t(25443),r=t(87363),l=t(93379),a=t.n(l),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),g=t(84887),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();a()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,a=void 0===l?(0,r.useState)(""):l,d=(0,o.Z)(a,2),s=d[0],c=d[1],u=(0,i.NP)(),p=(0,r.useState)(""),x=(0,o.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,v=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===h[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)o(i)}f(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>h,CO:()=>v,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>g,lM:()=>b,uT:()=>f});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r),a=t(61667),d=t.n(a),s=new URL(t(71e3),t.b),c=l()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",h="index-module--oYAKU",v="index-module--aQoiU",g="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},48835:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var a="index-module--xpk21";const d=l},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const d=l},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7037.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7037,509,172,7046,8837,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(61965),r=t(91214),o=t(9420),l=(t(87363),t(74133)),d=t(47514);const s=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o,s=e.isScroller,a=void 0!==s&&s,u=(0,r.NP)(),c=u.settingsState.itemPalettes.get(1);if(!c)return(0,d.jsx)(d.Fragment,{});var m=null!==(n=(0,i.Z)(u.settingsState.itemPalettes.values()).sort((function(e,n){return e.id-n.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==n?n:c,g=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!m.hideHeader)&&"CHECKOUT"!==c.configStepKey&&!(null!==(t=c.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(o=c.type)&&void 0!==o&&o.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(c.configStepKey)||c.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,d.jsx)(d.Fragment,{children:g&&(0,d.jsx)(l.default,{isInScroller:a,isSettingsHeader:!c.isHeader,item:c,header:!0})})}))},20172:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(5217),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(91214),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},77046:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),g=t.n(m),x=t(44589),f=t.n(x),p=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();o()(p.ZP,v);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(91214),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:p.bz,children:[n.emoji&&(0,S.jsx)("div",{className:p.rP,children:n.emoji}),(0,S.jsx)("div",{className:p.TN,children:n.title}),(0,S.jsx)("div",{className:p.WL,children:n.description}),n.id&&(0,S.jsxs)("button",{className:p.LI,onClick:function onClick(){!function isUrl(e){return/^https?:\/\//.test(e)}(n.id)?t.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,S.jsx)("span",{className:p.q5,children:n.buttonText}),(0,S.jsx)("div",{className:p.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(55563),r=t(91214),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(9668),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(77046),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),r=t(87363),o=t(9420),l=t(55563),d=t(91214),s=t(98837),a=t(77046),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,o=(0,d.NP)(),c=(0,r.useState)([]),m=(0,i.Z)(c,2),g=m[0],x=m[1];return(0,r.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],r=o.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:g.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},97037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(88291),r=t(91214),o=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),g=t.n(m),x=t(3565),f=t.n(x),p=t(19216),v=t.n(p),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=f(),b.insert=g().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),I=t(20172),j=t(26937),w=t(47514);const T=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(o.settingsState.setScrollerElement(s.current),o.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,g={},x=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(x))?x:x-38+"px",o.uiState.isInMobileView)?g.height=u:g.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var p=o.settingsState.itemPaletteArr[f][1];!p.isRenderedNotInSettingPalette&&p.visible&&a.push(p)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,w.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0,o.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&!o.wysiwygDebugState.wysiwygInspectView&&(0,w.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsxs)("div",{className:N()(o.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,w.jsx)(j.default,{itemPalettesArr:a}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,w.jsx)(I.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>x,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>g});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",g="index-module--MViR0";const x=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7037,509,172,7046,8837,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(61965),r=t(25443),o=t(9420),l=(t(87363),t(74133)),d=t(47514);const s=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o,s=e.isScroller,a=void 0!==s&&s,u=(0,r.NP)(),c=u.settingsState.itemPalettes.get(1);if(!c)return(0,d.jsx)(d.Fragment,{});var m=null!==(n=(0,i.Z)(u.settingsState.itemPalettes.values()).sort((function(e,n){return e.id-n.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==n?n:c,x=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!m.hideHeader)&&"CHECKOUT"!==c.configStepKey&&!(null!==(t=c.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(o=c.type)&&void 0!==o&&o.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(c.configStepKey)||c.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,d.jsx)(d.Fragment,{children:x&&(0,d.jsx)(l.default,{isInScroller:a,isSettingsHeader:!c.isHeader,item:c,header:!0})})}))},20172:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),f=t.n(x),g=t(44589),p=t.n(g),v=t(5217),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(25443),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},77046:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),p=t(91605),v={};v.styleTagTransform=g(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();o()(p.ZP,v);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(25443),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:p.bz,children:[n.emoji&&(0,S.jsx)("div",{className:p.rP,children:n.emoji}),(0,S.jsx)("div",{className:p.TN,children:n.title}),(0,S.jsx)("div",{className:p.WL,children:n.description}),n.id&&(0,S.jsxs)("button",{className:p.LI,onClick:function onClick(){!function isUrl(e){return/^https?:\/\//.test(e)}(n.id)?t.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,S.jsx)("span",{className:p.q5,children:n.buttonText}),(0,S.jsx)("div",{className:p.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(55563),r=t(25443),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),f=t.n(x),g=t(44589),p=t.n(g),v=t(9668),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(77046),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),r=t(87363),o=t(9420),l=t(55563),d=t(25443),s=t(98837),a=t(77046),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,o=(0,d.NP)(),c=(0,r.useState)([]),m=(0,i.Z)(c,2),x=m[0],f=m[1];return(0,r.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],r=o.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();f(e)}),[n]),(0,u.jsx)(u.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},97037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(61965),r=t(88291),o=t(25443),l=t(9420),d=t(87363),s=t(80509),a=t(93379),u=t.n(a),c=t(7795),m=t.n(c),x=t(90569),f=t.n(x),g=t(3565),p=t.n(g),v=t(19216),h=t.n(v),S=t(44589),P=t.n(S),b=t(79501),y={};y.styleTagTransform=P(),y.setAttributes=p(),y.insert=f().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=h();u()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var N=t(65515),I=t.n(N),T=t(20172),j=t(26937),w=t(55563),C=t(47514);const A=(0,l.Pi)((function SettingsScroller(e){var n,t;(0,r.Z)(e);var l=(0,o.NP)(),a=(0,d.useRef)(null),u=[];(0,d.useEffect)((function(){return a.current?(l.settingsState.setScrollerElement(a.current),l.uiState.setUpSettingsScrollEvent(a.current)):function(){}}),[a]);var c=l.productState.rtvNext&&(0,i.Z)(l.tabGroupState.configuratorSturucture.values()).some((function(e){return"SHELFPLANNER"===e.type||(0,i.Z)(e.options.values()).some((function(e){return e.codex.startsWith("SHELFARTICLE_")}))}));(0,d.useEffect)((function(){c&&(0,w.preloadShelfPlanner)()}),[c]);var m,x,f,g={},p=l.uiState.snapPoints[l.settingsState.activeSnapPointIndex];(m=isNaN(Number(p))?p:p-38+"px",l.uiState.isInMobileView)?g.height=m:g.height="calc(100% - "+(null!==(x=null===(f=l.settingsState.settingsHeaderElement)||void 0===f?void 0:f.getBoundingClientRect().height)&&void 0!==x?x:0)+"px)";for(var v=0;v<l.settingsState.itemPaletteArr.length;v++){var h=l.settingsState.itemPaletteArr[v][1];!h.isRenderedNotInSettingPalette&&h.visible&&u.push(h)}return(0,d.useEffect)((function(){l.uiState.configSettingsIsMinExpanded?l.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):l.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[l.uiState.configSettingsIsExpanded,l.uiState.configSettingsIsMinExpanded]),(0,C.jsxs)("div",{style:g,className:I()(b.e8,l.uiState.configSettingsIsExpanded?b.zh:void 0,l.uiState.configSettingsIsMinExpanded?b.m7:void 0,l.wysiwygDebugState.wysiwygInspectView&&b.Oq),id:"wcConfigurator-settings-scroller",ref:a,children:[(l.uiState.isInMobileView||l.settingsState.forceSettingsHeaderInScrollContainer)&&!l.wysiwygDebugState.wysiwygInspectView&&(0,C.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=l.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,C.jsxs)("div",{className:I()(l.wysiwygDebugState.wysiwygInspectView&&b.Ui),children:[(0,C.jsx)(j.default,{itemPalettesArr:u}),l.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==l.getState()&&(0,C.jsx)(T.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>f,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>x});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const f=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7040.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7040,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>m});var d=o(80248),t=o(38946),r=o(88291),i=o(9420),a=o(91214),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const m=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,r.Z)(e),e)),o=(0,l.useState)(""),d=(0,t.Z)(o,2),i=d[0],m=d[1],p=(0,u.useTranslation)().t,x=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!x.tabGroupState.filterTabgroup&&!i;x.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return x.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===x.tabGroupState.filterTabgroup&&i&&m("")}),[x.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return m(e.target.value)},placeholder:p("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return m("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var d=o(38946),t=o(61965),r=o(91214),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,t.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var t,r,i=(0,d.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(t=null===(r=n.tabGroupState)||void 0===r||null===(r=r.tabGroupScroller)||void 0===r?void 0:r.getBoundingClientRect().width)&&void 0!==t?t:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var d=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var d=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var d=o(61965),t=o(38946),r=o(91214),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),l=(0,i.useState)(!1),c=(0,t.Z)(l,2),m=c[0],p=c[1],x=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var d,t=null===(d=o.tabGroupState.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().height;t&&t>0&&(e||p(!m),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!x)return(0,u.jsx)(u.Fragment,{});var s=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,g=x.size,v=0;s?(v=s/g,80*g>s&&(b=80)):setTimeout((function(){return p(!m)}),100);var O=(0,d.Z)(x.values()),f=O[0],j=O[O.length-1];return(0,u.jsx)(u.Fragment,{children:O.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:v,isFirstItem:(null==f?void 0:f.key)==e.key,isLastItem:(null==j?void 0:j.key)==e.key,minHeight:b},e.key)}))})}))},47040:(e,n,o)=>{o.r(n),o.d(n,{default:()=>C});var d=o(80248),t=o(72874),r=o(91214),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),m=o(82147),p=o(93379),x=o.n(p),s=o(7795),b=o.n(s),g=o(90569),v=o.n(g),O=o(3565),f=o.n(O),j=o(19216),h=o.n(j),G=o(44589),I=o.n(G),N=o(31638),y={};y.styleTagTransform=I(),y.setAttributes=f(),y.insert=v().bind(null,"head"),y.domAPI=b(),y.insertStyleElement=h();x()(N.ZP,y);N.ZP&&N.ZP.locals&&N.ZP.locals;var D=o(62018),A=o(95414),w=o(47514),_=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const C=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,d=e.tabSearchClass,i=(0,t.Z)(e,_),l=(0,r.NP)(),p=(0,c.useTranslation)().t,x=(0,c.useDivaCore)().state,s=x.isFullscreenComponent,b=x.dimensions.isMobile,g=s&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),v=l.uiState.ViewConfig.tabGroupSearchVisible,O=(0,a.useRef)(null);return(0,a.useEffect)((function(){return O.current&&l.tabGroupState.setTabGroupScroller(O.current),function(){}}),[O]),(0,w.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,N.x6,l.uiState.isMobilePortrait?N.tW:void 0,l.uiState.isMobileLandscape?N.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?N.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?N.KR:void 0,g?void 0:N.oY,v?N._z:void 0,b?"left"==o?N.kn:N.e3:void 0),children:[v&&(0,w.jsx)(A.default,{className:d}),(0,w.jsx)("div",{className:u()(N.Ci),ref:O,children:(0,w.jsxs)("div",{className:N.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,w.jsx)(m.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,w.jsx)(D.default,{})]})}),g&&(0,w.jsx)("div",{className:N.b6,title:p("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>b,KR:()=>O,Sl:()=>s,ZP:()=>N,_z:()=>f,b6:()=>h,e3:()=>g,kn:()=>v,ml:()=>I,oY:()=>G,rK:()=>j,tW:()=>x,x6:()=>p});var d=o(8081),t=o.n(d),r=o(23645),i=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(t()),m=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--BXnzB .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var p="index-module--UQONc",x="index-module--Lpp4z",s="index-module--xae91",b="index-module--zG0j8",g="index-module--TiYdi",v="index-module--DDlII",O="index-module--BXnzB",f="index-module--GvXsI",j="index-module--RZGEF",h="index-module--mXgZs",G="index-module--PvgaR",I="index-module--VAKfj";const N=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7040,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>m});var d=o(80248),t=o(38946),r=o(88291),i=o(9420),a=o(25443),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const m=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,r.Z)(e),e)),o=(0,l.useState)(""),d=(0,t.Z)(o,2),i=d[0],m=d[1],s=(0,u.useTranslation)().t,x=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!x.tabGroupState.filterTabgroup&&!i;x.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return x.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===x.tabGroupState.filterTabgroup&&i&&m("")}),[x.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return m(e.target.value)},placeholder:s("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return m("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var d=o(38946),t=o(61965),r=o(25443),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,t.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var t,r,i=(0,d.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(t=null===(r=n.tabGroupState)||void 0===r||null===(r=r.tabGroupScroller)||void 0===r?void 0:r.getBoundingClientRect().width)&&void 0!==t?t:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var d=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var d=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var d=o(61965),t=o(38946),r=o(25443),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),l=(0,i.useState)(!1),c=(0,t.Z)(l,2),m=c[0],s=c[1],x=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var d,t=null===(d=o.tabGroupState.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().height;t&&t>0&&(e||s(!m),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!x)return(0,u.jsx)(u.Fragment,{});var p=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,g=x.size,v=0;p?(v=p/g,80*g>p&&(b=80)):setTimeout((function(){return s(!m)}),100);var f=(0,d.Z)(x.values()),O=f[0],j=f[f.length-1];return(0,u.jsx)(u.Fragment,{children:f.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:v,isFirstItem:(null==O?void 0:O.key)==e.key,isLastItem:(null==j?void 0:j.key)==e.key,minHeight:b},e.key)}))})}))},47040:(e,n,o)=>{o.r(n),o.d(n,{default:()=>z});var d=o(80248),t=o(38946),r=o(72874),i=o(25443),a=o(9420),l=o(87363),u=o(65515),c=o.n(u),m=o(88683),s=o(82147),x=o(93379),p=o.n(x),b=o(7795),g=o.n(b),v=o(90569),f=o.n(v),O=o(3565),j=o.n(O),h=o(19216),G=o.n(h),N=o(44589),y=o.n(N),I=o(31638),D={};D.styleTagTransform=y(),D.setAttributes=j(),D.insert=f().bind(null,"head"),D.domAPI=g(),D.insertStyleElement=G();p()(I.ZP,D);I.ZP&&I.ZP.locals&&I.ZP.locals;var A=o(62018),w=o(95414),k=o(47514),_=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,d)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,d.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const z=(0,a.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,d=e.tabSearchClass,a=(0,r.Z)(e,_),u=(0,i.NP)(),x=(0,m.useTranslation)().t,p=(0,m.useDivaCore)().state,b=p.isFullscreenComponent,g=p.dimensions.isMobile,v=b&&"none"!==o&&!u.uiState.isMobilePortrait||"vertical"!=u.tabGroupState.curTabGroupType&&!u.uiState.ViewConfig.hideCloseButton&&u.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&u.getIsInMobileView()),f=u.uiState.ViewConfig.tabGroupSearchVisible,O=(0,l.useRef)(null);(0,l.useEffect)((function(){return O.current&&u.tabGroupState.setTabGroupScroller(O.current),function(){}}),[O]);var j=(0,l.useState)({start:!1,end:!1}),h=(0,t.Z)(j,2),G=h[0],N=h[1],y=function updateFade(){var e=O.current;if(e){var n=e.scrollLeft>1,o=e.scrollLeft+e.clientWidth<e.scrollWidth-1;N((function(e){return e.start===n&&e.end===o?e:{start:n,end:o}}))}},D=u.productState.rtvNext&&"horizontal"==u.tabGroupState.curTabGroupType;return(0,l.useEffect)((function(){var e=O.current;if(e&&D){y();var n=new ResizeObserver(y);return n.observe(e),e.firstElementChild&&n.observe(e.firstElementChild),function(){return n.disconnect()}}}),[D]),(0,k.jsxs)("div",_objectSpread(_objectSpread({},a),{},{className:c()(n,I.x6,u.uiState.isMobilePortrait?I.tW:void 0,u.uiState.isMobileLandscape?I.rK:void 0,"horizontal"==u.tabGroupState.curTabGroupType?I.Sl:void 0,"vertical"==u.tabGroupState.curTabGroupType?I.KR:void 0,v?void 0:I.oY,f?I._z:void 0,g?"left"==o?I.kn:I.e3:void 0),children:[f&&(0,k.jsx)(w.default,{className:d}),(0,k.jsx)("div",{className:c()(I.Ci,D&&G.start?I.vi:void 0,D&&G.end?I.wy:void 0),ref:O,onScroll:D?y:void 0,children:(0,k.jsxs)("div",{className:I.ml,children:["horizontal"==u.tabGroupState.curTabGroupType&&(0,k.jsx)(s.default,{}),"vertical"==u.tabGroupState.curTabGroupType&&(0,k.jsx)(A.default,{})]})}),v&&(0,k.jsx)("div",{className:I.b6,title:x("configurator.ConfigClose"),onClick:u.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>b,KR:()=>f,Sl:()=>p,ZP:()=>D,_z:()=>O,b6:()=>h,e3:()=>g,kn:()=>v,ml:()=>N,oY:()=>G,rK:()=>j,tW:()=>x,vi:()=>I,wy:()=>y,x6:()=>s});var d=o(8081),t=o.n(d),r=o(23645),i=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(t()),m=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--BXnzB .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_PRODUCT_ONBOARDING body.darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n/* More tabs beyond an edge: fade that edge out so the bar reads as scrollable. */\n.index-module--xae91 .index-module--zG0j8.index-module--JV31x {\n  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent);\n          mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent);\n}\n.index-module--xae91 .index-module--zG0j8.index-module--fWFSS {\n  -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 40px), transparent);\n          mask-image: linear-gradient(to left, #000 calc(100% - 40px), transparent);\n}\n.index-module--xae91 .index-module--zG0j8.index-module--fWFSS.index-module--JV31x {\n  -webkit-mask-image: linear-gradient(to right, transparent, #000 40px, #000 calc(100% - 40px), transparent);\n          mask-image: linear-gradient(to right, transparent, #000 40px, #000 calc(100% - 40px), transparent);\n}\n",""]);var s="index-module--UQONc",x="index-module--Lpp4z",p="index-module--xae91",b="index-module--zG0j8",g="index-module--TiYdi",v="index-module--DDlII",f="index-module--BXnzB",O="index-module--GvXsI",j="index-module--RZGEF",h="index-module--mXgZs",G="index-module--PvgaR",N="index-module--VAKfj",y="index-module--JV31x",I="index-module--fWFSS";const D=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7046.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7046],{77046:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});i(87363);var o=i(9420),t=i(93379),r=i.n(t),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),f=i(44589),u=i.n(f),h=i(91605),g={};g.styleTagTransform=u(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(91214),v=i(47514);const k=(0,o.Pi)((function ContentItemTeaser(n){var e=n.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:h.bz,children:[e.emoji&&(0,v.jsx)("div",{className:h.rP,children:e.emoji}),(0,v.jsx)("div",{className:h.TN,children:e.title}),(0,v.jsx)("div",{className:h.WL,children:e.description}),e.id&&(0,v.jsxs)("button",{className:h.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?i.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,v.jsx)("span",{className:h.q5,children:e.buttonText}),(0,v.jsx)("div",{className:h.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},91605:(n,e,i)=>{i.d(e,{LI:()=>c,TN:()=>a,WL:()=>x,ZP:()=>f,bz:()=>l,q5:()=>m,rP:()=>s,x7:()=>p});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([n.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",x="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",p="index-module--MViR0";const f=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7046],{77046:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});i(87363);var o=i(9420),t=i(93379),r=i.n(t),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),f=i(44589),u=i.n(f),h=i(91605),g={};g.styleTagTransform=u(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(25443),v=i(47514);const k=(0,o.Pi)((function ContentItemTeaser(n){var e=n.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:h.bz,children:[e.emoji&&(0,v.jsx)("div",{className:h.rP,children:e.emoji}),(0,v.jsx)("div",{className:h.TN,children:e.title}),(0,v.jsx)("div",{className:h.WL,children:e.description}),e.id&&(0,v.jsxs)("button",{className:h.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?i.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,v.jsx)("span",{className:h.q5,children:e.buttonText}),(0,v.jsx)("div",{className:h.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},91605:(n,e,i)=>{i.d(e,{LI:()=>c,TN:()=>a,WL:()=>x,ZP:()=>f,bz:()=>l,q5:()=>m,rP:()=>s,x7:()=>p});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([n.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",x="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",p="index-module--MViR0";const f=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7052.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7052],{67052:(t,e,n)=>{n.r(e),n.d(e,{default:()=>u});var a=n(80248),i=(n(87363),n(91214)),r=n(56582),o=n(88683),l=n(47514);const u=function SummaryVariantButton(t){t.item;var e,n=(0,i.NP)(),u=n.settingsState.itemPaletteArr.find((function(t){return"VARIANTS"===t[1].type&&t[1].visible}));if(!u)return(0,l.jsx)(l.Fragment,{});var s=null===(e=u[1].groups)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.items;if(null==s||!s.length)return(0,l.jsx)(l.Fragment,{});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{onClick:function copyTableToClipboard(){var t="<h3>"+n.productState.webConifguratorTitle+" - "+Object.values(n.settingsState.articleInfos).map((function(t){return t.name})).join(", ")+"</h3><table>"+s.map((function(t){return void 0===t.index?"":"<tr><td>index: "+t.index+"</td>"+t.variantValues.map((function(t){return(t.optionValueImage?'<td><img src="'+t.optionValueImage+'"/></td>':"")+"<td>"+t.optionName+" ("+t.opt.substring(3)+"):<br/>"+t.optionValueName+" ("+t.opv.substring(3)+")</td>"})).join("")+"<td>"+o.DivaUtils.formatPrice(t.price)+"</td></tr>"})).join("")+"</table>",e=new Blob([t],{type:"text/html"});navigator.clipboard.write([new ClipboardItem((0,a.Z)({},e.type,e))])},children:"als Tabelle kopieren"}),(0,l.jsx)(r.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){s[0].onToggle(!0),n.paletteViewHandler.updateCurPaletteData(!0)},state:!s.find((function(t){return t.disabled}))})]})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7052],{67052:(t,e,n)=>{n.r(e),n.d(e,{default:()=>u});var a=n(80248),i=(n(87363),n(25443)),r=n(56582),o=n(88683),l=n(47514);const u=function SummaryVariantButton(t){t.item;var e,n=(0,i.NP)(),u=n.settingsState.itemPaletteArr.find((function(t){return"VARIANTS"===t[1].type&&t[1].visible}));if(!u)return(0,l.jsx)(l.Fragment,{});var s=null===(e=u[1].groups)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.items;if(null==s||!s.length)return(0,l.jsx)(l.Fragment,{});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{onClick:function copyTableToClipboard(){var t="<h3>"+n.productState.webConifguratorTitle+" - "+Object.values(n.settingsState.articleInfos).map((function(t){return t.name})).join(", ")+"</h3><table>"+s.map((function(t){return void 0===t.index?"":"<tr><td>index: "+t.index+"</td>"+t.variantValues.map((function(t){return(t.optionValueImage?'<td><img src="'+t.optionValueImage+'"/></td>':"")+"<td>"+t.optionName+" ("+t.opt.substring(3)+"):<br/>"+t.optionValueName+" ("+t.opv.substring(3)+")</td>"})).join("")+"<td>"+o.DivaUtils.formatPrice(t.price)+"</td></tr>"})).join("")+"</table>",e=new Blob([t],{type:"text/html"});navigator.clipboard.write([new ClipboardItem((0,a.Z)({},e.type,e))])},children:"als Tabelle kopieren"}),(0,l.jsx)(r.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){s[0].onToggle(!0),n.paletteViewHandler.updateCurPaletteData(!0)},state:!s.find((function(t){return t.disabled}))})]})}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7196.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7196],{17196:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var a=t(9420),o=t(91214),i=t(93379),l=t.n(i),d=t(7795),r=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var k=t(65515),b=t.n(k),w=t(88683),Z=t(47514);const P=(0,a.Pi)((function ReplaceSwitch(n){var e=(0,o.NP)(),t=(0,w.useTranslation)().t;return(0,Z.jsxs)("div",{className:b()(v.YS),children:[(0,Z.jsx)("div",{onClick:function onClick(){return e.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,Z.jsx)("div",{onClick:function onClick(){e.settingsState.plannerReplaceModeAvailable&&e.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?v.pA:void 0,e.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},11309:(n,e,t)=>{t.d(e,{JU:()=>c,LI:()=>r,YS:()=>d,ZP:()=>p,pA:()=>s});var a=t(8081),o=t.n(a),i=t(23645),l=t.n(i)()(o());l.push([n.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",r="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7196],{17196:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var a=t(9420),o=t(25443),i=t(93379),l=t.n(i),d=t(7795),r=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var k=t(65515),b=t.n(k),w=t(88683),Z=t(47514);const P=(0,a.Pi)((function ReplaceSwitch(n){var e=(0,o.NP)(),t=(0,w.useTranslation)().t;return(0,Z.jsxs)("div",{className:b()(v.YS),children:[(0,Z.jsx)("div",{onClick:function onClick(){return e.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,Z.jsx)("div",{onClick:function onClick(){e.settingsState.plannerReplaceModeAvailable&&e.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?v.pA:void 0,e.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},11309:(n,e,t)=>{t.d(e,{JU:()=>c,LI:()=>r,YS:()=>d,ZP:()=>p,pA:()=>s});var a=t(8081),o=t.n(a),i=t(23645),l=t.n(i)()(o());l.push([n.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",r="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 720.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[720,1280],{90720:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),x=o(3565),v=o.n(x),f=o(19216),g=o.n(f),p=o(44589),b=o.n(p),h=o(77815),m={};m.styleTagTransform=b(),m.setAttributes=v(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(h.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(91214),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),x=o(19047),v=o(47514),f=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,p=n.showCheckoutButtons,b=(0,r.Z)(n,f),h=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,v.jsx)("div",_objectSpread(_objectSpread({},b),{},{className:a()(o,s.jl,h.actionButtonState.isOnFirstStep?s.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,h.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?s.KR:void 0,h.uiState.isMobilePortrait?s.tW:void 0,h.uiState.isMobileLandscape?s.Qv:void 0),children:(0,v.jsxs)("div",{className:s.nC,children:[(0,v.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),p&&(null===(e=h.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,h,"navigator")})).map((function(n){return(0,v.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,h,n.index,m)},children:(0,v.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,v.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>p,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>b,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>v,rK:()=>u,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",v="index-module--IneQR",f="index-module--n4fFc",g="index-module--YJM3e",p="index-module--X2uG9",b="index-module--CVPGS",h="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),x=o.n(u),v=o(44589),f=o.n(v),g=o(28717),p={};p.styleTagTransform=f(),p.setAttributes=s(),p.insert=l().bind(null,"head"),p.domAPI=a(),p.insertStyleElement=x();r()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[720,1280],{90720:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),x=o(3565),v=o.n(x),f=o(19216),g=o.n(f),p=o(44589),b=o.n(p),h=o(77815),m={};m.styleTagTransform=b(),m.setAttributes=v(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(h.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(25443),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),x=o(19047),v=o(47514),f=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,p=n.showCheckoutButtons,b=(0,r.Z)(n,f),h=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,v.jsx)("div",_objectSpread(_objectSpread({},b),{},{className:a()(o,s.jl,h.actionButtonState.isOnFirstStep?s.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,h.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?s.KR:void 0,h.uiState.isMobilePortrait?s.tW:void 0,h.uiState.isMobileLandscape?s.Qv:void 0),children:(0,v.jsxs)("div",{className:s.nC,children:[(0,v.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),p&&(null===(e=h.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,h,"navigator")})).map((function(n){return(0,v.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,h,n.index,m)},children:(0,v.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,v.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>p,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>b,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>v,rK:()=>u,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",v="index-module--IneQR",f="index-module--n4fFc",g="index-module--YJM3e",p="index-module--X2uG9",b="index-module--CVPGS",h="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),x=o.n(u),v=o(44589),f=o.n(v),g=o(28717),p={};p.styleTagTransform=f(),p.setAttributes=s(),p.insert=l().bind(null,"head"),p.domAPI=a(),p.insertStyleElement=x();r()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);