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

@crystaldesign/diva-web-planner-react 26.12.0-rc.1 → 26.12.0-rc.3

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7577.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7577,1017],{41017:(t,o,i)=>{i.r(o),i.d(o,{default:()=>Z});var r=i(34988),d=i(93379),l=i.n(d),a=i(7795),c=i.n(a),u=i(90569),x=i.n(u),p=i(3565),m=i.n(p),g=i(19216),C=i.n(g),h=i(44589),v=i.n(h),b=i(23240),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(87363),j=i(35567),k=i(65515),I=i.n(k),S=i(9420),P=i(47514);const Z=(0,S.Pi)((function InfoIcon(t){var o,i,d,l=t.item,a=t.style,c=(0,j.NP)(),u=l.contentItemId,x=null!==(o=null!==(i=null!==(d=l.codex)&&void 0!==d?d:l.articleCodex)&&void 0!==i?i:l.title)&&void 0!==o?o:l.key,p=(0,y.useState)(!1),m=(0,r.Z)(p,2),g=m[0],C=m[1],h=l.sel||g;if((0,y.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&x==c.settingsState.clickedFrom;!t&&g&&C(!1),t&&!g&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||h}()?(0,P.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,x),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:a,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:I()(b.hv,h?void 0:b.al,g?b.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:I()(b.dA,h?b.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},35464:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(34988),d=i(87363),l=i(65515),a=i.n(l),c=i(16008),u=i(75275),x=i(88683),p=i(35567),m=i(93379),g=i.n(m),C=i(7795),h=i.n(C),v=i(90569),b=i.n(v),w=i(3565),y=i.n(w),j=i(19216),k=i.n(j),I=i(44589),S=i.n(I),P=i(8441),Z={};Z.styleTagTransform=S(),Z.setAttributes=y(),Z.insert=b().bind(null,"head"),Z.domAPI=h(),Z.insertStyleElement=k();g()(P.ZP,Z);P.ZP&&P.ZP.locals&&P.ZP.locals;var N=i(27058),A=i(47514),T=(0,x.getLogger)("Planner","ReverseCheck");const _=function ReverseCheck(t){var o=t.item,i=t.paletteId,l=(0,p.NP)(),m=(0,x.useTranslation)().t,g=void 0!==o.pricePreviewPromise?o.pricePreviewPromise:void 0,C=(0,d.useState)(null),h=(0,r.Z)(C,2),v=h[0],b=h[1],w=(0,d.useState)(!1),y=(0,r.Z)(w,2),j=y[0],k=y[1];(0,d.useEffect)((function(){var t=!0;return g?(k(!0),g.promise.then((function(o){t&&b(o.reversingCheck)})).catch((function(t){T.error(new N.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&k(!1)}))):b(null),function(){t=!1}}),[g]);return g?j?(0,A.jsx)("div",{className:a()(P.Nh,P.V_),children:(0,A.jsx)("div",{className:P.lY})}):v&&v.hasReversingChanges?"BLOCK"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.IN,P.A4),onClick:function handleBlockedClick(t){var o;t.stopPropagation();var i=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(o=l.actions)||void 0===o||o.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:i}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,A.jsx)(c.Z,{className:P.tL,id:"blocked-icon"})}):"WARN"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var d=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(o,void 0,i)}})},children:(0,A.jsx)(u.Z,{className:P.tO})}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{})}},67577:(t,o,i)=>{i.r(o),i.d(o,{default:()=>V});var r=i(34988),d=i(10304),l=i(87363),a=i(35567),c=i(9420),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),C=i.n(g),h=i(3565),v=i.n(h),b=i(19216),w=i.n(b),y=i(44589),j=i.n(y),k=i(35563),I={};I.styleTagTransform=j(),I.setAttributes=v(),I.insert=C().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=w();x()(k.ZP,I);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=i(65515),P=i.n(S),Z=i(41017),N=i(86526),A=i.n(N),T=i(77826),_={};_.styleTagTransform=j(),_.setAttributes=v(),_.insert=C().bind(null,"head"),_.domAPI=m(),_.insertStyleElement=w();x()(T.Z,_);T.Z&&T.Z.locals&&T.Z.locals;var z=i(93536),R=i(35464),D=i(47514);function _createForOfIteratorHelper(t,o){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function _unsupportedIterableToArray(t,o){if(t){if("string"==typeof t)return _arrayLikeToArray(t,o);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,o):void 0}}(t))||o&&t&&"number"==typeof t.length){i&&(t=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==i.return||i.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,o){(null==o||o>t.length)&&(o=t.length);for(var i=0,r=Array(o);i<o;i++)r[i]=t[i];return r}const V=(0,c.Pi)((function DropDowmText(t){var o,i=t.item,c=t.paletteId,u=t.style,x=(0,a.NP)(),p=i.groups.flatMap((function(t){return t.items})),m=p.find((function(t){return t.sel})),g=(0,l.useState)(null==m?void 0:m.text),C=(0,r.Z)(g,2),h=C[0],v=C[1],b=(0,l.useState)(!1),w=(0,r.Z)(b,2),y=w[0],j=w[1];(0,l.useEffect)((function(){var t=p.find((function(t){return t.codex==h}));t&&x.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[h,y]);var I,S=void 0,N=[],T=_createForOfIteratorHelper(p);try{for(T.s();!(I=T.n()).done;){var _=I.value,V={label:(0,D.jsxs)("div",{className:k.Kj,children:[(0,D.jsx)("div",{className:k.fL,dangerouslySetInnerHTML:{__html:_.text}}),void 0!==_.pricePreviewPromise&&(0,D.jsx)(z.default,{asyncPricePreview:_.pricePreviewPromise,sel:_.sel}),void 0!==_.checkForReversingChanges&&(0,D.jsx)(R.default,{item:_,paletteId:c})]}),text:_.text,value:_.codex};_.sel&&(S={label:_.text.length>16?(0,D.jsx)(A(),{direction:"right",duration:8,textSpacing:"8px",children:_.text}):(0,D.jsx)("div",{className:k.Kj,dangerouslySetInnerHTML:{__html:_.text}}),text:_.text,value:_.codex}),N.push(V)}}catch(t){T.e(t)}finally{T.f()}var B=null!==(o=i.selectedElements)&&void 0!==o&&null!==(o=o[0])&&void 0!==o&&o.contentItemId?i.selectedElements[0]:i.optionContentItemId?{contentItemId:i.optionContentItemId,codex:i.configStepKey}:void 0;return(0,D.jsxs)("div",{className:P()(k.O7,k.YS,x.uiState.isInMobileView?k.ai:void 0,x.uiState.isTablet?k.Mq:void 0),ref:function ref(t){return i.htmlRef=t},style:u,children:[(0,D.jsx)("div",{className:P()(k.eR,k.TN),children:i.name}),(0,D.jsx)(d.Z,{className:k.RL,controlClassName:k.XF,menuClassName:k.fF,options:N,value:S,placeholderClassName:k.Kj,onChange:function onChange(t){v(t.value),j(!y)}}),"DROPDOWN_IMAGE"==i.type&&(null==m?void 0:m.image)&&(0,D.jsx)("img",{className:k.BH,src:m.image.replace("_gal.",".")}),B&&(0,D.jsx)(Z.default,{item:B,style:{bottom:"24px",right:"20px"}},i.configStepKey)]})}))},23240:(t,o,i)=>{i.d(o,{FJ:()=>m,Oq:()=>p,ZP:()=>h,al:()=>C,dA:()=>x,fL:()=>g,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.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 c="index-module--CjCgr",u="index-module--C9QBx",x="index-module--a2wqn",p="index-module--fLFjU",m="index-module--nTN4r",g="index-module--FaRqp",C="index-module--oBSZj";const h=a},8441:(t,o,i)=>{i.d(o,{A4:()=>x,IN:()=>u,J9:()=>h,Nh:()=>c,V_:()=>p,ZP:()=>v,lY:()=>m,tL:()=>g,tO:()=>C});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",x="index-module--oyt7q",p="index-module--CTeV9",m="index-module--j1YrR",g="index-module--bG0Fi",C="index-module--Ej4oh",h="index-module--lFAqA";const v=a},35563:(t,o,i)=>{i.d(o,{BH:()=>h,Kj:()=>x,Mq:()=>y,O7:()=>p,RL:()=>C,TN:()=>m,XF:()=>c,YS:()=>b,ZP:()=>j,ai:()=>w,eR:()=>g,fF:()=>u,fL:()=>v});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n\n.index-module--_ss3e .Dropdown-root {\n  position: relative;\n}\n\n.index-module--_ss3e .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #ccc;\n  font-size: 14px;\n}\n\n.index-module--k3nyn .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--rVTNA .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--_ss3e .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--_ss3e .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--_ss3e .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--_ss3e .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--_ss3e .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--_ss3e .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--_ss3e .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--_ss3e .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--_ss3e .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--_ss3e .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",x="index-module--KSu7G",p="index-module--CfRbv",m="index-module--GXQvP",g="index-module--lSs1C",C="index-module--oQlWo",h="index-module--qccxA",v="index-module--XjbL2",b="index-module--_ss3e",w="index-module--k3nyn",y="index-module--rVTNA";const j=a},77826:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7577,1017],{41017:(t,o,i)=>{i.r(o),i.d(o,{default:()=>Z});var r=i(34988),d=i(93379),l=i.n(d),a=i(7795),c=i.n(a),u=i(90569),x=i.n(u),p=i(3565),m=i.n(p),g=i(19216),C=i.n(g),h=i(44589),v=i.n(h),b=i(23240),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(87363),j=i(91214),k=i(65515),I=i.n(k),S=i(9420),P=i(47514);const Z=(0,S.Pi)((function InfoIcon(t){var o,i,d,l=t.item,a=t.style,c=(0,j.NP)(),u=l.contentItemId,x=null!==(o=null!==(i=null!==(d=l.codex)&&void 0!==d?d:l.articleCodex)&&void 0!==i?i:l.title)&&void 0!==o?o:l.key,p=(0,y.useState)(!1),m=(0,r.Z)(p,2),g=m[0],C=m[1],h=l.sel||g;if((0,y.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&x==c.settingsState.clickedFrom;!t&&g&&C(!1),t&&!g&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||h}()?(0,P.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,x),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:a,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:I()(b.hv,h?void 0:b.al,g?b.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:I()(b.dA,h?b.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},35464:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(34988),d=i(87363),l=i(65515),a=i.n(l),c=i(16008),u=i(75275),x=i(88683),p=i(91214),m=i(93379),g=i.n(m),C=i(7795),h=i.n(C),v=i(90569),b=i.n(v),w=i(3565),y=i.n(w),j=i(19216),k=i.n(j),I=i(44589),S=i.n(I),P=i(8441),Z={};Z.styleTagTransform=S(),Z.setAttributes=y(),Z.insert=b().bind(null,"head"),Z.domAPI=h(),Z.insertStyleElement=k();g()(P.ZP,Z);P.ZP&&P.ZP.locals&&P.ZP.locals;var N=i(27058),A=i(47514),T=(0,x.getLogger)("Planner","ReverseCheck");const _=function ReverseCheck(t){var o=t.item,i=t.paletteId,l=(0,p.NP)(),m=(0,x.useTranslation)().t,g=void 0!==o.pricePreviewPromise?o.pricePreviewPromise:void 0,C=(0,d.useState)(null),h=(0,r.Z)(C,2),v=h[0],b=h[1],w=(0,d.useState)(!1),y=(0,r.Z)(w,2),j=y[0],k=y[1];(0,d.useEffect)((function(){var t=!0;return g?(k(!0),g.promise.then((function(o){t&&b(o.reversingCheck)})).catch((function(t){T.error(new N.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&k(!1)}))):b(null),function(){t=!1}}),[g]);return g?j?(0,A.jsx)("div",{className:a()(P.Nh,P.V_),children:(0,A.jsx)("div",{className:P.lY})}):v&&v.hasReversingChanges?"BLOCK"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.IN,P.A4),onClick:function handleBlockedClick(t){var o;t.stopPropagation();var i=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(o=l.actions)||void 0===o||o.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:i}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,A.jsx)(c.Z,{className:P.tL,id:"blocked-icon"})}):"WARN"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var d=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(o,void 0,i)}})},children:(0,A.jsx)(u.Z,{className:P.tO})}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{})}},67577:(t,o,i)=>{i.r(o),i.d(o,{default:()=>V});var r=i(34988),d=i(10304),l=i(87363),a=i(91214),c=i(9420),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),C=i.n(g),h=i(3565),v=i.n(h),b=i(19216),w=i.n(b),y=i(44589),j=i.n(y),k=i(35563),I={};I.styleTagTransform=j(),I.setAttributes=v(),I.insert=C().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=w();x()(k.ZP,I);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=i(65515),P=i.n(S),Z=i(41017),N=i(86526),A=i.n(N),T=i(77826),_={};_.styleTagTransform=j(),_.setAttributes=v(),_.insert=C().bind(null,"head"),_.domAPI=m(),_.insertStyleElement=w();x()(T.Z,_);T.Z&&T.Z.locals&&T.Z.locals;var z=i(93536),R=i(35464),D=i(47514);function _createForOfIteratorHelper(t,o){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function _unsupportedIterableToArray(t,o){if(t){if("string"==typeof t)return _arrayLikeToArray(t,o);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,o):void 0}}(t))||o&&t&&"number"==typeof t.length){i&&(t=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==i.return||i.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,o){(null==o||o>t.length)&&(o=t.length);for(var i=0,r=Array(o);i<o;i++)r[i]=t[i];return r}const V=(0,c.Pi)((function DropDowmText(t){var o,i=t.item,c=t.paletteId,u=t.style,x=(0,a.NP)(),p=i.groups.flatMap((function(t){return t.items})),m=p.find((function(t){return t.sel})),g=(0,l.useState)(null==m?void 0:m.text),C=(0,r.Z)(g,2),h=C[0],v=C[1],b=(0,l.useState)(!1),w=(0,r.Z)(b,2),y=w[0],j=w[1];(0,l.useEffect)((function(){var t=p.find((function(t){return t.codex==h}));t&&x.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[h,y]);var I,S=void 0,N=[],T=_createForOfIteratorHelper(p);try{for(T.s();!(I=T.n()).done;){var _=I.value,V={label:(0,D.jsxs)("div",{className:k.Kj,children:[(0,D.jsx)("div",{className:k.fL,dangerouslySetInnerHTML:{__html:_.text}}),void 0!==_.pricePreviewPromise&&(0,D.jsx)(z.default,{asyncPricePreview:_.pricePreviewPromise,sel:_.sel}),void 0!==_.checkForReversingChanges&&(0,D.jsx)(R.default,{item:_,paletteId:c})]}),text:_.text,value:_.codex};_.sel&&(S={label:_.text.length>16?(0,D.jsx)(A(),{direction:"right",duration:8,textSpacing:"8px",children:_.text}):(0,D.jsx)("div",{className:k.Kj,dangerouslySetInnerHTML:{__html:_.text}}),text:_.text,value:_.codex}),N.push(V)}}catch(t){T.e(t)}finally{T.f()}var B=null!==(o=i.selectedElements)&&void 0!==o&&null!==(o=o[0])&&void 0!==o&&o.contentItemId?i.selectedElements[0]:i.optionContentItemId?{contentItemId:i.optionContentItemId,codex:i.configStepKey}:void 0;return(0,D.jsxs)("div",{className:P()(k.O7,k.YS,x.uiState.isInMobileView?k.ai:void 0,x.uiState.isTablet?k.Mq:void 0),ref:function ref(t){return i.htmlRef=t},style:u,children:[(0,D.jsx)("div",{className:P()(k.eR,k.TN),children:i.name}),(0,D.jsx)(d.Z,{className:k.RL,controlClassName:k.XF,menuClassName:k.fF,options:N,value:S,placeholderClassName:k.Kj,onChange:function onChange(t){v(t.value),j(!y)}}),"DROPDOWN_IMAGE"==i.type&&(null==m?void 0:m.image)&&(0,D.jsx)("img",{className:k.BH,src:m.image.replace("_gal.",".")}),B&&(0,D.jsx)(Z.default,{item:B,style:{bottom:"24px",right:"20px"}},i.configStepKey)]})}))},23240:(t,o,i)=>{i.d(o,{FJ:()=>m,Oq:()=>p,ZP:()=>h,al:()=>C,dA:()=>x,fL:()=>g,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.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 c="index-module--CjCgr",u="index-module--C9QBx",x="index-module--a2wqn",p="index-module--fLFjU",m="index-module--nTN4r",g="index-module--FaRqp",C="index-module--oBSZj";const h=a},8441:(t,o,i)=>{i.d(o,{A4:()=>x,IN:()=>u,J9:()=>h,Nh:()=>c,V_:()=>p,ZP:()=>v,lY:()=>m,tL:()=>g,tO:()=>C});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",x="index-module--oyt7q",p="index-module--CTeV9",m="index-module--j1YrR",g="index-module--bG0Fi",C="index-module--Ej4oh",h="index-module--lFAqA";const v=a},35563:(t,o,i)=>{i.d(o,{BH:()=>h,Kj:()=>x,Mq:()=>y,O7:()=>p,RL:()=>C,TN:()=>m,XF:()=>c,YS:()=>b,ZP:()=>j,ai:()=>w,eR:()=>g,fF:()=>u,fL:()=>v});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n\n.index-module--_ss3e .Dropdown-root {\n  position: relative;\n}\n\n.index-module--_ss3e .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #ccc;\n  font-size: 14px;\n}\n\n.index-module--k3nyn .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--rVTNA .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--_ss3e .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--_ss3e .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--_ss3e .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--_ss3e .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--_ss3e .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--_ss3e .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--_ss3e .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--_ss3e .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--_ss3e .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--_ss3e .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",x="index-module--KSu7G",p="index-module--CfRbv",m="index-module--GXQvP",g="index-module--lSs1C",C="index-module--oQlWo",h="index-module--qccxA",v="index-module--XjbL2",b="index-module--_ss3e",w="index-module--k3nyn",y="index-module--rVTNA";const j=a},77826:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7623.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7623],{87623:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(34988),i=t(80248),r=t(72874),d=t(9420),a=t(35567),l=t(87363),u=t(88683),s=t(93379),c=t.n(s),p=t(7795),m=t.n(p),x=t(90569),f=t.n(x),h=t(3565),b=t.n(h),g=t(19216),S=t.n(g),v=t(44589),w=t.n(v),y=t(96193),V={};V.styleTagTransform=w(),V.setAttributes=b(),V.insert=f().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=S();c()(y.ZP,V);y.ZP&&y.ZP.locals&&y.ZP.locals;var K=t(65515),A=t.n(K),I=t(47514),j=["isInScroller","item","doShowFilter"];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,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,d.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,i=e.doShowFilter,d=(0,r.Z)(e,j),s=(0,a.NP)(),c=(0,u.useTranslation)().t,p=(0,l.useRef)(null);(0,l.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:p.current}))}),[p]);var m=(0,l.useState)(s.uiState.isInMobileView),x=(0,o.Z)(m,2),f=x[0],h=x[1],b=(0,l.useState)(!1),g=(0,o.Z)(b,2),S=g[0],v=g[1];return(0,I.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,I.jsx)("input",_objectSpread(_objectSpread({},d),{},{ref:p,className:A()(y.Xx,i?void 0:y.Gp,s.uiState.configSettingsIsExpanded?y._F:void 0,s.uiState.configSettingsIsMaxExpanded?y.Hj:void 0,n?y.Nb:void 0,s.uiState.isInMobileView?y.ai:void 0,s.uiState.isTablet?y.Mq:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:c("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(e){return h(!1)},onTouchStart:function onTouchStart(e){h(!1),setTimeout((function(){v(!0)}),100)},onBlur:function onBlur(){S&&(h(s.uiState.isInMobileView),v(!1))},disabled:f}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>m,Hj:()=>p,Mq:()=>u,Nb:()=>s,Xx:()=>a,ZP:()=>x,_F:()=>c,ai:()=>l});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([e.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder, .diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var a="index-module--rVLUK",l="index-module--cO8Ww",u="index-module--M7WBB",s="index-module--iFAfh",c="index-module--elYJb",p="index-module--radk0",m="index-module--ljh7V";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7623],{87623:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(34988),i=t(80248),r=t(72874),d=t(9420),a=t(91214),l=t(87363),u=t(88683),s=t(93379),c=t.n(s),p=t(7795),m=t.n(p),x=t(90569),f=t.n(x),h=t(3565),b=t.n(h),g=t(19216),S=t.n(g),v=t(44589),w=t.n(v),y=t(96193),V={};V.styleTagTransform=w(),V.setAttributes=b(),V.insert=f().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=S();c()(y.ZP,V);y.ZP&&y.ZP.locals&&y.ZP.locals;var K=t(65515),A=t.n(K),I=t(47514),j=["isInScroller","item","doShowFilter"];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,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,d.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,i=e.doShowFilter,d=(0,r.Z)(e,j),s=(0,a.NP)(),c=(0,u.useTranslation)().t,p=(0,l.useRef)(null);(0,l.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:p.current}))}),[p]);var m=(0,l.useState)(s.uiState.isInMobileView),x=(0,o.Z)(m,2),f=x[0],h=x[1],b=(0,l.useState)(!1),g=(0,o.Z)(b,2),S=g[0],v=g[1];return(0,I.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,I.jsx)("input",_objectSpread(_objectSpread({},d),{},{ref:p,className:A()(y.Xx,i?void 0:y.Gp,s.uiState.configSettingsIsExpanded?y._F:void 0,s.uiState.configSettingsIsMaxExpanded?y.Hj:void 0,n?y.Nb:void 0,s.uiState.isInMobileView?y.ai:void 0,s.uiState.isTablet?y.Mq:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:c("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(e){return h(!1)},onTouchStart:function onTouchStart(e){h(!1),setTimeout((function(){v(!0)}),100)},onBlur:function onBlur(){S&&(h(s.uiState.isInMobileView),v(!1))},disabled:f}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>m,Hj:()=>p,Mq:()=>u,Nb:()=>s,Xx:()=>a,ZP:()=>x,_F:()=>c,ai:()=>l});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([e.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder, .diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var a="index-module--rVLUK",l="index-module--cO8Ww",u="index-module--M7WBB",s="index-module--iFAfh",c="index-module--elYJb",p="index-module--radk0",m="index-module--ljh7V";const x=d}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7654.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7654,1559,6587],{81559:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(34988),t=o(35567),r=o(87363),d=o(93379),l=o.n(d),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();l()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const I=function MetaData(e){var n=e.style,o=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,i.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.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 i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===h[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<h.length;t++)i(t)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(80248),t=o(34988),r=o(65515),d=o.n(r),l=o(35567),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(58292),g=o(81559),h=o(93355),v=o(41017),b=o(93536),y=o(35464),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}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,i.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=(0,a.Pi)((function Option(e){var n,o=e.item,i=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,I=o,j=(0,l.NP)(),M=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,N=w.isTablet,C=(0,s.useState)(""),z=(0,t.Z)(C,2),A=z[0],P=z[1],k={},Z={},O=void 0,E=!1,T={},L=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:L[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return S||N||j.getViewConfig().hideTooltip||!I.image&&!I.hexColor||I.contentItemId||(E=L[0],T=L[1],k=D.triggerProps,Z=D.layerProps,O=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:I.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,I.sel?c.pA:void 0),onClick:function onClick(){I.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(I),j.paletteViewHandler.clickedOnConfigPalette(I,void 0,i)}},k),T),{},{children:[(0,f.jsxs)("div",{className:d()(c.iZ,c.NC),children:[I.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),I.contentItemId&&(0,f.jsx)(v.default,{item:I,style:{bottom:8}},I.codex),"TEXT"==I.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==I.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(I.image,")")}}),(0,f.jsxs)("div",{className:d()(c.AR,"TEXT"==I.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:d()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:I.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:I.metaData,visible:[A,P]},I.codex)]}),E&&(null===(n=O)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:I.text+(I.freeText?I.freeText:"")+(a||""),desciption:A,image:I.image,hexColor:I.hexColor,pricePreviewPromise:I.pricePreviewPromise,layerProps:Z},I.codex))),I.doShowFav&&(0,f.jsx)("div",{className:I.isFav?m.Md:m.Hq})]}),!r&&void 0!==I.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:I.pricePreviewPromise,sel:I.sel}),void 0!==I.checkForReversingChanges&&(0,f.jsx)(y.default,{item:I,paletteId:i}),I.disabledByConstructionRule&&(0,f.jsx)("div",{className:d()(c.ox),title:M("configurator."+I.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>d});var i=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}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,i.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 d=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>l,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r)()(t());d.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_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>j,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>I,iZ:()=>x,ox:()=>M,pA:()=>p,vc:()=>g});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",I="index-module--mZh26",j="index-module--NabGm",M="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=o(93379),t=o.n(i),r=o(7795),d=o.n(r),l=o(90569),a=o.n(l),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=u();t()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),d=o(94299),l=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,l.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,d.Z)(o.color)}`],n[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:l,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=i.isValidElement(l)&&"svg"===l.type,I={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},j={};h||(j.viewBox=b);const M=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,d.Z)(n)}`,`fontSize${(0,d.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(I);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(M.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...j,...y,...f&&l.props,ownerState:I,children:[f?l.props.children:l,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7654,1559,6587],{81559:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(34988),t=o(91214),r=o(87363),d=o(93379),l=o.n(d),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();l()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const I=function MetaData(e){var n=e.style,o=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,i.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.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 i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===h[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<h.length;t++)i(t)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(80248),t=o(34988),r=o(65515),d=o.n(r),l=o(91214),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(58292),g=o(81559),h=o(93355),v=o(41017),b=o(93536),y=o(35464),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}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,i.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=(0,a.Pi)((function Option(e){var n,o=e.item,i=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,I=o,j=(0,l.NP)(),M=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,N=w.isTablet,C=(0,s.useState)(""),z=(0,t.Z)(C,2),A=z[0],P=z[1],k={},Z={},O=void 0,E=!1,T={},L=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:L[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return S||N||j.getViewConfig().hideTooltip||!I.image&&!I.hexColor||I.contentItemId||(E=L[0],T=L[1],k=D.triggerProps,Z=D.layerProps,O=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:I.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,I.sel?c.pA:void 0),onClick:function onClick(){I.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(I),j.paletteViewHandler.clickedOnConfigPalette(I,void 0,i)}},k),T),{},{children:[(0,f.jsxs)("div",{className:d()(c.iZ,c.NC),children:[I.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),I.contentItemId&&(0,f.jsx)(v.default,{item:I,style:{bottom:8}},I.codex),"TEXT"==I.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==I.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(I.image,")")}}),(0,f.jsxs)("div",{className:d()(c.AR,"TEXT"==I.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:d()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:I.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:I.metaData,visible:[A,P]},I.codex)]}),E&&(null===(n=O)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:I.text+(I.freeText?I.freeText:"")+(a||""),desciption:A,image:I.image,hexColor:I.hexColor,pricePreviewPromise:I.pricePreviewPromise,layerProps:Z},I.codex))),I.doShowFav&&(0,f.jsx)("div",{className:I.isFav?m.Md:m.Hq})]}),!r&&void 0!==I.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:I.pricePreviewPromise,sel:I.sel}),void 0!==I.checkForReversingChanges&&(0,f.jsx)(y.default,{item:I,paletteId:i}),I.disabledByConstructionRule&&(0,f.jsx)("div",{className:d()(c.ox),title:M("configurator."+I.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>d});var i=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}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,i.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 d=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>l,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r)()(t());d.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_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>j,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>I,iZ:()=>x,ox:()=>M,pA:()=>p,vc:()=>g});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",I="index-module--mZh26",j="index-module--NabGm",M="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=o(93379),t=o.n(i),r=o(7795),d=o.n(r),l=o(90569),a=o.n(l),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=u();t()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),d=o(94299),l=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,l.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,d.Z)(o.color)}`],n[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:l,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=i.isValidElement(l)&&"svg"===l.type,I={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},j={};h||(j.viewBox=b);const M=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,d.Z)(n)}`,`fontSize${(0,d.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(I);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(M.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...j,...y,...f&&l.props,ownerState:I,children:[f?l.props.children:l,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7682.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7682],{87682:(n,e,i)=>{i.r(e),i.d(e,{default:()=>K});var t=i(35567),o=i(87363),r=i(94286),a=i(93379),d=i.n(a),l=i(7795),s=i.n(l),u=i(90569),c=i.n(u),x=i(3565),f=i.n(x),b=i(19216),v=i.n(b),m=i(44589),p=i.n(m),h=i(14017),g={};g.styleTagTransform=p(),g.setAttributes=f(),g.insert=c().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(86196),k=i(15992),y=i(97853),S=i(47040),O=i(9420),z=i(65515),C=i.n(z),P=i(47514);const K=(0,O.Pi)((function Serious(n){var e,i=(0,t.NP)();(0,o.useEffect)((function(){i.layoutRendered=!0,i.initCSSVariablesObj(w.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=i.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{ref:function ref(n){return i.uiState.setConfiguratorRef(n)},style:{pointerEvents:i.uiState.configuratorDisabled?"none":void 0},hidden:i.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,P.jsx)(k.default,{className:C()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,P.jsx)(y.default,{className:C()(h.vt,a?h.Uu:void 0)}),(0,P.jsx)(S.default,{className:h.x6})]}),i.settingsState.inputBoxVisible&&(0,P.jsx)(r.default,{})]})}))},14017:(n,e,i)=>{i.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  overflow: auto !important;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7682],{87682:(n,e,i)=>{i.r(e),i.d(e,{default:()=>K});var t=i(91214),o=i(87363),r=i(94286),a=i(93379),d=i.n(a),l=i(7795),s=i.n(l),u=i(90569),c=i.n(u),x=i(3565),f=i.n(x),b=i(19216),v=i.n(b),m=i(44589),p=i.n(m),h=i(14017),g={};g.styleTagTransform=p(),g.setAttributes=f(),g.insert=c().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(86196),k=i(15992),y=i(97853),S=i(47040),O=i(9420),z=i(65515),C=i.n(z),P=i(47514);const K=(0,O.Pi)((function Serious(n){var e,i=(0,t.NP)();(0,o.useEffect)((function(){i.layoutRendered=!0,i.initCSSVariablesObj(w.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=i.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{ref:function ref(n){return i.uiState.setConfiguratorRef(n)},style:{pointerEvents:i.uiState.configuratorDisabled?"none":void 0},hidden:i.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,P.jsx)(k.default,{className:C()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,P.jsx)(y.default,{className:C()(h.vt,a?h.Uu:void 0)}),(0,P.jsx)(S.default,{className:h.x6})]}),i.settingsState.inputBoxVisible&&(0,P.jsx)(r.default,{})]})}))},14017:(n,e,i)=>{i.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  overflow: auto !important;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7684.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7684,1017,6587],{67684:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(65515),o=t.n(i),r=t(9420),l=t(35567),s=(t(87363),t(93379)),d=t.n(s),a=t(7795),C=t.n(a),c=t(90569),x=t.n(c),u=t(3565),m=t.n(u),p=t(19216),h=t.n(p),f=t(44589),g=t.n(f),v=t(23029),b={};b.styleTagTransform=g(),b.setAttributes=m(),b.insert=x().bind(null,"head"),b.domAPI=C(),b.insertStyleElement=h();d()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(86587),j=t(41017),k=t(47514);const y=(0,r.Pi)((function PlannerSwitch(e){var n=e.item,t=(0,l.NP)();return(0,k.jsxs)("div",{className:o()(v.Sp),onClick:function onClick(){return t.paletteViewHandler.clickOnPlannerElementSwitch(n)},children:[n.sel&&(0,k.jsx)(w.default,{}),n.contentItemId&&(0,k.jsx)(j.default,{item:n},n.articleCodex),(0,k.jsxs)("div",{className:o()(v.iZ),children:[(0,k.jsx)("div",{className:o()(v.K5),style:{backgroundImage:"url(".concat(n.image,")")},title:n.title}),(0,k.jsx)("div",{className:o()(v.db),children:n.title})]})]})}))},41017:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),d=t(90569),a=t.n(d),C=t(3565),c=t.n(C),x=t(19216),u=t.n(x),m=t(44589),p=t.n(m),h=t(23240),f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=u();r()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var g=t(87363),v=t(35567),b=t(65515),w=t.n(b),j=t(9420),k=t(47514);const y=(0,j.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,v.NP)(),d=r.contentItemId,a=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,C=(0,g.useState)(!1),c=(0,i.Z)(C,2),x=c[0],u=c[1],m=r.sel||x;if((0,g.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d&&a==s.settingsState.clickedFrom;!e&&x&&u(!1),e&&!x&&u(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,k.jsx)("div",{className:h.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(d,a),u(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:h.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,k.jsx)("path",{className:h.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,k.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},86587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},23029:(e,n,t)=>{t.d(n,{K5:()=>C,Sp:()=>s,ZP:()=>c,db:()=>a,iZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,"/*Planner*/\n\n.index-module--oxkqB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  float: left;\n}\n\n.index-module--oxkqB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n.index-module--oxkqB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--oxkqB:hover {\n  z-index: 200;\n}\n\n.index-module--oxkqB .index-module--EyAb0 {\n  width: 100%;\n  background: white;\n  position: relative;\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}\n\n.index-module--oxkqB .index-module--e49bM {\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 72px);\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--oxkqB .index-module--wEFUA {\n  width: 60px;\n  height: 60px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px 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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--oxkqB .index-module--e49bM:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n}\n",""]);var s="index-module--oxkqB",d="index-module--EyAb0",a="index-module--e49bM",C="index-module--wEFUA";const c=l},23240:(e,n,t)=>{t.d(n,{FJ:()=>c,Oq:()=>C,ZP:()=>m,al:()=>u,dA:()=>a,fL:()=>x,hv:()=>d,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.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 s="index-module--CjCgr",d="index-module--C9QBx",a="index-module--a2wqn",C="index-module--fLFjU",c="index-module--nTN4r",x="index-module--FaRqp",u="index-module--oBSZj";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7684,1017,6587],{67684:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(65515),o=t.n(i),r=t(9420),l=t(91214),s=(t(87363),t(93379)),d=t.n(s),a=t(7795),C=t.n(a),c=t(90569),x=t.n(c),u=t(3565),m=t.n(u),p=t(19216),h=t.n(p),f=t(44589),g=t.n(f),v=t(23029),b={};b.styleTagTransform=g(),b.setAttributes=m(),b.insert=x().bind(null,"head"),b.domAPI=C(),b.insertStyleElement=h();d()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(86587),j=t(41017),k=t(47514);const y=(0,r.Pi)((function PlannerSwitch(e){var n=e.item,t=(0,l.NP)();return(0,k.jsxs)("div",{className:o()(v.Sp),onClick:function onClick(){return t.paletteViewHandler.clickOnPlannerElementSwitch(n)},children:[n.sel&&(0,k.jsx)(w.default,{}),n.contentItemId&&(0,k.jsx)(j.default,{item:n},n.articleCodex),(0,k.jsxs)("div",{className:o()(v.iZ),children:[(0,k.jsx)("div",{className:o()(v.K5),style:{backgroundImage:"url(".concat(n.image,")")},title:n.title}),(0,k.jsx)("div",{className:o()(v.db),children:n.title})]})]})}))},41017:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),d=t(90569),a=t.n(d),C=t(3565),c=t.n(C),x=t(19216),u=t.n(x),m=t(44589),p=t.n(m),h=t(23240),f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=u();r()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var g=t(87363),v=t(91214),b=t(65515),w=t.n(b),j=t(9420),k=t(47514);const y=(0,j.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,v.NP)(),d=r.contentItemId,a=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,C=(0,g.useState)(!1),c=(0,i.Z)(C,2),x=c[0],u=c[1],m=r.sel||x;if((0,g.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d&&a==s.settingsState.clickedFrom;!e&&x&&u(!1),e&&!x&&u(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,k.jsx)("div",{className:h.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(d,a),u(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:h.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,k.jsx)("path",{className:h.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,k.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},86587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},23029:(e,n,t)=>{t.d(n,{K5:()=>C,Sp:()=>s,ZP:()=>c,db:()=>a,iZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,"/*Planner*/\n\n.index-module--oxkqB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  float: left;\n}\n\n.index-module--oxkqB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n.index-module--oxkqB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--oxkqB:hover {\n  z-index: 200;\n}\n\n.index-module--oxkqB .index-module--EyAb0 {\n  width: 100%;\n  background: white;\n  position: relative;\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}\n\n.index-module--oxkqB .index-module--e49bM {\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 72px);\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--oxkqB .index-module--wEFUA {\n  width: 60px;\n  height: 60px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px 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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--oxkqB .index-module--e49bM:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n}\n",""]);var s="index-module--oxkqB",d="index-module--EyAb0",a="index-module--e49bM",C="index-module--wEFUA";const c=l},23240:(e,n,t)=>{t.d(n,{FJ:()=>c,Oq:()=>C,ZP:()=>m,al:()=>u,dA:()=>a,fL:()=>x,hv:()=>d,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.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 s="index-module--CjCgr",d="index-module--C9QBx",a="index-module--a2wqn",C="index-module--fLFjU",c="index-module--nTN4r",x="index-module--FaRqp",u="index-module--oBSZj";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 769.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[769],{50769:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var a=t(93379),r=t.n(a),l=t(7795),i=t.n(l),s=t(90569),d=t.n(s),o=t(3565),g=t.n(o),u=t(19216),c=t.n(u),v=t(44589),f=t.n(v),h=t(29112),m={};m.styleTagTransform=f(),m.setAttributes=g(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=c();r()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var x=t(35567),P=t(56582),p=t(9420),C=t(88683),b=t(27058),j=t(47514),k=(0,C.getLogger)("Planner","ToggleHandler");const y=(0,p.Pi)((function ToggleHeader(e){var n,t,a=e.item,r=(0,x.NP)(),l=a.groups[0].items;if(!l)return(0,j.jsx)(j.Fragment,{});for(var i=0;i<l.length;i++){var s,d;null!==(s=l[i].codex)&&void 0!==s&&s.startsWith("OPVNEIN")&&(t=l[i]),null!==(d=l[i].codex)&&void 0!==d&&d.startsWith("OPVJA")&&(n=l[i])}return t&&n||(2==l.length&&(t=l[0],n=l[1]),t&&n)?(0,j.jsx)("div",{className:h.R,children:(0,j.jsx)(P.default,{onChange:function onChange(){r.paletteViewHandler.clickedOnConfigPalette(t.sel?n:t,void 0,a.id)},val:a,state:0==t.sel,off:t.text,on:n.text})}):(k.error(new b.GE("Achtung! Bei der Option: "+l[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),(0,j.jsx)(j.Fragment,{}))}))},29112:(e,n,t)=>{t.d(n,{R:()=>s,Z:()=>d});var a=t(8081),r=t.n(a),l=t(23645),i=t.n(l)()(r());i.push([e.id,".index-module--ydvXj {\n  float: right;\n}\n",""]);var s="index-module--ydvXj";const d=i}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[769],{50769:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var a=t(93379),r=t.n(a),l=t(7795),i=t.n(l),s=t(90569),d=t.n(s),o=t(3565),g=t.n(o),u=t(19216),c=t.n(u),v=t(44589),f=t.n(v),h=t(29112),m={};m.styleTagTransform=f(),m.setAttributes=g(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=c();r()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var x=t(91214),P=t(56582),p=t(9420),C=t(88683),b=t(27058),j=t(47514),k=(0,C.getLogger)("Planner","ToggleHandler");const y=(0,p.Pi)((function ToggleHeader(e){var n,t,a=e.item,r=(0,x.NP)(),l=a.groups[0].items;if(!l)return(0,j.jsx)(j.Fragment,{});for(var i=0;i<l.length;i++){var s,d;null!==(s=l[i].codex)&&void 0!==s&&s.startsWith("OPVNEIN")&&(t=l[i]),null!==(d=l[i].codex)&&void 0!==d&&d.startsWith("OPVJA")&&(n=l[i])}return t&&n||(2==l.length&&(t=l[0],n=l[1]),t&&n)?(0,j.jsx)("div",{className:h.R,children:(0,j.jsx)(P.default,{onChange:function onChange(){r.paletteViewHandler.clickedOnConfigPalette(t.sel?n:t,void 0,a.id)},val:a,state:0==t.sel,off:t.text,on:n.text})}):(k.error(new b.GE("Achtung! Bei der Option: "+l[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),(0,j.jsx)(j.Fragment,{}))}))},29112:(e,n,t)=>{t.d(n,{R:()=>s,Z:()=>d});var a=t(8081),r=t.n(a),l=t(23645),i=t.n(l)()(r());i.push([e.id,".index-module--ydvXj {\n  float: right;\n}\n",""]);var s="index-module--ydvXj";const d=i}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7792.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7792,1017],{41017:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});var t=i(34988),o=i(93379),d=i.n(o),r=i(7795),l=i.n(r),a=i(90569),s=i.n(a),x=i(3565),C=i.n(x),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),f=i(23240),v={};v.styleTagTransform=p(),v.setAttributes=C(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(87363),g=i(35567),y=i(65515),w=i.n(y),j=i(9420),P=i(47514);const b=(0,j.Pi)((function InfoIcon(e){var n,i,o,d=e.item,r=e.style,l=(0,g.NP)(),a=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,x=(0,h.useState)(!1),C=(0,t.Z)(x,2),c=C[0],u=C[1],m=d.sel||c;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&s==l.settingsState.clickedFrom;!e&&c&&u(!1),e&&!c&&u(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:f.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(a,s),u(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),e.stopPropagation()},style:r,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(f.hv,m?void 0:f.al,c?f.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(f.dA,m?f.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},27792:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),o=i(87363),d=i(9420),r=i(35567),l=i(65515),a=i.n(l),s=i(93379),x=i.n(s),C=i(7795),c=i.n(C),u=i(90569),m=i.n(u),p=i(3565),f=i.n(p),v=i(19216),h=i.n(v),g=i(44589),y=i.n(g),w=i(23623),j={};j.styleTagTransform=y(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();x()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=i(41017),b=i(93536),I=i(47514);const S=(0,d.Pi)((function Radio(e){var n=e.item,i=e.style,d=e.paletteId,l=e.displayMode,s=e.hidePricePreview,x=(0,r.NP)(),C=(0,o.useState)([]),c=(0,t.Z)(C,2),u=c[0],m=c[1],p=(0,o.useState)(),f=(0,t.Z)(p,2),v=f[0],h=f[1],g=(0,o.useState)(l||"boxed"),y=(0,t.Z)(g,2),j=y[0],S=(y[1],(0,o.useState)(!1)),Z=(0,t.Z)(S,2),N=Z[0],F=Z[1];(0,o.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),i=e.every((function(e){return e.text.endsWith("cm")}));m(e),F(i),h(e.findIndex((function(e){return e.sel})))}),[n]);var q=function onChangeValue(e){h(e);var n=u[e];n&&x.paletteViewHandler.clickedOnConfigPalette(n,void 0,d)};if(0===u.length)return(0,I.jsx)(I.Fragment,{});var M=function getLabelText(e){return N?e.text.replace("cm",""):e.text};return(0,I.jsxs)("div",{className:w.YS,ref:function ref(e){return n.htmlRef=e},style:i,children:[(0,I.jsx)("div",{className:w.TN,children:n.name+(N?" (cm)":"")}),"boxed"===j?function renderBoxed(){return(0,I.jsx)("div",{className:w.UH,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:a()(w.dm,v===n&&w.hv),onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,I.jsx)("div",{className:w.Lc,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:w.vd,onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{className:a()(w.w5,v===n&&w.hv),children:(0,I.jsx)("div",{className:a()(w.gB,v===n&&w.hv)})}),(0,I.jsx)("div",{className:a()(w.PS,v===n&&w.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>C,Oq:()=>x,ZP:()=>m,al:()=>u,dA:()=>s,fL:()=>c,hv:()=>a,um:()=>l});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.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 l="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",C="index-module--nTN4r",c="index-module--FaRqp",u="index-module--oBSZj";const m=r},23623:(e,n,i)=>{i.d(n,{Lc:()=>c,PS:()=>f,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>v,dm:()=>x,gB:()=>p,hv:()=>C,vd:()=>u,w5:()=>m});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",x="index-module--eoa3S",C="index-module--HoaxU",c="index-module--qUNzP",u="index-module--WgT0o",m="index-module--yqUyo",p="index-module--FeZni",f="index-module--q1nJs";const v=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7792,1017],{41017:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});var t=i(34988),o=i(93379),d=i.n(o),r=i(7795),l=i.n(r),a=i(90569),s=i.n(a),x=i(3565),C=i.n(x),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),f=i(23240),v={};v.styleTagTransform=p(),v.setAttributes=C(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(87363),g=i(91214),y=i(65515),w=i.n(y),j=i(9420),P=i(47514);const b=(0,j.Pi)((function InfoIcon(e){var n,i,o,d=e.item,r=e.style,l=(0,g.NP)(),a=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,x=(0,h.useState)(!1),C=(0,t.Z)(x,2),c=C[0],u=C[1],m=d.sel||c;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&s==l.settingsState.clickedFrom;!e&&c&&u(!1),e&&!c&&u(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:f.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(a,s),u(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),e.stopPropagation()},style:r,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(f.hv,m?void 0:f.al,c?f.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(f.dA,m?f.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},27792:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),o=i(87363),d=i(9420),r=i(91214),l=i(65515),a=i.n(l),s=i(93379),x=i.n(s),C=i(7795),c=i.n(C),u=i(90569),m=i.n(u),p=i(3565),f=i.n(p),v=i(19216),h=i.n(v),g=i(44589),y=i.n(g),w=i(23623),j={};j.styleTagTransform=y(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();x()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=i(41017),b=i(93536),I=i(47514);const S=(0,d.Pi)((function Radio(e){var n=e.item,i=e.style,d=e.paletteId,l=e.displayMode,s=e.hidePricePreview,x=(0,r.NP)(),C=(0,o.useState)([]),c=(0,t.Z)(C,2),u=c[0],m=c[1],p=(0,o.useState)(),f=(0,t.Z)(p,2),v=f[0],h=f[1],g=(0,o.useState)(l||"boxed"),y=(0,t.Z)(g,2),j=y[0],S=(y[1],(0,o.useState)(!1)),Z=(0,t.Z)(S,2),N=Z[0],F=Z[1];(0,o.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),i=e.every((function(e){return e.text.endsWith("cm")}));m(e),F(i),h(e.findIndex((function(e){return e.sel})))}),[n]);var q=function onChangeValue(e){h(e);var n=u[e];n&&x.paletteViewHandler.clickedOnConfigPalette(n,void 0,d)};if(0===u.length)return(0,I.jsx)(I.Fragment,{});var M=function getLabelText(e){return N?e.text.replace("cm",""):e.text};return(0,I.jsxs)("div",{className:w.YS,ref:function ref(e){return n.htmlRef=e},style:i,children:[(0,I.jsx)("div",{className:w.TN,children:n.name+(N?" (cm)":"")}),"boxed"===j?function renderBoxed(){return(0,I.jsx)("div",{className:w.UH,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:a()(w.dm,v===n&&w.hv),onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,I.jsx)("div",{className:w.Lc,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:w.vd,onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{className:a()(w.w5,v===n&&w.hv),children:(0,I.jsx)("div",{className:a()(w.gB,v===n&&w.hv)})}),(0,I.jsx)("div",{className:a()(w.PS,v===n&&w.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>C,Oq:()=>x,ZP:()=>m,al:()=>u,dA:()=>s,fL:()=>c,hv:()=>a,um:()=>l});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.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 l="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",C="index-module--nTN4r",c="index-module--FaRqp",u="index-module--oBSZj";const m=r},23623:(e,n,i)=>{i.d(n,{Lc:()=>c,PS:()=>f,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>v,dm:()=>x,gB:()=>p,hv:()=>C,vd:()=>u,w5:()=>m});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",x="index-module--eoa3S",C="index-module--HoaxU",c="index-module--qUNzP",u="index-module--WgT0o",m="index-module--yqUyo",p="index-module--FeZni",f="index-module--q1nJs";const v=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7847.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7847,8291,58],{27847:(e,n,i)=>{i.r(n),i.d(n,{default:()=>B});var a=i(34988),r=i(88291),o=i(87363),t=i(93379),s=i.n(t),d=i(7795),l=i.n(d),c=i(90569),u=i.n(c),m=i(3565),f=i.n(m),g=i(19216),h=i.n(g),x=i(44589),p=i.n(x),b=i(57206),v={};v.styleTagTransform=p(),v.setAttributes=f(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=h();s()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(9420),R=i(88683),S=i(35567),w=i(47514);const B=(0,y.Pi)((function InfoBanner(e){(0,r.Z)(e);var n=(0,R.useTranslation)().t,i=(0,S.NP)(),t=(0,R.useDivaCore)().state.user,s=(0,o.useState)(0),d=(0,a.Z)(s,2),l=d[0],c=d[1],u=(0,o.useState)(0),m=(0,a.Z)(u,2),f=m[0],g=m[1],h=(0,o.useState)(0),x=(0,a.Z)(h,2),p=x[0],v=x[1],y=(0,o.useState)(""),B=(0,a.Z)(y,2),P=B[0],k=B[1],L=(0,o.useState)(""),T=(0,a.Z)(L,2),z=T[0],j=T[1],Z=!t,I=i.aiState.usageBudget,N=i.aiState.isTimeframeLimitReached,C=i.aiState.isIpLimitOnly,F=i.aiState.hasViolations,q=i.settingsState.organizationAISettings;return(0,o.useEffect)((function(){var e=0,a=0,r=!1;if(I)e=I.total,a=I.used,r=!!i.aiState.isTimeframeLimitReached;else if(Z){e=(null==q?void 0:q.anonymousDailyIPLimit)||2,a=0}c(e),g(a);var o=e>0?(a+(i.aiState.isAnyGenerationInProgress?1:0))/e*100:0;v(o);var t,s="";if(t=n("configurator.roomRendering.anonymousBanner.used"),r){if(C)s=null==q||!q.leadRewardBonus||null!=I&&I.leadKeyActive?n("configurator.roomRendering.anonymousBanner.ipLimitReached"):n("configurator.roomRendering.anonymousBanner.ipLimitReachedWithLeadKey",{leadRewardBonus:q.leadRewardBonus});else if(N)switch(N){case"daily":s=n("configurator.roomRendering.banner.dailyLimitReached");break;case"weekly":s=n("configurator.roomRendering.banner.weeklyLimitReached");break;case"monthly":s=n("configurator.roomRendering.banner.monthlyLimitReached")}}else s=n("configurator.roomRendering.infoText");k(s),j(t)}),[I,Z,C,F,N,q,i.aiState.isAnyGenerationInProgress]),(0,w.jsxs)("div",{className:b.YS,children:[(0,w.jsx)("div",{className:b.TN,children:n("configurator.roomRendering.infoTitle")}),(0,w.jsx)("div",{className:b.fL,children:P}),(!N||"daily"==N)&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("div",{className:b.dp,children:[(0,w.jsx)("div",{children:z}),(0,w.jsxs)("div",{children:[f," / ",l]})]}),(0,w.jsx)("div",{className:b.qT,style:{marginTop:"8px"},children:(0,w.jsx)("div",{className:b.Gr,style:{width:"".concat(p,"%"),backgroundColor:p>99?"var(--infoBannerProgressFillHigh, #d32f2f)":p>60?"var(--infoBannerProgressFillMedium, #f57c00)":"var(--infoBannerProgressFillLow, #4caf50)"}})})]})]})}))},57206:(e,n,i)=>{i.d(n,{Gr:()=>m,TN:()=>d,YS:()=>s,ZP:()=>f,dp:()=>c,fL:()=>l,qT:()=>u});var a=i(8081),r=i.n(a),o=i(23645),t=i.n(o)()(r());t.push([e.id,".index-module--zFIza {\n  text-align: center;\n  color: #2a4b63;\n  color: var(--infoBannerColor, #2a4b63);\n  width: calc(100% - 42px);\n  padding: 12px 16px;\n  background-color: #f5f9fc;\n  background-color: var(--infoBannerBackground, #f5f9fc);\n  border-radius: 8px;\n}\n\n.index-module--efW1H {\n  font-weight: bold;\n  font-size: 17px;\n  margin-bottom: 4px;\n}\n\n.index-module--RL_hv {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.index-module--US7Sz {\n  font-size: 13px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n}\n\n.index-module--qi3Ht {\n  width: 100%;\n  height: 8px;\n  background-color: #e0e0e0;\n  background-color: var(--infoBannerProgressBarBackground, #e0e0e0);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-top: 8px;\n}\n\n.index-module--XMThq {\n  height: 100%;\n  transition:\n    width 4s ease,\n    background-color 0.3s ease;\n  border-radius: 4px;\n}\n\n.mobile .index-module--efW1H {\n  font-size: 1em;\n}\n\n.mobile .index-module--zFIza {\n  font-size: 0.9em;\n}\n",""]);var s="index-module--zFIza",d="index-module--efW1H",l="index-module--RL_hv",c="index-module--US7Sz",u="index-module--qi3Ht",m="index-module--XMThq";const f=t},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7847,8291,58],{27847:(e,n,i)=>{i.r(n),i.d(n,{default:()=>B});var a=i(34988),r=i(88291),o=i(87363),t=i(93379),s=i.n(t),d=i(7795),l=i.n(d),c=i(90569),u=i.n(c),m=i(3565),f=i.n(m),g=i(19216),h=i.n(g),x=i(44589),p=i.n(x),b=i(57206),v={};v.styleTagTransform=p(),v.setAttributes=f(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=h();s()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(9420),R=i(88683),S=i(91214),w=i(47514);const B=(0,y.Pi)((function InfoBanner(e){(0,r.Z)(e);var n=(0,R.useTranslation)().t,i=(0,S.NP)(),t=(0,R.useDivaCore)().state.user,s=(0,o.useState)(0),d=(0,a.Z)(s,2),l=d[0],c=d[1],u=(0,o.useState)(0),m=(0,a.Z)(u,2),f=m[0],g=m[1],h=(0,o.useState)(0),x=(0,a.Z)(h,2),p=x[0],v=x[1],y=(0,o.useState)(""),B=(0,a.Z)(y,2),P=B[0],k=B[1],L=(0,o.useState)(""),T=(0,a.Z)(L,2),z=T[0],j=T[1],Z=!t,I=i.aiState.usageBudget,N=i.aiState.isTimeframeLimitReached,C=i.aiState.isIpLimitOnly,F=i.aiState.hasViolations,q=i.settingsState.organizationAISettings;return(0,o.useEffect)((function(){var e=0,a=0,r=!1;if(I)e=I.total,a=I.used,r=!!i.aiState.isTimeframeLimitReached;else if(Z){e=(null==q?void 0:q.anonymousDailyIPLimit)||2,a=0}c(e),g(a);var o=e>0?(a+(i.aiState.isAnyGenerationInProgress?1:0))/e*100:0;v(o);var t,s="";if(t=n("configurator.roomRendering.anonymousBanner.used"),r){if(C)s=null==q||!q.leadRewardBonus||null!=I&&I.leadKeyActive?n("configurator.roomRendering.anonymousBanner.ipLimitReached"):n("configurator.roomRendering.anonymousBanner.ipLimitReachedWithLeadKey",{leadRewardBonus:q.leadRewardBonus});else if(N)switch(N){case"daily":s=n("configurator.roomRendering.banner.dailyLimitReached");break;case"weekly":s=n("configurator.roomRendering.banner.weeklyLimitReached");break;case"monthly":s=n("configurator.roomRendering.banner.monthlyLimitReached")}}else s=n("configurator.roomRendering.infoText");k(s),j(t)}),[I,Z,C,F,N,q,i.aiState.isAnyGenerationInProgress]),(0,w.jsxs)("div",{className:b.YS,children:[(0,w.jsx)("div",{className:b.TN,children:n("configurator.roomRendering.infoTitle")}),(0,w.jsx)("div",{className:b.fL,children:P}),(!N||"daily"==N)&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("div",{className:b.dp,children:[(0,w.jsx)("div",{children:z}),(0,w.jsxs)("div",{children:[f," / ",l]})]}),(0,w.jsx)("div",{className:b.qT,style:{marginTop:"8px"},children:(0,w.jsx)("div",{className:b.Gr,style:{width:"".concat(p,"%"),backgroundColor:p>99?"var(--infoBannerProgressFillHigh, #d32f2f)":p>60?"var(--infoBannerProgressFillMedium, #f57c00)":"var(--infoBannerProgressFillLow, #4caf50)"}})})]})]})}))},57206:(e,n,i)=>{i.d(n,{Gr:()=>m,TN:()=>d,YS:()=>s,ZP:()=>f,dp:()=>c,fL:()=>l,qT:()=>u});var a=i(8081),r=i.n(a),o=i(23645),t=i.n(o)()(r());t.push([e.id,".index-module--zFIza {\n  text-align: center;\n  color: #2a4b63;\n  color: var(--infoBannerColor, #2a4b63);\n  width: calc(100% - 42px);\n  padding: 12px 16px;\n  background-color: #f5f9fc;\n  background-color: var(--infoBannerBackground, #f5f9fc);\n  border-radius: 8px;\n}\n\n.index-module--efW1H {\n  font-weight: bold;\n  font-size: 17px;\n  margin-bottom: 4px;\n}\n\n.index-module--RL_hv {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.index-module--US7Sz {\n  font-size: 13px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n}\n\n.index-module--qi3Ht {\n  width: 100%;\n  height: 8px;\n  background-color: #e0e0e0;\n  background-color: var(--infoBannerProgressBarBackground, #e0e0e0);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-top: 8px;\n}\n\n.index-module--XMThq {\n  height: 100%;\n  transition:\n    width 4s ease,\n    background-color 0.3s ease;\n  border-radius: 4px;\n}\n\n.mobile .index-module--efW1H {\n  font-size: 1em;\n}\n\n.mobile .index-module--zFIza {\n  font-size: 0.9em;\n}\n",""]);var s="index-module--zFIza",d="index-module--efW1H",l="index-module--RL_hv",c="index-module--US7Sz",u="index-module--qi3Ht",m="index-module--XMThq";const f=t},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7853.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,5262],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(35567)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},5262:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),a=n(9420),r=n(87363),o=n(35567),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),x=n(44589),v=n.n(x),h=n(76640),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const I=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},13947:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(35567),l=n(82956),u=n(97037),c=n(74133),d=n(84658),p=n(12952),S=n(34988),g=n(50747),b=n.n(g),f=n(88683),x=n(5262),v=n(65515),h=n.n(v),w=n(47514);const m=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,S.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,S.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:c}}(t),a=n.setSwiperRef,g=n.allSwipes,v=n.handleSlideChange,m=n.handleSetTransition,T=n.handleTransitionEnd,y=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,w.jsx)(o.tq,{onSlideChange:v,onSetTransition:m,onTransitionEnd:T,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,w.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(u.default,{},e),(0,w.jsx)(x.default,{})]}):(0,w.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,w.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,w.jsx)(w.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var i=n(80248),a=n(72874),r=(n(87363),n(35567)),o=n(80509),s=n(97037),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(13947),S=n(51451),g=n(79566),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const x=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,f),x=(0,r.NP)(),v=x.getIsInMobileView()&&x.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:v?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!x.uiState.isInMobileView&&!x.settingsState.forceSettingsHeaderInScrollContainer&&!x.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=x.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==x.tabGroupState.curTabGroupType?u.s1:void 0,x.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!x.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+d+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,5262],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(91214)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},5262:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),a=n(9420),r=n(87363),o=n(91214),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),x=n(44589),v=n.n(x),h=n(76640),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const I=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},13947:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(91214),l=n(82956),u=n(97037),c=n(74133),d=n(84658),p=n(12952),S=n(34988),g=n(50747),b=n.n(g),f=n(88683),x=n(5262),v=n(65515),h=n.n(v),w=n(47514);const m=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,S.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,S.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:c}}(t),a=n.setSwiperRef,g=n.allSwipes,v=n.handleSlideChange,m=n.handleSetTransition,T=n.handleTransitionEnd,y=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,w.jsx)(o.tq,{onSlideChange:v,onSetTransition:m,onTransitionEnd:T,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,w.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(u.default,{},e),(0,w.jsx)(x.default,{})]}):(0,w.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,w.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,w.jsx)(w.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var i=n(80248),a=n(72874),r=(n(87363),n(91214)),o=n(80509),s=n(97037),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(13947),S=n(51451),g=n(79566),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const x=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,f),x=(0,r.NP)(),v=x.getIsInMobileView()&&x.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:v?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!x.uiState.isInMobileView&&!x.settingsState.forceSettingsHeaderInScrollContainer&&!x.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=x.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==x.tabGroupState.curTabGroupType?u.s1:void 0,x.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!x.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+d+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);