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

@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (437) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1421.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1421,1270],{65526:(e,n,t)=>{"use strict";var i=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,n,t,o,d,s){if(s!==i){var r=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw r.name="Invariant Violation",r}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,n,t)=>{e.exports=t(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},21270:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var i=t(80248),o=t(34988),d=t(9420),s=t(9204),r=t(87363),l=t(65515),A=t.n(l),a=t(88683),u=t(93379),c=t.n(u),m=t(7795),x=t.n(m),h=t(90569),p=t.n(h),g=t(3565),y=t.n(g),R=t(19216),S=t.n(R),E=t(44589),b=t.n(E),v=t(68042),k={};k.styleTagTransform=b(),k.setAttributes=y(),k.insert=p().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=S();c()(v.ZP,k);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(22976),L=t.n(w),f=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 C=(0,d.Pi)((function DoorPlanner(e){var n=e.item,t=(0,s.NP)(),i=(0,a.useTranslation)().t,d=50,l=n.groups[0].items,u=(0,r.useState)({x:0,y:0}),c=(0,o.Z)(u,2),m=c[0],x=c[1],h=(0,r.useState)(void 0),p=(0,o.Z)(h,2),g=p[0],y=p[1],R=(0,r.useRef)(null),S=(0,r.useRef)(null),E=(0,r.useState)(!1),b=(0,o.Z)(E,2),k=b[0],w=b[1],C=function scrollLeftOrRight(e){var n,i,o;if(R.current){var d=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0);d<R.current.getBoundingClientRect().width/100*5?R.current.scrollTo({left:R.current.scrollLeft-10}):d>R.current.getBoundingClientRect().width/100*95&&R.current.scrollTo({left:R.current.scrollLeft+10})}},Y=function getEventOffsetX(e){var n,i,o,d,s;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(d=null===(s=R.current)||void 0===s?void 0:s.scrollLeft)&&void 0!==d?d:0)},j={onStart:function handleStart(e){var n=Y(e),t=n-n%d;x({y:0,x:t}),y(l[t/d])},onDrag:function handleDrag(e){var n=Y(e),t=(n-n%d)/d;t>=0&&t<l.length&&((null==g?void 0:g.key)!=l[t].key&&(null==g?void 0:g.currentDoor.StrictType)===l[t].currentDoor.StrictType?w(!0):w(!1)),C(e)},onStop:function handleStop(e){var n=Y(e),i=(n-n%d)/d;k&&g&&i>=0&&i<l.length&&t.divaWebPlanner.moveDoors(g.door,l[i].door),y(void 0),w(!1),x({y:0,x:0})}};return(0,f.jsxs)(f.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,f.jsx)("div",{ref:R,className:A()(v.nC,"box"),children:(0,f.jsxs)("div",{className:A()(v.YS,"no-swiping"),children:[(0,f.jsx)(L(),_objectSpread(_objectSpread({nodeRef:S,bounds:"parent",position:m},j),{},{axis:"x",defaultClassName:v.ts,defaultClassNameDragging:A()(v.sv,k?v.Zn:v.zP),children:(0,f.jsx)("div",{ref:S,className:"box cursor-x",style:{width:g?d:d*l.length}})})),l.map((function(e,n){return(0,f.jsxs)("div",{className:A()(v.nw,0==n?v.Ps:void 0,n===l.length-1?v.Z$:void 0),children:[e.type.includes("TUER_L")&&(0,f.jsx)("div",{className:A()(v.pr,v.F2)}),e.type.includes("TUER_R")&&(0,f.jsx)("div",{className:A()(v.pr,v.t$)}),"TUER_L_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.O3)}),"TUER_R_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.AY)}),e.type.includes("SHORT")&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:A()(v.dT)}),(0,f.jsx)("div",{className:A()(v.gk)}),(0,f.jsx)("div",{className:A()(v.Bt)})]})]})}))]})})]})}))},68042:(e,n,t)=>{"use strict";t.d(n,{AY:()=>k,Bt:()=>b,F2:()=>L,O3:()=>v,Ps:()=>g,YS:()=>h,Z$:()=>y,ZP:()=>B,Zn:()=>Y,dT:()=>S,gk:()=>E,nC:()=>x,nw:()=>p,pr:()=>R,sv:()=>C,t$:()=>w,ts:()=>f,zP:()=>j});var i=t(8081),o=t.n(i),d=t(23645),s=t.n(d),r=t(61667),l=t.n(r),A=new URL(t(42495),t.b),a=new URL(t(42087),t.b),u=s()(o()),c=l()(A),m=l()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  word-break: break-word;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n  pointer-events: none;\n}\n\n.index-module--jj5nk,\n.index-module--cWyG4,\n.index-module--VkGSo {\n  position: absolute;\n  height: 0px;\n  width: 50px;\n  pointer-events: none;\n  border: 1px solid black;\n  z-index: 10;\n}\n\n.index-module--XXahX,\n.index-module--UDKCx {\n  background-color: #eee;\n  height: 30%;\n  position: absolute;\n  bottom: 0px;\n  width: 4px;\n}\n\n.index-module--XXahX {\n  left: 100%;\n}\n.index-module--UDKCx {\n  right: 100%;\n}\n\n.index-module--jj5nk {\n  bottom: 30%;\n}\n.index-module--cWyG4 {\n  bottom: 20%;\n}\n.index-module--VkGSo {\n  bottom: 10%;\n}\n\n.index-module--SrsAj .index-module--jj5nk,\n.index-module--SrsAj .index-module--cWyG4,\n.index-module--SrsAj .index-module--VkGSo {\n  width: 48px;\n  left: 2px;\n}\n\n.index-module--vuiRh .index-module--jj5nk,\n.index-module--vuiRh .index-module--cWyG4,\n.index-module--vuiRh .index-module--VkGSo {\n  width: 48px;\n  right: 2px;\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 150px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var x="index-module--NzX3M",h="index-module--RkNWX",p="index-module--aqj4f",g="index-module--SrsAj",y="index-module--vuiRh",R="index-module--BhUM_",S="index-module--jj5nk",E="index-module--cWyG4",b="index-module--VkGSo",v="index-module--XXahX",k="index-module--UDKCx",w="index-module--ypgMv",L="index-module--SMdcf",f="index-module--f8a_9",C="index-module--FwvZJ",Y="index-module--Sc12s",j="index-module--nAXUW";const B=u},42495:e=>{"use strict";e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAACTCAYAAADC+vbQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wUCBxMSqfSiKAAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAGOUlEQVR4nO3dW3bUSBAG4RArgM0Na4TNwQ56HoyEsfuiu6Ky/u9tZqCtqsw45gy2e7jdbkT0YPg53PjOt9vt9nvta3zZ84EirIafw9tnhh/8Gobh69rXSTBR3hTLaEM0CSZK+xTLaGU0CSbKehjLaEU0CSZKehnLaGE0CSbKmR3LaEE0CSZKWRzLaGY0CSbKWB3LaEY0CSZK2BzL6EU0CSaat1ssoyfRJJho2u6xjB5Ek2CiWYfFMroTTYKJJh0ey+hDNAkmmnNaLKN30Qz58v5oyemxvPedbwkmmnFpLH/kj2TRBEMskGCiAZZYbv/dhgQTaqZYIJ9hQswWCySYkDLGAgkmhKyxQIIJGXMskGBCxB4LJJiQaCEWSDAh0EoskGDiYi3FAgkmLtRaLJBg4iItxgIJJi7QaiyQYOJkLccCCSZO1HoskGDiJBVigQQTJ6gSCySYOFilWCDBxIGqxQIJJg5SMRZIMHGAqrFAgomdVY4FEkzsqHoskGBiJz3EAgkmdtBLLJBgYqOeYoEEExv0FgskmFipx1ggwcQKvcYCCSYW6jkWSDCxQO+xQIKJmRLLmwQTLyWWvxJMPJVY/pVg4qHE8lmCibsSy30JJj5JLI9tDmYYhq97PEg4JJbnNgUzDMNXfvDLcsmxjWWO1lhgQzBjLNM/Sy471rHMzxwLrAzmYyzTv5dceixjmZs9FlgRzKNYpv8uufyYxzKvFmKBhcG8imX6dZIhxHOWObUSCywIZm4s06+XDCPus8ynpVhgZjBLY5l+n2Qo8S/LXFqLBWYEszaW6fdLhhNvLPNoMRZ4EczWWKbXkQypd5Y5tBoLPAlmr1im15MMq1eW+285FngQzN6xTK8rGVpvLPfeeixwJ5ijYpleXzK8Xljuu0Is8CGYo2OZPo5kiNVZ7rlKLPAumLNimT6eZJhVWe63UizwJ5izYxlZhlqN5V6rxQIwAJfE8l7Fi71KYjnWwA9ywUUkluN9sRzOMuxWWe7Psk9H+QKeQ1qG3hrLvVn26EjT/yWzHNYy/FZY7suyP0f75+9hLIe2LIGd5Z4se3OGT3/Tbzm8ZRmsLPdj2Zez3P1aMsslWJbCxnIvlj0508OvVrZchmU5LCz3YdmPsz39fhjLpViW5GqWe7DsxRVefsel5XIsy3IVy/kt+3CVWd/Tb7kky9KczXJuyx5cafZPjbFclmV5zmI5r2X+V1v0c8ksl2ZZoqNZzmmZu8Hin3xpuTzLMh3Fcj7LvC1W/WxlyyValmpvlnNZ5myy+qf3Wy7Tslx7sZzHMl+bTe8PY7lUy5JtZTmHZa5Gm9+BzHK5lmVby/L8lnla7fIel5ZLtizdUpbntszRbLc3hbVctmX55rI8r2V+dru+i7Ll0i1L+IrlOS1za8HubztuuXzLMj5ieT7LvFqxezDgGYJlKT+yPJdlTi05JBjwDMOynCPL81jm05rDggHPUCxLankOy1xadGgw4BnO1ct69ccfWebRqsODAc+QrlraxFLHKcGAZ1hnL29iqeW0YMAztLOWOLHUc2ow4Bne0cucWGo6PRjwDPGopU4sdV0SDHiGufdyJ5baLgsGPEPda8kTS32XBgOe4W5d9sTSh8uDAc+Q1y59YumHIhjwDHvp8ieWvmiCAc/Q50aQWPqjCgY8w38VQ2Lpky4Y8CzBoygSS7+UwYBnGT7GkVj6pg0GPEsxRpJYYrjdFDvwlGVRDRLLtdSfYUZZkje5h+s1EQxkWXo/v0UzwUC/S9PruY2aCgb6W57ezmvXXDDQzxL1cs6WNBkM1F+m6udrVbPBQN2lqnquCpoOBuotV7XzVNN8MFBnyaqco7ISwUD7y9b68/eiTDDQ7tK1+tw9KhUMtLd8rT1v78oFA+0sYSvPGX+VDAb8y2h/vrivbDDgXUrrc8VrpYMB33LanieWKR8MeJbU8hyxXhfBwPXLevXHj310Ewxct7SJpY6ugoHzlzex1NJdMHDeEieWeroMBo5f5sRSU7fBwHFLnVjq6joY2H+5E0tt3QcD+y15YqkvwfyxddkTSx8SzDtrlz6x9CPBfLB0+RNLXxLMHXMjSCz9STAPvIohsfQpwTzxKIrE0q8E88LHOBJL3xLMDGMkiSX+BwO4O2CqgnENAAAAAElFTkSuQmCC"},42087:e=>{"use strict";e.exports="data:image/png;base64,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"}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1421,1270],{65526:(e,n,t)=>{"use strict";var i=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,n,t,o,d,s){if(s!==i){var r=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw r.name="Invariant Violation",r}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,n,t)=>{e.exports=t(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},21270:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var i=t(80248),o=t(34988),d=t(9420),s=t(75327),r=t(87363),l=t(65515),A=t.n(l),a=t(88683),u=t(93379),c=t.n(u),m=t(7795),x=t.n(m),h=t(90569),p=t.n(h),g=t(3565),y=t.n(g),R=t(19216),S=t.n(R),E=t(44589),b=t.n(E),v=t(68042),k={};k.styleTagTransform=b(),k.setAttributes=y(),k.insert=p().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=S();c()(v.ZP,k);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(22976),L=t.n(w),f=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 C=(0,d.Pi)((function DoorPlanner(e){var n=e.item,t=(0,s.NP)(),i=(0,a.useTranslation)().t,d=50,l=n.groups[0].items,u=(0,r.useState)({x:0,y:0}),c=(0,o.Z)(u,2),m=c[0],x=c[1],h=(0,r.useState)(void 0),p=(0,o.Z)(h,2),g=p[0],y=p[1],R=(0,r.useRef)(null),S=(0,r.useRef)(null),E=(0,r.useState)(!1),b=(0,o.Z)(E,2),k=b[0],w=b[1],C=function scrollLeftOrRight(e){var n,i,o;if(R.current){var d=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0);d<R.current.getBoundingClientRect().width/100*5?R.current.scrollTo({left:R.current.scrollLeft-10}):d>R.current.getBoundingClientRect().width/100*95&&R.current.scrollTo({left:R.current.scrollLeft+10})}},Y=function getEventOffsetX(e){var n,i,o,d,s;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(d=null===(s=R.current)||void 0===s?void 0:s.scrollLeft)&&void 0!==d?d:0)},j={onStart:function handleStart(e){var n=Y(e),t=n-n%d;x({y:0,x:t}),y(l[t/d])},onDrag:function handleDrag(e){var n=Y(e),t=(n-n%d)/d;t>=0&&t<l.length&&((null==g?void 0:g.key)!=l[t].key&&(null==g?void 0:g.currentDoor.StrictType)===l[t].currentDoor.StrictType?w(!0):w(!1)),C(e)},onStop:function handleStop(e){var n=Y(e),i=(n-n%d)/d;k&&g&&i>=0&&i<l.length&&t.divaWebPlanner.moveDoors(g.door,l[i].door),y(void 0),w(!1),x({y:0,x:0})}};return(0,f.jsxs)(f.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,f.jsx)("div",{ref:R,className:A()(v.nC,"box"),children:(0,f.jsxs)("div",{className:A()(v.YS,"no-swiping"),children:[(0,f.jsx)(L(),_objectSpread(_objectSpread({nodeRef:S,bounds:"parent",position:m},j),{},{axis:"x",defaultClassName:v.ts,defaultClassNameDragging:A()(v.sv,k?v.Zn:v.zP),children:(0,f.jsx)("div",{ref:S,className:"box cursor-x",style:{width:g?d:d*l.length}})})),l.map((function(e,n){return(0,f.jsxs)("div",{className:A()(v.nw,0==n?v.Ps:void 0,n===l.length-1?v.Z$:void 0),children:[e.type.includes("TUER_L")&&(0,f.jsx)("div",{className:A()(v.pr,v.F2)}),e.type.includes("TUER_R")&&(0,f.jsx)("div",{className:A()(v.pr,v.t$)}),"TUER_L_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.O3)}),"TUER_R_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.AY)}),e.type.includes("SHORT")&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:A()(v.dT)}),(0,f.jsx)("div",{className:A()(v.gk)}),(0,f.jsx)("div",{className:A()(v.Bt)})]})]})}))]})})]})}))},68042:(e,n,t)=>{"use strict";t.d(n,{AY:()=>k,Bt:()=>b,F2:()=>L,O3:()=>v,Ps:()=>g,YS:()=>h,Z$:()=>y,ZP:()=>B,Zn:()=>Y,dT:()=>S,gk:()=>E,nC:()=>x,nw:()=>p,pr:()=>R,sv:()=>C,t$:()=>w,ts:()=>f,zP:()=>j});var i=t(8081),o=t.n(i),d=t(23645),s=t.n(d),r=t(61667),l=t.n(r),A=new URL(t(42495),t.b),a=new URL(t(42087),t.b),u=s()(o()),c=l()(A),m=l()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  word-break: break-word;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n  pointer-events: none;\n}\n\n.index-module--jj5nk,\n.index-module--cWyG4,\n.index-module--VkGSo {\n  position: absolute;\n  height: 0px;\n  width: 50px;\n  pointer-events: none;\n  border: 1px solid black;\n  z-index: 10;\n}\n\n.index-module--XXahX,\n.index-module--UDKCx {\n  background-color: #eee;\n  height: 30%;\n  position: absolute;\n  bottom: 0px;\n  width: 4px;\n}\n\n.index-module--XXahX {\n  left: 100%;\n}\n.index-module--UDKCx {\n  right: 100%;\n}\n\n.index-module--jj5nk {\n  bottom: 30%;\n}\n.index-module--cWyG4 {\n  bottom: 20%;\n}\n.index-module--VkGSo {\n  bottom: 10%;\n}\n\n.index-module--SrsAj .index-module--jj5nk,\n.index-module--SrsAj .index-module--cWyG4,\n.index-module--SrsAj .index-module--VkGSo {\n  width: 48px;\n  left: 2px;\n}\n\n.index-module--vuiRh .index-module--jj5nk,\n.index-module--vuiRh .index-module--cWyG4,\n.index-module--vuiRh .index-module--VkGSo {\n  width: 48px;\n  right: 2px;\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 150px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var x="index-module--NzX3M",h="index-module--RkNWX",p="index-module--aqj4f",g="index-module--SrsAj",y="index-module--vuiRh",R="index-module--BhUM_",S="index-module--jj5nk",E="index-module--cWyG4",b="index-module--VkGSo",v="index-module--XXahX",k="index-module--UDKCx",w="index-module--ypgMv",L="index-module--SMdcf",f="index-module--f8a_9",C="index-module--FwvZJ",Y="index-module--Sc12s",j="index-module--nAXUW";const B=u},42495:e=>{"use strict";e.exports="data:image/png;base64,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"},42087:e=>{"use strict";e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1448.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1448,9693,4868],{59693:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var o=i(9420),t=i(9204),d=i(88683),l=i(65515),a=i.n(l),s=i(93379),r=i.n(s),u=i(7795),x=i.n(u),c=i(90569),m=i.n(c),p=i(3565),g=i.n(p),f=i(19216),h=i.n(f),v=i(44589),b=i.n(v),I=i(91642),y={};y.styleTagTransform=b(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=h();r()(I.ZP,y);I.ZP&&I.ZP.locals&&I.ZP.locals;var w=i(47514);const M=(0,o.Pi)((function StyleIndicator(){var n,e=(0,d.useTranslation)().t,i=(0,t.NP)(),o=i.aiState,l=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),s=o.aiStyleKeyInitializedByEvent?null===(n=o.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===o.aiSelectedStyleKey})):void 0;if(!s||!l)return(0,w.jsx)(w.Fragment,{});var r=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,w.jsxs)("li",{className:a()(I.H3,r?I.ai:void 0),onClick:function onClick(){return i.navigateToConfigStep(l.configStep.key)},children:[(0,w.jsx)("div",{className:I.vz,children:(0,w.jsx)("img",{src:s.image,alt:s.name})}),(0,w.jsxs)("div",{className:I.R1,children:[(0,w.jsx)("span",{className:I.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,w.jsx)("span",{className:I.ZS,children:s.name})]})]})}))},44868:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var o=i(9204),t=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),r=i(90569),u=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),I=i(64263),y=i(19047),w=i(65515),M=i.n(w),S=i(88683),N=i(59693),z=i(47514);const D=(0,t.Pi)((function HeaderFunctions(n){var e,i=(0,o.NP)(),t=(0,S.useTranslation)().t;return(0,z.jsxs)("ul",{className:M()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,z.jsx)(N.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,z.jsx)("li",{className:M()(I.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,t)},children:(0,z.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},71448:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var o=i(65515),t=i.n(o),d=i(9204),l=i(9420),a=(i(87363),i(88683)),s=i(44868),r=i(93379),u=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),v=i.n(h),b=i(44589),I=i.n(b),y=i(26876),w={};w.styleTagTransform=I(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();u()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var M=i(20638),S=i(83485),N=i(73898),z=i(56340),D=i(47514),j=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,o,l,r,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,v=f.settingsState.bbox,b=(0,a.useDivaCore)(),I=b.state,w=I.hidePrices,P=I.dimensions.isMobile,k=I.navigationConfiguration,C=k.enableMobile,B=k.hideHeader,G=b.actions.openSideMenu,A=P&&C&&!B,Z=f.getViewConfig().productHeaderContentBox,T=(0,S.W)(),H=T.dimensions,L=T.dimOnlyForOneArticle,Q=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),V=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,R=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!P;return(0,D.jsxs)("div",{className:t()(y.YS,g,f.uiState.isMobileLandscape?y.rK:void 0,f.uiState.isMobilePortrait?y.tW:void 0,f.uiState.isTablet?y.Mq:void 0,f.uiState.configSettingsIsExpanded?y.zh:void 0,f.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,V?y.y6:void 0,y.Gr),children:[A&&(0,D.jsx)("div",{id:"side-menu-button",className:y.YT,onClick:function onClick(){return G()}}),(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!Q&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!w&&!p&&(0,D.jsxs)("div",{className:y.u$,children:[(0,D.jsx)("span",{className:t()(y.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,D.jsx)(z.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,D.jsx)("span",{className:y.um,"data-test-id":"productHeaderFormattedPrice",children:(0,D.jsx)(z.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),R&&(0,D.jsxs)(D.Fragment,{children:[(null!==(o=null==v?void 0:v.X)&&void 0!==o?o:0)>0&&(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,D.jsxs)("span",{children:[null!==(l=null==v?void 0:v.X)&&void 0!==l?l:-1," × ",null!==(r=null==v?void 0:v.Y)&&void 0!==r?r:-1," × ",null!==(u=null==v?void 0:v.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==v?void 0:v.wOLT)&&(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,D.jsxs)("span",{children:[null!==(x=null==v?void 0:v.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==v?void 0:v.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==v?void 0:v.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(R||!P)&&!(null==H||!H.length)&&H.map((function(n){var e,i;return(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!L&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(s.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(N.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n})}})}),Z&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(M.p,{settings:{contentBoxProps:Z}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var o=i(34988),t=i(87363),d=i(9204),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,t.useState)(),i=(0,o.Z)(e,2),l=i[0],a=i[1],s=(0,t.useState)(!1),r=(0,o.Z)(s,2),u=r[0],x=r[1];return(0,t.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:u}}},91642:(n,e,i)=>{i.d(e,{H3:()=>a,QR:()=>u,R1:()=>r,ZP:()=>m,ZS:()=>x,ai:()=>s,vz:()=>c});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",s="index-module--aGBXl",r="index-module--DlwB4",u="index-module--SQ18S",x="index-module--qGOOk",c="index-module--_kJVt";const m=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>s});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",s="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>D,MB:()=>S,Mq:()=>z,NG:()=>I,YS:()=>c,YT:()=>j,ZP:()=>P,Zk:()=>b,az:()=>v,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>y,um:()=>w,xk:()=>M,y6:()=>N,zh:()=>p});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d),a=i(61667),s=i.n(a),r=new URL(i(36047),i.b),u=l()(t()),x=s()(r);u.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",v="index-module--lRnbu",b="index-module--aRkML",I="index-module--cN5ML",y="index-module--l1SgD",w="index-module--luGNt",M="index-module--uuqou",S="index-module--BxBA_",N="index-module--Ha7MZ",z="index-module--wJ4__",D="index-module--Jnc8i",j="index-module--CRegi";const P=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1448,9693,4868],{59693:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var o=i(9420),t=i(75327),d=i(88683),l=i(65515),a=i.n(l),s=i(93379),r=i.n(s),u=i(7795),x=i.n(u),c=i(90569),m=i.n(c),p=i(3565),g=i.n(p),f=i(19216),h=i.n(f),v=i(44589),b=i.n(v),I=i(91642),y={};y.styleTagTransform=b(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=h();r()(I.ZP,y);I.ZP&&I.ZP.locals&&I.ZP.locals;var w=i(47514);const M=(0,o.Pi)((function StyleIndicator(){var n,e=(0,d.useTranslation)().t,i=(0,t.NP)(),o=i.aiState,l=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),s=o.aiStyleKeyInitializedByEvent?null===(n=o.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===o.aiSelectedStyleKey})):void 0;if(!s||!l)return(0,w.jsx)(w.Fragment,{});var r=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,w.jsxs)("li",{className:a()(I.H3,r?I.ai:void 0),onClick:function onClick(){return i.navigateToConfigStep(l.configStep.key)},children:[(0,w.jsx)("div",{className:I.vz,children:(0,w.jsx)("img",{src:s.image,alt:s.name})}),(0,w.jsxs)("div",{className:I.R1,children:[(0,w.jsx)("span",{className:I.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,w.jsx)("span",{className:I.ZS,children:s.name})]})]})}))},44868:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var o=i(75327),t=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),r=i(90569),u=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),I=i(64263),y=i(19047),w=i(65515),M=i.n(w),S=i(88683),N=i(59693),z=i(47514);const D=(0,t.Pi)((function HeaderFunctions(n){var e,i=(0,o.NP)(),t=(0,S.useTranslation)().t;return(0,z.jsxs)("ul",{className:M()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,z.jsx)(N.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,z.jsx)("li",{className:M()(I.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,t)},children:(0,z.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},71448:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var o=i(65515),t=i.n(o),d=i(75327),l=i(9420),a=(i(87363),i(88683)),s=i(44868),r=i(93379),u=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),v=i.n(h),b=i(44589),I=i.n(b),y=i(26876),w={};w.styleTagTransform=I(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();u()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var M=i(20638),S=i(83485),N=i(73898),z=i(56340),D=i(47514),j=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,o,l,r,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,v=f.settingsState.bbox,b=(0,a.useDivaCore)(),I=b.state,w=I.hidePrices,P=I.dimensions.isMobile,k=I.navigationConfiguration,C=k.enableMobile,B=k.hideHeader,G=b.actions.openSideMenu,A=P&&C&&!B,Z=f.getViewConfig().productHeaderContentBox,T=(0,S.W)(),H=T.dimensions,L=T.dimOnlyForOneArticle,Q=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),V=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,R=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!P;return(0,D.jsxs)("div",{className:t()(y.YS,g,f.uiState.isMobileLandscape?y.rK:void 0,f.uiState.isMobilePortrait?y.tW:void 0,f.uiState.isTablet?y.Mq:void 0,f.uiState.configSettingsIsExpanded?y.zh:void 0,f.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,V?y.y6:void 0,y.Gr),children:[A&&(0,D.jsx)("div",{id:"side-menu-button",className:y.YT,onClick:function onClick(){return G()}}),(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!Q&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!w&&!p&&(0,D.jsxs)("div",{className:y.u$,children:[(0,D.jsx)("span",{className:t()(y.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,D.jsx)(z.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,D.jsx)("span",{className:y.um,"data-test-id":"productHeaderFormattedPrice",children:(0,D.jsx)(z.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),R&&(0,D.jsxs)(D.Fragment,{children:[(null!==(o=null==v?void 0:v.X)&&void 0!==o?o:0)>0&&(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,D.jsxs)("span",{children:[null!==(l=null==v?void 0:v.X)&&void 0!==l?l:-1," × ",null!==(r=null==v?void 0:v.Y)&&void 0!==r?r:-1," × ",null!==(u=null==v?void 0:v.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==v?void 0:v.wOLT)&&(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,D.jsxs)("span",{children:[null!==(x=null==v?void 0:v.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==v?void 0:v.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==v?void 0:v.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(R||!P)&&!(null==H||!H.length)&&H.map((function(n){var e,i;return(0,D.jsxs)("div",{className:y.MB,children:[(0,D.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!L&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(s.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(N.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n})}})}),Z&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(M.p,{settings:{contentBoxProps:Z}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var o=i(34988),t=i(87363),d=i(75327),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,t.useState)(),i=(0,o.Z)(e,2),l=i[0],a=i[1],s=(0,t.useState)(!1),r=(0,o.Z)(s,2),u=r[0],x=r[1];return(0,t.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:u}}},91642:(n,e,i)=>{i.d(e,{H3:()=>a,QR:()=>u,R1:()=>r,ZP:()=>m,ZS:()=>x,ai:()=>s,vz:()=>c});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",s="index-module--aGBXl",r="index-module--DlwB4",u="index-module--SQ18S",x="index-module--qGOOk",c="index-module--_kJVt";const m=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>s});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",s="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>D,MB:()=>S,Mq:()=>z,NG:()=>I,YS:()=>c,YT:()=>j,ZP:()=>P,Zk:()=>b,az:()=>v,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>y,um:()=>w,xk:()=>M,y6:()=>N,zh:()=>p});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d),a=i(61667),s=i.n(a),r=new URL(i(36047),i.b),u=l()(t()),x=s()(r);u.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",v="index-module--lRnbu",b="index-module--aRkML",I="index-module--cN5ML",y="index-module--l1SgD",w="index-module--luGNt",M="index-module--uuqou",S="index-module--BxBA_",N="index-module--Ha7MZ",z="index-module--wJ4__",D="index-module--Jnc8i",j="index-module--CRegi";const P=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1451.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1451,4197],{51451:(n,e,i)=>{i.r(e),i.d(e,{default:()=>l});var t=i(9420),r=(i(87363),i(9204)),o=i(82956),d=i(65515),a=i.n(d),s=i(47514);const l=(0,t.Pi)((function SettingsExpanderButtons(n){var e=(0,r.NP)(),i=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:a()(o.AH,i?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:a()(o.EN,i?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>h,EN:()=>y,Iz:()=>D,ZP:()=>M,al:()=>v,nW:()=>W,s1:()=>F,vt:()=>f,yk:()=>b,zh:()=>c});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o),a=i(61667),s=i.n(a),l=new URL(i(38403),i.b),A=new URL(i(27557),i.b),p=new URL(i(64197),i.b),u=d()(r()),w=s()(l),g=s()(A),x=s()(p);u.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+w+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+g+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+x+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var f="index-module--e1N3L",m="index-module--RKDxk",c="index-module--YiJDf",v="index-module--IgnAA",b="index-module--YLyjz",D="index-module--DWrfF",h="index-module--aD14m",F="index-module--eN6np",W="index-module--B75oj",y="index-module--rLMX4";const M=u},82956:(n,e,i)=>{i.d(e,{AH:()=>x.AH,AI:()=>x.AI,EN:()=>x.EN,Iz:()=>x.Iz,al:()=>x.al,nW:()=>x.nW,s1:()=>x.s1,vt:()=>x.vt,yk:()=>x.yk,zh:()=>x.zh});var t=i(93379),r=i.n(t),o=i(7795),d=i.n(o),a=i(90569),s=i.n(a),l=i(3565),A=i.n(l),p=i(19216),u=i.n(p),w=i(44589),g=i.n(w),x=i(62500),f={};f.styleTagTransform=g(),f.setAttributes=A(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=u();r()(x.ZP,f),x.ZP&&x.ZP.locals&&x.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},64197:n=>{n.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1451,4197],{51451:(n,e,i)=>{i.r(e),i.d(e,{default:()=>l});var t=i(9420),r=(i(87363),i(75327)),o=i(82956),d=i(65515),a=i.n(d),s=i(47514);const l=(0,t.Pi)((function SettingsExpanderButtons(n){var e=(0,r.NP)(),i=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:a()(o.AH,i?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:a()(o.EN,i?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>h,EN:()=>y,Iz:()=>D,ZP:()=>M,al:()=>v,nW:()=>W,s1:()=>F,vt:()=>f,yk:()=>b,zh:()=>c});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o),a=i(61667),s=i.n(a),l=new URL(i(38403),i.b),A=new URL(i(27557),i.b),p=new URL(i(64197),i.b),u=d()(r()),w=s()(l),g=s()(A),x=s()(p);u.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+w+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+g+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+x+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var f="index-module--e1N3L",m="index-module--RKDxk",c="index-module--YiJDf",v="index-module--IgnAA",b="index-module--YLyjz",D="index-module--DWrfF",h="index-module--aD14m",F="index-module--eN6np",W="index-module--B75oj",y="index-module--rLMX4";const M=u},82956:(n,e,i)=>{i.d(e,{AH:()=>x.AH,AI:()=>x.AI,EN:()=>x.EN,Iz:()=>x.Iz,al:()=>x.al,nW:()=>x.nW,s1:()=>x.s1,vt:()=>x.vt,yk:()=>x.yk,zh:()=>x.zh});var t=i(93379),r=i.n(t),o=i(7795),d=i.n(o),a=i(90569),s=i.n(a),l=i(3565),A=i.n(l),p=i(19216),u=i.n(p),w=i(44589),g=i.n(w),x=i(62500),f={};f.styleTagTransform=g(),f.setAttributes=A(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=u();r()(x.ZP,f),x.ZP&&x.ZP.locals&&x.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},64197:n=>{n.exports="data:application/font-woff;charset=utf-8;base64, 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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1492.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1492,7801,1897,3525,3090,9290,8938,8445,4580,4723,2352,4516,8616],{37801:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),{x:"BoxCopyLeft"==n.type?-1:"BoxCopyRight"==n.type?1:0,y:"BoxCopyTop"==n.type?1:0,z:0})},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(9204),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,a?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(9204),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,a?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(9204),s=(n(87363),n(47514));const c=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},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),s=n(87363),c=n(62052),a=n(47514),u=new c.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,s.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,s.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,s.useState)(l.position.y),x=(0,o.Z)(C,2),P=x[0],I=x[1],w=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){w=!0,u=new c.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(w=!0,u=new c.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;w&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),I(P+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);w=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(w&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),I(P+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;w=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));w=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));w=!1},style:{left:g+"px",top:P+"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:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(9204)),s=n(47514);const c=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=e.hasTrash,a=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=c&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",null==n.posNr?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.posNr.toString().length>1?i.classes.posNr.moreThanOneNr:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},94723:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,s=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",c=n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?"calc("+n.top+"% )":n.top+"px";return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:s,top:c},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{n.d(t,{Z:()=>useDockingPointPositioning});var o=n(62052),l=n(9204);function useDockingPointPositioning(e){var t,n,i,r,s=e.dpElement,c=e.item,a=(0,l._w)(),u=null==s?void 0:s.getBoundingClientRect(),d=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,p=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&c){var f=new o.FM(d,p),v=a.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==c?void 0:c.type)||"AVR"==(null==c?void 0:c.type)){if("2D"===c.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==c?void 0:c.type)&&(m=new o.FM(-u.width,0),null!=c&&c.rotOfElement&&(m=o.FM.rotateOrigin(m,null==c?void 0:c.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==c?void 0:c.type)&&"3D"==(null==c?void 0:c.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==c.type||"BoxCopyRight"==(null==c?void 0:c.type)||null==c||c.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),s=n(47514);const c=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,c=(0,l.useState)(null),a=(0,o.Z)(c,2),u=a[0],d=a[1],p=(0,r.Z)({item:t,dpElement:u});return(0,s.jsx)(s.Fragment,{children:t&&(0,s.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},71492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>M});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),s=n(59290),c=n(88445),a=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(62052),v=n(9204);var m=n(85115),h=n(24580),g=n(37801),y=n(88683),C=n(69369),x=(0,y.getLogger)("Planner","CopyElementPositioning");var P=n(67348),I=n(33525),w=n(47514);const M=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),y=(0,i.useState)(null),M=(0,o.Z)(y,2),E=M[0],k=M[1],N=(0,i.useState)(null),D=(0,o.Z)(N,2),O=D[0],R=D[1],b=(0,i.useState)(null),S=(0,o.Z)(b,2),F=S[0],U=S[1],T=(0,i.useState)(null),A=(0,o.Z)(T,2),B=A[0],j=(A[1],(0,i.useState)(null)),_=(0,o.Z)(j,2),G=_[0],Z=(_[1],(0,i.useState)(null)),L=(0,o.Z)(Z,2),V=L[0],X=(L[1],(0,i.useState)(null)),z=(0,o.Z)(X,2),K=z[0],Y=z[1],H=(0,i.useState)(null),q=(0,o.Z)(H,2),W=q[0],J=q[1],Q=(0,i.useState)(null),$=(0,o.Z)(Q,2),ee=$[0],te=$[1],ne=(0,i.useState)(null),oe=(0,o.Z)(ne,2),le=(oe[0],oe[1]),ie=t.find((function(e){return"PosNr"==e.type})),re=t.find((function(e){return"AVL"==e.type})),se=t.find((function(e){return"AVR"==e.type})),ce=[],ae=[],ue=0;ue<t.length;ue++)"AccDP"==t[ue].type?ce.push(t[ue]):"DistanceFromGround"==t[ue].type&&ae.push(t[ue]);var de=t.find((function(e){return"Outline"==e.type})),pe=t.find((function(e){return"TrashIcon"==e.type})),fe=t.find((function(e){return"CopyElement"==e.type})),ve=t.find((function(e){return"RotateC"==e.type})),me=t.find((function(e){return"RotateCC"==e.type})),he=t.find((function(e){return"BoxCopyLeft"==e.type})),ge=t.find((function(e){return"BoxCopyTop"==e.type})),ye=t.find((function(e){return"BoxCopyRight"==e.type})),Ce=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,s=(0,v._w)(),c=null==i?void 0:i.getBoundingClientRect(),a=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(c){var d=new f.FM(a,u),p=s.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(c.width,.1*-c.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(c.width+h,-c.height/2-(c.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel")}a=d.x,u=d.y;break;case"3D":(a+=3)<1&&(a=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==c?void 0:c.width)&&void 0!==o?o:0,height:null!==(l=null==c?void 0:c.height)&&void 0!==l?l:0,top:u,left:a}}({item:ie,posNrElement:E}),xe=(0,p.Z)({item:re,dpElement:O}),Pe=(0,p.Z)({item:se,dpElement:F}),Ie=(0,p.Z)({item:he,dpElement:B}),we=(0,p.Z)({item:ge,dpElement:G}),Me=(0,p.Z)({item:ye,dpElement:V}),Ee=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,s=e.boxPlannerCopyLeftRect,c=e.boxPlannerCopyTopRect,a=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",C="",x=!1;if(p&&r){var P=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(P=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(P=f.FM.rotateOrigin(P,u.rotOfElement)),h=r.left+P.x,g=r.top+P.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 I=null!=u&&u.iconZoom?u.iconZoom:1;P=new f.FM(-p.width/2-(p.width/3+I),-p.height/2-(p.height/3.7-I)),null!=u&&u.rotOfElement&&(P=f.FM.rotateOrigin(P,u.rotOfElement)),h+=P.x,g+=P.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(P=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(P=f.FM.rotateOrigin(P,u.rotOfElement)),h+=P.x,g+=P.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(s||a||c){var w=!1;s&&(Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,w=!0),!w&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,w=!0),!w&&c&&Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,w=!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:pe,posNrRect:Ce,boxPlannerCopyLeftRect:Ie,boxPlannerCopyTopRect:we,boxPlannerCopyRightRect:Me,trashElement:K}),ke=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),s=null==o?void 0:o.getBoundingClientRect(),c=r.getViewConfig(),a="",u="",d=!1;if(s&&l)switch(new f.FM(0,0),c.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&c.enableElementCopy&&(d=!0,a="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":x.error(new C.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==s?void 0:s.width)&&void 0!==t?t:0,height:null!==(n=null==s?void 0:s.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?a:void 0}}({copyElementItem:fe,posNrRect:Ce,copyElement:W}),Ne=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotItem,a=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=a.getViewConfig(),p=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,m=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&r&&s){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+s.left)/2,m=(r.top+s.top)/2,h=new f.FM(-u.width,0),null!=c&&c.rotOfElement&&(h=f.FM.rotateOrigin(h,c.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(g=f.FM.rotateOrigin(g,c.rotOfElement)),p=(null==s?void 0:s.left)+g.x,m=(null==s?void 0:s.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(y=f.FM.rotateOrigin(y,c.rotOfElement)),p=(null==s?void 0:s.left)+y.x,m=(null==s?void 0:s.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:ve,posNrRect:Ce,trashRect:Ee,rotElement:ee}),De=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotClockRect,a=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,h=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(d&&r&&s&&c){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+s.left)/2,h=(r.top+s.top)/2,g=new f.FM(d.width,0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:ve,posNrRect:Ce,trashRect:Ee,rotClockRect:Ne,rotElement:ee});return(0,w.jsxs)(w.Fragment,{children:[ie&&(0,w.jsx)(h.default,{item:ie,rect:Ce,onElement:k,plannerUIProps:n,hasTrash:!!pe}),de&&(0,w.jsx)(c.default,{item:de,plannerUIProps:n},de.key),re&&(0,w.jsx)(r.default,{item:re,rect:xe,onElement:R,plannerUIProps:n},null==re?void 0:re.key),se&&(0,w.jsx)(s.default,{item:se,rect:Pe,onElement:U,plannerUIProps:n},null==se?void 0:se.key),he&&ye&&(0,w.jsx)(g.default,{item:he,rect:Ie,invertLeftRight:Me.left<Ie.left,plannerUIProps:n},he.key),ge&&(0,w.jsx)(g.default,{item:ge,rect:we,invertLeftRight:!1,plannerUIProps:n},ge.key),ye&&he&&(0,w.jsx)(g.default,{item:ye,rect:Me,invertLeftRight:Me.left<Ie.left,plannerUIProps:n},ye.key),pe&&(0,w.jsx)(d.default,{item:pe,rect:Ee,onElement:Y,plannerUIProps:n}),fe&&(0,w.jsx)(P.default,{item:fe,rect:ke,onElement:J,plannerUIProps:n}),ve&&(0,w.jsx)(a.default,{item:ve,rect:Ne,onElement:te,plannerUIProps:n}),me&&(0,w.jsx)(u.default,{item:me,rect:De,onElement:le,plannerUIProps:n}),ce.map((function(e,t){return(0,w.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&ae.map((function(e,t){return(0,w.jsx)(I.default,{item:e,plannerUIProps:n},e.key)}))]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1492,7801,1897,3525,3090,9290,8938,8445,4580,4723,2352,4516,8616],{37801:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),{x:"BoxCopyLeft"==n.type?-1:"BoxCopyRight"==n.type?1:0,y:"BoxCopyTop"==n.type?1:0,z:0})},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(75327),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,a?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(75327),s=(n(87363),n(47514));const c=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,a?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=n(75327),s=(n(87363),n(47514));const c=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=(0,r._w)(),a=c.getDPUIISSelected(n);return(0,s.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(n,!a),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!a,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&a&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},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),s=n(87363),c=n(62052),a=n(47514),u=new c.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,s.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,s.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,s.useState)(l.position.y),x=(0,o.Z)(C,2),P=x[0],I=x[1],w=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){w=!0,u=new c.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(w=!0,u=new c.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;w&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),I(P+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);w=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(w&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new c.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),I(P+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;w=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));w=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));w=!1},style:{left:g+"px",top:P+"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:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(75327)),s=n(47514);const c=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,c=e.hasTrash,a=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=c&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",null==n.posNr?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.posNr.toString().length>1?i.classes.posNr.moreThanOneNr:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:a.productState.isBoxPlanner?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},94723:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const s=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,s=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",c=n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?"calc("+n.top+"% )":n.top+"px";return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:s,top:c},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{n.d(t,{Z:()=>useDockingPointPositioning});var o=n(62052),l=n(75327);function useDockingPointPositioning(e){var t,n,i,r,s=e.dpElement,c=e.item,a=(0,l._w)(),u=null==s?void 0:s.getBoundingClientRect(),d=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,p=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&c){var f=new o.FM(d,p),v=a.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==c?void 0:c.type)||"AVR"==(null==c?void 0:c.type)){if("2D"===c.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==c?void 0:c.type)&&(m=new o.FM(-u.width,0),null!=c&&c.rotOfElement&&(m=o.FM.rotateOrigin(m,null==c?void 0:c.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==c?void 0:c.type)&&"3D"==(null==c?void 0:c.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==c.type||"BoxCopyRight"==(null==c?void 0:c.type)||null==c||c.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),s=n(47514);const c=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,c=(0,l.useState)(null),a=(0,o.Z)(c,2),u=a[0],d=a[1],p=(0,r.Z)({item:t,dpElement:u});return(0,s.jsx)(s.Fragment,{children:t&&(0,s.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},71492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>M});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),s=n(59290),c=n(88445),a=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(62052),v=n(75327);var m=n(85115),h=n(24580),g=n(37801),y=n(88683),C=n(69369),x=(0,y.getLogger)("Planner","CopyElementPositioning");var P=n(67348),I=n(33525),w=n(47514);const M=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),y=(0,i.useState)(null),M=(0,o.Z)(y,2),E=M[0],k=M[1],N=(0,i.useState)(null),D=(0,o.Z)(N,2),O=D[0],R=D[1],b=(0,i.useState)(null),S=(0,o.Z)(b,2),F=S[0],U=S[1],T=(0,i.useState)(null),A=(0,o.Z)(T,2),B=A[0],j=(A[1],(0,i.useState)(null)),_=(0,o.Z)(j,2),G=_[0],Z=(_[1],(0,i.useState)(null)),L=(0,o.Z)(Z,2),V=L[0],X=(L[1],(0,i.useState)(null)),z=(0,o.Z)(X,2),K=z[0],Y=z[1],H=(0,i.useState)(null),q=(0,o.Z)(H,2),W=q[0],J=q[1],Q=(0,i.useState)(null),$=(0,o.Z)(Q,2),ee=$[0],te=$[1],ne=(0,i.useState)(null),oe=(0,o.Z)(ne,2),le=(oe[0],oe[1]),ie=t.find((function(e){return"PosNr"==e.type})),re=t.find((function(e){return"AVL"==e.type})),se=t.find((function(e){return"AVR"==e.type})),ce=[],ae=[],ue=0;ue<t.length;ue++)"AccDP"==t[ue].type?ce.push(t[ue]):"DistanceFromGround"==t[ue].type&&ae.push(t[ue]);var de=t.find((function(e){return"Outline"==e.type})),pe=t.find((function(e){return"TrashIcon"==e.type})),fe=t.find((function(e){return"CopyElement"==e.type})),ve=t.find((function(e){return"RotateC"==e.type})),me=t.find((function(e){return"RotateCC"==e.type})),he=t.find((function(e){return"BoxCopyLeft"==e.type})),ge=t.find((function(e){return"BoxCopyTop"==e.type})),ye=t.find((function(e){return"BoxCopyRight"==e.type})),Ce=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,s=(0,v._w)(),c=null==i?void 0:i.getBoundingClientRect(),a=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(c){var d=new f.FM(a,u),p=s.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(c.width,.1*-c.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(c.width+h,-c.height/2-(c.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(a+m.x,u+m.y,"pixel")}a=d.x,u=d.y;break;case"3D":(a+=3)<1&&(a=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==c?void 0:c.width)&&void 0!==o?o:0,height:null!==(l=null==c?void 0:c.height)&&void 0!==l?l:0,top:u,left:a}}({item:ie,posNrElement:E}),xe=(0,p.Z)({item:re,dpElement:O}),Pe=(0,p.Z)({item:se,dpElement:F}),Ie=(0,p.Z)({item:he,dpElement:B}),we=(0,p.Z)({item:ge,dpElement:G}),Me=(0,p.Z)({item:ye,dpElement:V}),Ee=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,s=e.boxPlannerCopyLeftRect,c=e.boxPlannerCopyTopRect,a=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",C="",x=!1;if(p&&r){var P=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(P=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(P=f.FM.rotateOrigin(P,u.rotOfElement)),h=r.left+P.x,g=r.top+P.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 I=null!=u&&u.iconZoom?u.iconZoom:1;P=new f.FM(-p.width/2-(p.width/3+I),-p.height/2-(p.height/3.7-I)),null!=u&&u.rotOfElement&&(P=f.FM.rotateOrigin(P,u.rotOfElement)),h+=P.x,g+=P.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(P=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(P=f.FM.rotateOrigin(P,u.rotOfElement)),h+=P.x,g+=P.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(s||a||c){var w=!1;s&&(Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,w=!0),!w&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,w=!0),!w&&c&&Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,w=!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:pe,posNrRect:Ce,boxPlannerCopyLeftRect:Ie,boxPlannerCopyTopRect:we,boxPlannerCopyRightRect:Me,trashElement:K}),ke=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),s=null==o?void 0:o.getBoundingClientRect(),c=r.getViewConfig(),a="",u="",d=!1;if(s&&l)switch(new f.FM(0,0),c.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&c.enableElementCopy&&(d=!0,a="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":x.error(new C.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==s?void 0:s.width)&&void 0!==t?t:0,height:null!==(n=null==s?void 0:s.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?a:void 0}}({copyElementItem:fe,posNrRect:Ce,copyElement:W}),Ne=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotItem,a=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=a.getViewConfig(),p=null!==(t=null==c?void 0:c.position.x)&&void 0!==t?t:0,m=null!==(n=null==c?void 0:c.position.y)&&void 0!==n?n:0;if(u&&r&&s){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+s.left)/2,m=(r.top+s.top)/2,h=new f.FM(-u.width,0),null!=c&&c.rotOfElement&&(h=f.FM.rotateOrigin(h,c.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(g=f.FM.rotateOrigin(g,c.rotOfElement)),p=(null==s?void 0:s.left)+g.x,m=(null==s?void 0:s.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=c&&c.rotOfElement&&0!=c.rotOfElement&&(y=f.FM.rotateOrigin(y,c.rotOfElement)),p=(null==s?void 0:s.left)+y.x,m=(null==s?void 0:s.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:ve,posNrRect:Ce,trashRect:Ee,rotElement:ee}),De=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,s=e.trashRect,c=e.rotClockRect,a=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,h=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(d&&r&&s&&c){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+s.left)/2,h=(r.top+s.top)/2,g=new f.FM(d.width,0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-s.left,2)+Math.pow(r.top-s.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=a&&a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),m=(null==c?void 0:c.left)+g.x,h=(null==c?void 0:c.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:ve,posNrRect:Ce,trashRect:Ee,rotClockRect:Ne,rotElement:ee});return(0,w.jsxs)(w.Fragment,{children:[ie&&(0,w.jsx)(h.default,{item:ie,rect:Ce,onElement:k,plannerUIProps:n,hasTrash:!!pe}),de&&(0,w.jsx)(c.default,{item:de,plannerUIProps:n},de.key),re&&(0,w.jsx)(r.default,{item:re,rect:xe,onElement:R,plannerUIProps:n},null==re?void 0:re.key),se&&(0,w.jsx)(s.default,{item:se,rect:Pe,onElement:U,plannerUIProps:n},null==se?void 0:se.key),he&&ye&&(0,w.jsx)(g.default,{item:he,rect:Ie,invertLeftRight:Me.left<Ie.left,plannerUIProps:n},he.key),ge&&(0,w.jsx)(g.default,{item:ge,rect:we,invertLeftRight:!1,plannerUIProps:n},ge.key),ye&&he&&(0,w.jsx)(g.default,{item:ye,rect:Me,invertLeftRight:Me.left<Ie.left,plannerUIProps:n},ye.key),pe&&(0,w.jsx)(d.default,{item:pe,rect:Ee,onElement:Y,plannerUIProps:n}),fe&&(0,w.jsx)(P.default,{item:fe,rect:ke,onElement:J,plannerUIProps:n}),ve&&(0,w.jsx)(a.default,{item:ve,rect:Ne,onElement:te,plannerUIProps:n}),me&&(0,w.jsx)(u.default,{item:me,rect:De,onElement:le,plannerUIProps:n}),ce.map((function(e,t){return(0,w.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&ae.map((function(e,t){return(0,w.jsx)(I.default,{item:e,plannerUIProps:n},e.key)}))]})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1500.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1500],{81500:(t,e,r)=>{r.r(e),r.d(e,{default:()=>u});var o=r(72874),n=r(80248),a=r(65515),i=r.n(a),c=r(9204),s=r(9420),l=(r(87363),r(88683)),p=r(47514),d=["className"];function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var f={padding:"4px 15px",borderRadius:6,border:"1px solid #d9d9d9",cursor:"pointer",fontSize:14,lineHeight:"22px",background:"#fff",color:"rgba(0,0,0,0.88)"},b=_objectSpread(_objectSpread({},f),{},{background:"var(--primaryColor, #1677ff)",borderColor:"var(--primaryColor, #1677ff)",color:"#fff"});const u=(0,s.Pi)((function ActionNavigation(t){var e=t.className,r=(0,o.Z)(t,d),n=(0,c.NP)(),a=(0,l.useTranslation)().t,s=n.actionButtonState,u=s.isOnFirstStep,g=s.isOnFirstStepDisabled,y=s.isOnLastStep;return(0,p.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:i()(e),children:(0,p.jsxs)("div",{style:{display:"flex",gap:8,flexWrap:"wrap"},children:[!u&&(0,p.jsx)("button",{style:f,onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",n.actionButtonState.onClickConfiguratorSettingsBack()},children:a("configurator.Back")}),!y&&(0,p.jsx)("button",{id:"wcConfigurator-action-next",style:_objectSpread(_objectSpread({},b),{},{opacity:g?.5:1}),disabled:g,onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",n.actionButtonState.onClickConfiguratorSettingsForth()},children:a("configurator.Next")})]})}))}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1500],{81500:(t,e,r)=>{r.r(e),r.d(e,{default:()=>u});var o=r(72874),n=r(80248),a=r(65515),i=r.n(a),c=r(75327),s=r(9420),l=(r(87363),r(88683)),p=r(47514),d=["className"];function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var f={padding:"4px 15px",borderRadius:6,border:"1px solid #d9d9d9",cursor:"pointer",fontSize:14,lineHeight:"22px",background:"#fff",color:"rgba(0,0,0,0.88)"},b=_objectSpread(_objectSpread({},f),{},{background:"var(--primaryColor, #1677ff)",borderColor:"var(--primaryColor, #1677ff)",color:"#fff"});const u=(0,s.Pi)((function ActionNavigation(t){var e=t.className,r=(0,o.Z)(t,d),n=(0,c.NP)(),a=(0,l.useTranslation)().t,s=n.actionButtonState,u=s.isOnFirstStep,g=s.isOnFirstStepDisabled,y=s.isOnLastStep;return(0,p.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:i()(e),children:(0,p.jsxs)("div",{style:{display:"flex",gap:8,flexWrap:"wrap"},children:[!u&&(0,p.jsx)("button",{style:f,onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",n.actionButtonState.onClickConfiguratorSettingsBack()},children:a("configurator.Back")}),!y&&(0,p.jsx)("button",{id:"wcConfigurator-action-next",style:_objectSpread(_objectSpread({},b),{},{opacity:g?.5:1}),disabled:g,onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",n.actionButtonState.onClickConfiguratorSettingsForth()},children:a("configurator.Next")})]})}))}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1596.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1596,1801,8618],{21801:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var o=i(34988),d=i(93379),t=i.n(d),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();t()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(87363),M=i(9204),N=i(65515),f=i.n(N),I=i(9420),h=i(47514);const y=(0,I.Pi)((function InfoIcon(n){var e,i,d,t=n.item,r=n.style,l=(0,M.NP)(),a=t.contentItemId,x=null!==(e=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==e?e:t.key,s=(0,b.useState)(!1),u=(0,o.Z)(s,2),m=u[0],c=u[1],p=t.sel||m;if((0,b.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!t.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,h.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,h.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,h.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,h.jsx)(h.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(80248),d=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,t.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var o=i(80248),d=(i(87363),i(24195)),t=i(21801),r=i(9204),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,o=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=o.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:d.j$,children:[(0,m.jsxs)("div",{className:u()(d._Z),children:[(0,m.jsxs)("div",{className:d.be,children:[o.image?(0,m.jsx)("img",{src:o.image,alt:o.title,className:d.BH}):(0,m.jsx)("div",{className:d.N1}),o.isDefined&&(0,m.jsx)("div",{className:d.$K}),(o.contentItemId||o.optionContentItemId)&&(0,m.jsx)(t.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},o),{},{contentItemId:o.contentItemId||o.optionContentItemId})})]}),(0,m.jsxs)("div",{className:d.L$,children:[(0,m.jsx)("div",{className:d.tN,children:(0,m.jsx)("div",{className:d.Sp,dangerouslySetInnerHTML:{__html:(o.quantity?o.quantity+"x ":"")+o.title}})}),(0,m.jsx)("div",{className:d.Bf,dangerouslySetInnerHTML:{__html:o.description}}),!!o.price&&!s&&(0,m.jsx)("div",{className:d.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(o.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:d._t,children:!(null===(i=o.targetArticlePosNrs)||void 0===i||!i.length)&&!o.includesAllPosNrs&&o.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(d.vZ,n.toString().length>=2&&d.Eb),children:n})}))}),(0,m.jsx)("button",{className:d.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(o)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t)()(d());r.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>y,BH:()=>I,Bf:()=>S,Bh:()=>P,EM:()=>b,Eb:()=>z,L$:()=>v,Mq:()=>C,N1:()=>h,Sp:()=>O,Vq:()=>j,ZP:()=>k,_Z:()=>M,_t:()=>A,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>D,vZ:()=>w,wZ:()=>T});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(d()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--GaCbe {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--P2BeF {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--jW4rI {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--uVPKZ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xQe5j:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",b="index-module--Y_vmD",M="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",I="index-module--sFFIA",h="index-module--jW4rI",y="index-module--z_h7j",v="index-module--wzm9z",D="index-module--HevwU",w="index-module--zYdzL",z="index-module--QNPfp",A="index-module--cp83c",O="index-module--mfP6a",S="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const k=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var o=i(93379),d=i.n(o),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();d()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1596,1801,8618],{21801:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var o=i(34988),d=i(93379),t=i.n(d),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();t()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(87363),M=i(75327),N=i(65515),f=i.n(N),I=i(9420),h=i(47514);const y=(0,I.Pi)((function InfoIcon(n){var e,i,d,t=n.item,r=n.style,l=(0,M.NP)(),a=t.contentItemId,x=null!==(e=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==e?e:t.key,s=(0,b.useState)(!1),u=(0,o.Z)(s,2),m=u[0],c=u[1],p=t.sel||m;if((0,b.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!t.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,h.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,h.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,h.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,h.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,h.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,h.jsx)(h.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(80248),d=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,t.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var o=i(80248),d=(i(87363),i(24195)),t=i(21801),r=i(75327),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,o=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=o.summaryItems)&&void 0!==e?e:{});return(0,m.jsxs)("div",{className:d.j$,children:[(0,m.jsxs)("div",{className:u()(d._Z),children:[(0,m.jsxs)("div",{className:d.be,children:[o.image?(0,m.jsx)("img",{src:o.image,alt:o.title,className:d.BH}):(0,m.jsx)("div",{className:d.N1}),o.isDefined&&(0,m.jsx)("div",{className:d.$K}),(o.contentItemId||o.optionContentItemId)&&(0,m.jsx)(t.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},o),{},{contentItemId:o.contentItemId||o.optionContentItemId})})]}),(0,m.jsxs)("div",{className:d.L$,children:[(0,m.jsx)("div",{className:d.tN,children:(0,m.jsx)("div",{className:d.Sp,dangerouslySetInnerHTML:{__html:(o.quantity?o.quantity+"x ":"")+o.title}})}),(0,m.jsx)("div",{className:d.Bf,dangerouslySetInnerHTML:{__html:o.description}}),!!o.price&&!s&&(0,m.jsx)("div",{className:d.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(o.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:d._t,children:!(null===(i=o.targetArticlePosNrs)||void 0===i||!i.length)&&!o.includesAllPosNrs&&o.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(d.vZ,n.toString().length>=2&&d.Eb),children:n})}))}),(0,m.jsx)("button",{className:d.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(o)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t)()(d());r.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>y,BH:()=>I,Bf:()=>S,Bh:()=>P,EM:()=>b,Eb:()=>z,L$:()=>v,Mq:()=>C,N1:()=>h,Sp:()=>O,Vq:()=>j,ZP:()=>k,_Z:()=>M,_t:()=>A,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>D,vZ:()=>w,wZ:()=>T});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(d()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--GaCbe {\n  color: #fff;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--P2BeF {\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--jW4rI {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--uVPKZ {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xQe5j:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",b="index-module--Y_vmD",M="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",I="index-module--sFFIA",h="index-module--jW4rI",y="index-module--z_h7j",v="index-module--wzm9z",D="index-module--HevwU",w="index-module--zYdzL",z="index-module--QNPfp",A="index-module--cp83c",O="index-module--mfP6a",S="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const k=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var o=i(93379),d=i.n(o),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();d()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);

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

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