@crystaldesign/diva-web-planner-react 25.7.0-beta.17 → 25.7.0-beta.19

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2185.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2185,4060,3605,1681,1998,5173],{53492:(M,D,e)=>{e.r(D),e.d(D,{default:()=>w});var I=e(80248),g=e(87363),t=e(81681),A=e(78485),n=e(25173),j=e(91923),r=e(19715),N=e(83605),u=e(61998),i=e(9420),o=e(47514);function ownKeys(M,D){var e=Object.keys(M);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(M);D&&(I=I.filter((function(D){return Object.getOwnPropertyDescriptor(M,D).enumerable}))),e.push.apply(e,I)}return e}function _objectSpread(M){for(var D=1;D<arguments.length;D++){var e=null!=arguments[D]?arguments[D]:{};D%2?ownKeys(Object(e),!0).forEach((function(D){(0,I.Z)(M,D,e[D])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(D){Object.defineProperty(M,D,Object.getOwnPropertyDescriptor(e,D))}))}return M}const w=(0,i.Pi)((function Product(M){var D=(0,j.NP)(),e=(0,g.useRef)(null);return(0,g.useEffect)((function(){e&&D.productState.setProductElement(e.current)}),[e]),(0,o.jsxs)("div",_objectSpread(_objectSpread({},M),{},{ref:e,children:[(0,o.jsx)(t.default,{}),(0,o.jsx)(r.default,{}),D.productState.footerVisible.length>1&&(0,o.jsx)(N.default,{}),(0,o.jsx)(u.default,{}),(0,o.jsx)(n.default,{}),D.settingsState.contentItemVisible&&D.settingsState.contentItemId&&(0,o.jsx)(A.default,{id:D.settingsState.contentItemId,startPos:"right"})]}))}))},83605:(M,D,e)=>{e.r(D),e.d(D,{default:()=>A});var I=e(80248),g=(e(87363),e(2765)),t=e(47514);function ownKeys(M,D){var e=Object.keys(M);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(M);D&&(I=I.filter((function(D){return Object.getOwnPropertyDescriptor(M,D).enumerable}))),e.push.apply(e,I)}return e}function _objectSpread(M){for(var D=1;D<arguments.length;D++){var e=null!=arguments[D]?arguments[D]:{};D%2?ownKeys(Object(e),!0).forEach((function(D){(0,I.Z)(M,D,e[D])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(D){Object.defineProperty(M,D,Object.getOwnPropertyDescriptor(e,D))}))}return M}const A=function ProductFooter(M){return(0,t.jsx)(g.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductFooter"}))}},81681:(M,D,e)=>{e.r(D),e.d(D,{default:()=>A});var I=e(80248),g=(e(87363),e(2765)),t=e(47514);function ownKeys(M,D){var e=Object.keys(M);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(M);D&&(I=I.filter((function(D){return Object.getOwnPropertyDescriptor(M,D).enumerable}))),e.push.apply(e,I)}return e}function _objectSpread(M){for(var D=1;D<arguments.length;D++){var e=null!=arguments[D]?arguments[D]:{};D%2?ownKeys(Object(e),!0).forEach((function(D){(0,I.Z)(M,D,e[D])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(D){Object.defineProperty(M,D,Object.getOwnPropertyDescriptor(e,D))}))}return M}const A=function ProductHeader(M){return(0,t.jsx)(g.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},61998:(M,D,e)=>{e.r(D),e.d(D,{default:()=>s});var I=e(65515),g=e.n(I),t=e(88623),A=e(9420),n=(e(87363),e(91923)),j=e(93379),r=e.n(j),N=e(7795),u=e.n(N),i=e(90569),o=e.n(i),w=e(3565),c=e.n(w),x=e(19216),z=e.n(x),O=e(44589),E=e.n(O),d=e(73475),y={};y.styleTagTransform=E(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=z();r()(d.ZP,y);d.ZP&&d.ZP.locals&&d.ZP.locals;var T=e(47514);const s=(0,A.Pi)((function ProductInfo(M){var D=(0,n.NP)();return(0,T.jsx)(T.Fragment,{children:D.settingsState.infoBoxContent&&(0,T.jsx)("div",{className:g()(d.RZ,D.uiState.isInMobileView?d.ai:void 0),children:D.settingsState.infoBoxContent&&(0,t.ZN)(D.settingsState.infoBoxContent.content)})})}))},25173:(M,D,e)=>{e.r(D),e.d(D,{default:()=>S});var I=e(34988),g=e(91923),t=e(87363),A=e(9420),n=e(77674),j=e(93379),r=e.n(j),N=e(7795),u=e.n(N),i=e(90569),o=e.n(i),w=e(3565),c=e.n(w),x=e(19216),z=e.n(x),O=e(44589),E=e.n(O),d=e(67279),y={};y.styleTagTransform=E(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=z();r()(d.ZP,y);d.ZP&&d.ZP.locals&&d.ZP.locals;var T=e(65515),s=e.n(T),a=e(47514);const S=(0,A.Pi)((function ProductSettings(M){var D=(0,g.NP)(),e=(0,t.useState)(D.getIsInMobileView()),A=(0,I.Z)(e,2),j=A[0],r=A[1];return D.uiState.ItemsPaletteInProductVisible?(0,a.jsxs)("div",{className:s()(d.oE,j?d.QW:void 0),children:[(0,a.jsx)("div",{className:s()(d.LI),onClick:function onClick(){return r(!j)}}),(0,a.jsx)("div",{className:s()(d.jR,j?d.pB:void 0),children:D.settingsState.itemPaletteInProduct.map((function(M,D){return(0,a.jsx)(n.default,{item:M.palette,id:M.id})}))})]}):(0,a.jsx)(a.Fragment,{})}))},73475:(M,D,e)=>{e.d(D,{RZ:()=>n,ZP:()=>r,ai:()=>j});var I=e(8081),g=e.n(I),t=e(23645),A=e.n(t)()(g());A.push([M.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var n="index-module--TDdLn",j="index-module--96TgJ";const r=A},67279:(M,D,e)=>{e.d(D,{LI:()=>z,QW:()=>x,ZP:()=>E,jR:()=>c,oE:()=>w,pB:()=>O});var I=e(8081),g=e.n(I),t=e(23645),A=e.n(t),n=e(61667),j=e.n(n),r=new URL(e(38403),e.b),N=new URL(e(97663),e.b),u=A()(g()),i=j()(r),o=j()(N);u.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+i+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+o+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var w="index-module--D0PtT",c="index-module--s2I80",x="index-module--vO3ZU",z="index-module--eczzg",O="index-module--o_3ds";const E=u},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},14060:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2185,4060,3605,1681,1998,5173],{53492:(M,D,e)=>{e.r(D),e.d(D,{default:()=>w});var I=e(80248),g=e(87363),t=e(81681),A=e(48545),n=e(25173),j=e(91923),r=e(19715),N=e(83605),u=e(61998),i=e(9420),o=e(47514);function ownKeys(M,D){var e=Object.keys(M);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(M);D&&(I=I.filter((function(D){return Object.getOwnPropertyDescriptor(M,D).enumerable}))),e.push.apply(e,I)}return e}function _objectSpread(M){for(var D=1;D<arguments.length;D++){var e=null!=arguments[D]?arguments[D]:{};D%2?ownKeys(Object(e),!0).forEach((function(D){(0,I.Z)(M,D,e[D])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(D){Object.defineProperty(M,D,Object.getOwnPropertyDescriptor(e,D))}))}return M}const w=(0,i.Pi)((function Product(M){var D=(0,j.NP)(),e=(0,g.useRef)(null);return(0,g.useEffect)((function(){e&&D.productState.setProductElement(e.current)}),[e]),(0,o.jsxs)("div",_objectSpread(_objectSpread({},M),{},{ref:e,children:[(0,o.jsx)(t.default,{}),(0,o.jsx)(r.default,{}),D.productState.footerVisible.length>1&&(0,o.jsx)(N.default,{}),(0,o.jsx)(u.default,{}),(0,o.jsx)(n.default,{}),D.settingsState.contentItemVisible&&D.settingsState.contentItemId&&(0,o.jsx)(A.default,{id:D.settingsState.contentItemId,startPos:"right"})]}))}))},83605:(M,D,e)=>{e.r(D),e.d(D,{default:()=>A});var I=e(80248),g=(e(87363),e(2765)),t=e(47514);function ownKeys(M,D){var e=Object.keys(M);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(M);D&&(I=I.filter((function(D){return Object.getOwnPropertyDescriptor(M,D).enumerable}))),e.push.apply(e,I)}return e}function _objectSpread(M){for(var D=1;D<arguments.length;D++){var e=null!=arguments[D]?arguments[D]:{};D%2?ownKeys(Object(e),!0).forEach((function(D){(0,I.Z)(M,D,e[D])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(D){Object.defineProperty(M,D,Object.getOwnPropertyDescriptor(e,D))}))}return M}const A=function ProductFooter(M){return(0,t.jsx)(g.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductFooter"}))}},81681:(M,D,e)=>{e.r(D),e.d(D,{default:()=>A});var I=e(80248),g=(e(87363),e(2765)),t=e(47514);function ownKeys(M,D){var e=Object.keys(M);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(M);D&&(I=I.filter((function(D){return Object.getOwnPropertyDescriptor(M,D).enumerable}))),e.push.apply(e,I)}return e}function _objectSpread(M){for(var D=1;D<arguments.length;D++){var e=null!=arguments[D]?arguments[D]:{};D%2?ownKeys(Object(e),!0).forEach((function(D){(0,I.Z)(M,D,e[D])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEach((function(D){Object.defineProperty(M,D,Object.getOwnPropertyDescriptor(e,D))}))}return M}const A=function ProductHeader(M){return(0,t.jsx)(g.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},61998:(M,D,e)=>{e.r(D),e.d(D,{default:()=>s});var I=e(65515),g=e.n(I),t=e(88623),A=e(9420),n=(e(87363),e(91923)),j=e(93379),r=e.n(j),N=e(7795),u=e.n(N),i=e(90569),o=e.n(i),w=e(3565),c=e.n(w),x=e(19216),z=e.n(x),O=e(44589),E=e.n(O),d=e(73475),y={};y.styleTagTransform=E(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=z();r()(d.ZP,y);d.ZP&&d.ZP.locals&&d.ZP.locals;var T=e(47514);const s=(0,A.Pi)((function ProductInfo(M){var D=(0,n.NP)();return(0,T.jsx)(T.Fragment,{children:D.settingsState.infoBoxContent&&(0,T.jsx)("div",{className:g()(d.RZ,D.uiState.isInMobileView?d.ai:void 0),children:D.settingsState.infoBoxContent&&(0,t.ZN)(D.settingsState.infoBoxContent.content)})})}))},25173:(M,D,e)=>{e.r(D),e.d(D,{default:()=>S});var I=e(34988),g=e(91923),t=e(87363),A=e(9420),n=e(77674),j=e(93379),r=e.n(j),N=e(7795),u=e.n(N),i=e(90569),o=e.n(i),w=e(3565),c=e.n(w),x=e(19216),z=e.n(x),O=e(44589),E=e.n(O),d=e(67279),y={};y.styleTagTransform=E(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=z();r()(d.ZP,y);d.ZP&&d.ZP.locals&&d.ZP.locals;var T=e(65515),s=e.n(T),a=e(47514);const S=(0,A.Pi)((function ProductSettings(M){var D=(0,g.NP)(),e=(0,t.useState)(D.getIsInMobileView()),A=(0,I.Z)(e,2),j=A[0],r=A[1];return D.uiState.ItemsPaletteInProductVisible?(0,a.jsxs)("div",{className:s()(d.oE,j?d.QW:void 0),children:[(0,a.jsx)("div",{className:s()(d.LI),onClick:function onClick(){return r(!j)}}),(0,a.jsx)("div",{className:s()(d.jR,j?d.pB:void 0),children:D.settingsState.itemPaletteInProduct.map((function(M,D){return(0,a.jsx)(n.default,{item:M.palette,id:M.id})}))})]}):(0,a.jsx)(a.Fragment,{})}))},73475:(M,D,e)=>{e.d(D,{RZ:()=>n,ZP:()=>r,ai:()=>j});var I=e(8081),g=e.n(I),t=e(23645),A=e.n(t)()(g());A.push([M.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var n="index-module--TDdLn",j="index-module--96TgJ";const r=A},67279:(M,D,e)=>{e.d(D,{LI:()=>z,QW:()=>x,ZP:()=>E,jR:()=>c,oE:()=>w,pB:()=>O});var I=e(8081),g=e.n(I),t=e(23645),A=e.n(t),n=e(61667),j=e.n(n),r=new URL(e(38403),e.b),N=new URL(e(97663),e.b),u=A()(g()),i=j()(r),o=j()(N);u.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+i+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+o+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var w="index-module--D0PtT",c="index-module--s2I80",x="index-module--vO3ZU",z="index-module--eczzg",O="index-module--o_3ds";const E=u},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},14060:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3170.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3170,7020],{57020:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var t=i(80248),o=(i(87363),i(2765)),d=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}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,t.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 ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},83170:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});var t=i(34988),o=i(65515),d=i.n(o),r=i(91923),a=i(9420),s=i(87363),l=i(88683),u=i(57020),x=i(93379),c=i.n(x),m=i(7795),p=i.n(m),f=i(90569),h=i.n(f),g=i(3565),v=i.n(g),b=i(19216),w=i.n(b),P=i(44589),j=i.n(P),S=i(26876),y={};y.styleTagTransform=j(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();c()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var z=i(6937),H=i(78485),D=i(47514);const k=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,i=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,x=(0,l.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,t.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,t.Z)(P,2),y=j[0],k=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});k(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(S.YS,i,o.uiState.isMobileLandscape?S.rK:void 0,o.uiState.isMobilePortrait?S.tW:void 0,o.uiState.configSettingsIsExpanded?S.zh:void 0,o.uiState.configSettingsIsMaxExpanded?S.Zk:void 0,o.productState.plannerRenderingIsStaticBG?S.Li:void 0,S.Gr),children:[(0,D.jsxs)("div",{className:S.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:S.NG,children:[!c&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:S.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:S.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,i;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:S.GO,children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:S.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},26876:(n,e,i)=>{i.d(e,{AJ:()=>x,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>c,tW:()=>l,xk:()=>v,zh:()=>u});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",x="index-module--MvVu6",c="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3170,7020],{57020:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var t=i(80248),o=(i(87363),i(2765)),d=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}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,t.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 ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},83170:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});var t=i(34988),o=i(65515),d=i.n(o),r=i(91923),a=i(9420),s=i(87363),l=i(88683),u=i(57020),x=i(93379),c=i.n(x),m=i(7795),p=i.n(m),f=i(90569),h=i.n(f),g=i(3565),v=i.n(g),b=i(19216),w=i.n(b),P=i(44589),j=i.n(P),S=i(26876),y={};y.styleTagTransform=j(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();c()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var z=i(6937),H=i(48545),D=i(47514);const k=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,i=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,x=(0,l.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,t.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,t.Z)(P,2),y=j[0],k=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});k(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(S.YS,i,o.uiState.isMobileLandscape?S.rK:void 0,o.uiState.isMobilePortrait?S.tW:void 0,o.uiState.configSettingsIsExpanded?S.zh:void 0,o.uiState.configSettingsIsMaxExpanded?S.Zk:void 0,o.productState.plannerRenderingIsStaticBG?S.Li:void 0,S.Gr),children:[(0,D.jsxs)("div",{className:S.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:S.NG,children:[!c&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:S.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:S.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,i;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:S.GO,children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:S.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},26876:(n,e,i)=>{i.d(e,{AJ:()=>x,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>c,tW:()=>l,xk:()=>v,zh:()=>u});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",x="index-module--MvVu6",c="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4829.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4829],{54829:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var o=t(34988),l=t(87363),i=t(65515),a=t.n(i),c=t(90050),r=t(22976),u=t.n(r),d=t(91923),s=t(47514),p=new c.FM(0,0);const g=function Rotation3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,d.NP)(),r=(0,l.useState)(!1),g=(0,o.Z)(r,2),v=g[0],f=g[1],D=(0,l.useRef)(null),m=!1;return(0,s.jsx)(u(),{nodeRef:D,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){m=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var t;if(m&&!v)f(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var o,l,a,r=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,u=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(a=n.onDragMoveFunction)||void 0===a||a.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-r,e.clientY-u)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var d;null===(d=n.onDragMoveFunction)||void 0===d||d.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-u)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}m=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var t;v&&(f(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:D,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DRotation",t.classes.buttonGeneral,t.classes.rotation.rot3DGrid)})})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4829],{54829:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var o=t(34988),l=t(87363),i=t(65515),a=t.n(i),c=t(18696),r=t(22976),u=t.n(r),d=t(91923),s=t(47514),p=new c.FM(0,0);const g=function Rotation3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,d.NP)(),r=(0,l.useState)(!1),g=(0,o.Z)(r,2),v=g[0],f=g[1],D=(0,l.useRef)(null),m=!1;return(0,s.jsx)(u(),{nodeRef:D,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){m=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var t;if(m&&!v)f(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var o,l,a,r=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,u=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(a=n.onDragMoveFunction)||void 0===a||a.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-r,e.clientY-u)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var d;null===(d=n.onDragMoveFunction)||void 0===d||d.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-u)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}m=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var t;v&&(f(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:D,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DRotation",t.classes.buttonGeneral,t.classes.rotation.rot3DGrid)})})}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4967.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4967,7020,3170],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},34967:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(83170),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(79578),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderGold(n){return(0,v.jsx)(i.default,{productClass:h.I})}},83170:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(91923),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),y=t(26876),S={};S.styleTagTransform=j(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=t(6937),H=t(78485),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),S=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(y.YS,t,o.uiState.isMobileLandscape?y.rK:void 0,o.uiState.isMobilePortrait?y.tW:void 0,o.uiState.configSettingsIsExpanded?y.zh:void 0,o.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,o.productState.plannerRenderingIsStaticBG?y.Li:void 0,y.Gr),children:[(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:y.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:y.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!S&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:y.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},79578:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--KWoIG * {\n  color: var(--secondaryColor) !important;\n}\n",""]);var a="index-module--KWoIG";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4967,7020,3170],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},34967:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(83170),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(79578),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderGold(n){return(0,v.jsx)(i.default,{productClass:h.I})}},83170:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(91923),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),y=t(26876),S={};S.styleTagTransform=j(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=t(6937),H=t(48545),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),S=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(y.YS,t,o.uiState.isMobileLandscape?y.rK:void 0,o.uiState.isMobilePortrait?y.tW:void 0,o.uiState.configSettingsIsExpanded?y.zh:void 0,o.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,o.productState.plannerRenderingIsStaticBG?y.Li:void 0,y.Gr),children:[(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:y.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:y.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!S&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:y.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},79578:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--KWoIG * {\n  color: var(--secondaryColor) !important;\n}\n",""]);var a="index-module--KWoIG";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5115.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5115,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(91923),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(90050),t=o(91923);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5115,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(91923),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(18696),t=o(91923);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 555.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[555,7020,3170],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},50555:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(83170),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),x=t.n(u),c=t(19216),m=t.n(c),p=t(44589),f=t.n(p),h=t(46718),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderBlue(n){return(0,v.jsx)(i.default,{productClass:h.I})}},83170:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(91923),a=t(9420),s=t(87363),l=t(88683),u=t(57020),x=t(93379),c=t.n(x),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),S=t(26876),y={};y.styleTagTransform=j(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();c()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var z=t(6937),H=t(78485),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,x=(0,l.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),y=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(S.YS,t,o.uiState.isMobileLandscape?S.rK:void 0,o.uiState.isMobilePortrait?S.tW:void 0,o.uiState.configSettingsIsExpanded?S.zh:void 0,o.uiState.configSettingsIsMaxExpanded?S.Zk:void 0,o.productState.plannerRenderingIsStaticBG?S.Li:void 0,S.Gr),children:[(0,D.jsxs)("div",{className:S.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:S.NG,children:[!c&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:S.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:S.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:S.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:S.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},46718:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--xNNVT {\n  font-weight: 300 !important;\n}\n",""]);var a="index-module--xNNVT";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>x,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>c,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",x="index-module--MvVu6",c="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[555,7020,3170],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},50555:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(83170),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),x=t.n(u),c=t(19216),m=t.n(c),p=t(44589),f=t.n(p),h=t(46718),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderBlue(n){return(0,v.jsx)(i.default,{productClass:h.I})}},83170:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(91923),a=t(9420),s=t(87363),l=t(88683),u=t(57020),x=t(93379),c=t.n(x),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),S=t(26876),y={};y.styleTagTransform=j(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();c()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var z=t(6937),H=t(48545),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,x=(0,l.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),y=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(S.YS,t,o.uiState.isMobileLandscape?S.rK:void 0,o.uiState.isMobilePortrait?S.tW:void 0,o.uiState.configSettingsIsExpanded?S.zh:void 0,o.uiState.configSettingsIsMaxExpanded?S.Zk:void 0,o.productState.plannerRenderingIsStaticBG?S.Li:void 0,S.Gr),children:[(0,D.jsxs)("div",{className:S.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:S.NG,children:[!c&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:S.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:S.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:S.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:S.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},46718:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--xNNVT {\n  font-weight: 300 !important;\n}\n",""]);var a="index-module--xNNVT";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>x,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>c,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",x="index-module--MvVu6",c="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6334.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6334,2142,1707,4060,8692,430],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},p),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,d=u.baseClassName,p=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,w,!!w),o)),C=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),_=(0,a.default)((_defineProperty(l={},"".concat(d,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(d,"-arrow"),!0),_defineProperty(c,b,!!b),c)),S=r.default.createElement("div",{className:C},k),D=this.state.isOpen?r.default.createElement("div",{className:_,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},S,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:x}))),D)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},48930:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(80248),a=i(72874),l=i(87363),c=i(91923),u=i(9420),d=i(63793),p=i(19715),f=i(93379),y=i.n(f),b=i(7795),v=i.n(b),m=i(90569),g=i.n(m),w=i(3565),k=i.n(w),O=i(19216),P=i.n(O),C=i(44589),_=i.n(C),x=i(23522),S={};S.styleTagTransform=_(),S.setAttributes=k(),S.insert=g().bind(null,"head"),S.domAPI=v(),S.insertStyleElement=P();y()(x.Z,S);x.Z&&x.Z.locals&&x.Z.locals;var D=i(78485),j=i(47514),M=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const E=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,M),u=(0,c.NP)(),f=(0,l.useRef)(null),y=function onClick(){if(f.current){var t=f.current.getBoundingClientRect().height;f.current.scrollTop>100&&(t=0),f.current.scrollTo({top:t,behavior:"smooth"})}};return(0,l.useEffect)((function(){f&&u.productState.setProductElement(f.current)}),[f]),(0,l.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&y()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:f},r),{},{children:[!u.uiState.isLoading&&(0,j.jsx)("div",{className:x.x,onClick:y}),(0,j.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,j.jsx)(d.default,{}),u.settingsState.contentItemVisible&&u.settingsState.contentItemId&&(0,j.jsx)(D.default,{id:u.settingsState.contentItemId,startPos:i})]}))}))},32142:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(65515),a=i.n(r),l=(i(87363),i(68692)),c=i(93379),u=i.n(c),d=i(7795),p=i.n(d),f=i(90569),y=i.n(f),b=i(3565),v=i.n(b),m=i(19216),g=i.n(m),w=i(44589),k=i.n(w),O=i(75581),P={};P.styleTagTransform=k(),P.setAttributes=v(),P.insert=y().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(47514);const _=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,b=t.width,v=void 0===b?80:b,m=t.handleDiameter,g=void 0===m?32:m,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,C.jsx)(l.Z,{checkedIcon:u?(0,C.jsx)("div",{className:a()(O.f6,O.co),children:u}):(0,C.jsx)(C.Fragment,{}),uncheckedIcon:d?(0,C.jsx)("div",{className:a()(O.f6,O.no),children:d}):(0,C.jsx)(C.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:p?w:"#CACACA",height:y,width:v,handleDiameter:g})}},23522:(t,o,i)=>{i.d(o,{Z:()=>v,x:()=>b});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),f=c()(a()),y=d()(p);f.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+y+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const v=f},75581:(t,o,i)=>{i.d(o,{ZP:()=>f,co:()=>d,f6:()=>u,no:()=>p});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l)()(a());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss",d="index-module--ciLne",p="index-module--W1TLd";const f=c},14060:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),f=Math.round((1-l)*d+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,C=P.h,_=P.U,x=P.B,S={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},D={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:_?null:"background 0.25s",MozTransition:_?null:"background 0.25s",transition:_?null:"background 0.25s"},j={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},E={height:this.t,width:this.t,background:e(C,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?m:v,border:0,WebkitTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},I={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:S},r.createElement("div",{className:"react-switch-bg",style:D,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:j},p),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:E,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:I},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6334,2142,1707,4060,8692,430],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},p),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,d=u.baseClassName,p=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,w,!!w),o)),C=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),_=(0,a.default)((_defineProperty(l={},"".concat(d,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(d,"-arrow"),!0),_defineProperty(c,b,!!b),c)),S=r.default.createElement("div",{className:C},k),D=this.state.isOpen?r.default.createElement("div",{className:_,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},S,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:x}))),D)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},48930:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(80248),a=i(72874),l=i(87363),c=i(91923),u=i(9420),d=i(63793),p=i(19715),f=i(93379),y=i.n(f),b=i(7795),v=i.n(b),m=i(90569),g=i.n(m),w=i(3565),k=i.n(w),O=i(19216),P=i.n(O),C=i(44589),_=i.n(C),x=i(23522),S={};S.styleTagTransform=_(),S.setAttributes=k(),S.insert=g().bind(null,"head"),S.domAPI=v(),S.insertStyleElement=P();y()(x.Z,S);x.Z&&x.Z.locals&&x.Z.locals;var D=i(48545),j=i(47514),M=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const E=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,M),u=(0,c.NP)(),f=(0,l.useRef)(null),y=function onClick(){if(f.current){var t=f.current.getBoundingClientRect().height;f.current.scrollTop>100&&(t=0),f.current.scrollTo({top:t,behavior:"smooth"})}};return(0,l.useEffect)((function(){f&&u.productState.setProductElement(f.current)}),[f]),(0,l.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&y()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:f},r),{},{children:[!u.uiState.isLoading&&(0,j.jsx)("div",{className:x.x,onClick:y}),(0,j.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,j.jsx)(d.default,{}),u.settingsState.contentItemVisible&&u.settingsState.contentItemId&&(0,j.jsx)(D.default,{id:u.settingsState.contentItemId,startPos:i})]}))}))},32142:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(65515),a=i.n(r),l=(i(87363),i(68692)),c=i(93379),u=i.n(c),d=i(7795),p=i.n(d),f=i(90569),y=i.n(f),b=i(3565),v=i.n(b),m=i(19216),g=i.n(m),w=i(44589),k=i.n(w),O=i(75581),P={};P.styleTagTransform=k(),P.setAttributes=v(),P.insert=y().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(47514);const _=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,b=t.width,v=void 0===b?80:b,m=t.handleDiameter,g=void 0===m?32:m,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,C.jsx)(l.Z,{checkedIcon:u?(0,C.jsx)("div",{className:a()(O.f6,O.co),children:u}):(0,C.jsx)(C.Fragment,{}),uncheckedIcon:d?(0,C.jsx)("div",{className:a()(O.f6,O.no),children:d}):(0,C.jsx)(C.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:p?w:"#CACACA",height:y,width:v,handleDiameter:g})}},23522:(t,o,i)=>{i.d(o,{Z:()=>v,x:()=>b});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),f=c()(a()),y=d()(p);f.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+y+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const v=f},75581:(t,o,i)=>{i.d(o,{ZP:()=>f,co:()=>d,f6:()=>u,no:()=>p});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l)()(a());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss",d="index-module--ciLne",p="index-module--W1TLd";const f=c},14060:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),f=Math.round((1-l)*d+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,C=P.h,_=P.U,x=P.B,S={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},D={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:_?null:"background 0.25s",MozTransition:_?null:"background 0.25s",transition:_?null:"background 0.25s"},j={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},E={height:this.t,width:this.t,background:e(C,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?m:v,border:0,WebkitTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},I={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:S},r.createElement("div",{className:"react-switch-bg",style:D,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:j},p),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:E,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:I},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6733.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6733,7020,3170],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},76733:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(83170),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(17333),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderRalph(n){return(0,v.jsx)(i.default,{hidePrice:!0,productClass:h.I})}},83170:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(91923),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),S=t.n(P),j=t(26876),y={};y.styleTagTransform=S(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();x()(j.ZP,y);j.ZP&&j.ZP.locals&&j.ZP.locals;var z=t(6937),H=t(78485),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),S=(0,i.Z)(P,2),y=S[0],I=S[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(j.YS,t,o.uiState.isMobileLandscape?j.rK:void 0,o.uiState.isMobilePortrait?j.tW:void 0,o.uiState.configSettingsIsExpanded?j.zh:void 0,o.uiState.configSettingsIsMaxExpanded?j.Zk:void 0,o.productState.plannerRenderingIsStaticBG?j.Li:void 0,j.Gr),children:[(0,D.jsxs)("div",{className:j.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:j.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:j.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:j.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:j.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:j.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},17333:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--J0Scc h1 {\n  font-weight: 700;\n}\n",""]);var a="index-module--J0Scc";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6733,7020,3170],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},76733:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(83170),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(17333),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderRalph(n){return(0,v.jsx)(i.default,{hidePrice:!0,productClass:h.I})}},83170:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(91923),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),S=t.n(P),j=t(26876),y={};y.styleTagTransform=S(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();x()(j.ZP,y);j.ZP&&j.ZP.locals&&j.ZP.locals;var z=t(6937),H=t(48545),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),S=(0,i.Z)(P,2),y=S[0],I=S[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(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}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(j.YS,t,o.uiState.isMobileLandscape?j.rK:void 0,o.uiState.isMobilePortrait?j.tW:void 0,o.uiState.configSettingsIsExpanded?j.zh:void 0,o.uiState.configSettingsIsMaxExpanded?j.Zk:void 0,o.productState.plannerRenderingIsStaticBG?j.Li:void 0,j.Gr),children:[(0,D.jsxs)("div",{className:j.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:j.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:j.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:j.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:j.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!y&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:j.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:j.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:j.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},17333:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--J0Scc h1 {\n  font-weight: 700;\n}\n",""]);var a="index-module--J0Scc";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\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  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\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  margin-top: 5px;\n\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\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\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\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\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: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\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  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);