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

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

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

Files changed (295) hide show

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

@@ -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}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7078.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7078],{13222:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var i=t(34988),r=t(87363),o=t(36115),s=t(59165),l=t(65515),a=t.n(l),d=t(22976),c=t.n(d),u=t(47514);const h=function DecisionVisualization(e){var n=e.decision,t=e.snapshots,l=e.matchingOptions,d=void 0===l?{}:l,h=e.anyData,p=e.onClose,f=(0,r.useRef)(null),x=(0,r.useState)(),m=(0,i.Z)(x,2),g=m[0],v=m[1],j=function renderIfDefined(e,n){return null!=e&&""!==e?(0,u.jsxs)("p",{children:[(0,u.jsxs)("strong",{children:[n,n?":":""]}),Array.isArray(e)?e.join(", "):e]}):null};(0,r.useEffect)((function(){if(t){var e={},n=function _loop(){var n=t.before[i],r=t.after[i];e[i]={after:r,before:n,removedOpvs:n.visibleOPVs.filter((function(e){return!r.visibleOPVs.includes(e)}))}};for(var i in t.before)n();v(e)}else v(void 0)}),[t]);var b=function isExpanded(e,n,t){var i=t;return!(void 0!==t&&!["removedOpvs","after","before"].includes(t))||!!(g&&i&&g[i]&&JSON.stringify(g[i].before)!==JSON.stringify(g[i].after))};if(void 0!==n.priceFeatureGroupNo){var y,O,C=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{className:o.ii,ref:f,children:[(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["PriceFeatureGroup #",C.priceFeatureGroupNo]}),(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("div",{children:[j(C.catalogId,"Catalog ID"),j(C._id,"priceFeatureGroup ID"),j(null===(y=C.priceFeatureGroupText)||void 0===y?void 0:y.DE,"priceFeatureGroupText"),j(C.percentageSurcharges,"percentageSurcharges"),j(C.isPercentage,"isPercentage"),j(C.comment,"comment"),j(C.featureNos,"Feature References"),j(C.additionalPrice,"Additional Price"),j(C.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"condition"}),(0,u.jsx)("th",{children:"priceField"})]})}),(0,u.jsx)("tbody",{children:null===(O=C.finishes)||void 0===O?void 0:O.map((function(e){return(0,u.jsxs)("tr",{className:a()(e.sequence===C.activeCombination?o.Se:void 0),children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)}),(0,u.jsxs)("td",{children:["PRFG",C.priceFeatureGroupNo+"_"+e.priceField]})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:g,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}if(void 0!==n.Number){var N=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:f,style:{userSelect:"text"},children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("h2",{className:"handle",children:[" Decision Details ",j(N.Number,"Number")]}),j(N.Type,"Type"),j(N.Prio,"Priority"),j(N.Options,"Options"),j(N.enabled?"Yes":"No","Enabled"),j(N.Number,"Decision Number"),j(N.activeCombination,"Active Combination Index"),j(N.disableHistory,"Disabled History"),N.DOC&&N.DOC.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("h3",{children:"Decision Option Combinations:"}),N.DOC.map((function(e,n){var t;return(0,u.jsxs)("div",{className:"decision-option-combination",children:[j(n,"doc Index"),j(e.JsFormula,"Formula"),Object.values(null!==(t=e.Row)&&void 0!==t?t:{}).map((function(e){return(0,u.jsx)(u.Fragment,{children:j(e.join(";"),"Doc Row")})})),e.DA&&e.DA.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("h6",{children:"Decision Actions:"}),(0,u.jsx)("ul",{children:e.DA.map((function(e,n){return(0,u.jsxs)("li",{children:[j(e.Type,"Action Type"),j(e.FeatureRef,"Feature Ref"),j(e.OptionCodex,"OptionCodex"),j(e.OptionRef,"OptionRef"),j(e.OptionRefCodex,"OptionRefCodex"),j(e.OptionValueRefCodex,"OptionValueRefCodex"),j(e.DecisionNr,"DecisionNr")]},n)}))})]}),j(e.ValidOptionValues,"Valid Option Values"),j(e.ValidOptions,"Valid Options")]},n)}))]}),j(N.disableHistory,"Disabled History"),(0,u.jsx)("strong",{children:"Is Valid DOC:"})," ",N.DOC&&N.DOC.length>0?"Yes":"No",(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:g,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}var S,w=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:f,className:o.ii,children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["Decision #",w.decisionNo]}),(0,u.jsxs)("div",{children:[j(w.catalogId,"Catalog ID"),j(w._id,"Decision ID"),j(w.prio,"Priority"),j(w.decisionType,"Decision Type"),j(w.enabled?"Enabled":"Disabled","Status"),j(w.deleted?"Yes":"No","Deleted"),j(w.featureRefs,"Feature References"),j(w.disableHistory,"Disable History"),j(w.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"Actions"}),(0,u.jsx)("th",{children:"Options Set References"})]})}),(0,u.jsx)("tbody",{children:null===(S=w.optionCombinations)||void 0===S?void 0:S.map((function(e){return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:e.actions.join(", ")}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:g,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}},52654:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});t(87363);var i=t(28317),r=t(9420),o=t(47514);const s=(0,r.Pi)((function AsyncRender(e){var n=e.optionSnapshot,t=e.onClick,r=e.showDiffOnly,s=e.allOpen,l=function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}(n.promise);return l?(0,o.jsx)(i.default,{onClick:t,articles:l.articleSnapshot,price:l.price,title:n.title,allOpen:s,showDiffOnly:r,configStepKey:n.key}):(0,o.jsx)(o.Fragment,{})}))},28317:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});var i=t(80248),r=t(34988),o=t(87363),s=t(9420),l=t(93476),a=t(57446),d=t.n(a),c=t(91923),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var h=function getPartlistArticles(e,n){for(var t in e.partlistArticles){var i=e.partlistArticles[t];if(i.hasPartlistArticle)n.push(p(i,!0)),n=h(i,n);else{for(var r=!1,o=0;o<n.length;o++)if(i.articleCodex===n[o].articleCodex&&i.retailArticleNr===n[o].retailArticleNr&&i.retailPrefix===n[o].retailPrefix&&i.catalogCodex===n[o].catalogCodex&&JSON.stringify(i.VariantValues)==JSON.stringify(n[o].VariantValues)){r=!0,n[o].quantity+=i.quantity;break}r||n.push(p(i))}}return n},p=function getPartlsitArticleObj(e,n){var t,i,r,o,s,l;return{name:(n?"Hülse: ":"")+e.posNr+" "+e.name,price:n?"---":e.price,retailArticleNr:null!==(t=e.retailArticleNr)&&void 0!==t?t:"",retailPrefix:null!==(i=e.retailPrefix)&&void 0!==i?i:"",quantity:e.quantity,ruleDesc:null!==(r=e.ruleDesc)&&void 0!==r?r:"",articleCodex:e.articleCodex,catalogCodex:null!==(o=e.catalogCodex)&&void 0!==o?o:"",codex:e.articleCodex,rule:e.ruleDesc,decision:e.partlistDecisionNo?null!==(s=null===(l=e.partListParentArticle)||void 0===l||null===(l=l.catalogArticle.partlistDecisions)||void 0===l?void 0:l["D"+e.partlistDecisionNo])&&void 0!==s?s:e.CatalogData.loadedDecisions.find((function(n){return n.decisionNo===e.partlistDecisionNo})):void 0,partlistRule:e.partlistRule}};const f=(0,s.Pi)((function PartlistTable(e){var n=e.onClick,t=e.articles,i=e.price,s=e.title,a=e.allOpen,p=e.configStepKey,f=e.showDiffOnly,x=(0,o.useState)(),m=(0,r.Z)(x,2),g=m[0],v=m[1],j=(0,c.NP)();return(0,o.useEffect)((function(){var e,n=j.settingsState.partlistArticlesInOverview[p];if((void 0===g||!n||n.totalCount===n.items.length)&&(void 0===g||f)){var i=[];for(var r in t)i=h(t[r],i);f&&n&&n.totalCount===n.items.length&&(i=i.map((function(e){return _objectSpread(_objectSpread({},e),{},{visible:n.items.filter((function(n){return n.articles.find((function(n){return n.plaCodex==e.articleCodex&&e.retailArticleNr==n.retailArticleNr}))})).length!==n.items.length})})));var o=_objectSpread({},j.settingsState.partlistArticlesInOverview);null!==(e=o[p])&&void 0!==e&&e.items&&!o[p].items.find((function(e){return e.opv===s}))&&(o[p].items.push({opv:s,articles:i.map((function(e){return{plaCodex:e.articleCodex,retailArticleNr:e.retailArticleNr,quantity:e.quantity}}))}),j.settingsState.setPartlistArticlesInOverview(o)),v(i)}}),[j.settingsState.partlistArticlesInOverview]),(0,u.jsx)(d(),{trigger:(0,u.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=g?g:[]).length+" preis: "+i+" -- "+s}),open:""==s||a,easing:"ease",transitionTime:100,children:(0,u.jsxs)("table",{className:l.Kz,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsx)("th",{children:"Name"}),(0,u.jsx)("th",{children:"Artikle Nr."}),(0,u.jsx)("th",{children:"CatalogCodex"}),(0,u.jsx)("th",{children:"Preis"}),(0,u.jsx)("th",{children:"Nr"}),(0,u.jsx)("th",{children:"Prefix"}),(0,u.jsx)("th",{children:"Menge"}),(0,u.jsx)("th",{children:"Rule"}),(0,u.jsx)("th",{children:"decision"})]})}),(0,u.jsx)("tbody",{children:(null!=g?g:[]).filter((function(e){return!f||e.visible||void 0===e.visible})).map((function(e){var t,i,r;return(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsxs)("th",{children:[" ",e.name]}),(0,u.jsxs)("th",{children:[e.articleCodex," "]}),(0,u.jsxs)("th",{children:[e.catalogCodex," "]}),(0,u.jsxs)("th",{children:[" ",null!==(t=e.price)&&void 0!==t?t:0," "]}),(0,u.jsxs)("th",{children:[" ",e.retailArticleNr," "]}),(0,u.jsxs)("th",{children:[e.retailPrefix," "]}),(0,u.jsxs)("th",{children:[e.quantity," "]}),(0,u.jsx)("th",{children:e.rule}),e.decision&&(0,u.jsx)("th",{onClick:function onClick(){return n({decision:e.decision,rule:e.partlistRule})},children:(null===(i=e.decision)||void 0===i?void 0:i.Number)||(null===(r=e.decision)||void 0===r?void 0:r.decisionNo)})]},e.articleCodex+e.retailArticleNr)}))})]})})}))},97078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(80248),r=t(34988),o=t(72874),s=t(87363),l=t(51203),a=t(93476),d=t(36115),c=t(91923),u=t(9420),h=t(65515),p=t.n(h),f=t(13222),x=t(32142),m=t(52654),g=t(47514),v=["onMouseDown"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const j=(0,u.Pi)((function PartList(e){var n=e.onMouseDown,t=(0,o.Z)(e,v),i=(0,c.NP)(),u=(0,s.useState)(),h=(0,r.Z)(u,2),j=h[0],b=h[1],y=(0,s.useState)(),O=(0,r.Z)(y,2),C=O[0],N=O[1],S=(0,s.useState)(!1),w=(0,r.Z)(S,2),P=w[0],D=w[1],k=(0,s.useState)(!1),A=(0,r.Z)(k,2),F=A[0],R=A[1],_=(0,s.useState)(!0),z=(0,r.Z)(_,2),E=z[0],I=z[1],V=function onClick(e){var n,t,i=e.decision;(i.decisionNo||i.Number)==((null==j||null===(n=j.decision)||void 0===n?void 0:n.Number)||(null==j||null===(t=j.decision)||void 0===t?void 0:t.decisionNo))?b(void 0):b(e)};(0,s.useEffect)((function(){P?setTimeout((function(){return Z()}),400):N([{snapshots:[{promise:new Promise((function(e){var n,t,r;e({articleSnapshot:null!==(n=i.divaWebPlanner.getDivaArticles())&&void 0!==n?n:{},price:null!==(t=null===(r=i.divaWebPlanner.actSet())||void 0===r?void 0:r.getSetPrice())&&void 0!==t?t:0})})),title:"",key:i.settingsState.configChanged.toString()}]}])}),[i.settingsState.configChanged,i.tabGroupState.curConfigStep]);var Z=function updateVariants(){for(var e=[],n={},t=i.settingsState.itemPaletteArr.filter((function(e){return e[1].visible})).map((function(e){return{items:e[1].groups.flatMap((function(e){return e.items.flatMap((function(e){return e}))})),palette:e[1]}})),r=0;r<t.length;r++){for(var o=t[r].items,s=t[r].palette,l=[],a=0;a<o.length;a++){var d=o[a];d.pricePreviewPromise&&(d.text||d.name)&&l.push({promise:d.pricePreviewPromise.promise,title:d.text||d.name,key:s.configStepKey})}n[s.configStepKey]={items:[],totalCount:o.length},e.push({snapshots:l,palette:s})}i.settingsState.setPartlistArticlesInOverview(n),N(e)};return(0,s.useEffect)((function(){var e=i.divaWebPlanner.actSet();e&&(e.logTotalStateForVariants=P)}),[P]),null!=C&&C.length?(0,g.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:p()(t.className,a.fm,i.uiState.configSettingsIsExpanded?l.NF:void 0),style:{zIndex:800},children:[(0,g.jsxs)("a",{className:a.Fs,onMouseDown:n,children:["Stücklisten Übersicht",(0,g.jsxs)("div",{className:a.US,children:[(0,g.jsx)(x.default,{state:P,onChange:function onChange(e){return D(e)},on:"alle",off:"einzeln",width:100}),P&&(0,g.jsx)(x.default,{state:F,onChange:function onChange(e){return R(e)},on:"offen",off:"zu",width:100}),P&&(0,g.jsx)(x.default,{state:E,onChange:function onChange(e){return I(e)},on:"schnittm.",off:"alle",width:100})]})]}),C.map((function(e,n){var t;return(0,g.jsxs)("div",{className:a.EM,children:[!(null===(t=e.palette)||void 0===t||!t.name)&&(0,g.jsx)("div",{children:e.palette.name}),e.snapshots.map((function(e){return(0,g.jsx)(s.Suspense,{children:(0,g.jsx)(m.default,{onClick:V,optionSnapshot:e,allOpen:F,showDiffOnly:E},e.key)})}))]},n)})),j&&(0,g.jsx)("div",{className:d.EC,style:{right:0,zIndex:100},children:(0,g.jsx)(f.default,{decision:j.decision,matchingOptions:j.rule})})]})):(0,g.jsx)(g.Fragment,{})}))},33981:(e,n,t)=>{t.d(n,{$Q:()=>p,EC:()=>j,Fs:()=>v,Kz:()=>h,Se:()=>f,UF:()=>m,ZP:()=>N,ao:()=>C,dY:()=>O,fm:()=>g,hX:()=>x,ii:()=>b,uR:()=>y});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),l=t(61667),a=t.n(l),d=new URL(t(76380),t.b),c=s()(r()),u=a()(d);c.push([e.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--sS9Y_ thead {\n  font-weight: bold !important;\n}\n.index-module--sS9Y_ thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--O5GJU {\n  text-align: left;\n}\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n.index-module--xNfvC {\n  font-weight: bold;\n}\n.index-module--oALcg {\n  height: 12px;\n  font-size: 10px;\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--sBWMs {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  left: 500px;\n  z-index: 100000;\n  width: calc(100vw - 500px);\n  pointer-events: none;\n  height: calc(100vh - 60px);\n  overflow: auto;\n}\n\n.index-module--uzZoJ {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n}\n\n.index-module--uzZoJ h2 {\n  cursor: move;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var h="index-module--sS9Y_",p="index-module--O5GJU",f="index-module--xNfvC",x="index-module--oALcg",m="index-module--HpoCh",g="index-module--bBk4P",v="index-module--sBWMs",j="index-module--XrXfq",b="index-module--uzZoJ",y="index-module--wrmAf",O="index-module--GsJQn",C="index-module--gf_Q8";const N=c},36115:(e,n,t)=>{t.d(n,{$Q:()=>x.$Q,EC:()=>x.EC,Fs:()=>x.Fs,Kz:()=>x.Kz,Se:()=>x.Se,UF:()=>x.UF,ao:()=>x.ao,dY:()=>x.dY,fm:()=>x.fm,hX:()=>x.hX,ii:()=>x.ii,uR:()=>x.uR});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),l=t(90569),a=t.n(l),d=t(3565),c=t.n(d),u=t(19216),h=t.n(u),p=t(44589),f=t.n(p),x=t(33981),m={};m.styleTagTransform=f(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=h();r()(x.ZP,m),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7078],{13222:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});var i=t(34988),r=t(87363),o=t(36115),s=t(59165),l=t(65515),a=t.n(l),d=t(22976),c=t.n(d),u=t(47514);const f=function DecisionVisualization(e){var n=e.decision,t=e.snapshots,l=e.matchingOptions,d=void 0===l?{}:l,f=e.anyData,h=e.onClose,p=(0,r.useRef)(null),x=(0,r.useState)(),m=(0,i.Z)(x,2),g=m[0],v=m[1],b=function renderIfDefined(e,n){return null!=e&&""!==e?(0,u.jsxs)("p",{children:[(0,u.jsxs)("strong",{children:[n,n?":":""]}),Array.isArray(e)?e.join(", "):e]}):null};(0,r.useEffect)((function(){if(t){var e={},n=function _loop(){var n=t.before[i],r=t.after[i];e[i]={after:r,before:n,removedOpvs:n.visibleOPVs.filter((function(e){return!r.visibleOPVs.includes(e)}))}};for(var i in t.before)n();v(e)}else v(void 0)}),[t]);var j=function isExpanded(e,n,t){var i=t;return!(void 0!==t&&!["removedOpvs","after","before"].includes(t))||!!(g&&i&&g[i]&&JSON.stringify(g[i].before)!==JSON.stringify(g[i].after))};if(void 0!==n.priceFeatureGroupNo){var y,O,C=n;return(0,u.jsx)(c(),{nodeRef:p,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{className:o.ii,ref:p,children:[(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["PriceFeatureGroup #",C.priceFeatureGroupNo]}),(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("div",{children:[b(C.catalogId,"Catalog ID"),b(C._id,"priceFeatureGroup ID"),b(null===(y=C.priceFeatureGroupText)||void 0===y?void 0:y.DE,"priceFeatureGroupText"),b(C.percentageSurcharges,"percentageSurcharges"),b(C.isPercentage,"isPercentage"),b(C.comment,"comment"),b(C.featureNos,"Feature References"),b(C.additionalPrice,"Additional Price"),b(C.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"condition"}),(0,u.jsx)("th",{children:"priceField"})]})}),(0,u.jsx)("tbody",{children:null===(O=C.finishes)||void 0===O?void 0:O.map((function(e){return(0,u.jsxs)("tr",{className:a()(e.sequence===C.activeCombination?o.Se:void 0),children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)}),(0,u.jsxs)("td",{children:["PRFG",C.priceFeatureGroupNo+"_"+e.priceField]})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return b(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:j,data:g,style:s._l})]}),!!f&&(0,u.jsx)(s.gc,{data:f,style:s._l})]})})}if(void 0!==n.Number){var N=n;return(0,u.jsx)(c(),{nodeRef:p,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:p,style:{userSelect:"text"},children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:"handle",children:[" Decision Details ",b(N.Number,"Number")]}),b(N.Type,"Type"),b(N.Prio,"Priority"),b(N.Options,"Options"),b(N.enabled?"Yes":"No","Enabled"),b(N.Number,"Decision Number"),b(N.activeCombination,"Active Combination Index"),b(N.disableHistory,"Disabled History"),N.DOC&&N.DOC.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("h3",{children:"Decision Option Combinations:"}),N.DOC.map((function(e,n){var t;return(0,u.jsxs)("div",{className:"decision-option-combination",children:[b(n,"doc Index"),b(e.JsFormula,"Formula"),Object.values(null!==(t=e.Row)&&void 0!==t?t:{}).map((function(e){return(0,u.jsx)(u.Fragment,{children:b(e.join(";"),"Doc Row")})})),e.DA&&e.DA.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("h6",{children:"Decision Actions:"}),(0,u.jsx)("ul",{children:e.DA.map((function(e,n){return(0,u.jsxs)("li",{children:[b(e.Type,"Action Type"),b(e.FeatureRef,"Feature Ref"),b(e.OptionCodex,"OptionCodex"),b(e.OptionRef,"OptionRef"),b(e.OptionRefCodex,"OptionRefCodex"),b(e.OptionValueRefCodex,"OptionValueRefCodex"),b(e.DecisionNr,"DecisionNr")]},n)}))})]}),b(e.ValidOptionValues,"Valid Option Values"),b(e.RefLevel,"RefLevel"),b(e.ValidOptions,"Valid Options")]},n)}))]}),b(N.disableHistory,"Disabled History"),(0,u.jsx)("strong",{children:"Is Valid DOC:"})," ",N.DOC&&N.DOC.length>0?"Yes":"No",(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return b(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:j,data:g,style:s._l})]}),!!f&&(0,u.jsx)(s.gc,{data:f,style:s._l})]})})}var S,P=n;return(0,u.jsx)(c(),{nodeRef:p,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:p,className:o.ii,children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["Decision #",P.decisionNo]}),(0,u.jsxs)("div",{children:[b(P.catalogId,"Catalog ID"),b(P._id,"Decision ID"),b(P.prio,"Priority"),b(P.decisionType,"Decision Type"),b(P.enabled?"Enabled":"Disabled","Status"),b(P.deleted?"Yes":"No","Deleted"),b(P.featureRefs,"Feature References"),b(P.disableHistory,"Disable History"),b(P.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"Actions"}),(0,u.jsx)("th",{children:"Options Set References"})]})}),(0,u.jsx)("tbody",{children:null===(S=P.optionCombinations)||void 0===S?void 0:S.map((function(e){return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:e.actions.join(", ")}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return b(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:j,data:g,style:s._l})]}),!!f&&(0,u.jsx)(s.gc,{data:f,style:s._l})]})})}},52654:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});t(87363);var i=t(28317),r=t(9420),o=t(47514);const s=(0,r.Pi)((function AsyncRender(e){var n=e.optionSnapshot,t=e.onClick,r=e.showDiffOnly,s=e.allOpen,l=function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}(n.promise);return l?(0,o.jsx)(i.default,{onClick:t,articles:l.articleSnapshot,price:l.price,title:n.title,allOpen:s,showDiffOnly:r,configStepKey:n.key}):(0,o.jsx)(o.Fragment,{})}))},28317:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var i=t(80248),r=t(34988),o=t(87363),s=t(9420),l=t(93476),a=t(57446),d=t.n(a),c=t(91923),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var f=function getPartlistArticles(e,n){for(var t in e.partlistArticles){var i=e.partlistArticles[t];if(i.hasPartlistArticle)n.push(h(i,!0)),n=f(i,n);else{for(var r=!1,o=0;o<n.length;o++)if(i.articleCodex===n[o].articleCodex&&i.retailArticleNr===n[o].retailArticleNr&&i.retailPrefix===n[o].retailPrefix&&i.catalogCodex===n[o].catalogCodex&&JSON.stringify(i.VariantValues)==JSON.stringify(n[o].VariantValues)){r=!0,n[o].quantity+=i.quantity;break}r||n.push(h(i))}}return n},h=function getPartlsitArticleObj(e,n){var t,i,r,o,s,l;return{name:(n?"Hülse: ":"")+e.posNr+" "+e.name,price:n?"---":e.price,retailArticleNr:null!==(t=e.retailArticleNr)&&void 0!==t?t:"",retailPrefix:null!==(i=e.retailPrefix)&&void 0!==i?i:"",quantity:e.quantity,ruleDesc:null!==(r=e.ruleDesc)&&void 0!==r?r:"",articleCodex:e.articleCodex,catalogCodex:null!==(o=e.catalogCodex)&&void 0!==o?o:"",codex:e.articleCodex,rule:e.ruleDesc,decision:e.partlistDecisionNo?null!==(s=null===(l=e.partListParentArticle)||void 0===l||null===(l=l.catalogArticle.partlistDecisions)||void 0===l?void 0:l["D"+e.partlistDecisionNo])&&void 0!==s?s:e.CatalogData.loadedDecisions.find((function(n){return n.decisionNo===e.partlistDecisionNo})):void 0,partlistRule:e.partlistRule}};const p=(0,s.Pi)((function PartlistTable(e){var n=e.onClick,t=e.articles,i=e.price,s=e.title,a=e.allOpen,h=e.configStepKey,p=e.showDiffOnly,x=(0,o.useState)(),m=(0,r.Z)(x,2),g=m[0],v=m[1],b=(0,c.NP)();return(0,o.useEffect)((function(){var e,n=b.settingsState.partlistArticlesInOverview[h];if((void 0===g||!n||n.totalCount===n.items.length)&&(void 0===g||p)){var i=[];for(var r in t)i=f(t[r],i);p&&n&&n.totalCount===n.items.length&&(i=i.map((function(e){return _objectSpread(_objectSpread({},e),{},{visible:n.items.filter((function(n){return n.articles.find((function(n){return n.plaCodex==e.articleCodex&&e.retailArticleNr==n.retailArticleNr}))})).length!==n.items.length})})));var o=_objectSpread({},b.settingsState.partlistArticlesInOverview);null!==(e=o[h])&&void 0!==e&&e.items&&!o[h].items.find((function(e){return e.opv===s}))&&(o[h].items.push({opv:s,articles:i.map((function(e){return{plaCodex:e.articleCodex,retailArticleNr:e.retailArticleNr,quantity:e.quantity}}))}),b.settingsState.setPartlistArticlesInOverview(o)),v(i)}}),[b.settingsState.partlistArticlesInOverview]),(0,u.jsx)(d(),{trigger:(0,u.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=g?g:[]).length+" preis: "+i+" -- "+s}),open:""==s||a,easing:"ease",transitionTime:100,children:(0,u.jsxs)("table",{className:l.Kz,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsx)("th",{children:"Name"}),(0,u.jsx)("th",{children:"Artikle Nr."}),(0,u.jsx)("th",{children:"CatalogCodex"}),(0,u.jsx)("th",{children:"Preis"}),(0,u.jsx)("th",{children:"Nr"}),(0,u.jsx)("th",{children:"Prefix"}),(0,u.jsx)("th",{children:"Menge"}),(0,u.jsx)("th",{children:"Rule"}),(0,u.jsx)("th",{children:"decision"})]})}),(0,u.jsx)("tbody",{children:(null!=g?g:[]).filter((function(e){return!p||e.visible||void 0===e.visible})).map((function(e){var t,i,r;return(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsxs)("th",{children:[" ",e.name]}),(0,u.jsxs)("th",{children:[e.articleCodex," "]}),(0,u.jsxs)("th",{children:[e.catalogCodex," "]}),(0,u.jsxs)("th",{children:[" ",null!==(t=e.price)&&void 0!==t?t:0," "]}),(0,u.jsxs)("th",{children:[" ",e.retailArticleNr," "]}),(0,u.jsxs)("th",{children:[e.retailPrefix," "]}),(0,u.jsxs)("th",{children:[e.quantity," "]}),(0,u.jsx)("th",{children:e.rule}),e.decision&&(0,u.jsx)("th",{onClick:function onClick(){return n({decision:e.decision,rule:e.partlistRule})},children:(null===(i=e.decision)||void 0===i?void 0:i.Number)||(null===(r=e.decision)||void 0===r?void 0:r.decisionNo)})]},e.articleCodex+e.retailArticleNr)}))})]})})}))},97078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),r=t(34988),o=t(72874),s=t(87363),l=t(51203),a=t(93476),d=t(36115),c=t(91923),u=t(9420),f=t(65515),h=t.n(f),p=t(13222),x=t(32142),m=t(52654),g=t(47514),v=["onMouseDown"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const b=(0,u.Pi)((function PartList(e){var n=e.onMouseDown,t=(0,o.Z)(e,v),i=(0,c.NP)(),u=(0,s.useState)(),f=(0,r.Z)(u,2),b=f[0],j=f[1],y=(0,s.useState)(),O=(0,r.Z)(y,2),C=O[0],N=O[1],S=(0,s.useState)(!1),P=(0,r.Z)(S,2),w=P[0],D=P[1],k=(0,s.useState)(!1),A=(0,r.Z)(k,2),F=A[0],R=A[1],_=(0,s.useState)(!0),z=(0,r.Z)(_,2),E=z[0],I=z[1],V=function onClick(e){var n,t,i=e.decision;(i.decisionNo||i.Number)==((null==b||null===(n=b.decision)||void 0===n?void 0:n.Number)||(null==b||null===(t=b.decision)||void 0===t?void 0:t.decisionNo))?j(void 0):j(e)};(0,s.useEffect)((function(){w?setTimeout((function(){return Z()}),400):N([{snapshots:[{promise:new Promise((function(e){var n,t,r;e({articleSnapshot:null!==(n=i.divaWebPlanner.getDivaArticles())&&void 0!==n?n:{},price:null!==(t=null===(r=i.divaWebPlanner.actSet())||void 0===r?void 0:r.getSetPrice())&&void 0!==t?t:0})})),title:"",key:i.settingsState.configChanged.toString()}]}])}),[i.settingsState.configChanged,i.tabGroupState.curConfigStep]);var Z=function updateVariants(){for(var e=[],n={},t=i.settingsState.itemPaletteArr.filter((function(e){return e[1].visible})).map((function(e){return{items:e[1].groups.flatMap((function(e){return e.items.flatMap((function(e){return e}))})),palette:e[1]}})),r=0;r<t.length;r++){for(var o=t[r].items,s=t[r].palette,l=[],a=0;a<o.length;a++){var d=o[a];d.pricePreviewPromise&&(d.text||d.name)&&l.push({promise:d.pricePreviewPromise.promise,title:d.text||d.name,key:s.configStepKey})}n[s.configStepKey]={items:[],totalCount:o.length},e.push({snapshots:l,palette:s})}i.settingsState.setPartlistArticlesInOverview(n),N(e)};return(0,s.useEffect)((function(){var e=i.divaWebPlanner.actSet();e&&(e.logTotalStateForVariants=w)}),[w]),null!=C&&C.length?(0,g.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:h()(t.className,a.fm,i.uiState.configSettingsIsExpanded?l.NF:void 0),style:{zIndex:800},children:[(0,g.jsxs)("a",{className:a.Fs,onMouseDown:n,children:["Stücklisten Übersicht",(0,g.jsxs)("div",{className:a.US,children:[(0,g.jsx)(x.default,{state:w,onChange:function onChange(e){return D(e)},on:"alle",off:"einzeln",width:100}),w&&(0,g.jsx)(x.default,{state:F,onChange:function onChange(e){return R(e)},on:"offen",off:"zu",width:100}),w&&(0,g.jsx)(x.default,{state:E,onChange:function onChange(e){return I(e)},on:"schnittm.",off:"alle",width:100})]})]}),C.map((function(e,n){var t;return(0,g.jsxs)("div",{className:a.EM,children:[!(null===(t=e.palette)||void 0===t||!t.name)&&(0,g.jsx)("div",{children:e.palette.name}),e.snapshots.map((function(e){return(0,g.jsx)(s.Suspense,{children:(0,g.jsx)(m.default,{onClick:V,optionSnapshot:e,allOpen:F,showDiffOnly:E},e.key)})}))]},n)})),b&&(0,g.jsx)("div",{className:d.EC,style:{right:0,zIndex:100},children:(0,g.jsx)(p.default,{decision:b.decision,matchingOptions:b.rule})})]})):(0,g.jsx)(g.Fragment,{})}))},33981:(e,n,t)=>{t.d(n,{$Q:()=>h,EC:()=>b,Fs:()=>v,Kz:()=>f,Se:()=>p,UF:()=>m,ZP:()=>N,ao:()=>C,dY:()=>O,fm:()=>g,hX:()=>x,ii:()=>j,uR:()=>y});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),l=t(61667),a=t.n(l),d=new URL(t(76380),t.b),c=s()(r()),u=a()(d);c.push([e.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--sS9Y_ thead {\n  font-weight: bold !important;\n}\n.index-module--sS9Y_ thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--O5GJU {\n  text-align: left;\n}\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n.index-module--xNfvC {\n  font-weight: bold;\n}\n.index-module--oALcg {\n  height: 12px;\n  font-size: 10px;\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--sBWMs {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 600px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.index-module--uzZoJ {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n}\n\n.index-module--uzZoJ h2 {\n  cursor: move;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var f="index-module--sS9Y_",h="index-module--O5GJU",p="index-module--xNfvC",x="index-module--oALcg",m="index-module--HpoCh",g="index-module--bBk4P",v="index-module--sBWMs",b="index-module--XrXfq",j="index-module--uzZoJ",y="index-module--wrmAf",O="index-module--GsJQn",C="index-module--gf_Q8";const N=c},36115:(e,n,t)=>{t.d(n,{$Q:()=>x.$Q,EC:()=>x.EC,Fs:()=>x.Fs,Kz:()=>x.Kz,Se:()=>x.Se,UF:()=>x.UF,ao:()=>x.ao,dY:()=>x.dY,fm:()=>x.fm,hX:()=>x.hX,ii:()=>x.ii,uR:()=>x.uR});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),l=t(90569),a=t.n(l),d=t(3565),c=t.n(d),u=t(19216),f=t.n(u),h=t(44589),p=t.n(h),x=t(33981),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=f();r()(x.ZP,m),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7266.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7266],{27266:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(13125),i=n(43860),a=n(80248),o=n(90050),s=n(88683),d={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );","   float brightness =  0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );","   if( texelForground.w < 0.001){","       gl_FragColor = vec4(0, 0, 0, 0.0);","   }","   else if( texelBackground.x <  0.3 ){","       gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;","   }","   else {","       gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);","   }","}"].join("\n")},l=n(82042),c=n(92528),h=n(3259),g=n(48655),u=n(27754),v=(0,s.getLogger)("Planner","Planner3DGrid"),m=function(){return(0,i.Z)((function Planner3DGrid(e,t){var n=this;(0,r.Z)(this,Planner3DGrid),(0,a.Z)(this,"autoDockingDistance",40),(0,a.Z)(this,"threeContainer",void 0),(0,a.Z)(this,"doShow3DGrid",!1),(0,a.Z)(this,"updatePlannerTrans",void 0),(0,a.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,a.Z)(this,"getAllPlannedElements",void 0),(0,a.Z)(this,"groundPlane",void 0),(0,a.Z)(this,"camera",void 0),(0,a.Z)(this,"renderer",void 0),(0,a.Z)(this,"scene",void 0),(0,a.Z)(this,"sceneTree",void 0),(0,a.Z)(this,"backgroundTex",void 0),(0,a.Z)(this,"backGroundTexChanged",!1),(0,a.Z)(this,"canvasWidth",void 0),(0,a.Z)(this,"canvasHeight",void 0),(0,a.Z)(this,"moveIconPerspective",void 0),(0,a.Z)(this,"rotateIconPerspective",void 0),(0,a.Z)(this,"rotationCenter",void 0),(0,a.Z)(this,"isTransforming",!1),(0,a.Z)(this,"transformWorldPosLastFrame",void 0),(0,a.Z)(this,"curSelectedElement",void 0),(0,a.Z)(this,"blenderPass",null),(0,a.Z)(this,"composer",null),(0,a.Z)(this,"onMouseUpClearSelection",(function(e){n.clearSelectionFrom3DGrid(),n.threeContainer.removeEventListener("mouseup",n.onMouseUpClearSelection)})),(0,a.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(n.camera){var r=new l.iMs,i=new l.Pa4;return e=e/n.canvasWidth*2-1,t=-t/n.canvasHeight*2+1,i.set(e,t,.5),r.setFromCamera(new l.FM8(i.x,i.y),n.camera),r.intersectObject(n.groundPlane,!0)}})),(0,a.Z)(this,"startMove",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),v.debug("Start transforming","Planner3DGrid"),n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopMove",(function(e,t){v.debug("Stop transforming","Planner3DGrid"),n.isTransforming=!1,n.transformWorldPosLastFrame=void 0,null!=n.curSelectedElement&&n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"startRotation",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopRotation",(function(e,t){n.isTransforming=!1,n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"handleTranslation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=new o.FM(i[0].point.x,i[0].point.z);if(v.debug("MOVE TO WORLD POS "+s.toString(),"Planner3DGrid"),!n.transformWorldPosLastFrame)return void(n.transformWorldPosLastFrame=s);var d=new o.FM(s.x-n.transformWorldPosLastFrame.x,s.y-n.transformWorldPosLastFrame.y),l=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!l)return;l.position.x+=d.x,l.position.z+=d.y,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(100*d.x,0,100*d.y),0,5,"UPDATE",n.autoDockingDistance),n.transformWorldPosLastFrame=s}})),(0,a.Z)(this,"handleRotation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!s)return;var d=new o.FM(i[0].point.x,i[0].point.z);if(n.rotationCenter){var l=new o.FM(d.x-s.position.x,d.y-s.position.z),c=new o.FM(0,1),h=o.FM.angleRad(l,c);d.x<s.position.x&&(h=2*Math.PI-h);var g=s.rotation.z-h;s.rotation.z=h,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(0,0,0),180*g/Math.PI,5,"UPDATE",n.autoDockingDistance)}else n.rotationCenter=d}})),(0,a.Z)(this,"run",(function(){if(n.doShow3DGrid&&null!=n.renderer&&null!=n.backgroundTex){var e=n,t=n.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),n.backGroundTexChanged&&(n.backGroundTexChanged=!1,n.blenderPass.uniforms.backgroundImg.value=n.backgroundTex),n.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(v.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var n=new l._12(100,100),r=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(n,r),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new c.x(this.renderer),this.composer.addPass(new h.C(this.scene,this.camera)),this.blenderPass=new g.T(d),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(v.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var n=new l.USm;return n.setFromQuaternion(t),n.y+=Math.PI,n.z*=-1,n}},{key:"posToThreePos",value:function posToThreePos(e){return new o.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,n){t.forEach((function(t,n){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var n=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=n.x,this.camera.position.y=n.y,this.camera.position.z=n.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var n=new o.FM(-.15,t.getDepthOLT()/100/2+.15);n=o.FM.rotateOrigin(n,t.getRotDeg());var r=new l.Pa4(t.getWorldPosCenter().x/100+n.x,0,t.getWorldPosCenter().z/100+n.y),i=o.FM.convertToVector2(this.convertWorldPosToScreenPos(r));if(null!=i){var a=new o.FM(.15,t.getDepthOLT()/100/2+.15);a=o.FM.rotateOrigin(a,t.getRotDeg());var s=new l.Pa4(t.getWorldPosCenter().x/100+a.x,0,t.getWorldPosCenter().z/100+a.y),d=o.FM.convertToVector2(this.convertWorldPosToScreenPos(s));if(null!=d){var c=new o.FM((i.x+(null==d?void 0:d.x))/2,(i.y+d.y)/2),h=o.FM.getDirection(i,c),g=o.FM.getDirection(d,c),u=o.FM.add(o.FM.mulNum(o.FM.normalize(h),32),c);u.interpretation="pixel";var v=o.FM.add(o.FM.mulNum(o.FM.normalize(g),32),c);v.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),u,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),v,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var n=e.getWidthOLT()/100,r=e.getDepthOLT()/100,i=new l._12(n,r),a=new l.vBJ({map:t}),o=new l.Kj0(i,a);o.rotation.z=-e.getRotRad(),o.rotation.x=-Math.PI/2,o.position.x=e.getWorldPosCenter().x/100,o.position.y=e.getLayer()/500,o.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),o),this.scene.add(o)}}},{key:"updateScene",value:function updateScene(e,t,n,r,i){var a=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=n,this.initBackgroundScene(t),this.canvasWidth=i.imgWidth,this.canvasHeight=i.imgHeight;var o=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=i.imgWidth||this.renderer.getSize(new l.FM8).y!=i.imgHeight||(null==o?void 0:o.vertFov)!=this.camera.fov)&&(this.camera.fov=o.vertFov,this.camera.aspect=i.imgWidth/i.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(i.imgWidth,i.imgHeight)),this.updateCamera(t),r.forEach((function(t,r){for(var i=0;i<t.length;i++)null!=n&&t[i].getElementId()==n.getElementId()&&a.updateInteractionIcons(e,t[i])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new o.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var n=this.canvasWidth/2,r=this.canvasHeight/2;return t.x=t.x*n+n,t.y=-t.y*r+r,new u.F(t.x,t.y)}}])}(),P=function(){return(0,i.Z)((function Planner3DImageUI(e,t){(0,r.Z)(this,Planner3DImageUI),(0,a.Z)(this,"uiHTMLContainer",void 0),(0,a.Z)(this,"classUI","wc3DImageUI"),(0,a.Z)(this,"getConfiguratorState",void 0),(0,a.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,n,r){n>100||n<0||r>100||r<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new o.FM(n,r,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,n,r){var i=r.getAlternateRenderInfo();if(!r.getAlternateRenderingsExist()||null!=i){var a=n.parentElementId+"."+n.shelfGridId+"."+n.shelfRasterHeight,o=r.getLeftBottomFrontUIPos(t,a);if(o&&!(o.x<0||o.x>100||o.y<0||o.y>100)){var s=Math.round(r.getDistanceToGround(t,a));-1!=s&&e.addDistanceFromGround(t,n.parentElementId,s,o)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,n,r,i,a){n<0&&(n=0),n>100&&(n=100),r<0&&(r=0),r>100&&(r=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new o.FM(n,r,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),i?"selected":a?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,n){var r=!1,i=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==i||i.IsDisabled||(r=!0);var a=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",a,"3D");var o=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",o,"3D"),r){var s=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",s,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new o.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,n,r){for(var i=t.getAllDockingPoints(),a=0;a<i.length;a++){var s,d=i[a];if((null===(s=this.plannerPaletteViewInfo)||void 0===s||null===(s=s.plannerConfiguration.hideAVButtons)||void 0===s||!s.includes(d.Type))&&(("AVO"==d.Type||"AVC"==d.Type||"AVU"==d.Type||"AVS"==d.Type||"AVN"==d.Type)&&null==r||r===d.Type))for(var l=0;l<n.length;l++)d.Name==n[l].N&&e.addDP(t.getSetId(),t.getElementId(),d.DpId,"ACC",d.IsDocking?"DOCKING":"NOT_DOCKING",d.OnElementId,t.getRotDeg(),0,new o.FM(n[l].x,n[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,n,r,i){var a=t.getOutlinePolygonForSVG(n.getSetId(),n.getElementId(),i);a&&e.addOutline3D(n.getSetId(),n.getElementId(),a.points,a.avgCamDist,r,"BOX"==n.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s,d){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,n){for(var s=0;s<t.length;s++){var c=t[s];if(r.hasUIInfosOfElement(c.getSetId(),c.getElementId())){var h=!1,g=o;if(i.has(n))h=i.get(n).map((function(e){return e.getElementId()})).includes(c.getElementId());if(!h&&!o&&a.has(n))for(var u=a.get(n),v=0;v<u.length;v++)if(c.getElementId()==u[v].getElementId()){g=!0;break}switch(l.addOutlinePolygon(e,r,c,h?"selected":g?"selectable":"unselectable",d),c.getPlannerType()){case"STD":var m=r.getLeftTopBackUIPos(c.getSetId(),c.getElementId());if(m&&l.addPosNrUI(e,c,m.x,m.y,h,g),h&&["PLANNER","PRODUCTS","PROMOTED"].includes(l.getConfiguratorState())){c.getIsDockedAccessoire()?l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()),"AVO"):l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()));var P=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,P.x,P.y),l.addCopyIcon(e,c)}if("ACC_PLANNER"==l.getConfiguratorState()&&c.getIsDockedAccessoire()){var I=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,I.x,I.y)}break;case"BOX":var f=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");if(f&&l.addPosNrUI(e,c,f.x,f.y,h,g),h&&(l.addBoxPlannerDockingPoints(e,c,r),!l.checkBoxPlannerSingleElement(t)&&null!=c.getFreeDockingPointByTypeAndNumber("AVO",1))){var D=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");D&&l.addDelIcon(e,c,D.x,D.y)}}}}})),n.forEach((function(t,n){for(var i=0;i<t.length;i++){var a=t[i];a.isShelfAcc&&l.addDimensionInfo(e,n,a,r)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),n=e[0].getAllDockingPoints(),r=0;r<t.length;r++)for(var i=t[r],a=0;a<n.length;a++){var o=n[a];if(i.IsDocking&&o.IsDocking&&2==i.Number&&2==o.Number&&("AVO"==i.Type||"AVU"==i.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),I=function(){return(0,i.Z)((function Planner3DImage(e,t,n,i,s,d){(0,r.Z)(this,Planner3DImage),(0,a.Z)(this,"imageContainer",void 0),(0,a.Z)(this,"UIHandler",void 0),(0,a.Z)(this,"curRendering",void 0),(0,a.Z)(this,"planner3DGrid",void 0),(0,a.Z)(this,"update3DImgSrcInView",void 0),(0,a.Z)(this,"onDoShowNav3DChanged",void 0),(0,a.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new P(e,d),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new m(n,s),this.onDoShowNav3DChanged=i,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,n,r){if(n)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var i=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!r||!this.enablePlanner3DGrid,i&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!i&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s){var d=this;this.enablePlanner3DGrid&&(r.size>0?r.forEach((function(t,n){for(var r=0;r<t.length;r++)d.planner3DGrid.updateUI(e,t[r])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,n,this.curRendering,r,i,a,o,s)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,n,r,i){var a=this.curRendering.getHasStaticBackground(),o=t.getHasStaticBackground();if(a!=o&&this.onDoShowNav3DChanged(!o),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var s=void 0;r.size>0&&r.forEach((function(e,t){null==s&&e.length>0&&(s=e[0])})),this.planner3DGrid.updateScene(e,t,s,n,i)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7266],{27266:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(13125),i=n(43860),a=n(80248),o=n(18696),s=n(88683),d={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );","   float brightness =  0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );","   if( texelForground.w < 0.001){","       gl_FragColor = vec4(0, 0, 0, 0.0);","   }","   else if( texelBackground.x <  0.3 ){","       gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;","   }","   else {","       gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);","   }","}"].join("\n")},l=n(82042),c=n(92528),h=n(3259),g=n(48655),u=n(27754),v=(0,s.getLogger)("Planner","Planner3DGrid"),m=function(){return(0,i.Z)((function Planner3DGrid(e,t){var n=this;(0,r.Z)(this,Planner3DGrid),(0,a.Z)(this,"autoDockingDistance",40),(0,a.Z)(this,"threeContainer",void 0),(0,a.Z)(this,"doShow3DGrid",!1),(0,a.Z)(this,"updatePlannerTrans",void 0),(0,a.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,a.Z)(this,"getAllPlannedElements",void 0),(0,a.Z)(this,"groundPlane",void 0),(0,a.Z)(this,"camera",void 0),(0,a.Z)(this,"renderer",void 0),(0,a.Z)(this,"scene",void 0),(0,a.Z)(this,"sceneTree",void 0),(0,a.Z)(this,"backgroundTex",void 0),(0,a.Z)(this,"backGroundTexChanged",!1),(0,a.Z)(this,"canvasWidth",void 0),(0,a.Z)(this,"canvasHeight",void 0),(0,a.Z)(this,"moveIconPerspective",void 0),(0,a.Z)(this,"rotateIconPerspective",void 0),(0,a.Z)(this,"rotationCenter",void 0),(0,a.Z)(this,"isTransforming",!1),(0,a.Z)(this,"transformWorldPosLastFrame",void 0),(0,a.Z)(this,"curSelectedElement",void 0),(0,a.Z)(this,"blenderPass",null),(0,a.Z)(this,"composer",null),(0,a.Z)(this,"onMouseUpClearSelection",(function(e){n.clearSelectionFrom3DGrid(),n.threeContainer.removeEventListener("mouseup",n.onMouseUpClearSelection)})),(0,a.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(n.camera){var r=new l.iMs,i=new l.Pa4;return e=e/n.canvasWidth*2-1,t=-t/n.canvasHeight*2+1,i.set(e,t,.5),r.setFromCamera(new l.FM8(i.x,i.y),n.camera),r.intersectObject(n.groundPlane,!0)}})),(0,a.Z)(this,"startMove",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),v.debug("Start transforming","Planner3DGrid"),n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopMove",(function(e,t){v.debug("Stop transforming","Planner3DGrid"),n.isTransforming=!1,n.transformWorldPosLastFrame=void 0,null!=n.curSelectedElement&&n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"startRotation",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopRotation",(function(e,t){n.isTransforming=!1,n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"handleTranslation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=new o.FM(i[0].point.x,i[0].point.z);if(v.debug("MOVE TO WORLD POS "+s.toString(),"Planner3DGrid"),!n.transformWorldPosLastFrame)return void(n.transformWorldPosLastFrame=s);var d=new o.FM(s.x-n.transformWorldPosLastFrame.x,s.y-n.transformWorldPosLastFrame.y),l=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!l)return;l.position.x+=d.x,l.position.z+=d.y,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(100*d.x,0,100*d.y),0,5,"UPDATE",n.autoDockingDistance),n.transformWorldPosLastFrame=s}})),(0,a.Z)(this,"handleRotation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!s)return;var d=new o.FM(i[0].point.x,i[0].point.z);if(n.rotationCenter){var l=new o.FM(d.x-s.position.x,d.y-s.position.z),c=new o.FM(0,1),h=o.FM.angleRad(l,c);d.x<s.position.x&&(h=2*Math.PI-h);var g=s.rotation.z-h;s.rotation.z=h,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(0,0,0),180*g/Math.PI,5,"UPDATE",n.autoDockingDistance)}else n.rotationCenter=d}})),(0,a.Z)(this,"run",(function(){if(n.doShow3DGrid&&null!=n.renderer&&null!=n.backgroundTex){var e=n,t=n.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),n.backGroundTexChanged&&(n.backGroundTexChanged=!1,n.blenderPass.uniforms.backgroundImg.value=n.backgroundTex),n.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(v.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var n=new l._12(100,100),r=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(n,r),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new c.x(this.renderer),this.composer.addPass(new h.C(this.scene,this.camera)),this.blenderPass=new g.T(d),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(v.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var n=new l.USm;return n.setFromQuaternion(t),n.y+=Math.PI,n.z*=-1,n}},{key:"posToThreePos",value:function posToThreePos(e){return new o.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,n){t.forEach((function(t,n){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var n=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=n.x,this.camera.position.y=n.y,this.camera.position.z=n.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var n=new o.FM(-.15,t.getDepthOLT()/100/2+.15);n=o.FM.rotateOrigin(n,t.getRotDeg());var r=new l.Pa4(t.getWorldPosCenter().x/100+n.x,0,t.getWorldPosCenter().z/100+n.y),i=o.FM.convertToVector2(this.convertWorldPosToScreenPos(r));if(null!=i){var a=new o.FM(.15,t.getDepthOLT()/100/2+.15);a=o.FM.rotateOrigin(a,t.getRotDeg());var s=new l.Pa4(t.getWorldPosCenter().x/100+a.x,0,t.getWorldPosCenter().z/100+a.y),d=o.FM.convertToVector2(this.convertWorldPosToScreenPos(s));if(null!=d){var c=new o.FM((i.x+(null==d?void 0:d.x))/2,(i.y+d.y)/2),h=o.FM.getDirection(i,c),g=o.FM.getDirection(d,c),u=o.FM.add(o.FM.mulNum(o.FM.normalize(h),32),c);u.interpretation="pixel";var v=o.FM.add(o.FM.mulNum(o.FM.normalize(g),32),c);v.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),u,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),v,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var n=e.getWidthOLT()/100,r=e.getDepthOLT()/100,i=new l._12(n,r),a=new l.vBJ({map:t}),o=new l.Kj0(i,a);o.rotation.z=-e.getRotRad(),o.rotation.x=-Math.PI/2,o.position.x=e.getWorldPosCenter().x/100,o.position.y=e.getLayer()/500,o.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),o),this.scene.add(o)}}},{key:"updateScene",value:function updateScene(e,t,n,r,i){var a=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=n,this.initBackgroundScene(t),this.canvasWidth=i.imgWidth,this.canvasHeight=i.imgHeight;var o=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=i.imgWidth||this.renderer.getSize(new l.FM8).y!=i.imgHeight||(null==o?void 0:o.vertFov)!=this.camera.fov)&&(this.camera.fov=o.vertFov,this.camera.aspect=i.imgWidth/i.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(i.imgWidth,i.imgHeight)),this.updateCamera(t),r.forEach((function(t,r){for(var i=0;i<t.length;i++)null!=n&&t[i].getElementId()==n.getElementId()&&a.updateInteractionIcons(e,t[i])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new o.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var n=this.canvasWidth/2,r=this.canvasHeight/2;return t.x=t.x*n+n,t.y=-t.y*r+r,new u.F(t.x,t.y)}}])}(),P=function(){return(0,i.Z)((function Planner3DImageUI(e,t){(0,r.Z)(this,Planner3DImageUI),(0,a.Z)(this,"uiHTMLContainer",void 0),(0,a.Z)(this,"classUI","wc3DImageUI"),(0,a.Z)(this,"getConfiguratorState",void 0),(0,a.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,n,r){n>100||n<0||r>100||r<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new o.FM(n,r,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,n,r){var i=r.getAlternateRenderInfo();if(!r.getAlternateRenderingsExist()||null!=i){var a=n.parentElementId+"."+n.shelfGridId+"."+n.shelfRasterHeight,o=r.getLeftBottomFrontUIPos(t,a);if(o&&!(o.x<0||o.x>100||o.y<0||o.y>100)){var s=Math.round(r.getDistanceToGround(t,a));-1!=s&&e.addDistanceFromGround(t,n.parentElementId,s,o)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,n,r,i,a){n<0&&(n=0),n>100&&(n=100),r<0&&(r=0),r>100&&(r=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new o.FM(n,r,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),i?"selected":a?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,n){var r=!1,i=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==i||i.IsDisabled||(r=!0);var a=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",a,"3D");var o=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",o,"3D"),r){var s=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",s,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new o.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,n,r){for(var i=t.getAllDockingPoints(),a=0;a<i.length;a++){var s,d=i[a];if((null===(s=this.plannerPaletteViewInfo)||void 0===s||null===(s=s.plannerConfiguration.hideAVButtons)||void 0===s||!s.includes(d.Type))&&(("AVO"==d.Type||"AVC"==d.Type||"AVU"==d.Type||"AVS"==d.Type||"AVN"==d.Type)&&null==r||r===d.Type))for(var l=0;l<n.length;l++)d.Name==n[l].N&&e.addDP(t.getSetId(),t.getElementId(),d.DpId,"ACC",d.IsDocking?"DOCKING":"NOT_DOCKING",d.OnElementId,t.getRotDeg(),0,new o.FM(n[l].x,n[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,n,r,i){var a=t.getOutlinePolygonForSVG(n.getSetId(),n.getElementId(),i);a&&e.addOutline3D(n.getSetId(),n.getElementId(),a.points,a.avgCamDist,r,"BOX"==n.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s,d){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,n){for(var s=0;s<t.length;s++){var c=t[s];if(r.hasUIInfosOfElement(c.getSetId(),c.getElementId())){var h=!1,g=o;if(i.has(n))h=i.get(n).map((function(e){return e.getElementId()})).includes(c.getElementId());if(!h&&!o&&a.has(n))for(var u=a.get(n),v=0;v<u.length;v++)if(c.getElementId()==u[v].getElementId()){g=!0;break}switch(l.addOutlinePolygon(e,r,c,h?"selected":g?"selectable":"unselectable",d),c.getPlannerType()){case"STD":var m=r.getLeftTopBackUIPos(c.getSetId(),c.getElementId());if(m&&l.addPosNrUI(e,c,m.x,m.y,h,g),h&&["PLANNER","PRODUCTS","PROMOTED"].includes(l.getConfiguratorState())){c.getIsDockedAccessoire()?l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()),"AVO"):l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()));var P=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,P.x,P.y),l.addCopyIcon(e,c)}if("ACC_PLANNER"==l.getConfiguratorState()&&c.getIsDockedAccessoire()){var I=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,I.x,I.y)}break;case"BOX":var f=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");if(f&&l.addPosNrUI(e,c,f.x,f.y,h,g),h&&(l.addBoxPlannerDockingPoints(e,c,r),!l.checkBoxPlannerSingleElement(t)&&null!=c.getFreeDockingPointByTypeAndNumber("AVO",1))){var D=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");D&&l.addDelIcon(e,c,D.x,D.y)}}}}})),n.forEach((function(t,n){for(var i=0;i<t.length;i++){var a=t[i];a.isShelfAcc&&l.addDimensionInfo(e,n,a,r)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),n=e[0].getAllDockingPoints(),r=0;r<t.length;r++)for(var i=t[r],a=0;a<n.length;a++){var o=n[a];if(i.IsDocking&&o.IsDocking&&2==i.Number&&2==o.Number&&("AVO"==i.Type||"AVU"==i.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),I=function(){return(0,i.Z)((function Planner3DImage(e,t,n,i,s,d){(0,r.Z)(this,Planner3DImage),(0,a.Z)(this,"imageContainer",void 0),(0,a.Z)(this,"UIHandler",void 0),(0,a.Z)(this,"curRendering",void 0),(0,a.Z)(this,"planner3DGrid",void 0),(0,a.Z)(this,"update3DImgSrcInView",void 0),(0,a.Z)(this,"onDoShowNav3DChanged",void 0),(0,a.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new P(e,d),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new m(n,s),this.onDoShowNav3DChanged=i,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,n,r){if(n)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var i=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!r||!this.enablePlanner3DGrid,i&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!i&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s){var d=this;this.enablePlanner3DGrid&&(r.size>0?r.forEach((function(t,n){for(var r=0;r<t.length;r++)d.planner3DGrid.updateUI(e,t[r])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,n,this.curRendering,r,i,a,o,s)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,n,r,i){var a=this.curRendering.getHasStaticBackground(),o=t.getHasStaticBackground();if(a!=o&&this.onDoShowNav3DChanged(!o),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var s=void 0;r.size>0&&r.forEach((function(e,t){null==s&&e.length>0&&(s=e[0])})),this.planner3DGrid.updateScene(e,t,s,n,i)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7393.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7393],{57393:(e,n,r)=>{r.r(n),r.d(n,{default:()=>i});r(87363);var t=r(47514);const i=[{catalogKey:"bundleRules",codex:"BUNDLE_RULES",desc:(0,t.jsx)(t.Fragment,{children:"bundleRules auf Artikel Ebene"}),type:"complicated"},{catalogKey:"heightGridUsed",codex:"HEIGHTGRIDUSED",desc:(0,t.jsx)(t.Fragment,{children:"Regalplannerhöhe eines Accessories"}),type:"number"},{catalogKey:"heightGridBelow",codex:"HEIGHTGRIDBELOW",desc:(0,t.jsx)(t.Fragment,{children:"Platz unter eines Accessories welcher auch vom Accessorie belegt wird"}),type:"number"},{catalogKey:"heightGridAbove",codex:"HEIGHTGRIDABOVE",desc:(0,t.jsx)(t.Fragment,{children:"Platz ober eines Accessories welcher auch vom Accessorie belegt wird"}),type:"number"},{catalogKey:"overwriteParentWidth",codex:"OVERWRITE_PARENT_WIDTH",desc:(0,t.jsx)(t.Fragment,{children:"Zu hinterlegen bei Stücklistenartikel welche die eigene Breite verwenden um beim Parent zu büerschreiben"}),type:"boolean"},{catalogKey:"overwriteParentHeight",codex:"OVERWRITE_PARENT_HEIGHT",desc:(0,t.jsx)(t.Fragment,{children:"Zu hinterlegen bei Stücklistenartikel welche die eigene Höhe verwenden um beim Parent zu büerschreiben"}),type:"boolean"},{catalogKey:"overwriteParentDepth",codex:"OVERWRITE_PARENT_DEPTH",desc:(0,t.jsx)(t.Fragment,{children:"Zu hinterlegen bei Stücklistenartikel welche die eigene Tiefe verwenden um beim Parent zu büerschreiben"}),type:"boolean"},{catalogKey:"doNotDelAccIfNotDocked",codex:"DO_NOT_DEL_ACC_IF_NOT_DOCKED",desc:(0,t.jsx)(t.Fragment,{children:"Wenn ein Accessoires mit einem SVG nicht am Parent einen freien oder passenden Dockingpoint findet wird dieses Accessoire nicht gelöscht sondern frei daneben verplant. Z.B. bei 3. Nachtkästchen"}),type:"boolean"},{catalogKey:"widthHasPrice",codex:"WIDTH_HAS_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"boolean"},{catalogKey:"heightHasPrice",codex:"HEIGHT_HAS_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"boolean"},{catalogKey:"depthHasPrice",codex:"DEPTH_HAS_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"boolean"},{catalogKey:"basicUnitPrice",codex:"BASIC_UNIT_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"number"},{catalogKey:"invalidAccessoires",codex:"INVALID_ACCESSORIES",desc:(0,t.jsx)(t.Fragment,{children:"Irgendeine querkontrolle von ob ein accessorie verplant ist oder verplantbar ist "}),deprecated:!0,type:"Array"},{catalogKey:"onConfigOption",codex:"ON_CONFIG_OPTION",desc:(0,t.jsx)(t.Fragment,{children:"Querkontrolle Kopfteil silence"}),type:"string",deprecated:!0},{catalogKey:"onSetConfigOtpion",codex:"ON_SET_CONFIG_OPTION",desc:(0,t.jsx)(t.Fragment,{children:"Querkontrolle Kopfteil silence"}),type:"string",deprecated:!0},{catalogKey:"hideInPlannerStep",codex:"HIDE_IN_PLANNERSTEP",desc:(0,t.jsx)(t.Fragment,{children:"der Artikel wird im Plannerschritt nicht angezeigt"}),type:"boolean"},{catalogKey:"maxPlanningCount",codex:"MAX_PLANNING_COUNT",desc:(0,t.jsx)(t.Fragment,{children:"maximale planungsanzahl eines artikels (suberba bett darf nur 1 mal verplant werden)"}),type:"number"},{catalogKey:"contentItemId",codex:"CONTENT_ITEM",desc:(0,t.jsx)(t.Fragment,{children:"contentItemId reference"}),type:"string"},{catalogKey:"groupContentItemId",codex:"GROUP_CONTENT_ITEM",desc:(0,t.jsx)(t.Fragment,{children:"contentItemId reference for the group of the article"}),type:"string"},{catalogKey:"isVisualized",codex:"HAS3D",desc:(0,t.jsx)(t.Fragment,{children:"accessorie wenn kein svg aber trotzdem in 3D zu visualisieren (classics kissen)"}),type:"boolean"},{catalogKey:"orderPosNr",codex:"ORDER_POSNR",desc:(0,t.jsx)(t.Fragment,{children:'Lück WWS flag um posNr von accessories zu vorzudefinieren, falls es mit ";" endet werden diese artikel nicht gruppiert'}),type:"string"}]}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7393],{57393:(e,n,r)=>{r.r(n),r.d(n,{default:()=>i});r(87363);var t=r(47514);const i=[{catalogKey:"bundleRules",codex:"BUNDLE_RULES",desc:(0,t.jsx)(t.Fragment,{children:"bundleRules auf Artikel Ebene"}),type:"complicated"},{catalogKey:"heightGridUsed",codex:"HEIGHTGRIDUSED",desc:(0,t.jsx)(t.Fragment,{children:"Regalplannerhöhe eines Accessories"}),type:"number"},{catalogKey:"accPosPrio",codex:"ACCESSOIRE_POS_PRIO",desc:(0,t.jsx)(t.Fragment,{children:"Die Prio eines Accessories für die Reihenfolge"}),type:"number"},{catalogKey:"heightGridBelow",codex:"HEIGHTGRIDBELOW",desc:(0,t.jsx)(t.Fragment,{children:"Platz unter eines Accessories welcher auch vom Accessorie belegt wird"}),type:"number"},{catalogKey:"heightGridAbove",codex:"HEIGHTGRIDABOVE",desc:(0,t.jsx)(t.Fragment,{children:"Platz ober eines Accessories welcher auch vom Accessorie belegt wird"}),type:"number"},{catalogKey:"overwriteParentWidth",codex:"OVERWRITE_PARENT_WIDTH",desc:(0,t.jsx)(t.Fragment,{children:"Zu hinterlegen bei Stücklistenartikel welche die eigene Breite verwenden um beim Parent zu büerschreiben"}),type:"boolean"},{catalogKey:"overwriteParentHeight",codex:"OVERWRITE_PARENT_HEIGHT",desc:(0,t.jsx)(t.Fragment,{children:"Zu hinterlegen bei Stücklistenartikel welche die eigene Höhe verwenden um beim Parent zu büerschreiben"}),type:"boolean"},{catalogKey:"overwriteParentDepth",codex:"OVERWRITE_PARENT_DEPTH",desc:(0,t.jsx)(t.Fragment,{children:"Zu hinterlegen bei Stücklistenartikel welche die eigene Tiefe verwenden um beim Parent zu büerschreiben"}),type:"boolean"},{catalogKey:"doNotDelAccIfNotDocked",codex:"DO_NOT_DEL_ACC_IF_NOT_DOCKED",desc:(0,t.jsx)(t.Fragment,{children:"Wenn ein Accessoires mit einem SVG nicht am Parent einen freien oder passenden Dockingpoint findet wird dieses Accessoire nicht gelöscht sondern frei daneben verplant. Z.B. bei 3. Nachtkästchen"}),type:"boolean"},{catalogKey:"widthHasPrice",codex:"WIDTH_HAS_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"boolean"},{catalogKey:"heightHasPrice",codex:"HEIGHT_HAS_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"boolean"},{catalogKey:"depthHasPrice",codex:"DEPTH_HAS_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"boolean"},{catalogKey:"basicUnitPrice",codex:"BASIC_UNIT_PRICE",desc:(0,t.jsx)(t.Fragment,{children:'IDM Preislogik für m/€ (Rolfbenz Teppiche)"'}),type:"number"},{catalogKey:"invalidAccessoires",codex:"INVALID_ACCESSORIES",desc:(0,t.jsx)(t.Fragment,{children:"Irgendeine querkontrolle von ob ein accessorie verplant ist oder verplantbar ist "}),deprecated:!0,type:"Array"},{catalogKey:"onConfigOption",codex:"ON_CONFIG_OPTION",desc:(0,t.jsx)(t.Fragment,{children:"Querkontrolle Kopfteil silence"}),type:"string",deprecated:!0},{catalogKey:"onSetConfigOtpion",codex:"ON_SET_CONFIG_OPTION",desc:(0,t.jsx)(t.Fragment,{children:"Querkontrolle Kopfteil silence"}),type:"string",deprecated:!0},{catalogKey:"hideInPlannerStep",codex:"HIDE_IN_PLANNERSTEP",desc:(0,t.jsx)(t.Fragment,{children:"der Artikel wird im Plannerschritt nicht angezeigt"}),type:"boolean"},{catalogKey:"maxPlanningCount",codex:"MAX_PLANNING_COUNT",desc:(0,t.jsx)(t.Fragment,{children:"maximale planungsanzahl eines artikels (suberba bett darf nur 1 mal verplant werden)"}),type:"number"},{catalogKey:"contentItemId",codex:"CONTENT_ITEM",desc:(0,t.jsx)(t.Fragment,{children:"contentItemId reference"}),type:"string"},{catalogKey:"groupContentItemId",codex:"GROUP_CONTENT_ITEM",desc:(0,t.jsx)(t.Fragment,{children:"contentItemId reference for the group of the article"}),type:"string"},{catalogKey:"isVisualized",codex:"HAS3D",desc:(0,t.jsx)(t.Fragment,{children:"accessorie wenn kein svg aber trotzdem in 3D zu visualisieren (classics kissen)"}),type:"boolean"},{catalogKey:"orderPosNr",codex:"ORDER_POSNR",desc:(0,t.jsx)(t.Fragment,{children:'Lück WWS flag um posNr von accessories zu vorzudefinieren, falls es mit ";" endet werden diese artikel nicht gruppiert'}),type:"string"}]}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8117.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8117],{78117:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});var l=t(34988),o=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 v=function Move3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,o.useState)(!1),r=(0,l.Z)(i,2),v=r[0],g=r[1],f=(0,o.useRef)(null),m=!1,D=(0,d.NP)();return(0,s.jsx)(u(),{handle:".handle3DMove",nodeRef:f,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)g(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var l,o,i,a=null!==(l=D.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().left?D.productState.planner3DGridElement.getBoundingClientRect().left:0,r=null!==(o=D.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?D.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=n.onDragMoveFunction)||void 0===i||i.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-a,e.clientY-r)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=n.onDragMoveFunction)||void 0===u||u.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-a,e.touches[0].clientY-r)),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&&(g(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:f,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DMove",t.classes.buttonGeneral,t.classes.move3DGrid.move3DGrid)})})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8117],{78117:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});var l=t(34988),o=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 v=function Move3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,o.useState)(!1),r=(0,l.Z)(i,2),v=r[0],g=r[1],f=(0,o.useRef)(null),m=!1,D=(0,d.NP)();return(0,s.jsx)(u(),{handle:".handle3DMove",nodeRef:f,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)g(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var l,o,i,a=null!==(l=D.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().left?D.productState.planner3DGridElement.getBoundingClientRect().left:0,r=null!==(o=D.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?D.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=n.onDragMoveFunction)||void 0===i||i.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-a,e.clientY-r)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=n.onDragMoveFunction)||void 0===u||u.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-a,e.touches[0].clientY-r)),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&&(g(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:f,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DMove",t.classes.buttonGeneral,t.classes.move3DGrid.move3DGrid)})})}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8327.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8327,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=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 NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},77452:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(91923),v=t(9420),S=t(89603),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},8327:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(91923),o=t(87363),a=t(61448),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(58069),y=t(14312),w=t(9420),P=t(65515),j=t.n(P),k=t(77452),C=t(69001),B=t(78485),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:j()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,D.jsx)(k.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8327,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=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 NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},77452:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(91923),v=t(9420),S=t(89603),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},8327:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(91923),o=t(87363),a=t(61448),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(58069),y=t(14312),w=t(9420),P=t(65515),j=t.n(P),k=t(77452),C=t(69001),B=t(48545),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:j()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,D.jsx)(k.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8445.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(90050),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(18696),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);

package/build/umd/8545.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8545.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8545],{48545:(e,n,t)=>{t.r(n),t.d(n,{default:()=>xe});var i=t(9420),r=t(88683),o=t(87363),a=t(47514);function processContentItemLinks(e,n){return e.includes("<")?{type:"html",content:processHtmlContent(e,n)}:{type:"react",content:processPlainTextContent(e,n)}}function processHtmlContent(e,n){return e.replace(/@\[(id\|codex):([\w-]+)\](?:$(.?)$)?/g,(function(e,n,t,i){var r=i\|\|t;return'<a class="content-item-link" data-content-item-'.concat(n,'="').concat(t,'">').concat(r,"</a>")}))}function processPlainTextContent(e,n){for(var t,i=/@\[(id\|codex):([\w-]+)\](?:$(.?)$)?/g,r=[],o=0,s=function _loop(){t.index>o&&r.push(e.substring(o,t.index));var s=t[1],d=t[2],l=t[3]\|\|d;r.push((0,a.jsx)("a",{className:"content-item-link","data-content-item-id":"id"===s?d:void 0,"data-content-item-codex":"codex"===s?d:void 0,onClick:function onClick(e){e.preventDefault(),n({id:"id"===s?d:void 0,codex:"codex"===s?d:void 0})},children:l},t.index)),o=i.lastIndex};null!==(t=i.exec(e));)s();return o<e.length&&r.push(e.substring(o)),r}var s=t(80248),d=t(93379),l=t.n(d),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),w=t(3565),g=t.n(w),x=t(19216),v=t.n(x),f=t(44589),h=t.n(f),b=t(3842),y={};y.styleTagTransform=h(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();l()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;const j=function URL(e){var n=e.item,t=n.url,i=(n.icon,n.text);return t?(0,a.jsx)("a",{className:b.f,href:t,target:"_blank",rel:"noopener",children:null!=i?i:"URL"}):(0,a.jsx)(a.Fragment,{})};var N=t(74787),I={};I.styleTagTransform=h(),I.setAttributes=g(),I.insert=m().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=v();l()(N.ZP,I);N.ZP&&N.ZP.locals&&N.ZP.locals;function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,s.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=function Image(e){var n=e.item,t=n.image,i=n.cover,o=n.style,s=n.altText,d=n.thumb,l=n.inGallery,c=n.disableFullscreen,u=e.inFullscreen,p={},m=(0,r.useDivaCore)().actions.openFullscreen;if(!t)return(0,a.jsx)(a.Fragment,{});var w=new URL(t),g=!d&&s,x=!(l\|\|u\|\|c\|\|d);i?(p.objectFit="cover",p.minWidth="100%",p.minHeight=g&&l?"calc(100% - 48px)":"100%"):(p.maxWidth="100%",p.maxHeight=g&&l?"calc(100% - 48px)":"100%");var v=(0,a.jsx)("img",{alt:s,style:_objectSpread(_objectSpread({},p),o),src:w.toString()});return x&&(v=(0,a.jsxs)("div",{className:N.tT,style:p,children:[(0,a.jsx)("div",{className:N.yg,onClick:function openFullscreenClick(){m({absoluteFullscreen:!0,overwrittenZIndex:3e6,content:(0,a.jsx)("div",{id:"diva-content-item",className:N.S2,children:(0,a.jsx)(M,{item:{image:t,cover:i,style:o,altText:s,thumb:d,type:"Image"},inFullscreen:!0})})})}}),v]})),g?(0,a.jsxs)("div",{className:N.kW,style:l?{height:"100%"}:void 0,children:[v,(0,a.jsx)("div",{className:N.fL,children:s})]}):v};const C=M;var D=t(91306),L={};L.styleTagTransform=h(),L.setAttributes=g(),L.insert=m().bind(null,"head"),L.domAPI=u(),L.insertStyleElement=v();l()(D.ZP,L);D.ZP&&D.ZP.locals&&D.ZP.locals;const z=function Video(e){var n=e.item,t=n.video,i=n.thumb;if(!t)return(0,a.jsx)(a.Fragment,{});if(t.includes("youtube.com")\|\|t.includes("youtu.be")){if(i)return(0,a.jsx)("div",{className:D.E0});var r=new URL(t);return r.searchParams.set("autoplay","1"),r.searchParams.set("modestbranding","1"),r.searchParams.set("rel","0"),r.searchParams.set("controls","1"),r.searchParams.set("amp",""),(0,a.jsx)("iframe",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},src:r.toString(),referrerPolicy:"strict-origin-when-cross-origin",allow:"autoplay; gyroscope; picture-in-picture"},t)}return(0,a.jsx)("video",{className:D.$s,"aria-disabled":i,disablePictureInPicture:i,controls:!i,playsInline:!0,autoPlay:!i,children:(0,a.jsx)("source",{src:t+(i?"#t=2":""),type:t.includes(".mp4")?"video/mp4":"video/webm"})},t)};var S=t(75048),T={};T.styleTagTransform=h(),T.setAttributes=g(),T.insert=m().bind(null,"head"),T.domAPI=u(),T.insertStyleElement=v();l()(S.Z,T);S.Z&&S.Z.locals&&S.Z.locals;var O=t(12952),k=t(34988);function useContentItemNavigator_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function useContentItemNavigator_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?useContentItemNavigator_ownKeys(Object(t),!0).forEach((function(n){(0,s.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):useContentItemNavigator_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=t(5304),P={};P.styleTagTransform=h(),P.setAttributes=g(),P.insert=m().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();l()(A.ZP,P);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=(0,o.createContext)(void 0);function useContentItemNavigation(){var e=(0,o.useContext)(Z);if(!e)throw new Error("useContentItemNavigation must be used within a ContentItemNavigator");return e}function ContentItemNavigator(e){var n=e.initialItemId,t=e.initialItemCodex,i=e.initialItemConfiguration,r=e.children,s=function useContentItemNavigator(e){var n=e.initialItemId,t=e.initialItemCodex,i=e.initialItemConfiguration,r=(0,o.useState)({current:{id:n,codex:t,configuration:i},history:[]}),a=(0,k.Z)(r,2),s=a[0],d=a[1];(0,o.useEffect)((function(){d({current:{id:n,codex:t,configuration:i},history:[]})}),[n,t,i]);var l=(0,o.useCallback)((function(e){(e.id\|\|e.codex)&&d((function(n){return{current:e,history:[].concat((0,O.Z)(n.history),[n.current])}}))}),[]),c=(0,o.useCallback)((function(){d((function(e){return 0===e.history.length?e:{current:e.history[e.history.length-1],history:e.history.slice(0,-1)}}))}),[]),u=(0,o.useCallback)((function(e){d((function(n){return useContentItemNavigator_objectSpread(useContentItemNavigator_objectSpread({},n),{},{current:useContentItemNavigator_objectSpread(useContentItemNavigator_objectSpread({},n.current),{},{title:e})})}))}),[]);return{contextValue:(0,o.useMemo)((function(){return{navigateTo:l,onContentItemLoaded:u,canGoBack:s.history.length>0,currentContentItem:s.current}}),[s.current,s.history.length]),navigateBack:c}}({initialItemId:n,initialItemCodex:t,initialItemConfiguration:i}),d=s.contextValue,l=s.navigateBack;return(0,a.jsx)(Z.Provider,{value:d,children:(0,a.jsxs)("div",{className:A.ry,id:"diva-content-item-navigator",children:[d.canGoBack&&(0,a.jsx)("button",{className:A.Rw,onClick:l,id:"diva-content-item-back-button","aria-label":"Go back"}),r]})})}const E=function Title(e){var n=e.item,t=n.text,i=n.style,r=useContentItemNavigation().navigateTo;if(!t)return(0,a.jsx)(a.Fragment,{});var o=processContentItemLinks(t,r);return(0,a.jsx)("h4",{className:S.T,style:i,children:o.content})};var Q=t(299),U={};U.styleTagTransform=h(),U.setAttributes=g(),U.insert=m().bind(null,"head"),U.domAPI=u(),U.insertStyleElement=v();l()(Q.Z,U);Q.Z&&Q.Z.locals&&Q.Z.locals;var _=t(37707),Y=t(31964),F=t(4010),B={};B.styleTagTransform=h(),B.setAttributes=g(),B.insert=m().bind(null,"head"),B.domAPI=u(),B.insertStyleElement=v();l()(F.ZP,B);F.ZP&&F.ZP.locals&&F.ZP.locals;function Gallery_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Gallery_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Gallery_ownKeys(Object(t),!0).forEach((function(n){(0,s.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Gallery_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var G=function Gallery(e){var n=e.item,t=n.content,i=n.wrappingStyle,s=n.disableFullscreen,d=n.initIndex,l=e.inFullscreen,c=(0,o.useState)(null),u=(0,k.Z)(c,2),p=u[0],m=u[1],w=(0,o.useState)(null),g=(0,k.Z)(w,2),x=g[0],v=g[1],f=(0,r.useDivaCore)().actions.openFullscreen;if(0==t.length)return(0,a.jsx)(a.Fragment,{});if(1==t.length)return(0,a.jsx)(V,{item:Gallery_objectSpread(Gallery_objectSpread({},t[0]),{disableFullscreen:s})});return(0,a.jsxs)("div",{id:"DivaContentItemGallery",style:Gallery_objectSpread(Gallery_objectSpread({},i),{},{position:"relative"}),className:"diva-stop-swipe-detection",children:[!l&&!s&&(0,a.jsx)("div",{className:F.yg,onClick:function openFullscreenClick(){f({absoluteFullscreen:!0,overwrittenZIndex:3e6,content:(0,a.jsxs)("div",{id:"diva-content-item",className:F.S2,children:[(0,a.jsx)(G,{item:{content:t,wrappingStyle:i,type:"Gallery",initIndex:null==x?void 0:x.activeIndex},inFullscreen:!0}),","]})})}}),(0,a.jsx)(_.tq,{style:{"--swiper-navigation-color":"#fff","--swiper-pagination-color":"#fff"},spaceBetween:10,navigation:!0,onSwiper:v,thumbs:{swiper:p&&!p.destroyed?p:null},modules:[Y.Rv,Y.W_,Y.o3],initialSlide:d,className:F.wn,children:t.map((function(e,n){return(0,a.jsx)(_.o5,{children:(0,a.jsx)(V,{item:Gallery_objectSpread(Gallery_objectSpread({},e),{},{inGallery:!0})})},n)}))}),(0,a.jsx)(_.tq,{onSwiper:m,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[Y.Rv,Y.W_,Y.o3],className:F.pD,children:t.map((function(e,n){return(0,a.jsx)(_.o5,{children:(0,a.jsx)(V,{item:Gallery_objectSpread(Gallery_objectSpread({},e),{},{thumb:!0})})},n)}))})]})};const R=G;const W=function RichText(e){var n=e.item,t=n.text,i=n.style,r=(0,o.useRef)(null),s=useContentItemNavigation().navigateTo,d=processContentItemLinks(t,s);return(0,o.useEffect)((function(){if(r.current){var e=r.current.querySelectorAll(".content-item-link"),n=new Map;return e.forEach((function(e){var t=function event(n){var t,i;n.preventDefault();var r=null!==(t=e.getAttribute("data-content-item-id"))&&void 0!==t?t:void 0,o=null!==(i=e.getAttribute("data-content-item-codex"))&&void 0!==i?i:void 0;(o\|\|r)&&s({id:r,codex:o})};n.set(e,t),e.addEventListener("click",t)})),function(){n.forEach((function(e,n){n.removeEventListener("click",e)}))}}}),[d.content,s]),(0,a.jsx)("div",{ref:r,style:i,dangerouslySetInnerHTML:{__html:d.content}})};const K=function Wrapper(e){var n=e.item,t=n.style,i=n.content;return(0,a.jsx)("div",{style:t,children:i.map((function(e,n){return(0,a.jsx)(V,{item:e},n)}))})};const V=function ContentItem(e){var n=e.item;switch(n.type){case"Gallery":return(0,a.jsx)(R,{item:n});case"Image":return(0,a.jsx)(C,{item:n});case"RichText":return(0,a.jsx)(W,{item:n});case"Title":return(0,a.jsx)(E,{item:n});case"URL":return(0,a.jsx)(j,{item:n});case"Video":return(0,a.jsx)(z,{item:n});case"Wrapper":return(0,a.jsx)(K,{item:n})}throw new Error("unkonwn type: "+n.type)};var H=t(84658),X=t(50747),J=t.n(X),q=t(47714);const $=function useContentItem(e){var n=e.onContentItemLoaded,t=(0,r.useDivaCore)().state,i=t.apiConfig,a=t.jwt,s=(0,r.useTranslation)().i18n,d=useContentItemNavigation(),l=d.currentContentItem,c=l.id,u=l.codex,p=l.configuration,m=d.onContentItemLoaded,w=(0,o.useState)(null!=p?p:{content:[]}),g=(0,k.Z)(w,2),x=g[0],v=g[1],f=(0,o.useDeferredValue)(x),h=(0,o.useTransition)(),b=(0,k.Z)(h,2),y=b[0],j=b[1],N=(0,o.useState)(!0),I=(0,k.Z)(N,2),M=I[0],C=I[1],D=(0,o.useState)(null),L=(0,k.Z)(D,2),z=L[0],S=L[1];return(0,o.useEffect)((function(){(c\|\|u)&&(C(!0),S(null),function getContentItem(e,n,t,i){return _getContentItem.apply(this,arguments)}(i.catalogService,a,null!=c?c:u,s.language).then((function(e){j((function(){v(e);var t=e.content.filter((function(e){return"Title"===e.type&&e.text})).map((function(e){return e.text}));null==n\|\|n(t[0]),m(t[0])}))})).catch((function(e){S(e)})).finally((function(){C(!1)})))}),[c,u]),(0,o.useEffect)((function(){p&&(j((function(){v(p);var e=p.content.filter((function(e){return"Title"===e.type&&e.text})).map((function(e){return e.text}));null==n\|\|n(e[0]),m(e[0])})),S(null),C(!1))}),[p]),{configuration:x,deferredConfiguration:f,loading:M\|\|y,error:z}};function _getContentItem(){return(_getContentItem=(0,H.Z)(J().mark((function _callee(e,n,t,i){var o,a,s,d;return J().wrap((function _callee$(l){for(;;)switch(l.prev=l.next){case 0:return o=e+"/contentItems/"+t+"?language="+i,l.prev=1,l.next=4,q.Z.get(o,{headers:{Authorization:"Bearer "+n}});case 4:if(a=l.sent,s=a.data,200===a.status){l.next=8;break}throw new r.DivaError(s.error\|\|"Failed to get content item");case 8:return l.abrupt("return",s);case 11:if(l.prev=11,l.t0=l.catch(1),!q.Z.isAxiosError(l.t0)){l.next=15;break}throw new r.DivaError((null===(d=l.t0.response)\|\|void 0===d\|\|null===(d=d.data)\|\|void 0===d?void 0:d.error)\|\|"Could not get content item",{cause:l.t0});case 15:throw new r.DivaError("Could not get content item",{cause:l.t0});case 16:case"end":return l.stop()}}),_callee,null,[[1,11]])})))).apply(this,arguments)}var ee=t(28251),ne={};ne.styleTagTransform=h(),ne.setAttributes=g(),ne.insert=m().bind(null,"head"),ne.domAPI=u(),ne.insertStyleElement=v();l()(ee.Z,ne);ee.Z&&ee.Z.locals&&ee.Z.locals;function ErrorBox(e){var n=e.error;return(0,a.jsxs)("div",{className:ee.v,id:"diva-content-item-error-box",children:["Error: ",n.message\|\|"An error occurred"]})}var te=t(9269),ie={};ie.styleTagTransform=h(),ie.setAttributes=g(),ie.insert=m().bind(null,"head"),ie.domAPI=u(),ie.insertStyleElement=v();l()(te.ZP,ie);te.ZP&&te.ZP.locals&&te.ZP.locals;function Loader(){return(0,a.jsx)("div",{className:te._m,id:"diva-content-item-loader",children:(0,a.jsx)("div",{})})}var re=t(65515),oe=t.n(re),ae=t(47950),se={};se.styleTagTransform=h(),se.setAttributes=g(),se.insert=m().bind(null,"head"),se.domAPI=u(),se.insertStyleElement=v();l()(ae.ZP,se);ae.ZP&&ae.ZP.locals&&ae.ZP.locals;const de=function ContentItems(e){var n,t=$(e),i=t.deferredConfiguration,r=t.loading,o=t.error;return(0,a.jsxs)("div",{className:ae.ZC,id:"diva-content-item",children:[r&&(0,a.jsx)(Loader,{}),(0,a.jsxs)("div",{className:oe()(ae.Fh,(0,s.Z)({},ae.V_,r)),children:[o&&(0,a.jsx)(ErrorBox,{error:o}),null===(n=i.content)\|\|void 0===n?void 0:n.map((function(e,n){return(0,a.jsx)(V,{item:e},n)}))]})]})};var le=function ContentItemComponent(e){return(0,a.jsx)(ContentItemNavigator,{initialItemId:e.contentItemId,initialItemCodex:e.contentItemCodex,initialItemConfiguration:e.configuration,children:(0,a.jsx)(de,{onContentItemLoaded:e.onContentItemLoaded,wrapperStyle:e.wrapperStyle})})},ce=t(91923),ue=t(12299),pe={};pe.styleTagTransform=h(),pe.setAttributes=g(),pe.insert=m().bind(null,"head"),pe.domAPI=u(),pe.insertStyleElement=v();l()(ue.ZP,pe);ue.ZP&&ue.ZP.locals&&ue.ZP.locals;var me=t(22976),we=t.n(me),ge=(0,r.getLogger)("Planner","InfoBox");const xe=(0,i.Pi)((function ContentItemWrapper(e){var n,t=e.id,i=e.startPos,s=void 0===i?"left":i,d=e.noWrapper,l=(0,r.useDivaCore)().actions,c=l.openSideMenu,u=l.closeSideMenu,p=(0,o.useRef)(null),m=(0,ce.NP)();if((0,o.useEffect)((function(){t&&m.getIsInMobileView()&&c({side:"left",onClose:function onClose(){m.settingsState.setContentItemId(),u()},open:!0,content:(0,a.jsx)("div",{className:oe()(ue.ai),children:(0,a.jsx)(le,{contentItemId:t,wrapperStyle:{display:"flex",flexDirection:"column",height:"100%"},onContentItemLoaded:function onContentItemLoaded(e){ge.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:t,title:null!=e?e:void 0})}})})})}),[t]),m.getIsInMobileView())return(0,a.jsx)(a.Fragment,{});if(d)return(0,a.jsx)(le,{contentItemId:t,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(e){ge.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:t,title:null!=e?e:void 0})}});var w=null===(n=m.productState.productElement)\|\|void 0===n?void 0:n.getBoundingClientRect();return(0,a.jsx)(we(),{nodeRef:p,handle:".handle",bounds:"parent",defaultPosition:"right"==s?{x:null!=w&&w.width?(null==w?void 0:w.width)-508:0,y:0}:void 0,children:(0,a.jsxs)("div",{ref:p,className:ue.YS,style:{maxHeight:null!=w&&w.height&&w.height<720?(null==w?void 0:w.height)-20:700},children:[(0,a.jsxs)("div",{className:ue.Fs,children:[(0,a.jsx)("div",{className:oe()("handle",ue.pr)}),(0,a.jsx)("div",{className:ue.UF,onClick:function onClick(){return m.settingsState.setContentItemId()}})]}),(0,a.jsx)(le,{contentItemId:t,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(e){ge.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:t,title:null!=e?e:void 0})}})]})})}))},5304:(e,n,t)=>{t.d(n,{Rw:()=>d,ZP:()=>l,ry:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--eliSU {\n position: relative;\n width: 100%;\n}\n\n.index-module--E0Oqn {\n position: absolute;\n top: 12px;\n left: 8px;\n z-index: 2;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 20px;\n color: #666;\n transition: color 0.2s ease;\n border-radius: 50%;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-bottom: 4px;\n}\n.index-module--E0Oqn:after {\n content: '←';\n display: block;\n text-align: center;\n}\n\n.index-module--E0Oqn:hover {\n color: #333;\n background-color: rgba(0, 0, 0, 0.05);\n}\n",""]);var s="index-module--eliSU",d="index-module--E0Oqn";const l=a},47950:(e,n,t)=>{t.d(n,{Fh:()=>d,V_:()=>l,ZC:()=>s,ZP:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--BscFv {\n min-height: 60px;\n position: relative;\n width: 100%;\n padding-left: 40px;\n}\n\n.index-module--eScDq {\n transition: opacity 0.2s ease-in-out;\n}\n.index-module--eScDq.index-module--IUOxd {\n opacity: 0.5;\n}\n",""]);var s="index-module--BscFv",d="index-module--eScDq",l="index-module--IUOxd";const c=a},28251:(e,n,t)=>{t.d(n,{Z:()=>d,v:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--QKTj_ {\n color: red;\n text-align: center;\n padding: 20px;\n border: 1px solid red;\n background-color: #ffeeee;\n border-radius: 4px;\n}\n",""]);var s="index-module--QKTj_";const d=a},4010:(e,n,t)=>{t.d(n,{S2:()=>p,ZP:()=>x,pD:()=>g,wn:()=>w,yg:()=>m});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(60754),t.b),c=a()(r()),u=d()(l);c.push([e.id,"#diva-content-item .swiper {\n width: 100%;\n height: 100%;\n}\n#diva-content-item .swiper-slide {\n text-align: center;\n font-size: 18px;\n background: #fff;\n\n /* Center slide text vertically /\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.index-module--IoD5D {\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n position: relative;\n height: 100%;\n width: 100%;\n z-index: 2000005;\n}\n\n.index-module--gCweM {\n cursor: pointer;\n position: absolute;\n width: 20px;\n height: 20px;\n top: 16px;\n right: 8px;\n border-radius: 3px;\n z-index: 1000;\n background: center / 75% no-repeat rgba(255,255,255,0.53333) url("+u+");\n}\n\n.mobile #diva-content-item .swiper-slide {\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n}\n\n#diva-content-item .swiper {\n width: 100%;\n height: 350px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.diva-fullscreen #DivaContentItemGallery {\n height: 90% !important;\n width: 90% !important;\n}\n\n.diva-fullscreen #diva-content-item .index-module--OxIZN {\n height: 100%;\n}\n\n#diva-content-item .swiper-slide {\n background-size: cover;\n background-position: center;\n}\n#diva-content-item .index-module--OxIZN {\n height: 80%;\n width: 100%;\n}\n#diva-content-item .index-module--rtXCE {\n height: 20%;\n box-sizing: border-box;\n padding: 10px 0;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide {\n width: 25%;\n height: 100%;\n opacity: 0.4;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide-thumb-active {\n opacity: 1;\n}\n",""]);var p="index-module--IoD5D",m="index-module--gCweM",w="index-module--OxIZN",g="index-module--rtXCE";const x=c},74787:(e,n,t)=>{t.d(n,{S2:()=>x,ZP:()=>v,fL:()=>m,kW:()=>p,tT:()=>w,yg:()=>g});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(60754),t.b),c=a()(r()),u=d()(l);c.push([e.id,".index-module--BWa4l {\n display: flex;\n flex-direction: column;\n gap: 6px;\n justify-content: center;\n position: relative;\n}\n\n.index-module--g4vSg {\n overflow: auto;\n text-align: center;\n font-size: 14px;\n}\n\n.index-module--XtLKV {\n position: relative;\n}\n\n.index-module--ldjKX {\n cursor: pointer;\n position: absolute;\n width: 20px;\n height: 20px;\n top: 16px;\n right: 8px;\n border-radius: 3px;\n z-index: 1000;\n background: center / 75% no-repeat rgba(255,255,255,0.53333) url("+u+");\n}\n\n.index-module--zw0KV {\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n position: relative;\n height: 100%;\n width: 100%;\n z-index: 2000005;\n}\n",""]);var p="index-module--BWa4l",m="index-module--g4vSg",w="index-module--XtLKV",g="index-module--ldjKX",x="index-module--zw0KV";const v=c},9269:(e,n,t)=>{t.d(n,{ZP:()=>d,_m:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--tWTgE {\n width: 100%;\n height: 4px;\n background-color: #f3f3f3;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n z-index: 1;\n}\n\n.index-module--tWTgE div {\n position: absolute;\n width: 50%;\n height: 100%;\n background-color: #3498db;\n animation: index-module--FDAPU 1s infinite ease-in-out;\n}\n\n@keyframes index-module--FDAPU {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(200%);\n }\n}\n",""]);var s="index-module--tWTgE";const d=a},75048:(e,n,t)=>{t.d(n,{T:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--uEwKl {\n font-size: 18px;\n font-weight: 500;\n}\n",""]);var s="index-module--uEwKl";const d=a},3842:(e,n,t)=>{t.d(n,{Z:()=>d,f:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--JVQuz {\n margin-top: 12px;\n margin-bottom: 12px;\n text-align: right;\n position: relative;\n display: block;\n width: 100%;\n}\n",""]);var s="index-module--JVQuz";const d=a},91306:(e,n,t)=>{t.d(n,{$s:()=>p,E0:()=>m,ZP:()=>w});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(81724),t.b),c=a()(r()),u=d()(l);c.push([e.id,".index-module--dsgPM {\n width: 100%;\n max-height: 100%;\n}\n\n.index-module--zjkX4 {\n background: center / 75% no-repeat url("+u+");\n width: 100%;\n height: 100%;\n}\n",""]);var p="index-module--dsgPM",m="index-module--zjkX4";const w=c},12299:(e,n,t)=>{t.d(n,{Fs:()=>m,UF:()=>g,YS:()=>p,ZP:()=>v,ai:()=>x,pr:()=>w});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(76380),t.b),c=a()(r()),u=d()(l);c.push([e.id,".index-module--iorwa {\n z-index: 1000;\n position: absolute;\n display: flex;\n background: white;\n width: 450px;\n flex-direction: column;\n\n color: #4f4f4f;\n font-size: 15px;\n box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n border-radius: 5px;\n top: 0;\n margin: 4px;\n}\n\n.index-module--U836J {\n display: flex;\n justify-content: flex-end;\n width: 100%;\n position: absolute;\n z-index: 1100;\n}\n\n.index-module--jHvNX {\n cursor: move;\n flex-grow: 1;\n}\n\n.index-module--XBhn6 {\n padding: 12px;\n z-index: 1002;\n width: -moz-max-content;\n width: max-content;\n width: 36px;\n height: 36px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 28%;\n background-image: url("+u+");\n transition: background-size 100ms ease-in;\n cursor: pointer;\n}\n\n.index-module--XBhn6:hover {\n background-size: 36%;\n cursor: pointer;\n}\n\n.index-module--sVOQy {\n height: 100%;\n}\n",""]);var p="index-module--iorwa",m="index-module--U836J",w="index-module--jHvNX",g="index-module--XBhn6",x="index-module--sVOQy";const v=c},299:(e,n,t)=>{t.d(n,{Z:()=>p});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),s=t(61667),d=t.n(s),l=new URL(t(64197),t.b),c=a()(r()),u=d()(l);c.push([e.id,"/Free mode/\n#diva-content-item .swiper-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n/navigation/\n:root {\n --swiper-navigation-size: 44px;\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-button-prev {\n position: absolute;\n top: 50%;\n width: calc(44px / 44 27);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: 44px;\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (44px / 2));\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #007aff;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n#diva-content-item .swiper-button-next.swiper-button-disabled,\n#diva-content-item .swiper-button-prev.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n#diva-content-item .swiper-button-next.swiper-button-hidden,\n#diva-content-item .swiper-button-prev.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n#diva-content-item .swiper-navigation-disabled .swiper-button-next,\n#diva-content-item .swiper-navigation-disabled .swiper-button-prev {\n display: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n text-transform: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n font-family: swiper-icons;\n font-size: 44px;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n#diva-content-item .swiper-button-prev,\n#diva-content-item .swiper-rtl .swiper-button-next {\n left: 10px;\n right: auto;\n}\n#diva-content-item .swiper-button-prev:after,\n#diva-content-item .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-rtl .swiper-button-prev {\n right: 10px;\n left: auto;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n#diva-content-item .swiper-button-lock {\n display: none;\n}\n\n/swiper min css/\n\n@font-face {\n font-family: swiper-icons;\n src: url("+u+');\n font-weight: 400;\n font-style: normal;\n}\n:root {\n --swiper-theme-color: #007aff;\n}\n#diva-content-item .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n#diva-content-item .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n#diva-content-item .swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n#diva-content-item .swiper-android .swiper-slide,\n#diva-content-item .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n#diva-content-item .swiper-pointer-events {\n touch-action: pan-y;\n}\n#diva-content-item .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n#diva-content-item .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n#diva-content-item .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n#diva-content-item .swiper-autoheight,\n#diva-content-item .swiper-autoheight .swiper-slide {\n height: auto;\n}\n#diva-content-item .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n#diva-content-item .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n#diva-content-item .swiper-3d,\n#diva-content-item .swiper-3d.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n}\n#diva-content-item .swiper-3d .swiper-cube-shadow,\n#diva-content-item .swiper-3d .swiper-slide,\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top,\n#diva-content-item .swiper-3d .swiper-wrapper {\n transform-style: preserve-3d;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n}\n#diva-content-item .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n#diva-content-item .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n#diva-content-item .swiper-centered > .swiper-wrapper::before {\n content: \'\';\n flex-shrink: 0;\n order: 9999;\n}\n[dir="ltr"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n',""]);const p=c},81724:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+"},60754:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFIMkMxLjQ0NzcyIDEgMSAxLjQ0NzcyIDEgMlYyMkMxIDIyLjU1MjMgMS40NDc3MiAyMyAyIDIzSDIxLjk5OTlDMjIuNTUyMiAyMyAyMi45OTk5IDIyLjU1MjMgMjIuOTk5OSAyMlYxMk0xNi4wMDc4IDFIMjEuOTk4OUMyMi41NTEyIDEgMjIuOTk4OSAxLjQ0NzcyIDIyLjk5ODkgMlY3Ljk5MTE0TTIyLjUwMDIgMS41TDEzLjMxOTUgMTAuNjgiIHN0cm9rZT0iIzRCNEI0QiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);

package/build/umd/8545.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:8545 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(90050),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i){var c=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.Z)(this,"onDragStarted",(function(e,t){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,D=!1;c.canvas.width&&c.canvas.width<500&&(m=17,v=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=m,r.dirty=!0,r.top=r.top+v),null!=n&&(f=n.fontSize,n.fontSize=m,n.dirty=!0),d.debug("This.canvas.width: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&D&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&D&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var P=c.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(18696),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i){var c=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.Z)(this,"onDragStarted",(function(e,t){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,D=!1;c.canvas.width&&c.canvas.width<500&&(m=17,v=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=m,r.dirty=!0,r.top=r.top+v),null!=n&&(f=n.fontSize,n.fontSize=m,n.dirty=!0),d.debug("This.canvas.width: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&D&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&D&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var P=c.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);