@crystaldesign/diva-web-planner-react 26.7.0-beta.9 → 26.8.0-beta.1

package/build/umd/3794.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 3794.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3794,352],{30352:(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(99872),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,{})}))},68266:(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(99872),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(27520),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,{})}},83794:(t,o,i)=>{i.r(o),i.d(o,{default:()=>V});var r=i(34988),d=i(10304),l=i(87363),a=i(99872),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(30352),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(15668),R=i(68266),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&&o[0].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([[3794,352],{30352:(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(99872),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,{})}))},68266:(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(99872),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(19347),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,{})}},83794:(t,o,i)=>{i.r(o),i.d(o,{default:()=>V});var r=i(34988),d=i(10304),l=i(87363),a=i(99872),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(30352),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(15668),R=i(68266),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&&o[0].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/402.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 402.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[402],{50402:(e,r,t)=>{t.r(r),t.d(r,{default:()=>A});var n=t(80248),a=t(84658),o=t(34988),i=t(50747),c=t.n(i),u=t(87363),s=t(49944),p=t(61533),d=function useDraggableInPortal(){var e=(0,u.useRef)(document.createElement("div")).current;return(0,u.useEffect)((function(){if(e)return e.style.pointerEvents="none",e.style.position="absolute",e.style.height="100%",e.style.width="100%",e.style.top="0",e.style.left="0",document.body.appendChild(e),function(){document.body.removeChild(e)}}),[e]),function(r){return function(t){var n=r(t);return"fixed"===t.draggableProps.style.position?(0,p.createPortal)(n,e):n}}},l=t(93379),D=t.n(l),y=t(7795),M=t.n(y),b=t(90569),j=t.n(b),g=t(3565),f=t.n(g),N=t(19216),O=t.n(N),x=t(44589),T=t.n(x),h=t(94831),z={};z.styleTagTransform=T(),z.setAttributes=f(),z.insert=j().bind(null,"head"),z.domAPI=M(),z.insertStyleElement=O();D()(h.Z,z);h.Z&&h.Z.locals&&h.Z.locals;var I=t(88683),v=t(27520);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function useApiInterface(){var e=(0,u.useMemo)((function(){return(0,I.getLogger)("ContentBox","UseApiInterface")}),[]),r=(0,u.useState)({}),t=(0,o.Z)(r,2),i=t[0],s=t[1],p=(0,I.useDivaCore)().state,d=p.apiConfig,l=d.catalogService,D=d.basketService,y=p.jwt,M=function(){var e=(0,a.Z)(c().mark((function _callee(e,r){var t,a;return c().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(t=(0,v.FB)(e.toLowerCase()).toUpperCase(),!i[t]){o.next=3;break}return o.abrupt("return",i[t]);case 3:return o.next=5,b(e,r);case 5:return a=o.sent,j((0,n.Z)({},t,a)),o.abrupt("return",a);case 8:case"end":return o.stop()}}),_callee)})));return function getDataCache(r,t){return e.apply(this,arguments)}}(),b=function(){var r=(0,a.Z)(c().mark((function _callee2(r,t){var n,a,o,i,u,s=arguments;return c().wrap((function _callee2$(c){for(;;)switch(c.prev=c.next){case 0:n=s.length>2&&void 0!==s[2]?s[2]:"GET",a=s.length>3?s[3]:void 0,c.t0=t,c.next="catalog"===c.t0?5:"basket"===c.t0?7:9;break;case 5:return o=l+r,c.abrupt("break",9);case 7:return o=D+r,c.abrupt("break",9);case 9:return c.next=11,fetch(o,_objectSpread({method:n,headers:{Authorization:"Bearer "+y,"content-type":"application/json"}},a?{body:JSON.stringify(a)}:{}));case 11:return i=c.sent,c.next=14,i.json();case 14:if(null!=(u=c.sent)&&u.Error&&e.error(new I.DivaError(u.Error,{code:"WC_0001",custom:{url:o}})),!(u.status>204)){c.next=18;break}throw new Error(JSON.parse(u.body).error);case 18:return c.abrupt("return",u);case 19:case"end":return c.stop()}}),_callee2)})));return function fetchData(e,t){return r.apply(this,arguments)}}(),j=function addJsonDataCache(e){for(var r in e)s(_objectSpread(_objectSpread({},i),{},(0,n.Z)({},r,e[r])))};return{getDataCache:M,fetchData:b,clearCache:function clearCache(){s({})}}}var k=t(57882),L=t(47514);function DragAndDropOptionValues_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptionValues_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptionValues_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptionValues_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const E=function DragAndDropOptionValues(e){var r=e.variants,t=e.groups,n=e.currentProuduct,i=e.groupKey,p=e.setCurProduct,l=t[i],D=d(),y=(0,u.useState)(!1),M=(0,o.Z)(y,2),b=M[0],j=M[1],g=(0,I.useDivaCore)().state.dimensions.isMobile,f=useApiInterface().fetchData,N=(0,k.Z)({variants:r,groups:t,currentProuduct:n,groupKey:i,setCurProduct:p,isMobile:g,selectedClassification:n[i]}),O=function(){var e=(0,a.Z)(c().mark((function _callee(e){var t,a,o,u,s,d,D,y,M,b,g,N,O,x,T,h,z;return c().wrap((function _callee$(c){for(;;)switch(c.prev=c.next){case 0:if(t=!1,e.destination){c.next=3;break}return c.abrupt("return");case 3:if(e.source.index!=e.destination.index){c.next=5;break}return c.abrupt("return");case 5:e.source.index>e.destination.index&&(t=!0,j(!0)),a=e.source.index,o=e.destination.index,u=l[a].codex,s=l[o].codex,d={},D=!1,y=0;case 13:if(!(y<l.length)){c.next=43;break}if(M=l[y],b=M.codex,!t){c.next=31;break}if(s!=b){c.next=21;break}D=!0,c.next=25;break;case 21:if(u!=b){c.next=25;break}return D=!1,d[b]=l[o].position,c.abrupt("continue",40);case 25:if(D){c.next=28;break}return d[b]=l[y].position,c.abrupt("continue",40);case 28:d[b]=l[y+1].position,c.next=40;break;case 31:if(u!=b){c.next=35;break}return D=!0,d[b]=l[o].position,c.abrupt("continue",40);case 35:if(D){c.next=38;break}return d[b]=l[y].position,c.abrupt("continue",40);case 38:s==b&&(D=!1),d[b]=l[y-1].position;case 40:y++,c.next=13;break;case 43:for(g=r.map((function(e){for(var r in d)e[i].opv===r&&(e[i].position=d[r]);return e})),p(void 0,g.find((function(e){return e._id==n._id})),g),N=[],O=0;O<r.length;O++){for(h in x=r[O],T=[],d)x[i].opv===h&&T.push({op:"replace",path:"/"+i+"/position",value:d[h]});N.push(f("/products/"+x._id,"catalog","PATCH",{patch:T}))}return c.next=49,Promise.all(N);case 49:z=c.sent,p(void 0,z.find((function(e){return e._id==n._id})),r.map((function(e){var r;return null!==(r=z.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),j(!1);case 52:case"end":return c.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)(s.Z5,{onDragEnd:O,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:b,direction:"vertical",children:function children(e,r){return(0,L.jsxs)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[N.map((function(e,r){return(0,L.jsx)(s._l,{index:r,draggableId:l[r].codex,isDragDisabled:b,children:D((function(e){return(0,L.jsx)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},b?{cursor:"wait"}:{}),children:N[r]}))}))},l[r].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptions_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptions_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptions_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const A=function DragAndDrop(e){var r=e.groups,t=e.variants,n=e.setCurProduct,i=e.currentProuduct,p=e.posOfOpt,l=d(),D=(0,u.useState)(!1),y=(0,o.Z)(D,2),M=y[0],b=y[1],j=useApiInterface().fetchData,g=function(){var e=(0,a.Z)(c().mark((function _callee(e){var a,u,s,d,l,D,y,M,g,f,N,O,x,T;return c().wrap((function _callee$(h){for(;;)switch(h.prev=h.next){case 0:if(a=!1,e.destination){h.next=3;break}return h.abrupt("return");case 3:if(e.source.index!=e.destination.index){h.next=5;break}return h.abrupt("return");case 5:if(e.source.index>e.destination.index&&(a=!0),b(!0),u=Object.keys(r),s=u[e.source.index],d=u[e.destination.index],l={},u.length>Object.keys(p).length)for(D=0;D<u.length;D++)p[u[D]]||(p[u[D]]=D);y=!1,h.t0=c().keys(r);case 14:if((h.t1=h.t0()).done){h.next=42;break}if(M=h.t1.value,!a){h.next=31;break}if(d!=M){h.next=21;break}y=!0,h.next=25;break;case 21:if(s!=M){h.next=25;break}return y=!1,l[M]=p[d],h.abrupt("continue",14);case 25:if(y){h.next=28;break}return l[M]=p[M],h.abrupt("continue",14);case 28:l[M]=p[u[u.indexOf(M)+1]],h.next=40;break;case 31:if(s!=M){h.next=35;break}return y=!0,l[M]=p[d],h.abrupt("continue",14);case 35:if(y){h.next=38;break}return l[M]=p[M],h.abrupt("continue",14);case 38:d==M&&(y=!1),l[M]=p[u[u.indexOf(M)-1]];case 40:h.next=14;break;case 42:for(g=t.map((function(e){for(var r in l)e[r].position=l[r];return e})),n(void 0,g.find((function(e){return e._id==i._id})),g),f={patch:Object.entries(l).map((function(e){var r=(0,o.Z)(e,2);return{op:"replace",path:"/"+r[0]+"/optionPosition",value:r[1]}}))},N=[],O=0;O<t.length;O++)x=t[O],N.push(j("/products/"+x._id,"catalog","PATCH",f));return h.next=49,Promise.all(N);case 49:T=h.sent,n(void 0,T.find((function(e){return e._id==i._id})),t.map((function(e){var r;return null!==(r=T.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),b(!1);case 52:case"end":return h.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,L.jsx)(s.Z5,{onDragEnd:g,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:M,direction:"horizontal",children:function children(e,a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(r).length+"%)",height:"100%",display:"flex"},children:[Object.keys(r).map((function(e,a){return(0,L.jsx)(s._l,{index:a,draggableId:e,isDragDisabled:M,children:l((function(a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:a.innerRef},a.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},a.draggableProps.style),M?{cursor:"wait"}:{}),children:[(0,L.jsx)("div",DragAndDropOptions_objectSpread({className:h.q},a.dragHandleProps)),(0,L.jsx)(E,{currentProuduct:i,groups:r,groupKey:e,posOfOpt:p,setCurProduct:n,variants:t})]}))}))},e)})),e.placeholder]}))}})})})}},94831:(e,r,t)=>{t.d(r,{Z:()=>D,q:()=>l});var n=t(8081),a=t.n(n),o=t(23645),i=t.n(o),c=t(61667),u=t.n(c),s=new URL(t(38133),t.b),p=i()(a()),d=u()(s);p.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+d+");\n}\n",""]);var l="index-module--dt7FX";const D=p},38133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[402],{50402:(e,r,t)=>{t.r(r),t.d(r,{default:()=>A});var n=t(80248),a=t(84658),o=t(34988),i=t(50747),c=t.n(i),u=t(87363),s=t(49944),p=t(61533),d=function useDraggableInPortal(){var e=(0,u.useRef)(document.createElement("div")).current;return(0,u.useEffect)((function(){if(e)return e.style.pointerEvents="none",e.style.position="absolute",e.style.height="100%",e.style.width="100%",e.style.top="0",e.style.left="0",document.body.appendChild(e),function(){document.body.removeChild(e)}}),[e]),function(r){return function(t){var n=r(t);return"fixed"===t.draggableProps.style.position?(0,p.createPortal)(n,e):n}}},l=t(93379),D=t.n(l),y=t(7795),M=t.n(y),b=t(90569),j=t.n(b),g=t(3565),f=t.n(g),N=t(19216),O=t.n(N),x=t(44589),T=t.n(x),h=t(94831),z={};z.styleTagTransform=T(),z.setAttributes=f(),z.insert=j().bind(null,"head"),z.domAPI=M(),z.insertStyleElement=O();D()(h.Z,z);h.Z&&h.Z.locals&&h.Z.locals;var I=t(88683),v=t(19347);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function useApiInterface(){var e=(0,u.useMemo)((function(){return(0,I.getLogger)("ContentBox","UseApiInterface")}),[]),r=(0,u.useState)({}),t=(0,o.Z)(r,2),i=t[0],s=t[1],p=(0,I.useDivaCore)().state,d=p.apiConfig,l=d.catalogService,D=d.basketService,y=p.jwt,M=function(){var e=(0,a.Z)(c().mark((function _callee(e,r){var t,a;return c().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(t=(0,v.FB)(e.toLowerCase()).toUpperCase(),!i[t]){o.next=3;break}return o.abrupt("return",i[t]);case 3:return o.next=5,b(e,r);case 5:return a=o.sent,j((0,n.Z)({},t,a)),o.abrupt("return",a);case 8:case"end":return o.stop()}}),_callee)})));return function getDataCache(r,t){return e.apply(this,arguments)}}(),b=function(){var r=(0,a.Z)(c().mark((function _callee2(r,t){var n,a,o,i,u,s=arguments;return c().wrap((function _callee2$(c){for(;;)switch(c.prev=c.next){case 0:n=s.length>2&&void 0!==s[2]?s[2]:"GET",a=s.length>3?s[3]:void 0,c.t0=t,c.next="catalog"===c.t0?5:"basket"===c.t0?7:9;break;case 5:return o=l+r,c.abrupt("break",9);case 7:return o=D+r,c.abrupt("break",9);case 9:return c.next=11,fetch(o,_objectSpread({method:n,headers:{Authorization:"Bearer "+y,"content-type":"application/json"}},a?{body:JSON.stringify(a)}:{}));case 11:return i=c.sent,c.next=14,i.json();case 14:if(null!=(u=c.sent)&&u.Error&&e.error(new I.DivaError(u.Error,{code:"WC_0001",custom:{url:o}})),!(u.status>204)){c.next=18;break}throw new Error(JSON.parse(u.body).error);case 18:return c.abrupt("return",u);case 19:case"end":return c.stop()}}),_callee2)})));return function fetchData(e,t){return r.apply(this,arguments)}}(),j=function addJsonDataCache(e){for(var r in e)s(_objectSpread(_objectSpread({},i),{},(0,n.Z)({},r,e[r])))};return{getDataCache:M,fetchData:b,clearCache:function clearCache(){s({})}}}var k=t(57882),L=t(47514);function DragAndDropOptionValues_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptionValues_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptionValues_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptionValues_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const E=function DragAndDropOptionValues(e){var r=e.variants,t=e.groups,n=e.currentProuduct,i=e.groupKey,p=e.setCurProduct,l=t[i],D=d(),y=(0,u.useState)(!1),M=(0,o.Z)(y,2),b=M[0],j=M[1],g=(0,I.useDivaCore)().state.dimensions.isMobile,f=useApiInterface().fetchData,N=(0,k.Z)({variants:r,groups:t,currentProuduct:n,groupKey:i,setCurProduct:p,isMobile:g,selectedClassification:n[i]}),O=function(){var e=(0,a.Z)(c().mark((function _callee(e){var t,a,o,u,s,d,D,y,M,b,g,N,O,x,T,h,z;return c().wrap((function _callee$(c){for(;;)switch(c.prev=c.next){case 0:if(t=!1,e.destination){c.next=3;break}return c.abrupt("return");case 3:if(e.source.index!=e.destination.index){c.next=5;break}return c.abrupt("return");case 5:e.source.index>e.destination.index&&(t=!0,j(!0)),a=e.source.index,o=e.destination.index,u=l[a].codex,s=l[o].codex,d={},D=!1,y=0;case 13:if(!(y<l.length)){c.next=43;break}if(M=l[y],b=M.codex,!t){c.next=31;break}if(s!=b){c.next=21;break}D=!0,c.next=25;break;case 21:if(u!=b){c.next=25;break}return D=!1,d[b]=l[o].position,c.abrupt("continue",40);case 25:if(D){c.next=28;break}return d[b]=l[y].position,c.abrupt("continue",40);case 28:d[b]=l[y+1].position,c.next=40;break;case 31:if(u!=b){c.next=35;break}return D=!0,d[b]=l[o].position,c.abrupt("continue",40);case 35:if(D){c.next=38;break}return d[b]=l[y].position,c.abrupt("continue",40);case 38:s==b&&(D=!1),d[b]=l[y-1].position;case 40:y++,c.next=13;break;case 43:for(g=r.map((function(e){for(var r in d)e[i].opv===r&&(e[i].position=d[r]);return e})),p(void 0,g.find((function(e){return e._id==n._id})),g),N=[],O=0;O<r.length;O++){for(h in x=r[O],T=[],d)x[i].opv===h&&T.push({op:"replace",path:"/"+i+"/position",value:d[h]});N.push(f("/products/"+x._id,"catalog","PATCH",{patch:T}))}return c.next=49,Promise.all(N);case 49:z=c.sent,p(void 0,z.find((function(e){return e._id==n._id})),r.map((function(e){var r;return null!==(r=z.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),j(!1);case 52:case"end":return c.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)(s.Z5,{onDragEnd:O,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:b,direction:"vertical",children:function children(e,r){return(0,L.jsxs)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[N.map((function(e,r){return(0,L.jsx)(s._l,{index:r,draggableId:l[r].codex,isDragDisabled:b,children:D((function(e){return(0,L.jsx)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},b?{cursor:"wait"}:{}),children:N[r]}))}))},l[r].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptions_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptions_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptions_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const A=function DragAndDrop(e){var r=e.groups,t=e.variants,n=e.setCurProduct,i=e.currentProuduct,p=e.posOfOpt,l=d(),D=(0,u.useState)(!1),y=(0,o.Z)(D,2),M=y[0],b=y[1],j=useApiInterface().fetchData,g=function(){var e=(0,a.Z)(c().mark((function _callee(e){var a,u,s,d,l,D,y,M,g,f,N,O,x,T;return c().wrap((function _callee$(h){for(;;)switch(h.prev=h.next){case 0:if(a=!1,e.destination){h.next=3;break}return h.abrupt("return");case 3:if(e.source.index!=e.destination.index){h.next=5;break}return h.abrupt("return");case 5:if(e.source.index>e.destination.index&&(a=!0),b(!0),u=Object.keys(r),s=u[e.source.index],d=u[e.destination.index],l={},u.length>Object.keys(p).length)for(D=0;D<u.length;D++)p[u[D]]||(p[u[D]]=D);y=!1,h.t0=c().keys(r);case 14:if((h.t1=h.t0()).done){h.next=42;break}if(M=h.t1.value,!a){h.next=31;break}if(d!=M){h.next=21;break}y=!0,h.next=25;break;case 21:if(s!=M){h.next=25;break}return y=!1,l[M]=p[d],h.abrupt("continue",14);case 25:if(y){h.next=28;break}return l[M]=p[M],h.abrupt("continue",14);case 28:l[M]=p[u[u.indexOf(M)+1]],h.next=40;break;case 31:if(s!=M){h.next=35;break}return y=!0,l[M]=p[d],h.abrupt("continue",14);case 35:if(y){h.next=38;break}return l[M]=p[M],h.abrupt("continue",14);case 38:d==M&&(y=!1),l[M]=p[u[u.indexOf(M)-1]];case 40:h.next=14;break;case 42:for(g=t.map((function(e){for(var r in l)e[r].position=l[r];return e})),n(void 0,g.find((function(e){return e._id==i._id})),g),f={patch:Object.entries(l).map((function(e){var r=(0,o.Z)(e,2);return{op:"replace",path:"/"+r[0]+"/optionPosition",value:r[1]}}))},N=[],O=0;O<t.length;O++)x=t[O],N.push(j("/products/"+x._id,"catalog","PATCH",f));return h.next=49,Promise.all(N);case 49:T=h.sent,n(void 0,T.find((function(e){return e._id==i._id})),t.map((function(e){var r;return null!==(r=T.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),b(!1);case 52:case"end":return h.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,L.jsx)(s.Z5,{onDragEnd:g,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:M,direction:"horizontal",children:function children(e,a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(r).length+"%)",height:"100%",display:"flex"},children:[Object.keys(r).map((function(e,a){return(0,L.jsx)(s._l,{index:a,draggableId:e,isDragDisabled:M,children:l((function(a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:a.innerRef},a.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},a.draggableProps.style),M?{cursor:"wait"}:{}),children:[(0,L.jsx)("div",DragAndDropOptions_objectSpread({className:h.q},a.dragHandleProps)),(0,L.jsx)(E,{currentProuduct:i,groups:r,groupKey:e,posOfOpt:p,setCurProduct:n,variants:t})]}))}))},e)})),e.placeholder]}))}})})})}},94831:(e,r,t)=>{t.d(r,{Z:()=>D,q:()=>l});var n=t(8081),a=t.n(n),o=t(23645),i=t.n(o),c=t(61667),u=t.n(c),s=new URL(t(38133),t.b),p=i()(a()),d=u()(s);p.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+d+");\n}\n",""]);var l="index-module--dt7FX";const D=p},38133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);

package/build/umd/4244.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 4244.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4244],{74244:(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(99872),P=t(98561),p=t(9420),C=t(88683),b=t(27520),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([[4244],{74244:(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(99872),P=t(98561),p=t(9420),C=t(88683),b=t(19347),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/4296.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 4296.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4296,7801,7348,3525,3090,9290,8938,241,8445,4580,3401,4723,2352,4516,5115],{65526:(e,t,n)=>{"use strict";var o=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,l,i,r){if(r!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},37801:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),{x:"BoxCopyLeft"==n.type?-1:"BoxCopyRight"==n.type?1:0,y:"BoxCopyTop"==n.type?1:0,z:0})},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(99872),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,a?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(99872),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,a?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(99872),s=(n(87363),n(47514));const c=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(5496),c=n(22976),a=n.n(c),u=n(99872),d=n(47514),p=new s.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),c=(0,o.Z)(i,2),f=c[0],v=c[1],m=(0,l.useRef)(null),h=!1,g=(0,u.NP)();return(0,d.jsx)(a(),{handle:".handle3DMove",nodeRef:m,onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(h&&!f)v(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(f){var o,l,i,r=null!==(o=g.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?g.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(l=g.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?g.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=t.onDragMoveFunction)||void 0===i||i.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-r,e.clientY-c)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var a;null===(a=t.onDragMoveFunction)||void 0===a||a.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-r,e.touches[0].clientY-c)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}h=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;f&&(v(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),h=!1}()},children:(0,d.jsx)("div",{ref:m,style:{visibility:f?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DMove",n.classes.buttonGeneral,n.classes.move3DGrid.move3DGrid)})})}},88445:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),s=n(87363),c=n(5496),a=n(47514),u=new c.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,s.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,s.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],x=(0,s.useState)(l.position.y),C=(0,o.Z)(x,2),I=C[0],P=C[1],D=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){D=!0,u=new c.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new c.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;D&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),P(I+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);D=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(D&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),P(I+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;D=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},style:{left:g+"px",top:I+"px",width:(null==l||null===(t=l.size)||void 0===t?void 0:t.x)+"px",height:(null==l||null===(n=l.size)||void 0===n?void 0:n.y)+"px",transform:"rotate("+(null==l?void 0:l.rotOfElement)+"deg)"},className:i()(f?r.classes.outline.outline2D.draggableActive:void 0,"selected"==l.elemState?r.classes.outline.outline2D.draggable:void 0,"selectable"==l.elemState?r.classes.outline.outline2D.selectable:void 0)})}))},24580:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(99872)),s=n(47514);const c=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=e.hasTrash,a=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=c&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",null==n.posNr?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.posNr.toString().length>1?i.classes.posNr.moreThanOneNr:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(5496),c=n(22976),a=n.n(c),u=n(99872),d=n(47514),p=new s.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),c=(0,l.useState)(!1),f=(0,o.Z)(c,2),v=f[0],m=f[1],h=(0,l.useRef)(null),g=!1;return(0,d.jsx)(a(),{nodeRef:h,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){g=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(g&&!v)m(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(v){var o,l,r,c=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,a=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(r=t.onDragMoveFunction)||void 0===r||r.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-c,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-c,e.touches[0].clientY-a)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}g=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;v&&(m(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),g=!1}()},children:(0,d.jsx)("div",{ref:h,style:{visibility:v?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}},94723:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,s=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",c=n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?"calc("+n.top+"% )":n.top+"px";return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:s,top:c},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{"use strict";n.d(t,{Z:()=>useDockingPointPositioning});var o=n(5496),l=n(99872);function useDockingPointPositioning(e){var t,n,i,r,s=e.dpElement,c=e.item,a=(0,l._w)(),u=null==s?void 0:s.getBoundingClientRect(),d=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,p=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&c){var f=new o.FM(d,p),v=a.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==c?void 0:c.type)||"AVR"==(null==c?void 0:c.type)){if("2D"===c.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==c?void 0:c.type)&&(m=new o.FM(-u.width,0),null!=c&&c.rotOfElement&&(m=o.FM.rotateOrigin(m,null==c?void 0:c.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==c?void 0:c.type)&&"3D"==(null==c?void 0:c.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==c.type||"BoxCopyRight"==(null==c?void 0:c.type)||null==c||c.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),s=n(47514);const c=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,c=(0,l.useState)(null),a=(0,o.Z)(c,2),u=a[0],d=a[1],p=(0,r.Z)({item:t,dpElement:u});return(0,s.jsx)(s.Fragment,{children:t&&(0,s.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},45139:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),s=n(59290),c=n(88445),a=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(5496),v=n(99872);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),x=n(54829),C=n(88683),I=n(27520),P=(0,C.getLogger)("Planner","CopyElementPositioning");var D=n(67348),w=n(33525),M=n(47514);const E=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),C=(0,i.useState)(null),E=(0,o.Z)(C,2),S=E[0],N=E[1],R=(0,i.useState)(null),b=(0,o.Z)(R,2),k=b[0],F=b[1],O=(0,i.useState)(null),T=(0,o.Z)(O,2),U=T[0],B=T[1],G=(0,i.useState)(null),j=(0,o.Z)(G,2),A=j[0],_=(j[1],(0,i.useState)(null)),Z=(0,o.Z)(_,2),X=Z[0],L=(Z[1],(0,i.useState)(null)),Y=(0,o.Z)(L,2),V=Y[0],z=(Y[1],(0,i.useState)(null)),K=(0,o.Z)(z,2),W=K[0],H=K[1],q=(0,i.useState)(null),J=(0,o.Z)(q,2),Q=J[0],$=J[1],ee=(0,i.useState)(null),te=(0,o.Z)(ee,2),ne=te[0],oe=te[1],le=(0,i.useState)(null),ie=(0,o.Z)(le,2),re=(ie[0],ie[1]),se=t.find((function(e){return"PosNr"==e.type})),ce=t.find((function(e){return"AVL"==e.type})),ae=t.find((function(e){return"AVR"==e.type})),ue=[],de=[],pe=0;pe<t.length;pe++)"AccDP"==t[pe].type?ue.push(t[pe]):"DistanceFromGround"==t[pe].type&&de.push(t[pe]);var fe=t.find((function(e){return"Outline"==e.type})),ve=t.find((function(e){return"TrashIcon"==e.type})),me=t.find((function(e){return"CopyElement"==e.type})),he=t.find((function(e){return"RotateC"==e.type})),ge=t.find((function(e){return"RotateCC"==e.type})),ye=t.find((function(e){return"BoxCopyLeft"==e.type})),xe=t.find((function(e){return"BoxCopyTop"==e.type})),Ce=t.find((function(e){return"BoxCopyRight"==e.type})),Ie=t.find((function(e){return"Move3DGrid"==e.type})),Pe=t.find((function(e){return"Rot3DGrid"==e.type})),De=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,s=(0,v._w)(),c=null==i?void 0:i.getBoundingClientRect(),a=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(c){var d=new f.FM(a,u),p=s.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(c.width,.1*-c.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(c.width+h,-c.height/2-(c.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel")}a=d.x,u=d.y;break;case"3D":(a+=3)<1&&(a=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==c?void 0:c.width)&&void 0!==o?o:0,height:null!==(l=null==c?void 0:c.height)&&void 0!==l?l:0,top:u,left:a}}({item:se,posNrElement:S}),we=(0,p.Z)({item:ce,dpElement:k}),Me=(0,p.Z)({item:ae,dpElement:U}),Ee=(0,p.Z)({item:ye,dpElement:A}),Se=(0,p.Z)({item:xe,dpElement:X}),Ne=(0,p.Z)({item:Ce,dpElement:V}),Re=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,s=e.boxPlannerCopyLeftRect,c=e.boxPlannerCopyTopRect,a=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",x="",C=!1;if(p&&r){var I=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(I=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h=r.left+I.x,g=r.top+I.y):"3D"!=(null==u?void 0:u.plannerMode)&&"BOX"!=(null==u?void 0:u.plannerMode)||(m.enableElementCopy?(C=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",x=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"):(C=!0,y=r.left.toString()+"%",x=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"));break;case"TOP_RIGHT_BACK":if("2D"==(null==u?void 0:u.plannerMode)){var P=null!=u&&u.iconZoom?u.iconZoom:1;I=new f.FM(-p.width/2-(p.width/3+P),-p.height/2-(p.height/3.7-P)),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(I=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(s||a||c){var D=!1;s&&(Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,D=!0),!D&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,D=!0),!D&&c&&Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0))}(h-=1)>99&&(h=99),(g=100-g-2)<1&&(g=1)}}}return{width:null!==(o=null==p?void 0:p.width)&&void 0!==o?o:0,height:null!==(l=null==p?void 0:p.height)&&void 0!==l?l:0,top:g,left:h,doUseCalc:C,topCalc:C?x:void 0,leftCalc:C?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Se,boxPlannerCopyRightRect:Ne,trashElement:W}),be=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),s=null==o?void 0:o.getBoundingClientRect(),c=r.getViewConfig(),a="",u="",d=!1;if(s&&l)switch(new f.FM(0,0),c.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&c.enableElementCopy&&(d=!0,a="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":P.error(new I.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==s?void 0:s.width)&&void 0!==t?t:0,height:null!==(n=null==s?void 0:s.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?a:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),ke=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotItem,a=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=a.getViewConfig(),p=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,m=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&r&&s){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+s.left)/2,m=(r.top+s.top)/2,h=new f.FM(-u.width,0),null!=c&&c.rotOfElement&&(h=f.FM.rotateOrigin(h,c.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(g=f.FM.rotateOrigin(g,c.rotOfElement)),p=(null==s?void 0:s.left)+g.x,m=(null==s?void 0:s.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(y=f.FM.rotateOrigin(y,c.rotOfElement)),p=(null==s?void 0:s.left)+y.x,m=(null==s?void 0:s.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:he,posNrRect:De,trashRect:Re,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotClockRect,a=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,h=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(d&&r&&s&&c){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+s.left)/2,h=(r.top+s.top)/2,g=new f.FM(d.width,0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:he,posNrRect:De,trashRect:Re,rotClockRect:ke,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[se&&(0,M.jsx)(h.default,{item:se,rect:De,onElement:N,plannerUIProps:n,hasTrash:!!ve}),fe&&(0,M.jsx)(c.default,{item:fe,plannerUIProps:n},fe.key),ce&&(0,M.jsx)(r.default,{item:ce,rect:we,onElement:F,plannerUIProps:n},null==ce?void 0:ce.key),ae&&(0,M.jsx)(s.default,{item:ae,rect:Me,onElement:B,plannerUIProps:n},null==ae?void 0:ae.key),ye&&Ce&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Ne.left<Ee.left,plannerUIProps:n},ye.key),xe&&(0,M.jsx)(g.default,{item:xe,rect:Se,invertLeftRight:!1,plannerUIProps:n},xe.key),Ce&&ye&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:Ne.left<Ee.left,plannerUIProps:n},Ce.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:Re,onElement:H,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:be,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(a.default,{item:he,rect:ke,onElement:oe,plannerUIProps:n}),ge&&(0,M.jsx)(u.default,{item:ge,rect:Fe,onElement:re,plannerUIProps:n}),ue.map((function(e,t){return(0,M.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&de.map((function(e,t){return(0,M.jsx)(w.default,{item:e,plannerUIProps:n},e.key)})),Ie&&(0,M.jsx)(y.default,{item:Ie,plannerUIProps:n},null==Ie?void 0:Ie.key),Pe&&(0,M.jsx)(x.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4296,7801,7348,3525,3090,9290,8938,241,8445,4580,3401,4723,2352,4516,5115],{65526:(e,t,n)=>{"use strict";var o=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,l,i,r){if(r!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},37801:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),{x:"BoxCopyLeft"==n.type?-1:"BoxCopyRight"==n.type?1:0,y:"BoxCopyTop"==n.type?1:0,z:0})},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(99872),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,a?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(99872),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,a?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(99872),s=(n(87363),n(47514));const c=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(55919),c=n(22976),a=n.n(c),u=n(99872),d=n(47514),p=new s.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),c=(0,o.Z)(i,2),f=c[0],v=c[1],m=(0,l.useRef)(null),h=!1,g=(0,u.NP)();return(0,d.jsx)(a(),{handle:".handle3DMove",nodeRef:m,onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(h&&!f)v(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(f){var o,l,i,r=null!==(o=g.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?g.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(l=g.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?g.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=t.onDragMoveFunction)||void 0===i||i.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-r,e.clientY-c)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var a;null===(a=t.onDragMoveFunction)||void 0===a||a.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-r,e.touches[0].clientY-c)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}h=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;f&&(v(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),h=!1}()},children:(0,d.jsx)("div",{ref:m,style:{visibility:f?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DMove",n.classes.buttonGeneral,n.classes.move3DGrid.move3DGrid)})})}},88445:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),s=n(87363),c=n(55919),a=n(47514),u=new c.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,s.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,s.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],x=(0,s.useState)(l.position.y),C=(0,o.Z)(x,2),I=C[0],P=C[1],D=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){D=!0,u=new c.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new c.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;D&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),P(I+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);D=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(D&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),P(I+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;D=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},style:{left:g+"px",top:I+"px",width:(null==l||null===(t=l.size)||void 0===t?void 0:t.x)+"px",height:(null==l||null===(n=l.size)||void 0===n?void 0:n.y)+"px",transform:"rotate("+(null==l?void 0:l.rotOfElement)+"deg)"},className:i()(f?r.classes.outline.outline2D.draggableActive:void 0,"selected"==l.elemState?r.classes.outline.outline2D.draggable:void 0,"selectable"==l.elemState?r.classes.outline.outline2D.selectable:void 0)})}))},24580:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(99872)),s=n(47514);const c=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=e.hasTrash,a=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=c&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",null==n.posNr?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.posNr.toString().length>1?i.classes.posNr.moreThanOneNr:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),s=n(55919),c=n(22976),a=n.n(c),u=n(99872),d=n(47514),p=new s.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),c=(0,l.useState)(!1),f=(0,o.Z)(c,2),v=f[0],m=f[1],h=(0,l.useRef)(null),g=!1;return(0,d.jsx)(a(),{nodeRef:h,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){g=!0,"mousedown"==e.type?p=new s.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new s.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(g&&!v)m(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(v){var o,l,r,c=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,a=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(r=t.onDragMoveFunction)||void 0===r||r.call(t,t.setId,Number(t.elementId),new s.FM(e.clientX-c,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new s.FM(e.touches[0].clientX-c,e.touches[0].clientY-a)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}g=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;v&&(m(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),g=!1}()},children:(0,d.jsx)("div",{ref:h,style:{visibility:v?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}},94723:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,s=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",c=n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?"calc("+n.top+"% )":n.top+"px";return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:s,top:c},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{"use strict";n.d(t,{Z:()=>useDockingPointPositioning});var o=n(55919),l=n(99872);function useDockingPointPositioning(e){var t,n,i,r,s=e.dpElement,c=e.item,a=(0,l._w)(),u=null==s?void 0:s.getBoundingClientRect(),d=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,p=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&c){var f=new o.FM(d,p),v=a.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==c?void 0:c.type)||"AVR"==(null==c?void 0:c.type)){if("2D"===c.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==c?void 0:c.type)&&(m=new o.FM(-u.width,0),null!=c&&c.rotOfElement&&(m=o.FM.rotateOrigin(m,null==c?void 0:c.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==c?void 0:c.type)&&"3D"==(null==c?void 0:c.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==c.type||"BoxCopyRight"==(null==c?void 0:c.type)||null==c||c.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),s=n(47514);const c=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,c=(0,l.useState)(null),a=(0,o.Z)(c,2),u=a[0],d=a[1],p=(0,r.Z)({item:t,dpElement:u});return(0,s.jsx)(s.Fragment,{children:t&&(0,s.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},45139:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),s=n(59290),c=n(88445),a=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(55919),v=n(99872);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),x=n(54829),C=n(88683),I=n(19347),P=(0,C.getLogger)("Planner","CopyElementPositioning");var D=n(67348),w=n(33525),M=n(47514);const E=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),C=(0,i.useState)(null),E=(0,o.Z)(C,2),S=E[0],N=E[1],R=(0,i.useState)(null),b=(0,o.Z)(R,2),k=b[0],F=b[1],O=(0,i.useState)(null),T=(0,o.Z)(O,2),U=T[0],B=T[1],G=(0,i.useState)(null),j=(0,o.Z)(G,2),A=j[0],_=(j[1],(0,i.useState)(null)),Z=(0,o.Z)(_,2),X=Z[0],L=(Z[1],(0,i.useState)(null)),Y=(0,o.Z)(L,2),V=Y[0],z=(Y[1],(0,i.useState)(null)),K=(0,o.Z)(z,2),W=K[0],H=K[1],q=(0,i.useState)(null),J=(0,o.Z)(q,2),Q=J[0],$=J[1],ee=(0,i.useState)(null),te=(0,o.Z)(ee,2),ne=te[0],oe=te[1],le=(0,i.useState)(null),ie=(0,o.Z)(le,2),re=(ie[0],ie[1]),se=t.find((function(e){return"PosNr"==e.type})),ce=t.find((function(e){return"AVL"==e.type})),ae=t.find((function(e){return"AVR"==e.type})),ue=[],de=[],pe=0;pe<t.length;pe++)"AccDP"==t[pe].type?ue.push(t[pe]):"DistanceFromGround"==t[pe].type&&de.push(t[pe]);var fe=t.find((function(e){return"Outline"==e.type})),ve=t.find((function(e){return"TrashIcon"==e.type})),me=t.find((function(e){return"CopyElement"==e.type})),he=t.find((function(e){return"RotateC"==e.type})),ge=t.find((function(e){return"RotateCC"==e.type})),ye=t.find((function(e){return"BoxCopyLeft"==e.type})),xe=t.find((function(e){return"BoxCopyTop"==e.type})),Ce=t.find((function(e){return"BoxCopyRight"==e.type})),Ie=t.find((function(e){return"Move3DGrid"==e.type})),Pe=t.find((function(e){return"Rot3DGrid"==e.type})),De=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,s=(0,v._w)(),c=null==i?void 0:i.getBoundingClientRect(),a=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(c){var d=new f.FM(a,u),p=s.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(c.width,.1*-c.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(c.width+h,-c.height/2-(c.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel")}a=d.x,u=d.y;break;case"3D":(a+=3)<1&&(a=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==c?void 0:c.width)&&void 0!==o?o:0,height:null!==(l=null==c?void 0:c.height)&&void 0!==l?l:0,top:u,left:a}}({item:se,posNrElement:S}),we=(0,p.Z)({item:ce,dpElement:k}),Me=(0,p.Z)({item:ae,dpElement:U}),Ee=(0,p.Z)({item:ye,dpElement:A}),Se=(0,p.Z)({item:xe,dpElement:X}),Ne=(0,p.Z)({item:Ce,dpElement:V}),Re=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,s=e.boxPlannerCopyLeftRect,c=e.boxPlannerCopyTopRect,a=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",x="",C=!1;if(p&&r){var I=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(I=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h=r.left+I.x,g=r.top+I.y):"3D"!=(null==u?void 0:u.plannerMode)&&"BOX"!=(null==u?void 0:u.plannerMode)||(m.enableElementCopy?(C=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",x=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"):(C=!0,y=r.left.toString()+"%",x=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"));break;case"TOP_RIGHT_BACK":if("2D"==(null==u?void 0:u.plannerMode)){var P=null!=u&&u.iconZoom?u.iconZoom:1;I=new f.FM(-p.width/2-(p.width/3+P),-p.height/2-(p.height/3.7-P)),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(I=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(s||a||c){var D=!1;s&&(Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,D=!0),!D&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,D=!0),!D&&c&&Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0))}(h-=1)>99&&(h=99),(g=100-g-2)<1&&(g=1)}}}return{width:null!==(o=null==p?void 0:p.width)&&void 0!==o?o:0,height:null!==(l=null==p?void 0:p.height)&&void 0!==l?l:0,top:g,left:h,doUseCalc:C,topCalc:C?x:void 0,leftCalc:C?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Se,boxPlannerCopyRightRect:Ne,trashElement:W}),be=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),s=null==o?void 0:o.getBoundingClientRect(),c=r.getViewConfig(),a="",u="",d=!1;if(s&&l)switch(new f.FM(0,0),c.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&c.enableElementCopy&&(d=!0,a="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":P.error(new I.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==s?void 0:s.width)&&void 0!==t?t:0,height:null!==(n=null==s?void 0:s.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?a:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),ke=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotItem,a=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=a.getViewConfig(),p=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,m=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&r&&s){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+s.left)/2,m=(r.top+s.top)/2,h=new f.FM(-u.width,0),null!=c&&c.rotOfElement&&(h=f.FM.rotateOrigin(h,c.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(g=f.FM.rotateOrigin(g,c.rotOfElement)),p=(null==s?void 0:s.left)+g.x,m=(null==s?void 0:s.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(y=f.FM.rotateOrigin(y,c.rotOfElement)),p=(null==s?void 0:s.left)+y.x,m=(null==s?void 0:s.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:he,posNrRect:De,trashRect:Re,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotClockRect,a=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,h=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(d&&r&&s&&c){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+s.left)/2,h=(r.top+s.top)/2,g=new f.FM(d.width,0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:he,posNrRect:De,trashRect:Re,rotClockRect:ke,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[se&&(0,M.jsx)(h.default,{item:se,rect:De,onElement:N,plannerUIProps:n,hasTrash:!!ve}),fe&&(0,M.jsx)(c.default,{item:fe,plannerUIProps:n},fe.key),ce&&(0,M.jsx)(r.default,{item:ce,rect:we,onElement:F,plannerUIProps:n},null==ce?void 0:ce.key),ae&&(0,M.jsx)(s.default,{item:ae,rect:Me,onElement:B,plannerUIProps:n},null==ae?void 0:ae.key),ye&&Ce&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Ne.left<Ee.left,plannerUIProps:n},ye.key),xe&&(0,M.jsx)(g.default,{item:xe,rect:Se,invertLeftRight:!1,plannerUIProps:n},xe.key),Ce&&ye&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:Ne.left<Ee.left,plannerUIProps:n},Ce.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:Re,onElement:H,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:be,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(a.default,{item:he,rect:ke,onElement:oe,plannerUIProps:n}),ge&&(0,M.jsx)(u.default,{item:ge,rect:Fe,onElement:re,plannerUIProps:n}),ue.map((function(e,t){return(0,M.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&de.map((function(e,t){return(0,M.jsx)(w.default,{item:e,plannerUIProps:n},e.key)})),Ie&&(0,M.jsx)(y.default,{item:Ie,plannerUIProps:n},null==Ie?void 0:Ie.key),Pe&&(0,M.jsx)(x.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))}}]);

package/build/umd/4492.diva-web-planner-react.umd.min.js

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