@crystaldesign/diva-web-planner-react 25.6.0-beta.2 → 25.6.0-beta.21

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4052.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4052],{34052:(e,n,o)=>{o.r(n),o.d(n,{default:()=>z});var i=o(84658),a=o(34988),t=o(50747),l=o.n(t),r=o(65515),d=o.n(r),s=o(9420),c=o(87363),u=o(88683),x=o(91923),m=o(93379),g=o.n(m),v=o(7795),N=o.n(v),C=o(90569),p=o.n(C),f=o(3565),b=o.n(f),k=o(19216),h=o.n(k),M=o(44589),I=o.n(M),A=o(56052),w={};w.styleTagTransform=I(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=N(),w.insertStyleElement=h();g()(A.ZP,w);A.ZP&&A.ZP.locals&&A.ZP.locals;var y=o(47514),S=(0,u.getLogger)("Planner","BasketActionSerious");const z=(0,s.Pi)((function BasketActionSerious(e){var n=e.saveIsDisabled,o=e.sendEmailIsDisabled,t=e.onSave,r=(0,x.NP)(),s=(0,u.useTranslation)().t,m=(0,c.useState)(!1),g=(0,a.Z)(m,2),v=g[0],N=g[1],C=(0,u.useDivaCore)().actions,p=C.userHasPermission,f=C.openSnackBar,b=function(){var e=(0,i.Z)(l().mark((function _callee(e){var i,a,d,c;return l().wrap((function _callee$(l){for(;;)switch(l.prev=l.next){case 0:l.t0=e,l.next="email"===l.t0?3:"save"===l.t0?8:13;break;case 3:if(n||o){l.next=7;break}return t(),l.next=7,r.actionButtonState.onClickAddToBasket("onSendEmail");case 7:return l.abrupt("break",13);case 8:if(n){l.next=12;break}return t(),l.next=12,r.actionButtonState.onClickAddToBasket();case 12:return l.abrupt("break",13);case 13:if(!r.getViewConfig().showPdfQR){l.next=22;break}if("boolean"!=typeof r.getViewConfig().showPdfQR){l.next=18;break}r.divaWebPlanner.getBasket().PDFDocumentURL?f({type:"big",qrCode:r.divaWebPlanner.getBasket().PDFDocumentURL,message:s("basket.checkout.pdfqr"),autoHideDuration:null!==(i=r.getViewConfig().pdfQRAutoHideDuration)&&void 0!==i?i:12e4,clickable:!0,qrCodeSize:312}):S.warn("Basket is missing a pdf, no QR-Code displayed"),l.next=22;break;case 18:return l.next=20,null===(a=r.divaWebPlanner.actSet())||void 0===a?void 0:a.api.createBasketReport(r.divaWebPlanner.getBasket(),r.getViewConfig().showPdfQR,r.getViewConfig().savePdfQR);case 20:(d=l.sent)?f({type:"big",qrCode:d,qrCodeSize:312,message:s("basket.checkout.pdfqr"),autoHideDuration:null!==(c=r.getViewConfig().pdfQRAutoHideDuration)&&void 0!==c?c:12e4,clickable:!0}):S.warn("Could not generate PDF, no QR-Code displayed");case 22:case"end":return l.stop()}}),_callee)})));return function onClickSave(n){return e.apply(this,arguments)}}();return(0,y.jsxs)("div",{className:A.nC,children:[(0,y.jsxs)("div",{className:d()(A.LI,A.SH,n?A.jO:void 0),onClick:function onClick(){n||N(!v)},children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv,A.Nd)}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.ADD_TO_BASKET")]}),(0,y.jsxs)("div",{className:d()(v?A.bA:void 0,A.v),children:[(0,y.jsxs)("div",{className:A.$Q,onClick:function onClick(){return b("save")},id:"wcConfigurator-action-tobasket",children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv,A.Nd)}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.ADD_TO_BASKET")]})]}),(0,y.jsxs)("div",{className:d()(A.$Q,o?A.jO:void 0),onClick:function onClick(){return b("email")},children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv,A.hZ)}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.SendToClient")]})]})]})]}),(0,y.jsxs)("div",{onClick:function onClickReset(){var e;null===(e=r.actions)||void 0===e||e.openModal({title:s("modals.reset"),accept:!0,reject:!0,text:s("modals.are_you_sure_to_reset"),callback:function callback(e){e&&r.productState.onClickReset()}})},className:d()(A.LI,A.nN),children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv),children:(0,y.jsx)("svg",{width:"26",height:"22",viewBox:"0 0 3400 3400",xmlns:"http://www.w3.org/2000/svg",children:(0,y.jsx)("path",{className:A.e2,transform:"scale(1,-1) translate(450,-2600)",strokeWidth:"1",d:"M935 2061l-114 277q135 45 279 57v-300q-85 -9 -165 -34zM1435 2069q-71 19 -135 26v300q131 -11 251 -48zM615 1884l-211 212q119 105 260 176l114 -276q-87 -47 -163 -112zM1737 1921q-43 32 -89 59l115 279q99 -53 187 -125zM2007 -3l-148 204l-6 -4 q-146 -95 -321 -145t-332 -51q-172 0 -331.5 43t-291 120.5t-240 188t-182.5 242.5t-114.5 287t-40.5 318q0 225 80 429.5t224 367.5l212 -212q-103 -120 -159.5 -270t-56.5 -314q0 -123 32 -239.5t90 -215t140.5 -181.5t181.5 -141t216 -90.5t240 -31.5q146 0 256.5 34 t226.5 109l-151 212q-8 11 -8 20q0 20 29 19h683q17 0 27.5 -10t10.5 -25q0 -6 -3 -13l-220 -644q-7 -22 -22 -22q-12 0 -22 15zM1964 1673q-20 32 -43 64l213 213q61 -75 109 -161zM2085 1400q-4 0 -10 27l279 126q4 -14 8.5 -35.5t8 -41t6.5 -37.5t6 -28.5t5 -10.5h-303z "})})}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.ConfigReset")]})]}),p("favorites_lueck")&&(0,y.jsxs)("div",{onClick:function onClickFavorites(){var e,n;null===(e=r.actions)||void 0===e||e.openModal({title:s("modals.favorite"),accept:!0,reject:!0,text:s("modals.are_you_sure_favorite"),callback:(n=(0,i.Z)(l().mark((function _callee2(e){var n;return l().wrap((function _callee2$(o){for(;;)switch(o.prev=o.next){case 0:if(!e){o.next=5;break}return t(),o.next=4,r.actionButtonState.onClickAddToBasket("onSaveProduct");case 4:null===(n=r.actions)||void 0===n||n.openModal({title:s("modals.favorite"),accept:!0,text:s("modals.favorites_saved")});case 5:case"end":return o.stop()}}),_callee2)}))),function callback(e){return n.apply(this,arguments)})})},className:d()(A.LI,A.nN),children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv),children:(0,y.jsx)("svg",{width:"26",height:"22",viewBox:"0 0 3400 3400",xmlns:"http://www.w3.org/2000/svg",children:(0,y.jsx)("path",{className:A.e2,transform:"scale(1,-1) translate(450,-2600)",strokeWidth:"1",d:"M2491 1500l-765 -541l291 -885l-768 551l-764 -554l291 883l-776 546h958l294 900h3l292 -900h944zM484 68h-3l4 3z"})})}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.Favorites")]})]})]})}))},56052:(e,n,o)=>{o.d(n,{$Q:()=>p,LI:()=>f,Nd:()=>A,O7:()=>M,SH:()=>b,ZP:()=>y,bA:()=>N,e2:()=>I,hZ:()=>w,jO:()=>k,nC:()=>g,nN:()=>h,qv:()=>C,v:()=>v});var i=o(8081),a=o.n(i),t=o(23645),l=o.n(t),r=o(61667),d=o.n(r),s=new URL(o(32889),o.b),c=new URL(o(17195),o.b),u=l()(a()),x=d()(s),m=d()(c);u.push([e.id,".index-module--BLUm6 {\n  display: flex;\n  flex-direction: row;\n  margin-left: 16px;\n}\n\n.index-module--HfQcx {\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  position: absolute;\n  bottom: 105%;\n  left: 0;\n  right: -5px;\n  padding: 0.84em 1em;\n  color: #000;\n  color: initial;\n  display: none;\n  flex-direction: column;\n}\n\n.index-module--HfQcx.index-module--zBXSm {\n  display: flex;\n}\n\n.index-module--HfQcx .index-module--JygIB {\n  filter: brightness(0.1);\n}\n.index-module--HfQcx .index-module--GkVFm:hover {\n  color: var(--primaryColor);\n}\n\n.index-module--am5Wh {\n  position: relative;\n  font-weight: 100;\n  border-radius: 32px;\n  transition: background-color 0.25s ease-out, color 0.25s ease-out;\n  font-size: 0.9rem;\n  line-height: 18px;\n  text-align: center;\n  cursor: pointer;\n  box-sizing: border-box;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0.5rem 1rem 0;\n  padding: 0.85em 1em;\n  -webkit-appearance: none;\n  border: 1px solid transparent;\n}\n\n.index-module--xqWc8 {\n  background-color: var(--primaryColor);\n  color: #fefefe;\n}\n\n.index-module--qJM2I {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n\n.index-module--xqWc8:hover {\n  filter: brightness(0.9);\n}\n\n.index-module--kWTPM {\n  background-color: transparent;\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n  padding: 0.85em 1em 0.85em 0.25em;\n}\n\n.index-module--kWTPM:hover {\n  fill: #202020 !important;\n}\n\n.index-module--kWTPM:hover {\n  border-color: #202020;\n  color: #202020;\n}\n\n.index-module--fTcws {\n  float: left;\n}\n.index-module--kWTPM .index-module--fTcws {\n  padding-left: 0.5em;\n}\n\n.index-module--GkVFm {\n  margin: 0.5em 0;\n}\n\n.index-module--JygIB {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 20px;\n  height: 20px;\n}\n.index-module--nUotN {\n  fill: var(--primaryColor);\n  transition: fill 0.25s ease-out, color 0.25s ease-out;\n}\n\n.index-module--kWTPM:hover .index-module--nUotN {\n  fill: black;\n}\n\n.index-module--b4Lgf {\n  background-image: url("+x+");\n}\n.index-module--Y3R7R {\n  background-image: url("+m+");\n}\n\n.index-module--aWiJp path {\n  background-color: var(--primaryColor);\n}\n",""]);var g="index-module--BLUm6",v="index-module--HfQcx",N="index-module--zBXSm",C="index-module--JygIB",p="index-module--GkVFm",f="index-module--am5Wh",b="index-module--xqWc8",k="index-module--qJM2I",h="index-module--kWTPM",M="index-module--fTcws",I="index-module--nUotN",A="index-module--b4Lgf",w="index-module--Y3R7R";const y=u},32889:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNDAwIDM0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGZpbGw9IndoaXRlIgogICAgdHJhbnNmb3JtPSJzY2FsZSgxLC0xKSB0cmFuc2xhdGUoNDUwLC0yNjAwKSIKICAgIHN0cm9rZVdpZHRoPSIxIgogICAgZD0iTTc4MyAyNTVsLTMyNSAzMjVsLTcwIDcwbC0zOTEgMzkxcS0xNCAxNSAtMTQgMzUuNXQxNCAzNS41bDMyNSAzMjVxMTQgMTQgMzUgMTR0MzUgLTE0bDM5MSAtMzkxcTE1IC0xNSAzNS41IC0xNXQzNS41IDE1bDEwNDkgMTA0OXExNSAxNSAzNS41IDE1dDM1LjUgLTE1bDMyNyAtMzIycTE1IC0xNSAxNSAtMzVxMCAtMjEgLTE1IC0zNWwtMTQ0NyAtMTQ0OHEtMTUgLTE0IC0zNS41IC0xNHQtMzUuNSAxNHoiCiAgICAgLz4KPC9zdmc+"},17195:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNDAwIDM0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGZpbGw9IndoaXRlIgogICAgdHJhbnNmb3JtPSJzY2FsZSgxLC0xKSB0cmFuc2xhdGUoNDUwLC0yNjAwKSIKICAgIHN0cm9rZVdpZHRoPSIxIgpkPSJNOTIxIDg5cS00MyAtNTQgLTc1IC01NHEtMjIgMCAtMzQgMjUuNXQtMTIgNzIuNXY3NjdoLTcwOHEtOTEgMCAtOTEgMzFxMCAyNiA2MyA2NWwyMDYzIDEyNzhxNDIgMjYgNzkgMjZxNDIgMCA2OCAtMzJ0MjYgLTg4di0xODAwcTAgLTU3IC0yNi41IC04OS41dC02OS41IC0zMi41cS0zNyAwIC03OCAyNWwtNzEyIDQyNXpNMTAwMCA0ODBsMTE4NiAxNzAwbC0xMTg2IC0xMzAwdi00MDB6Ii8+Cjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4052],{34052:(e,n,o)=>{o.r(n),o.d(n,{default:()=>z});var i=o(84658),a=o(34988),t=o(50747),l=o.n(t),r=o(65515),d=o.n(r),s=o(9420),c=o(87363),u=o(88683),x=o(91923),m=o(93379),g=o.n(m),v=o(7795),N=o.n(v),C=o(90569),p=o.n(C),f=o(3565),b=o.n(f),k=o(19216),h=o.n(k),M=o(44589),I=o.n(M),A=o(56052),w={};w.styleTagTransform=I(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=N(),w.insertStyleElement=h();g()(A.ZP,w);A.ZP&&A.ZP.locals&&A.ZP.locals;var y=o(47514),S=(0,u.getLogger)("Planner","BasketActionSerious");const z=(0,s.Pi)((function BasketActionSerious(e){var n=e.saveIsDisabled,o=e.sendEmailIsDisabled,t=e.onSave,r=(0,x.NP)(),s=(0,u.useTranslation)().t,m=(0,c.useState)(!1),g=(0,a.Z)(m,2),v=g[0],N=g[1],C=(0,u.useDivaCore)().actions,p=C.userHasPermission,f=C.openSnackBar,b=function(){var e=(0,i.Z)(l().mark((function _callee(e){var i,a,d,c;return l().wrap((function _callee$(l){for(;;)switch(l.prev=l.next){case 0:l.t0=e,l.next="email"===l.t0?3:"save"===l.t0?8:13;break;case 3:if(n||o){l.next=7;break}return t(),l.next=7,r.actionButtonState.onClickAddToBasket(r,"onSendEmail");case 7:return l.abrupt("break",13);case 8:if(n){l.next=12;break}return t(),l.next=12,r.actionButtonState.onClickAddToBasket(r);case 12:return l.abrupt("break",13);case 13:if(!r.getViewConfig().showPdfQR){l.next=22;break}if("boolean"!=typeof r.getViewConfig().showPdfQR){l.next=18;break}r.divaWebPlanner.getBasket().PDFDocumentURL?f({type:"big",qrCode:r.divaWebPlanner.getBasket().PDFDocumentURL,message:s("basket.checkout.pdfqr"),autoHideDuration:null!==(i=r.getViewConfig().pdfQRAutoHideDuration)&&void 0!==i?i:12e4,clickable:!0,qrCodeSize:312}):S.warn("Basket is missing a pdf, no QR-Code displayed"),l.next=22;break;case 18:return l.next=20,null===(a=r.divaWebPlanner.actSet())||void 0===a?void 0:a.api.createBasketReport(r.divaWebPlanner.getBasket(),r.getViewConfig().showPdfQR,r.getViewConfig().savePdfQR);case 20:(d=l.sent)?f({type:"big",qrCode:d,qrCodeSize:312,message:s("basket.checkout.pdfqr"),autoHideDuration:null!==(c=r.getViewConfig().pdfQRAutoHideDuration)&&void 0!==c?c:12e4,clickable:!0}):S.warn("Could not generate PDF, no QR-Code displayed");case 22:case"end":return l.stop()}}),_callee)})));return function onClickSave(n){return e.apply(this,arguments)}}();return(0,y.jsxs)("div",{className:A.nC,children:[(0,y.jsxs)("div",{className:d()(A.LI,A.SH,n?A.jO:void 0),onClick:function onClick(){n||N(!v)},children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv,A.Nd)}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.ADD_TO_BASKET")]}),(0,y.jsxs)("div",{className:d()(v?A.bA:void 0,A.v),children:[(0,y.jsxs)("div",{className:A.$Q,onClick:function onClick(){return b("save")},id:"wcConfigurator-action-tobasket",children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv,A.Nd)}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.ADD_TO_BASKET")]})]}),(0,y.jsxs)("div",{className:d()(A.$Q,o?A.jO:void 0),onClick:function onClick(){return b("email")},children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv,A.hZ)}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.SendToClient")]})]})]})]}),(0,y.jsxs)("div",{onClick:function onClickReset(){var e;null===(e=r.actions)||void 0===e||e.openModal({title:s("modals.reset"),accept:!0,reject:!0,text:s("modals.are_you_sure_to_reset"),callback:function callback(e){e&&r.productState.onClickReset()}})},className:d()(A.LI,A.nN),children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv),children:(0,y.jsx)("svg",{width:"26",height:"22",viewBox:"0 0 3400 3400",xmlns:"http://www.w3.org/2000/svg",children:(0,y.jsx)("path",{className:A.e2,transform:"scale(1,-1) translate(450,-2600)",strokeWidth:"1",d:"M935 2061l-114 277q135 45 279 57v-300q-85 -9 -165 -34zM1435 2069q-71 19 -135 26v300q131 -11 251 -48zM615 1884l-211 212q119 105 260 176l114 -276q-87 -47 -163 -112zM1737 1921q-43 32 -89 59l115 279q99 -53 187 -125zM2007 -3l-148 204l-6 -4 q-146 -95 -321 -145t-332 -51q-172 0 -331.5 43t-291 120.5t-240 188t-182.5 242.5t-114.5 287t-40.5 318q0 225 80 429.5t224 367.5l212 -212q-103 -120 -159.5 -270t-56.5 -314q0 -123 32 -239.5t90 -215t140.5 -181.5t181.5 -141t216 -90.5t240 -31.5q146 0 256.5 34 t226.5 109l-151 212q-8 11 -8 20q0 20 29 19h683q17 0 27.5 -10t10.5 -25q0 -6 -3 -13l-220 -644q-7 -22 -22 -22q-12 0 -22 15zM1964 1673q-20 32 -43 64l213 213q61 -75 109 -161zM2085 1400q-4 0 -10 27l279 126q4 -14 8.5 -35.5t8 -41t6.5 -37.5t6 -28.5t5 -10.5h-303z "})})}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.ConfigReset")]})]}),p("favorites_lueck")&&(0,y.jsxs)("div",{onClick:function onClickFavorites(){var e,n;null===(e=r.actions)||void 0===e||e.openModal({title:s("modals.favorite"),accept:!0,reject:!0,text:s("modals.are_you_sure_favorite"),callback:(n=(0,i.Z)(l().mark((function _callee2(e){var n;return l().wrap((function _callee2$(o){for(;;)switch(o.prev=o.next){case 0:if(!e){o.next=5;break}return t(),o.next=4,r.actionButtonState.onClickAddToBasket(r,"onSaveProduct");case 4:null===(n=r.actions)||void 0===n||n.openModal({title:s("modals.favorite"),accept:!0,text:s("modals.favorites_saved")});case 5:case"end":return o.stop()}}),_callee2)}))),function callback(e){return n.apply(this,arguments)})})},className:d()(A.LI,A.nN),children:[(0,y.jsx)("div",{className:d()(A.O7,A.qv),children:(0,y.jsx)("svg",{width:"26",height:"22",viewBox:"0 0 3400 3400",xmlns:"http://www.w3.org/2000/svg",children:(0,y.jsx)("path",{className:A.e2,transform:"scale(1,-1) translate(450,-2600)",strokeWidth:"1",d:"M2491 1500l-765 -541l291 -885l-768 551l-764 -554l291 883l-776 546h958l294 900h3l292 -900h944zM484 68h-3l4 3z"})})}),(0,y.jsxs)("div",{className:d()(A.O7),children:[" ",s("configurator.Favorites")]})]})]})}))},56052:(e,n,o)=>{o.d(n,{$Q:()=>p,LI:()=>f,Nd:()=>A,O7:()=>M,SH:()=>b,ZP:()=>y,bA:()=>N,e2:()=>I,hZ:()=>w,jO:()=>k,nC:()=>g,nN:()=>h,qv:()=>C,v:()=>v});var i=o(8081),a=o.n(i),t=o(23645),l=o.n(t),r=o(61667),d=o.n(r),s=new URL(o(32889),o.b),c=new URL(o(17195),o.b),u=l()(a()),x=d()(s),m=d()(c);u.push([e.id,".index-module--BLUm6 {\n  display: flex;\n  flex-direction: row;\n  margin-left: 16px;\n}\n\n.index-module--HfQcx {\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  position: absolute;\n  bottom: 105%;\n  left: 0;\n  right: -5px;\n  padding: 0.84em 1em;\n  color: #000;\n  color: initial;\n  display: none;\n  flex-direction: column;\n}\n\n.index-module--HfQcx.index-module--zBXSm {\n  display: flex;\n}\n\n.index-module--HfQcx .index-module--JygIB {\n  filter: brightness(0.1);\n}\n.index-module--HfQcx .index-module--GkVFm:hover {\n  color: var(--primaryColor);\n}\n\n.index-module--am5Wh {\n  position: relative;\n  font-weight: 100;\n  border-radius: 32px;\n  transition: background-color 0.25s ease-out, color 0.25s ease-out;\n  font-size: 0.9rem;\n  line-height: 18px;\n  text-align: center;\n  cursor: pointer;\n  box-sizing: border-box;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0.5rem 1rem 0;\n  padding: 0.85em 1em;\n  -webkit-appearance: none;\n  border: 1px solid transparent;\n}\n\n.index-module--xqWc8 {\n  background-color: var(--primaryColor);\n  color: #fefefe;\n}\n\n.index-module--qJM2I {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n\n.index-module--xqWc8:hover {\n  filter: brightness(0.9);\n}\n\n.index-module--kWTPM {\n  background-color: transparent;\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n  padding: 0.85em 1em 0.85em 0.25em;\n}\n\n.index-module--kWTPM:hover {\n  fill: #202020 !important;\n}\n\n.index-module--kWTPM:hover {\n  border-color: #202020;\n  color: #202020;\n}\n\n.index-module--fTcws {\n  float: left;\n}\n.index-module--kWTPM .index-module--fTcws {\n  padding-left: 0.5em;\n}\n\n.index-module--GkVFm {\n  margin: 0.5em 0;\n}\n\n.index-module--JygIB {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 20px;\n  height: 20px;\n}\n.index-module--nUotN {\n  fill: var(--primaryColor);\n  transition: fill 0.25s ease-out, color 0.25s ease-out;\n}\n\n.index-module--kWTPM:hover .index-module--nUotN {\n  fill: black;\n}\n\n.index-module--b4Lgf {\n  background-image: url("+x+");\n}\n.index-module--Y3R7R {\n  background-image: url("+m+");\n}\n\n.index-module--aWiJp path {\n  background-color: var(--primaryColor);\n}\n",""]);var g="index-module--BLUm6",v="index-module--HfQcx",N="index-module--zBXSm",C="index-module--JygIB",p="index-module--GkVFm",f="index-module--am5Wh",b="index-module--xqWc8",k="index-module--qJM2I",h="index-module--kWTPM",M="index-module--fTcws",I="index-module--nUotN",A="index-module--b4Lgf",w="index-module--Y3R7R";const y=u},32889:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNDAwIDM0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGZpbGw9IndoaXRlIgogICAgdHJhbnNmb3JtPSJzY2FsZSgxLC0xKSB0cmFuc2xhdGUoNDUwLC0yNjAwKSIKICAgIHN0cm9rZVdpZHRoPSIxIgogICAgZD0iTTc4MyAyNTVsLTMyNSAzMjVsLTcwIDcwbC0zOTEgMzkxcS0xNCAxNSAtMTQgMzUuNXQxNCAzNS41bDMyNSAzMjVxMTQgMTQgMzUgMTR0MzUgLTE0bDM5MSAtMzkxcTE1IC0xNSAzNS41IC0xNXQzNS41IDE1bDEwNDkgMTA0OXExNSAxNSAzNS41IDE1dDM1LjUgLTE1bDMyNyAtMzIycTE1IC0xNSAxNSAtMzVxMCAtMjEgLTE1IC0zNWwtMTQ0NyAtMTQ0OHEtMTUgLTE0IC0zNS41IC0xNHQtMzUuNSAxNHoiCiAgICAgLz4KPC9zdmc+"},17195:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNDAwIDM0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGZpbGw9IndoaXRlIgogICAgdHJhbnNmb3JtPSJzY2FsZSgxLC0xKSB0cmFuc2xhdGUoNDUwLC0yNjAwKSIKICAgIHN0cm9rZVdpZHRoPSIxIgpkPSJNOTIxIDg5cS00MyAtNTQgLTc1IC01NHEtMjIgMCAtMzQgMjUuNXQtMTIgNzIuNXY3NjdoLTcwOHEtOTEgMCAtOTEgMzFxMCAyNiA2MyA2NWwyMDYzIDEyNzhxNDIgMjYgNzkgMjZxNDIgMCA2OCAtMzJ0MjYgLTg4di0xODAwcTAgLTU3IC0yNi41IC04OS41dC02OS41IC0zMi41cS0zNyAwIC03OCAyNWwtNzEyIDQyNXpNMTAwMCA0ODBsMTE4NiAxNzAwbC0xMTg2IC0xMzAwdi00MDB6Ii8+Cjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 430.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[430,2142,8692],{32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var a=o(65515),r=o.n(a),l=(o(87363),o(68692)),c=o(93379),d=o.n(c),u=o(7795),p=o.n(u),f=o(90569),b=o.n(f),v=o(3565),m=o.n(v),y=o(19216),g=o.n(y),k=o(44589),w=o.n(k),x=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=m(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=g();d()(x.ZP,C);x.ZP&&x.ZP.locals&&x.ZP.locals;var S=o(47514);const M=function Toggle(t){var i,o=t.onChange,a=t.val,c=t.state,d=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,b=void 0===f?40:f,v=t.width,m=void 0===v?80:v,y=t.handleDiameter,g=void 0===y?32:y,k=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:d?(0,S.jsx)("div",{className:r()(x.f6,x.co),children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:r()(x.f6,x.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=a?a:!c)},checked:c,onColor:k,offColor:p?k:"#CACACA",height:b,width:m,handleDiameter:g})}},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>d,no:()=>p});var a=o(8081),r=o.n(a),l=o(23645),c=o.n(l)()(r());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=c},68692:(t,i,o)=>{o.d(i,{Z:()=>c});var a=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(t[a]=o[a])}return t},s.apply(this,arguments)}var r=a.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},a.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=a.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},a.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,a,r){return function(t,i,o,a,r){var l=(t-o)/(i-o);if(0===l)return a;if(1===l)return r;for(var c="#",d=1;d<6;d+=2){var u=parseInt(a.substr(d,2),16),p=parseInt(r.substr(d,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(a),h(r))}var c=function(t){function n(i){t.call(this,i);var o=i.height,a=i.width,r=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(a-o,a-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:r?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,a=i.h,r=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,r));l!==a&&this.setState({h:l})},n.prototype.U=function(t){var i=this.state,o=i.h,a=i.N,r=i.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var d=Date.now()-r;(!a||d<250||l&&o<=c||!l&&o>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,r=t.className,l=t.offColor,c=t.onColor,d=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,b=t.checkedHandleIcon,v=t.uncheckedHandleIcon,m=t.boxShadow,y=t.activeBoxShadow,g=t.height,k=t.width,w=t.borderRadius,x=function(t,i){var o={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&-1===i.indexOf(a)&&(o[a]=t[a]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),C=this.state,S=C.h,M=C.N,D=C.j,T={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},E={height:g,width:k,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:M?null:"background 0.25s",MozTransition:M?null:"background 0.25s",transition:M?null:"background 0.25s"},W={height:g,width:Math.min(1.5*g,k-(this.t+g)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"},I={height:g,width:Math.min(1.5*g,k-(this.t+g)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"},j={height:this.t,width:this.t,background:e(S,this.i,this.o,d,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:D?y:m,border:0,WebkitTransition:M?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:M?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:M?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},L={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"},H={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"};return a.createElement("div",{className:r,style:T},a.createElement("div",{className:"react-switch-bg",style:E,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&a.createElement("div",{style:W},p),f&&a.createElement("div",{style:I},f)),a.createElement("div",{className:"react-switch-handle",style:j,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},v&&a.createElement("div",{style:L},v),b&&a.createElement("div",{style:H},b)),a.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},x,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(a.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:r,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[430,2142,8692],{32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var a=o(65515),r=o.n(a),l=(o(87363),o(68692)),c=o(93379),d=o.n(c),u=o(7795),p=o.n(u),f=o(90569),b=o.n(f),v=o(3565),m=o.n(v),y=o(19216),g=o.n(y),k=o(44589),w=o.n(k),x=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=m(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=g();d()(x.ZP,C);x.ZP&&x.ZP.locals&&x.ZP.locals;var S=o(47514);const M=function Toggle(t){var i,o=t.onChange,a=t.val,c=t.state,d=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,b=void 0===f?40:f,v=t.width,m=void 0===v?80:v,y=t.handleDiameter,g=void 0===y?32:y,k=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:d?(0,S.jsx)("div",{className:r()(x.f6,x.co),children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:r()(x.f6,x.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=a?a:!c)},checked:c,onColor:k,offColor:p?k:"#CACACA",height:b,width:m,handleDiameter:g})}},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>d,no:()=>p});var a=o(8081),r=o.n(a),l=o(23645),c=o.n(l)()(r());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=c},68692:(t,i,o)=>{o.d(i,{Z:()=>c});var a=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(t[a]=o[a])}return t},s.apply(this,arguments)}var r=a.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},a.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=a.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},a.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,a,r){return function(t,i,o,a,r){var l=(t-o)/(i-o);if(0===l)return a;if(1===l)return r;for(var c="#",d=1;d<6;d+=2){var u=parseInt(a.substr(d,2),16),p=parseInt(r.substr(d,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(a),h(r))}var c=function(t){function n(i){t.call(this,i);var o=i.height,a=i.width,r=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(a-o,a-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:r?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var i=this.state,o=i.j,a=i.h,r=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,r));l!==a&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,a=i.U,r=i.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var d=Date.now()-r;(!a||d<250||l&&o<=c||!l&&o>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,r=t.className,l=t.offColor,c=t.onColor,d=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,b=t.checkedHandleIcon,v=t.uncheckedHandleIcon,m=t.boxShadow,y=t.activeBoxShadow,g=t.height,k=t.width,w=t.borderRadius,x=function(t,i){var o={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&-1===i.indexOf(a)&&(o[a]=t[a]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),C=this.state,S=C.h,M=C.U,D=C.B,T={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},E={height:g,width:k,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:M?null:"background 0.25s",MozTransition:M?null:"background 0.25s",transition:M?null:"background 0.25s"},I={height:g,width:Math.min(1.5*g,k-(this.t+g)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"},W={height:g,width:Math.min(1.5*g,k-(this.t+g)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"},H={height:this.t,width:this.t,background:e(S,this.i,this.o,d,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:D?y:m,border:0,WebkitTransition:M?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:M?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:M?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},L={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"},B={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:M?null:"opacity 0.25s",MozTransition:M?null:"opacity 0.25s",transition:M?null:"opacity 0.25s"};return a.createElement("div",{className:r,style:T},a.createElement("div",{className:"react-switch-bg",style:E,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&a.createElement("div",{style:I},p),f&&a.createElement("div",{style:W},f)),a.createElement("div",{className:"react-switch-handle",style:H,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.m,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.T,onTouchCancel:o?null:this.S},v&&a.createElement("div",{style:L},v),b&&a.createElement("div",{style:B},b)),a.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},x,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(a.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:r,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4455.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4455],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),k=t.n(S),y=t(39545),w={};w.styleTagTransform=k(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();c()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var B=t(47514);const C=(0,s.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,B.jsx)(B.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,B.jsx)("div",{children:(0,B.jsxs)("div",{className:y.Q_,children:[(0,B.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,B.jsxs)("div",{style:{width:"100%"},children:[(0,B.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,B.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,B.jsx)("button",{className:y.vX,onClick:s})]})]})})}))},34455:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(91923),o=t(87363),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),g=t.n(p),f=t(44589),b=t.n(f),m=t(89583),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var v=t(58069),S=t(14312),k=t(9420),y=t(61448),w=t(47514),B={"--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const C=(0,k.Pi)((function Classification(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]),(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:m.xn,children:[(0,w.jsx)(S.default,{className:m.x6,tabSearchClass:m.jp}),(0,w.jsx)(v.default,{className:m.vt}),e.settingsState.inputBoxVisible&&(0,w.jsx)(y.default,{})]})})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>b,jp:()=>f,vt:()=>g,x6:()=>p,xn:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(68812),t.b),u=a()(o()),c=l()(s);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var x="index-module--CY5B_",p="index-module--kV7Ww",g="index-module--hY0OM",f="index-module--L16Ky";const b=u},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4455],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>B});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(91923),l=t(87363),s=t(9420),u=t(93379),x=t.n(u),p=t(7795),c=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),k=t(39545),w={};w.styleTagTransform=S(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();x()(k.ZP,w);k.ZP&&k.ZP.locals&&k.ZP.locals;var C=t(47514);const B=(0,s.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,C.jsx)(C.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,C.jsx)("div",{children:(0,C.jsxs)("div",{className:k.Q_,children:[(0,C.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:k.Jg,children:"✖"}),(0,C.jsxs)("div",{style:{width:"100%"},children:[(0,C.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,C.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:k.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,C.jsx)("button",{className:k.vX,onClick:s})]})]})})}))},34455:(n,e,t)=>{t.r(e),t.d(e,{default:()=>B});var i=t(91923),o=t(87363),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),x=t(3565),p=t.n(x),c=t(19216),g=t.n(c),f=t(44589),b=t.n(f),m=t(89583),h={};h.styleTagTransform=b(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var v=t(58069),y=t(14312),S=t(9420),k=t(61448),w=t(47514),C={"--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--foldArrowMarginRight":"16px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const B=(0,S.Pi)((function Classification(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(C)}),[]),(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:m.xn,children:[(0,w.jsx)(y.default,{className:m.x6,tabSearchClass:m.jp}),(0,w.jsx)(v.default,{className:m.vt}),e.settingsState.inputBoxVisible&&(0,w.jsx)(k.default,{})]})})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>c,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),x=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+x+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",c="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>b,jp:()=>f,vt:()=>g,x6:()=>c,xn:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(68812),t.b),u=a()(o()),x=l()(s);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+x+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",c="index-module--kV7Ww",g="index-module--hY0OM",f="index-module--L16Ky";const b=u},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4580.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4580],{24580:(e,s,l)=>{l.r(s),l.d(s,{default:()=>i});var t=l(65515),a=l.n(t),o=l(9420),r=(l(87363),l(91923)),n=l(47514);const i=(0,o.Pi)((function PosNr(e){var s=e.rect,l=e.item,t=e.onElement,o=e.plannerUIProps,i=e.hasTrash,c=(0,r.NP)(),p="percentage"==l.position.interpretation?s.top+"%":s.top+"px";return p=i&&s.top<4?"calc("+p+" + 35px + var(--globalSize) / 2)":"calc("+p+" + var(--globalSize) / 2)",(0,n.jsxs)("div",{ref:function ref(e){return t(e)},style:{left:"percentage"==l.position.interpretation?s.left+"%":s.left,top:p,visibility:"BoxPlanner"==c.productState.plannerMode?"hidden":"visible"},className:a()(o.classes.buttonGeneral,o.classes.posNr.posNr,l.isDockedAccessoire?o.classes.posNr.posNrAcc:void 0,"selected"==l.elemState?o.classes.posNr.posNrSelected:void 0,"selectable"==l.elemState?o.classes.posNr.posNrSelectable:void 0,"unselectable"==l.elemState?o.classes.posNr.posNrUnSelectable:void 0,l.onHover&&"unselectable"!=l.elemState?o.classes.posNr.posNrOnHover:void 0),children:[l.posNr,(0,n.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},style:{left:"0px",top:"0px",visibility:"BoxPlanner"==c.productState.plannerMode?"hidden":"visible"},className:a()("selectable"==l.elemState?o.classes.posNr.posNrSelectableArea:void 0)})]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4580],{24580:(e,s,t)=>{t.r(s),t.d(s,{default:()=>n});var l=t(65515),a=t.n(l),o=t(9420),r=(t(87363),t(91923)),i=t(47514);const n=(0,o.Pi)((function PosNr(e){var s=e.rect,t=e.item,l=e.onElement,o=e.plannerUIProps,n=e.hasTrash,c=(0,r.NP)(),p="percentage"==t.position.interpretation?s.top+"%":s.top+"px";return p=n&&s.top<4?"calc("+p+" + 35px + var(--globalSize) / 2)":"calc("+p+" + var(--globalSize) / 2)",(0,i.jsxs)("div",{ref:function ref(e){return l(e)},style:{left:"percentage"==t.position.interpretation?s.left+"%":s.left,top:p,visibility:c.productState.isBoxPlanner?"hidden":"visible"},className:a()(o.classes.buttonGeneral,o.classes.posNr.posNr,t.isDockedAccessoire?o.classes.posNr.posNrAcc:void 0,"selected"==t.elemState?o.classes.posNr.posNrSelected:void 0,"selectable"==t.elemState?o.classes.posNr.posNrSelectable:void 0,"unselectable"==t.elemState?o.classes.posNr.posNrUnSelectable:void 0,t.onHover&&"unselectable"!=t.elemState?o.classes.posNr.posNrOnHover:void 0),children:[t.posNr,(0,i.jsx)("div",{onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:"0px",top:"0px",visibility:c.productState.isBoxPlanner?"hidden":"visible"},className:a()("selectable"==t.elemState?o.classes.posNr.posNrSelectableArea:void 0)})]})}))}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 4581.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4581],{14581:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _model__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_index_module_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(35141),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(71097),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(40976),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),BasketActionStandard=function BasketActionStandard(e){var n,_=e.buttonTextClassName,o=void 0===_?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.UU:_,i=e.buttonPriceClassName,r=void 0===i?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.QD:i,a=e.containerClassName,t=e.price,d=e.showCheckoutButtons,l=(0,_model__WEBPACK_IMPORTED_MODULE_0__.NP)(),u=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useDivaCore)().state.hidePrices,c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_3__.tM,a),children:[d&&(null===(n=l.getViewConfig().checkout)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,l)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__.onClickCheckout)(e,l,n,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:32})},n):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_3__.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket(l)},id:"wcConfigurator-action-tobasket",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:o,children:c("configurator.ADD_TO_BASKET")}),!u&&"horizontal"==l.tabGroupState.curTabGroupType&&t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:r,children:t})]})]})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__.Pi)(BasketActionStandard);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},38921:(e,n,_)=>{_.d(n,{QD:()=>x,UU:()=>g,ZP:()=>E,m2:()=>m,tM:()=>s});var o=_(8081),i=_.n(o),r=_(23645),a=_.n(r),t=_(61667),d=_.n(t),l=new URL(_(2431),_.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var s="index-module--NTXww",m="index-module--g_4ro",x="index-module--gle4T",g="index-module--CSmEc";const E=u},28717:(e,n,_)=>{_.d(n,{$t:()=>x,FN:()=>E,Is:()=>g,KR:()=>l,LI:()=>u,Qv:()=>M,ZP:()=>v,jl:()=>t,nC:()=>d,op:()=>s,ox:()=>m,rK:()=>c,tW:()=>b});var o=_(8081),i=_.n(o),r=_(23645),a=_.n(r)()(i());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var t="index-module--Ug06K",d="index-module--uMdxf",l="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",s="index-module--vWg5_",m="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",E="index-module--X2uG9",M="index-module--CVPGS",b="index-module--KE5Qn";const v=a},35141:(e,n,_)=>{_.d(n,{QD:()=>g.QD,UU:()=>g.UU,m2:()=>g.m2,tM:()=>g.tM});var o=_(93379),i=_.n(o),r=_(7795),a=_.n(r),t=_(90569),d=_.n(t),l=_(3565),u=_.n(l),c=_(19216),s=_.n(c),m=_(44589),x=_.n(m),g=_(38921),E={};E.styleTagTransform=x(),E.setAttributes=u(),E.insert=d().bind(null,"head"),E.domAPI=a(),E.insertStyleElement=s();i()(g.ZP,E),g.ZP&&g.ZP.locals&&g.ZP.locals},40976:(e,n,_)=>{_.d(n,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var o=_(93379),i=_.n(o),r=_(7795),a=_.n(r),t=_(90569),d=_.n(t),l=_(3565),u=_.n(l),c=_(19216),s=_.n(c),m=_(44589),x=_.n(m),g=_(28717),E={};E.styleTagTransform=x(),E.setAttributes=u(),E.insert=d().bind(null,"head"),E.domAPI=a(),E.insertStyleElement=s();i()(g.ZP,E),g.ZP&&g.ZP.locals&&g.ZP.locals},2431:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

package/build/umd/4581.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:4581 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4585.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,9741,3224],{99741:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),u=t.n(c),l=t(90569),s=t.n(l),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),T=t(22109),p={};p.styleTagTransform=I(),p.setAttributes=x(),p.insert=s().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=g();M()(T.ZP,p);T.ZP&&T.ZP.locals&&T.ZP.locals;var y=t(65515),w=t.n(y),m=t(88683),A=t(47514);const z=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=(0,m.useTranslation)().t;return 0!=t&&i?(0,A.jsx)("div",{className:T.Gr,children:(0,A.jsxs)("div",{className:T.YS,children:[(0,A.jsxs)("div",{className:T.aS,children:[(0,A.jsx)("div",{className:T.Fs,children:d("configurator.ar_qr_title")}),(0,A.jsx)("div",{className:T.fL,children:d("configurator.ar_qr_text")})]}),(0,A.jsxs)("div",{className:T.$D,children:[(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.ti)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.Ro)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.Lt)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:T.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:w()(T.c8,o?void 0:T.JU),onClick:function onClick(){return null==o?void 0:o()},children:o?d("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:T._m}),d("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:T.fL,children:d("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:T.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:T.J3,children:[(0,A.jsx)("div",{className:T.Mx,dangerouslySetInnerHTML:{__html:d("arviewer.failed")}}),(0,A.jsxs)("div",{className:T.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},53224:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),u=t(91923),l=t(93379),s=t.n(l),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),T=t(19216),p=t.n(T),y=t(44589),w=t.n(y),m=t(16033),A={};A.styleTagTransform=w(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=p();s()(m.ZP,A);m.ZP&&m.ZP.locals&&m.ZP.locals;var z=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,l=e.fadeIn,s=e.fadeout,N=e.url,x=(0,u.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,T=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(T.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*g)),function(){null!=T&&T.current&&clearTimeout(T.current)}}),[]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=T&&T.current&&clearTimeout(T.current)}),[x.productState.doShowARQRCode]),(0,z.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:m.YS,style:_objectSpread(_objectSpread({opacity:s?0:l?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,z.jsx)("div",{className:m.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,z.jsxs)("div",{className:m.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,z.jsx)("div",{className:m.Fs,children:I("configurator.ar_qr_title")}),(0,z.jsx)("div",{className:m.fL,children:I("configurator.ar_qr_text")})]}),(0,z.jsx)("div",{className:m.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,z.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,z.jsx)("div",{className:m.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(80248),o=t(34988),r=t(9420),a=t(91923),d=t(87363),M=t(46770),c=t(53224),u=t(88683),l=t(65515),s=t.n(l),N=t(99741),x=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const j=(0,r.Pi)((function ArQrCodeTooltip(e){var n=(0,a.NP)(),t=(0,u.useTranslation)().t,i=(0,u.useDivaCore)(),r=i.actions.openModal,l=i.state,j=l.isMobile,g=l.dimensions.isTablet,D=(0,d.useState)(!1),I=(0,o.Z)(D,2),T=I[0],p=I[1],y=(0,d.useRef)(),w=n.getViewConfig().arQrCodeConfig,m=j||g,A=m&&(!n.uiState.AllConfig.arViewerIframe||!n.productState.allow3DComb),z=(0,d.useState)(n.productState.arCodeWasVisibleOnce),S=(0,o.Z)(z,2),f=S[0],C=S[1],h=(f||n.productState.doShowARQRCode)&&!m&&n.isParentViewVisible,b=(0,M.sJ)({isOpen:h,auto:!0,placement:"right-end",triggerOffset:16}),O=b.triggerProps,L=b.layerProps,E=b.renderLayer,Q=b.arrowProps,v=(0,d.useState)(),U=(0,o.Z)(v,2),k=U[0],P=U[1];(0,d.useEffect)((function(){1==n.productState.doShowARQRCode&&n.openARObserverConnection((function(){return n.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return P(e)}))}),[n.productState.doShowARQRCode]),(0,d.useEffect)((function(){n.productState.doShowARQRCode&&A&&r({content:(0,x.jsx)(N.default,{url:k,isArCompatible:n.productState.isArCompatible,broswerSupportAR:n.productState.browserSupportAR,activateAR:n.productState.activateAR}),fullscreen:!0,rejectByIcon:!0,dontRenderForm:!0,callback:function callback(e){n.productState.loadRTVForAr=!1,n.productState.setDoShowARQRCode(!1),n.productState.onChangePlannerView(n.productState.allow3DComb?"3DCOMB":"3D")}})}),[n.productState.activateAR,k]),(0,d.useEffect)((function(){var e;n.productState.arCodeWasVisibleOnce||null==w||!w.doAutoShow||m||(y.current=setTimeout((function(){n.productState.setArCodeWasVisibleOnce(),p(!0),n.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==w?void 0:w.timeUntilAutoShow)&&void 0!==e?e:30)));!n.productState.doShowARQRCode&&T&&p(!1),f!==n.productState.doShowARQRCode&&setTimeout((function(){C(n.productState.doShowARQRCode)}),200)}),[n.productState.doShowARQRCode]);return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},e),{},{className:s()(e.className),onClick:function onClick(){n.productState.setDoShowARQRCode(!0),A&&(n.productState.doShowRTV||"RTViewer"==n.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==n.viewPlannerHandler.getCurPlannerViewMode()||(n.productState.loadRTVForAr=!0,n.productState.onChangePlannerView(n.productState.allow3DComb?"3DCOMB":"RTV")),r({content:(0,x.jsx)(N.default,{url:k,isArCompatible:n.productState.isArCompatible,broswerSupportAR:n.productState.browserSupportAR,activateAR:n.productState.activateAR}),fullscreen:!0,dontRenderForm:!0,rejectByIcon:!0,callback:function callback(e){n.productState.loadRTVForAr=!1,n.productState.setDoShowARQRCode(!1),n.productState.onChangePlannerView(n.productState.allow3DComb?"3DCOMB":"3D")}}))},title:t("configurator.ar_qr_title")},O),{},{style:{visibility:n.productState.doShowRenderImage||n.productState.doShow3DComb||n.productState.doShowRTV?"visible":"hidden"}})),h&&E((0,x.jsx)(c.default,{arrowProps:Q,layerProps:L,autoClose:T,fadeIn:f,fadeout:!n.productState.doShowARQRCode,url:k}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>A,$h:()=>C,Fs:()=>w,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>v,Ji:()=>S,Lt:()=>L,Mx:()=>I,Ro:()=>O,SS:()=>U,YS:()=>p,Yq:()=>E,ZP:()=>P,_m:()=>k,aS:()=>y,c8:()=>Q,dj:()=>T,fL:()=>m,nx:()=>f,qv:()=>h,ti:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),u=new URL(t(78752),t.b),l=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(u),j=M()(l);s.push([e.id,".index-module--ImFgT {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  z-index: 100000;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 48px 32px;\n  gap: 42px;\n  color: #000;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 19px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition: box-shadow 0.3s, background-color 0.3s ease, color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",T="index-module--pCvNx",p="index-module--rJxjD",y="index-module--D8Hh2",w="index-module--Wih2i",m="index-module--NZIwX",A="index-module--c06na",z="index-module--XQWSR",S="index-module--hsJe1",f="index-module--R08lN",C="index-module--w1zAR",h="index-module--tNtQi",b="index-module--RMCB9",O="index-module--rlsDm",L="index-module--gAkyp",E="index-module--RZc1O",Q="index-module--vFCfN",v="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>T,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),u=a()(o()),l=M()(c);u.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+l+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const T=u},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,9741,3224],{99741:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),u=t.n(c),l=t(90569),s=t.n(l),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),T=t(22109),p={};p.styleTagTransform=I(),p.setAttributes=x(),p.insert=s().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=g();M()(T.ZP,p);T.ZP&&T.ZP.locals&&T.ZP.locals;var y=t(65515),w=t.n(y),m=t(88683),A=t(47514);const z=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=(0,m.useTranslation)().t;return 0!=t&&i?(0,A.jsx)("div",{className:T.Gr,children:(0,A.jsxs)("div",{className:T.YS,children:[(0,A.jsxs)("div",{className:T.aS,children:[(0,A.jsx)("div",{className:T.Fs,children:d("configurator.ar_qr_title")}),(0,A.jsx)("div",{className:T.fL,children:d("configurator.ar_qr_text")})]}),(0,A.jsxs)("div",{className:T.$D,children:[(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.ti)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.Ro)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.Lt)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:T.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:w()(T.c8,o?void 0:T.JU),onClick:function onClick(){return null==o?void 0:o()},children:o?d("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:T._m}),d("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:T.fL,children:d("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:T.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:T.J3,children:[(0,A.jsx)("div",{className:T.Mx,dangerouslySetInnerHTML:{__html:d("arviewer.failed")}}),(0,A.jsxs)("div",{className:T.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},53224:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),u=t(91923),l=t(93379),s=t.n(l),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),T=t(19216),p=t.n(T),y=t(44589),w=t.n(y),m=t(16033),A={};A.styleTagTransform=w(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=p();s()(m.ZP,A);m.ZP&&m.ZP.locals&&m.ZP.locals;var z=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,l=e.fadeIn,s=e.fadeout,N=e.url,x=(0,u.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,T=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=T&&T.current||(T.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=T&&T.current&&clearTimeout(T.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=T&&T.current&&clearTimeout(T.current)}),[x.productState.doShowARQRCode]),(0,z.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:m.YS,style:_objectSpread(_objectSpread({opacity:s?0:l?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,z.jsx)("div",{className:m.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,z.jsxs)("div",{className:m.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,z.jsx)("div",{className:m.Fs,children:I("configurator.ar_qr_title")}),(0,z.jsx)("div",{className:m.fL,children:I("configurator.ar_qr_text")})]}),(0,z.jsx)("div",{className:m.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,z.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,z.jsx)("div",{className:m.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(80248),o=t(34988),r=t(9420),a=t(91923),d=t(87363),M=t(46770),c=t(53224),u=t(88683),l=t(65515),s=t.n(l),N=t(99741),x=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const j=(0,r.Pi)((function ArQrCodeTooltip(e){var n=(0,a.NP)(),t=(0,u.useTranslation)().t,i=(0,u.useDivaCore)(),r=i.actions.openModal,l=i.state,j=l.isMobile,g=l.dimensions.isTablet,D=(0,d.useState)(!1),I=(0,o.Z)(D,2),T=I[0],p=I[1],y=(0,d.useRef)(),w=n.getViewConfig().arQrCodeConfig,m=j||g,A=m&&(!n.uiState.AllConfig.arViewerIframe||!n.productState.allow3DComb&&!n.productState.allowRTV),z=(0,d.useState)(n.productState.arCodeWasVisibleOnce),S=(0,o.Z)(z,2),f=S[0],C=S[1],h=(f||n.productState.doShowARQRCode)&&!m&&n.isParentViewVisible,b=(0,M.sJ)({isOpen:h,auto:!0,placement:"right-end",triggerOffset:16}),O=b.triggerProps,L=b.layerProps,E=b.renderLayer,Q=b.arrowProps,v=(0,d.useState)(),U=(0,o.Z)(v,2),k=U[0],P=U[1];(0,d.useEffect)((function(){1==n.productState.doShowARQRCode&&n.openARObserverConnection((function(){return n.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return P(e)}))}),[n.productState.doShowARQRCode]),(0,d.useEffect)((function(){n.productState.doShowARQRCode&&A&&r({content:(0,x.jsx)(N.default,{url:k,isArCompatible:n.productState.isArCompatible,broswerSupportAR:n.productState.browserSupportAR,activateAR:n.productState.activateAR}),fullscreen:!0,rejectByIcon:!0,dontRenderForm:!0,callback:function callback(e){n.productState.loadRTVForAr=!1,n.productState.setDoShowARQRCode(!1),n.productState.onChangePlannerView(n.productState.allow3DComb?"3DCOMB":n.productState.allowRTV?"RTV":"3D")}})}),[n.productState.activateAR,k]),(0,d.useEffect)((function(){var e;n.productState.arCodeWasVisibleOnce||null==w||!w.doAutoShow||m||(y.current=setTimeout((function(){n.productState.setArCodeWasVisibleOnce(),p(!0),n.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==w?void 0:w.timeUntilAutoShow)&&void 0!==e?e:30)));!n.productState.doShowARQRCode&&T&&p(!1),f!==n.productState.doShowARQRCode&&setTimeout((function(){C(n.productState.doShowARQRCode)}),200)}),[n.productState.doShowARQRCode]);return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},e),{},{className:s()(e.className),onClick:function onClick(){n.productState.setDoShowARQRCode(!0),A&&(n.productState.doShowRTV||"RTViewer"==n.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==n.viewPlannerHandler.getCurPlannerViewMode()||(n.productState.loadRTVForAr=!0,n.productState.onChangePlannerView(n.productState.allow3DComb?"3DCOMB":"RTV")),r({content:(0,x.jsx)(N.default,{url:k,isArCompatible:n.productState.isArCompatible,broswerSupportAR:n.productState.browserSupportAR,activateAR:n.productState.activateAR}),fullscreen:!0,dontRenderForm:!0,rejectByIcon:!0,callback:function callback(e){n.productState.loadRTVForAr=!1,n.productState.setDoShowARQRCode(!1),n.productState.onChangePlannerView(n.productState.allow3DComb?"3DCOMB":n.productState.allowRTV?"RTV":"3D")}}))},title:t("configurator.ar_qr_title")},O),{},{style:{visibility:n.productState.doShowRenderImage||n.productState.doShow3DComb||n.productState.doShowRTV?"visible":"hidden"}})),h&&E((0,x.jsx)(c.default,{arrowProps:Q,layerProps:L,autoClose:T,fadeIn:f,fadeout:!n.productState.doShowARQRCode,url:k}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>A,$h:()=>C,Fs:()=>w,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>v,Ji:()=>S,Lt:()=>L,Mx:()=>I,Ro:()=>O,SS:()=>U,YS:()=>p,Yq:()=>E,ZP:()=>P,_m:()=>k,aS:()=>y,c8:()=>Q,dj:()=>T,fL:()=>m,nx:()=>f,qv:()=>h,ti:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),u=new URL(t(78752),t.b),l=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(u),j=M()(l);s.push([e.id,".index-module--ImFgT {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  z-index: 100000;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 48px 32px;\n  gap: 42px;\n  color: #000;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 19px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition: box-shadow 0.3s, background-color 0.3s ease, color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",T="index-module--pCvNx",p="index-module--rJxjD",y="index-module--D8Hh2",w="index-module--Wih2i",m="index-module--NZIwX",A="index-module--c06na",z="index-module--XQWSR",S="index-module--hsJe1",f="index-module--R08lN",C="index-module--w1zAR",h="index-module--tNtQi",b="index-module--RMCB9",O="index-module--rlsDm",L="index-module--gAkyp",E="index-module--RZc1O",Q="index-module--vFCfN",v="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>T,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),u=a()(o()),l=M()(c);u.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+l+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const T=u},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4639.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4639],{17628:(e,n,t)=>{t.d(n,{V:()=>a});var a=function getIconOfTabGroup(e,n,t){var a=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return a+t[e.toLowerCase()];if(t[e])return a+t[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}},74639:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var a=t(65515),o=t.n(a),s=t(91923),r=t(9420),i=t(87363),d=t(88683),u=t(93379),l=t.n(u),c=t(7795),m=t.n(c),x=t(90569),g=t.n(x),b=t(3565),v=t.n(b),p=t(19216),f=t.n(p),h=t(44589),k=t.n(h),S=t(86914),C={};C.styleTagTransform=k(),C.setAttributes=v(),C.insert=g().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();l()(S.ZP,C);S.ZP&&S.ZP.locals&&S.ZP.locals;var A=t(17628),Z=t(47514);const w=(0,r.Pi)((function TabGroupItemHorizontal(e){var n=e.tabGroup,t=(0,s.NP)(),a=(0,d.useTranslation)().t,r=(0,i.useRef)(null),u=t.tabGroupState.curTabGroup;(0,i.useEffect)((function(){t.tabGroupState.setTabGroupItems(n.key,r.current)}),[r]);var l=n.title==(null==u?void 0:u.title)&&n.posNr==(null==u?void 0:u.posNr),c=(0,d.useDivaCore)().state.apiConfig.baseCdnUrl,m=(0,A.V)(n.key,c,t.getViewConfig().tabGroupsIcons);return(0,Z.jsxs)("div",{ref:r,onClick:function onClick(){return function onTabGroupClick(e){t.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:o()(t.uiState.isInMobileView?S.Qt:S.TI,t.uiState.isMobileLandscape?S.rK:void 0,l?S.F1:void 0,t.tabGroupAlreadyVisited(n)&&!l?S.to:void 0),children:[(l||!m)&&a("configurator."+n.title,n.title),l&&(0,Z.jsx)("div",{className:S.eh}),m&&(0,Z.jsx)("div",{className:S.x3,style:{WebkitMaskImage:"url("+m+")",maskImage:"url("+m+")"}})]})}))},86914:(e,n,t)=>{t.d(n,{F1:()=>u,Qt:()=>c,TI:()=>i,ZP:()=>g,eh:()=>m,rK:()=>d,to:()=>l,x3:()=>x});var a=t(8081),o=t.n(a),s=t(23645),r=t.n(s)()(o());r.push([e.id,".index-module--uqAxS {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n\n.index-module--qcOFt.index-module--uqAxS {\n  line-height: 38px;\n}\n\n.index-module--uqAxS.index-module--HhZfZ,\n.index-module--uqAxS.index-module--HhZfZ.index-module--uqAxS:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--uqAxS.index-module--GnCdz {\n  background-color: #b1b1b1;\n}\n\n.index-module--GnCdz.index-module--uqAxS:hover {\n  background-color: #bbbbbb;\n}\n.index-module--uqAxS.index-module--uqAxS:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--uqAxS.index-module--HhZfZ {\n  color: white;\n}\n\n.index-module--xvJUU {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.index-module--L6PAW {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--xvJUU.index-module--HhZfZ {\n  background-color: var(--thirdColor);\n}\n\n.index-module--tQEnI {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.index-module--HhZfZ .index-module--tQEnI {\n  margin-left: 5px;\n}\n",""]);var i="index-module--uqAxS",d="index-module--qcOFt",u="index-module--HhZfZ",l="index-module--GnCdz",c="index-module--xvJUU",m="index-module--L6PAW",x="index-module--tQEnI";const g=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4639],{17628:(e,n,t)=>{t.d(n,{V:()=>o});var o=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}},74639:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(65515),a=t.n(o),r=t(91923),s=t(9420),i=t(87363),d=t(88683),u=t(93379),l=t.n(u),c=t(7795),m=t.n(c),x=t(90569),g=t.n(x),b=t(3565),p=t.n(b),v=t(19216),f=t.n(v),h=t(44589),k=t.n(h),S=t(86914),C={};C.styleTagTransform=k(),C.setAttributes=p(),C.insert=g().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();l()(S.ZP,C);S.ZP&&S.ZP.locals&&S.ZP.locals;var A=t(17628),Z=t(47514);const w=(0,s.Pi)((function TabGroupItemHorizontal(e){var n=e.tabGroup,t=(0,r.NP)(),o=(0,d.useTranslation)().t,s=(0,i.useRef)(null),u=t.tabGroupState.curTabGroup;(0,i.useEffect)((function(){t.tabGroupState.setTabGroupItems(n.key,s.current)}),[s]);var l=n.title==(null==u?void 0:u.title)&&n.posNr==(null==u?void 0:u.posNr),c=(0,d.useDivaCore)().state.apiConfig.baseCdnUrl,m=(0,A.V)(n.key,c,t.getViewConfig().tabGroupsIcons);return(0,Z.jsxs)("div",{ref:s,onClick:function onClick(){return function onTabGroupClick(e){t.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:a()(t.uiState.isInMobileView?S.Qt:S.TI,t.uiState.isMobileLandscape?S.rK:void 0,l?S.F1:void 0,t.tabGroupAlreadyVisited(n)&&!l?S.to:void 0),children:[(l||!m)&&o("configurator."+n.title,n.title),l&&(0,Z.jsx)("div",{className:S.eh}),m&&(0,Z.jsx)("div",{className:S.x3,style:{WebkitMaskImage:"url("+m+")",maskImage:"url("+m+")"}})]})}))},86914:(e,n,t)=>{t.d(n,{F1:()=>u,Qt:()=>c,TI:()=>i,ZP:()=>g,eh:()=>m,rK:()=>d,to:()=>l,x3:()=>x});var o=t(8081),a=t.n(o),r=t(23645),s=t.n(r)()(a());s.push([e.id,".index-module--uqAxS {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n}\n\n.index-module--qcOFt.index-module--uqAxS {\n  line-height: 38px;\n}\n\n.index-module--uqAxS.index-module--HhZfZ,\n.index-module--uqAxS.index-module--HhZfZ.index-module--uqAxS:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--uqAxS.index-module--GnCdz {\n  background-color: #b1b1b1;\n}\n\n.index-module--GnCdz.index-module--uqAxS:hover {\n  background-color: #bbbbbb;\n}\n.index-module--uqAxS.index-module--uqAxS:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--uqAxS.index-module--HhZfZ {\n  color: white;\n}\n\n.index-module--xvJUU {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.index-module--L6PAW {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--xvJUU.index-module--HhZfZ {\n  background-color: var(--thirdColor);\n}\n\n.index-module--tQEnI {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.index-module--HhZfZ .index-module--tQEnI {\n  margin-left: 5px;\n}\n",""]);var i="index-module--uqAxS",d="index-module--qcOFt",u="index-module--HhZfZ",l="index-module--GnCdz",c="index-module--xvJUU",m="index-module--L6PAW",x="index-module--tQEnI";const g=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4944.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4944,115,9001,9360,4190],{70115:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketAction(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Basket"}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),v=t(44589),w=t.n(v),O=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=f(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=y();c()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var j=t(47514);const S=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:O.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:O.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:O.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:O.vX,onClick:s})]})]})})}))},4944:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(91923),d=t(87363),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),m=t.n(x),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(86454),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(61448),O=t(34190),P=t(58069),j=t(69001),S=t(70115),B=t(14312),k=t(9420),I=t(39360),z=t(47514),C={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionBackWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0"};const Z=(0,k.Pi)((function Gold(n){var e=(0,r.NP)();return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(C)}),[]),(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.configSettingsIsFoldedUp?y.BC:void 0,e.uiState.configSettingsIsHidden?y.U7:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.actionButtonState.isOnLastStep?y.Is:void 0),children:[(0,z.jsx)(B.default,{className:y.x6,showCloseButtonInMobile:"none"}),(0,z.jsx)(O.default,{className:y.kL}),(0,z.jsx)(P.default,{className:y.vt}),(0,z.jsx)(j.default,{className:y.jl}),(0,z.jsx)(S.default,{containerClassName:y.tM})]}),e.settingsState.inputBoxVisible&&(0,z.jsx)(w.default,{}),(0,z.jsx)(I.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>m,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},86454:(n,e,t)=>{t.d(e,{BC:()=>b,Is:()=>h,U7:()=>f,ZP:()=>y,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>m,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>a,zh:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--jUUzB {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.index-module--rXcyI.index-module--zAgHs .index-module--fH3d_ {\n  z-index: 1;\n}\n\n.index-module--rXcyI.index-module--HZdfU .index-module--fH3d_ {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.index-module--rXcyI.index-module--HZdfU .index-module--PRLOe {\n  top: 100%;\n}\n\n.index-module--rXcyI.index-module--zAgHs .index-module--PRLOe {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.index-module--rXcyI.index-module--zAgHs .index-module--zOzPb {\n  top: 0px;\n}\n\n.index-module--rXcyI.index-module--HZdfU .index-module--zOzPb {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--rXcyI.index-module--G5Ivs .index-module--_vKBL,\n.index-module--rXcyI.index-module--HZdfU .index-module--_vKBL {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n.index-module--rXcyI.index-module--G5Ivs .index-module--mZSQ5 {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var a="index-module--jUUzB",l="index-module--ka5TW",s="index-module--rXcyI",u="index-module--fH3d_",c="index-module--PRLOe",p="index-module--zOzPb",x="index-module--_vKBL",m="index-module--mZSQ5",g="index-module--g6b2d",b="index-module--zAgHs",f="index-module--HZdfU",h="index-module--G5Ivs";const y=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4944,115,9001,9360,4190],{70115:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketAction(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Basket"}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),w=t(44589),v=t.n(w),P=t(39545),O={};O.styleTagTransform=v(),O.setAttributes=f(),O.insert=g().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=y();c()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const S=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:P.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},4944:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(91923),d=t(87363),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),m=t.n(x),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(86454),w={};w.styleTagTransform=h(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=b();l()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var v=t(61448),P=t(34190),O=t(58069),j=t(69001),S=t(70115),B=t(14312),k=t(9420),I=t(39360),z=t(47514),C={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const Z=(0,k.Pi)((function Gold(n){var e=(0,r.NP)();return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(C)}),[]),(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.configSettingsIsFoldedUp?y.BC:void 0,e.uiState.configSettingsIsHidden?y.U7:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.actionButtonState.isOnLastStep?y.Is:void 0),children:[(0,z.jsx)(B.default,{className:y.x6,showCloseButtonInMobile:"none"}),(0,z.jsx)(P.default,{className:y.kL}),(0,z.jsx)(O.default,{className:y.vt}),(0,z.jsx)(j.default,{className:y.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,z.jsx)(S.default,{containerClassName:y.tM,showCheckoutButtons:!0})]}),e.settingsState.inputBoxVisible&&(0,z.jsx)(v.default,{}),(0,z.jsx)(I.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>m,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},86454:(n,e,t)=>{t.d(e,{BC:()=>b,Is:()=>h,U7:()=>f,ZP:()=>y,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>m,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>a,zh:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--jUUzB {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.index-module--rXcyI.index-module--zAgHs .index-module--fH3d_ {\n  z-index: 1;\n}\n\n.index-module--rXcyI.index-module--HZdfU .index-module--fH3d_ {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.index-module--rXcyI.index-module--HZdfU .index-module--PRLOe {\n  top: 100%;\n}\n\n.index-module--rXcyI.index-module--zAgHs .index-module--PRLOe {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.index-module--rXcyI.index-module--zAgHs .index-module--zOzPb {\n  top: 0px;\n}\n\n.index-module--rXcyI.index-module--HZdfU .index-module--zOzPb {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--rXcyI.index-module--G5Ivs .index-module--_vKBL,\n.index-module--rXcyI.index-module--HZdfU .index-module--_vKBL {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n.index-module--rXcyI.index-module--G5Ivs .index-module--mZSQ5 {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: flex;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var a="index-module--jUUzB",l="index-module--ka5TW",s="index-module--rXcyI",u="index-module--fH3d_",c="index-module--PRLOe",p="index-module--zOzPb",x="index-module--_vKBL",m="index-module--mZSQ5",g="index-module--g6b2d",b="index-module--zAgHs",f="index-module--HZdfU",h="index-module--G5Ivs";const y=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5286.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5286,7801,7348,3525,3090,9290,8938,8117,8445,4580,4829,4723,2352,4516,5115],{37801:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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),"BoxCopyLeft"==n.type?"LEFT":"BoxCopyRight"==n.type?"RIGHT":"BoxCopyTop"==n.type?"TOP":"STD")},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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(91923),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,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,s?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(91923),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,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,s?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(91923),c=(n(87363),n(47514));const a=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,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&&s&&"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&&s&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(90050),a=n(22976),s=n.n(a),u=n(91923),d=n(47514),p=new c.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),a=(0,o.Z)(i,2),f=a[0],v=a[1],m=(0,l.useRef)(null),h=!1,g=(0,u.NP)();return(0,d.jsx)(s(),{handle:".handle3DMove",nodeRef:m,onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.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,a=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 c.FM(e.clientX-r,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var s;null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-a)),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)=>{n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),c=n(87363),a=n(90050),s=n(47514),u=new a.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,c.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,c.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,c.useState)(l.position.y),x=(0,o.Z)(C,2),I=x[0],P=x[1],D=!1;return(0,s.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 a.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new a.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 a.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 a.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)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(91923)),c=n(47514);const a=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=e.hasTrash,s=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=a&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",(0,c.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:"BoxPlanner"==s.productState.plannerMode?"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.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,c.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:"BoxPlanner"==s.productState.plannerMode?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(90050),a=n(22976),s=n.n(a),u=n(91923),d=n(47514),p=new c.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),a=(0,l.useState)(!1),f=(0,o.Z)(a,2),v=f[0],m=f[1],h=(0,l.useRef)(null),g=!1;return(0,d.jsx)(s(),{nodeRef:h,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){g=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.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,a=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,s=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 c.FM(e.clientX-a,e.clientY-s)),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 c.FM(e.touches[0].clientX-a,e.touches[0].clientY-s)),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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,c=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",a=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:c,top:a},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)=>{n.d(t,{Z:()=>useDockingPointPositioning});var o=n(90050),l=n(91923);function useDockingPointPositioning(e){var t,n,i,r,c=e.dpElement,a=e.item,s=(0,l._w)(),u=null==c?void 0:c.getBoundingClientRect(),d=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,p=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&a){var f=new o.FM(d,p),v=s.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==a?void 0:a.type)||"AVR"==(null==a?void 0:a.type)){if("2D"===a.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==a?void 0:a.type)&&(m=new o.FM(-u.width,0),null!=a&&a.rotOfElement&&(m=o.FM.rotateOrigin(m,null==a?void 0:a.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==a?void 0:a.type)&&"3D"==(null==a?void 0:a.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==a.type||"BoxCopyRight"==(null==a?void 0:a.type)||null==a||a.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)=>{n.r(t),n.d(t,{default:()=>a});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),c=n(47514);const a=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,a=(0,l.useState)(null),s=(0,o.Z)(a,2),u=s[0],d=s[1],p=(0,r.Z)({item:t,dpElement:u});return(0,c.jsx)(c.Fragment,{children:t&&(0,c.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},5286:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),c=n(59290),a=n(88445),s=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(90050),v=n(91923);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),C=n(54829),x=n(88683),I=n(5482),P=(0,x.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)(),x=(0,i.useState)(null),E=(0,o.Z)(x,2),N=E[0],R=E[1],k=(0,i.useState)(null),S=(0,o.Z)(k,2),b=S[0],F=S[1],O=(0,i.useState)(null),U=(0,o.Z)(O,2),T=U[0],B=U[1],G=(0,i.useState)(null),A=(0,o.Z)(G,2),j=A[0],Z=(A[1],(0,i.useState)(null)),_=(0,o.Z)(Z,2),X=_[0],L=(_[1],(0,i.useState)(null)),Y=(0,o.Z)(L,2),V=Y[0],K=(Y[1],(0,i.useState)(null)),z=(0,o.Z)(K,2),H=z[0],q=z[1],W=(0,i.useState)(null),J=(0,o.Z)(W,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]),ce=t.find((function(e){return"PosNr"==e.type})),ae=t.find((function(e){return"AVL"==e.type})),se=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})),Ce=t.find((function(e){return"BoxCopyTop"==e.type})),xe=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,c=(0,v._w)(),a=null==i?void 0:i.getBoundingClientRect(),s=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(a){var d=new f.FM(s,u),p=c.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(a.width,.1*-a.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(a.width+h,-a.height/2-(a.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel")}s=d.x,u=d.y;break;case"3D":(s+=3)<1&&(s=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==a?void 0:a.width)&&void 0!==o?o:0,height:null!==(l=null==a?void 0:a.height)&&void 0!==l?l:0,top:u,left:s}}({item:ce,posNrElement:N}),we=(0,p.Z)({item:ae,dpElement:b}),Me=(0,p.Z)({item:se,dpElement:T}),Ee=(0,p.Z)({item:ye,dpElement:j}),Ne=(0,p.Z)({item:Ce,dpElement:X}),Re=(0,p.Z)({item:xe,dpElement:V}),ke=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,c=e.boxPlannerCopyLeftRect,a=e.boxPlannerCopyTopRect,s=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="",C="",x=!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?(x=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",C=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"):(x=!0,y=r.left.toString()+"%",C=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(c||s||a){var D=!1;c&&(Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0),!D&&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))}(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:x,topCalc:x?C:void 0,leftCalc:x?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Ne,boxPlannerCopyRightRect:Re,trashElement:H}),Se=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),c=null==o?void 0:o.getBoundingClientRect(),a=r.getViewConfig(),s="",u="",d=!1;if(c&&l)switch(new f.FM(0,0),a.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&a.enableElementCopy&&(d=!0,s="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==c?void 0:c.width)&&void 0!==t?t:0,height:null!==(n=null==c?void 0:c.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?s:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),be=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotItem,s=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=s.getViewConfig(),p=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,m=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&r&&c){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+c.left)/2,m=(r.top+c.top)/2,h=new f.FM(-u.width,0),null!=a&&a.rotOfElement&&(h=f.FM.rotateOrigin(h,a.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),p=(null==c?void 0:c.left)+g.x,m=(null==c?void 0:c.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(y=f.FM.rotateOrigin(y,a.rotOfElement)),p=(null==c?void 0:c.left)+y.x,m=(null==c?void 0:c.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:ke,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotClockRect,s=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==s?void 0:s.position.x)&&void 0!==t?t:0,h=null!==(n=null==s?void 0:s.position.y)&&void 0!==n?n:0;if(d&&r&&c&&a){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+c.left)/2,h=(r.top+c.top)/2,g=new f.FM(d.width,0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.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:ke,rotClockRect:be,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[ce&&(0,M.jsx)(h.default,{item:ce,rect:De,onElement:R,plannerUIProps:n,hasTrash:!!ve}),fe&&(0,M.jsx)(a.default,{item:fe,plannerUIProps:n},fe.key),ae&&(0,M.jsx)(r.default,{item:ae,rect:we,onElement:F,plannerUIProps:n},null==ae?void 0:ae.key),se&&(0,M.jsx)(c.default,{item:se,rect:Me,onElement:B,plannerUIProps:n},null==se?void 0:se.key),ye&&xe&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},ye.key),Ce&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:!1,plannerUIProps:n},Ce.key),xe&&ye&&(0,M.jsx)(g.default,{item:xe,rect:Re,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},xe.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:ke,onElement:q,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:Se,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(s.default,{item:he,rect:be,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)(C.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5286,7801,7348,3525,3090,9290,8938,8117,8445,4580,4829,4723,2352,4516,5115],{37801:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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),"BoxCopyLeft"==n.type?"LEFT":"BoxCopyRight"==n.type?"RIGHT":"BoxCopyTop"==n.type?"TOP":"STD")},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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(91923),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,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,s?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(91923),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,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,s?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(91923),c=(n(87363),n(47514));const a=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,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&&s&&"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&&s&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(90050),a=n(22976),s=n.n(a),u=n(91923),d=n(47514),p=new c.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),a=(0,o.Z)(i,2),f=a[0],v=a[1],m=(0,l.useRef)(null),h=!1,g=(0,u.NP)();return(0,d.jsx)(s(),{handle:".handle3DMove",nodeRef:m,onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.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,a=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 c.FM(e.clientX-r,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var s;null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-a)),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)=>{n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),c=n(87363),a=n(90050),s=n(47514),u=new a.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,c.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,c.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,c.useState)(l.position.y),x=(0,o.Z)(C,2),I=x[0],P=x[1],D=!1;return(0,s.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 a.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new a.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 a.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 a.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)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(91923)),c=n(47514);const a=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=e.hasTrash,s=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=a&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",(0,c.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:s.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.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,c.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:s.productState.isBoxPlanner?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(90050),a=n(22976),s=n.n(a),u=n(91923),d=n(47514),p=new c.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),a=(0,l.useState)(!1),f=(0,o.Z)(a,2),v=f[0],m=f[1],h=(0,l.useRef)(null),g=!1;return(0,d.jsx)(s(),{nodeRef:h,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){g=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.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,a=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,s=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 c.FM(e.clientX-a,e.clientY-s)),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 c.FM(e.touches[0].clientX-a,e.touches[0].clientY-s)),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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(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)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,c=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",a=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:c,top:a},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)=>{n.d(t,{Z:()=>useDockingPointPositioning});var o=n(90050),l=n(91923);function useDockingPointPositioning(e){var t,n,i,r,c=e.dpElement,a=e.item,s=(0,l._w)(),u=null==c?void 0:c.getBoundingClientRect(),d=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,p=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&a){var f=new o.FM(d,p),v=s.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==a?void 0:a.type)||"AVR"==(null==a?void 0:a.type)){if("2D"===a.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==a?void 0:a.type)&&(m=new o.FM(-u.width,0),null!=a&&a.rotOfElement&&(m=o.FM.rotateOrigin(m,null==a?void 0:a.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==a?void 0:a.type)&&"3D"==(null==a?void 0:a.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==a.type||"BoxCopyRight"==(null==a?void 0:a.type)||null==a||a.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)=>{n.r(t),n.d(t,{default:()=>a});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),c=n(47514);const a=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,a=(0,l.useState)(null),s=(0,o.Z)(a,2),u=s[0],d=s[1],p=(0,r.Z)({item:t,dpElement:u});return(0,c.jsx)(c.Fragment,{children:t&&(0,c.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},5286:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),c=n(59290),a=n(88445),s=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(90050),v=n(91923);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),C=n(54829),x=n(88683),I=n(5482),P=(0,x.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)(),x=(0,i.useState)(null),E=(0,o.Z)(x,2),N=E[0],R=E[1],k=(0,i.useState)(null),S=(0,o.Z)(k,2),b=S[0],F=S[1],O=(0,i.useState)(null),U=(0,o.Z)(O,2),T=U[0],B=U[1],G=(0,i.useState)(null),A=(0,o.Z)(G,2),j=A[0],Z=(A[1],(0,i.useState)(null)),_=(0,o.Z)(Z,2),X=_[0],L=(_[1],(0,i.useState)(null)),Y=(0,o.Z)(L,2),V=Y[0],K=(Y[1],(0,i.useState)(null)),z=(0,o.Z)(K,2),H=z[0],q=z[1],W=(0,i.useState)(null),J=(0,o.Z)(W,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]),ce=t.find((function(e){return"PosNr"==e.type})),ae=t.find((function(e){return"AVL"==e.type})),se=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})),Ce=t.find((function(e){return"BoxCopyTop"==e.type})),xe=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,c=(0,v._w)(),a=null==i?void 0:i.getBoundingClientRect(),s=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(a){var d=new f.FM(s,u),p=c.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(a.width,.1*-a.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(a.width+h,-a.height/2-(a.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel")}s=d.x,u=d.y;break;case"3D":(s+=3)<1&&(s=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==a?void 0:a.width)&&void 0!==o?o:0,height:null!==(l=null==a?void 0:a.height)&&void 0!==l?l:0,top:u,left:s}}({item:ce,posNrElement:N}),we=(0,p.Z)({item:ae,dpElement:b}),Me=(0,p.Z)({item:se,dpElement:T}),Ee=(0,p.Z)({item:ye,dpElement:j}),Ne=(0,p.Z)({item:Ce,dpElement:X}),Re=(0,p.Z)({item:xe,dpElement:V}),ke=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,c=e.boxPlannerCopyLeftRect,a=e.boxPlannerCopyTopRect,s=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="",C="",x=!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?(x=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",C=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"):(x=!0,y=r.left.toString()+"%",C=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(c||s||a){var D=!1;c&&(Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0),!D&&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))}(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:x,topCalc:x?C:void 0,leftCalc:x?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Ne,boxPlannerCopyRightRect:Re,trashElement:H}),Se=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),c=null==o?void 0:o.getBoundingClientRect(),a=r.getViewConfig(),s="",u="",d=!1;if(c&&l)switch(new f.FM(0,0),a.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&a.enableElementCopy&&(d=!0,s="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==c?void 0:c.width)&&void 0!==t?t:0,height:null!==(n=null==c?void 0:c.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?s:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),be=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotItem,s=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=s.getViewConfig(),p=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,m=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&r&&c){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+c.left)/2,m=(r.top+c.top)/2,h=new f.FM(-u.width,0),null!=a&&a.rotOfElement&&(h=f.FM.rotateOrigin(h,a.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),p=(null==c?void 0:c.left)+g.x,m=(null==c?void 0:c.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(y=f.FM.rotateOrigin(y,a.rotOfElement)),p=(null==c?void 0:c.left)+y.x,m=(null==c?void 0:c.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:ke,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotClockRect,s=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==s?void 0:s.position.x)&&void 0!==t?t:0,h=null!==(n=null==s?void 0:s.position.y)&&void 0!==n?n:0;if(d&&r&&c&&a){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+c.left)/2,h=(r.top+c.top)/2,g=new f.FM(d.width,0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.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:ke,rotClockRect:be,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[ce&&(0,M.jsx)(h.default,{item:ce,rect:De,onElement:R,plannerUIProps:n,hasTrash:!!ve}),fe&&(0,M.jsx)(a.default,{item:fe,plannerUIProps:n},fe.key),ae&&(0,M.jsx)(r.default,{item:ae,rect:we,onElement:F,plannerUIProps:n},null==ae?void 0:ae.key),se&&(0,M.jsx)(c.default,{item:se,rect:Me,onElement:B,plannerUIProps:n},null==se?void 0:se.key),ye&&xe&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},ye.key),Ce&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:!1,plannerUIProps:n},Ce.key),xe&&ye&&(0,M.jsx)(g.default,{item:xe,rect:Re,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},xe.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:ke,onElement:q,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:Se,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(s.default,{item:he,rect:be,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)(C.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))}}]);