npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.9.0-beta.35 → 25.9.0-beta.37 - Mend

@crystaldesign/diva-web-planner-react 25.9.0-beta.35 → 25.9.0-beta.37

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 (578) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3259.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3259,8291],{13259:(e,t,a)=>{a.r(t),a.d(t,{default:()=>v});var n=a(88291),r=(a(87363),a(9420)),s=a(93379),l=a.n(s),i=a(7795),c=a.n(i),d=a(90569),o=a.n(d),x=a(3565),h=a.n(x),u=a(19216),g=a.n(u),j=a(44589),m=a.n(j),b=a(39252),p={};p.styleTagTransform=m(),p.setAttributes=h(),p.insert=o().bind(null,"head"),p.domAPI=c(),p.insertStyleElement=g();l()(b.ZP,p);b.ZP&&b.ZP.locals&&b.ZP.locals;var N=a(7097),f=a(47514);const v=(0,r.Pi)((function ProduktDetails(e){Object.assign({},((0,n.Z)(e),e));var t,a=(0,N.NP)(),r=a.divaWebPlanner.getDivaArticles();if(!r)return(0,f.jsx)(f.Fragment,{});var s=null!==(t=r[a.settingsState.getSelectedBasketIds[0]])&&void 0!==t?t:r[Object.keys(r)[0]];return(0,f.jsxs)("div",{className:b.ee,children:[(0,f.jsx)("a",{children:"ArtNr:"}),(0,f.jsx)("a",{className:b.t$,children:s.configArticleCodex}),(0,f.jsx)("br",{}),s.configArticleCodex!=s.articleCodex&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("a",{children:"ArtCodex:"}),(0,f.jsx)("a",{className:b.t$,children:s.articleCodex})]}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Name:"}),(0,f.jsx)("a",{className:b.t$,children:s.catalogArticleName}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Maße:"}),(0,f.jsx)("a",{className:b.t$,children:s.actSizeText}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Bestell-Nr:"}),(0,f.jsx)("a",{className:b.t$,children:s.retailArticleNr||s.typeNr}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Modell:"}),(0,f.jsx)("a",{className:b.t$,children:s.CatalogData.catalogName+" ("+s.catalogCodex+")"}),(0,f.jsx)("hr",{})]})}))},39252:(e,t,a)=>{a.d(t,{ZP:()=>d,ee:()=>i,t$:()=>c});var n=a(8081),r=a.n(n),s=a(23645),l=a.n(s)()(r());l.push([e.id,".index-module--nHwhq {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--bZ29w {\n  float: right;\n}\n",""]);var i="index-module--nHwhq",c="index-module--bZ29w";const d=l},88291:(e,t,a)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}a.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3259,8291],{13259:(e,t,a)=>{a.r(t),a.d(t,{default:()=>v});var n=a(88291),r=(a(87363),a(9420)),s=a(93379),l=a.n(s),i=a(7795),c=a.n(i),d=a(90569),o=a.n(d),x=a(3565),h=a.n(x),u=a(19216),g=a.n(u),j=a(44589),m=a.n(j),b=a(39252),p={};p.styleTagTransform=m(),p.setAttributes=h(),p.insert=o().bind(null,"head"),p.domAPI=c(),p.insertStyleElement=g();l()(b.ZP,p);b.ZP&&b.ZP.locals&&b.ZP.locals;var N=a(9733),f=a(47514);const v=(0,r.Pi)((function ProduktDetails(e){Object.assign({},((0,n.Z)(e),e));var t,a=(0,N.NP)(),r=a.divaWebPlanner.getDivaArticles();if(!r)return(0,f.jsx)(f.Fragment,{});var s=null!==(t=r[a.settingsState.getSelectedBasketIds[0]])&&void 0!==t?t:r[Object.keys(r)[0]];return(0,f.jsxs)("div",{className:b.ee,children:[(0,f.jsx)("a",{children:"ArtNr:"}),(0,f.jsx)("a",{className:b.t$,children:s.configArticleCodex}),(0,f.jsx)("br",{}),s.configArticleCodex!=s.articleCodex&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("a",{children:"ArtCodex:"}),(0,f.jsx)("a",{className:b.t$,children:s.articleCodex})]}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Name:"}),(0,f.jsx)("a",{className:b.t$,children:s.catalogArticleName}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Maße:"}),(0,f.jsx)("a",{className:b.t$,children:s.actSizeText}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Bestell-Nr:"}),(0,f.jsx)("a",{className:b.t$,children:s.retailArticleNr||s.typeNr}),(0,f.jsx)("hr",{}),(0,f.jsx)("a",{children:"Modell:"}),(0,f.jsx)("a",{className:b.t$,children:s.CatalogData.catalogName+" ("+s.catalogCodex+")"}),(0,f.jsx)("hr",{})]})}))},39252:(e,t,a)=>{a.d(t,{ZP:()=>d,ee:()=>i,t$:()=>c});var n=a(8081),r=a.n(n),s=a(23645),l=a.n(s)()(r());l.push([e.id,".index-module--nHwhq {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--bZ29w {\n  float: right;\n}\n",""]);var i="index-module--nHwhq",c="index-module--bZ29w";const d=l},88291:(e,t,a)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}a.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3271.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3271],{53271:(n,i,e)=>{e.r(i),e.d(i,{default:()=>b});e(87363);var t=e(93379),a=e.n(t),u=e(7795),M=e.n(u),s=e(90569),l=e.n(s),d=e(3565),o=e.n(d),I=e(19216),j=e.n(I),L=e(44589),g=e.n(L),N=e(80292),D={};D.styleTagTransform=g(),D.setAttributes=o(),D.insert=l().bind(null,"head"),D.domAPI=M(),D.insertStyleElement=j();a()(N.ZP,D);N.ZP&&N.ZP.locals&&N.ZP.locals;var r=e(7097),x=e(65515),c=e.n(x),T=e(9420),m=e(88683),y=e(47514);const b=(0,T.Pi)((function RotateInfo(n){var i=(0,r.NP)(),e=(0,m.useTranslation)().t;return!i.uiState.isMobileLandscape||i.uiState.isMobilePortrait||i.uiState.ViewConfig.disableLandscape?(0,y.jsx)(y.Fragment,{}):(0,y.jsxs)("div",{className:c()(N.nC,i.productState.orbitHidden?N.Oj:N.al),children:[(0,y.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,y.jsx)("div",{className:N.fL,children:e("configurator.rotate_mobile")})]})}))},80292:(n,i,e)=>{e.d(i,{Oj:()=>d,ZP:()=>I,al:()=>l,fL:()=>o,nC:()=>s});var t=e(8081),a=e.n(t),u=e(23645),M=e.n(u)()(a());M.push([n.id,".index-module--N2P6A {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var s="index-module--N2P6A",l="index-module--WXb38",d="index-module--HLqXb",o="index-module--kwrRG";const I=M}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3271],{53271:(n,i,e)=>{e.r(i),e.d(i,{default:()=>b});e(87363);var t=e(93379),a=e.n(t),u=e(7795),M=e.n(u),s=e(90569),l=e.n(s),d=e(3565),o=e.n(d),I=e(19216),j=e.n(I),L=e(44589),g=e.n(L),N=e(80292),D={};D.styleTagTransform=g(),D.setAttributes=o(),D.insert=l().bind(null,"head"),D.domAPI=M(),D.insertStyleElement=j();a()(N.ZP,D);N.ZP&&N.ZP.locals&&N.ZP.locals;var r=e(9733),x=e(65515),c=e.n(x),T=e(9420),m=e(88683),y=e(47514);const b=(0,T.Pi)((function RotateInfo(n){var i=(0,r.NP)(),e=(0,m.useTranslation)().t;return!i.uiState.isMobileLandscape||i.uiState.isMobilePortrait||i.uiState.ViewConfig.disableLandscape?(0,y.jsx)(y.Fragment,{}):(0,y.jsxs)("div",{className:c()(N.nC,i.productState.orbitHidden?N.Oj:N.al),children:[(0,y.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,y.jsx)("div",{className:N.fL,children:e("configurator.rotate_mobile")})]})}))},80292:(n,i,e)=>{e.d(i,{Oj:()=>d,ZP:()=>I,al:()=>l,fL:()=>o,nC:()=>s});var t=e(8081),a=e.n(t),u=e(23645),M=e.n(u)()(a());M.push([n.id,".index-module--N2P6A {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var s="index-module--N2P6A",l="index-module--WXb38",d="index-module--HLqXb",o="index-module--kwrRG";const I=M}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3275.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3275,5335],{38367:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(7097),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},75335:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>I});var i=t(7097),o=t(87363),r=t(38367),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(81180),w=t(32525),y=t(72429),k=t(9420),P=t(65515),j=t.n(P),O=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--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 I=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:h.x6}),(0,O.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},93275:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(7097),o=t(87363),r=t(38367),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(75335),w=t(81180),y=t(32525),k=t(72429),P=t(9420),j=t(65515),O=t.n(j),C=t(47514);const I=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(w.default,{className:O()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:O()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},81180:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(80248),o=t(72874),r=t(87363),a=t(7097),d=t(9420),s=t(51700),l=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(23866),j=t(47514),O=["contentItemStartPos"];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 C=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,O),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>g,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",s="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",s="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(66993),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3275,5335],{38367:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(9733),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},75335:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>I});var i=t(9733),o=t(87363),r=t(38367),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(81180),w=t(32525),y=t(72429),k=t(9420),P=t(65515),j=t.n(P),O=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--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 I=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:h.x6}),(0,O.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},93275:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(9733),o=t(87363),r=t(38367),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(75335),w=t(81180),y=t(32525),k=t(72429),P=t(9420),j=t(65515),O=t.n(j),C=t(47514);const I=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(w.default,{className:O()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:O()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},81180:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(80248),o=t(72874),r=t(87363),a=t(9733),d=t(9420),s=t(51700),l=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(23866),j=t(47514),O=["contentItemStartPos"];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 C=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,O),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>g,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",s="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",s="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(66993),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3334.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3334],{93334:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var i=o(65515),t=o.n(i),l=o(7097),d=o(9420),r=o(87363),a=o(88683),s=o(93379),u=o.n(s),p=o(7795),x=o.n(p),b=o(90569),c=o.n(b),m=o(3565),h=o.n(m),f=o(19216),g=o.n(f),v=o(44589),S=o.n(v),T=o(67463),P={};P.styleTagTransform=S(),P.setAttributes=h(),P.insert=c().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=g();u()(T.ZP,P);T.ZP&&T.ZP.locals&&T.ZP.locals;var k=o(47514);const y=(0,d.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),i=(0,a.useTranslation)().t,d=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,d.current)}),[d]);var u=Object.keys(o.tabGroupState.allTabGroups),p=e.posNr==(null==s?void 0:s.posNr),x=u[u.length-1]==e.key;return(0,k.jsxs)("div",{className:T.YS,children:[(0,k.jsxs)("div",{ref:d,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI,o.uiState.isMobileLandscape?T.rK:void 0,o.uiState.isMobilePortrait?T.tW:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,k.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,k.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>c,rK:()=>u,tW:()=>s});var i=o(8081),t=o.n(i),l=o(23645),d=o.n(l)()(t());d.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n.index-module--HbFPE.index-module--p2J8S,\n.index-module--qh0aK.index-module--p2J8S {\n  line-height: 50px;\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--p2J8S.index-module--nx1TR {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HEb_w {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--qh0aK",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const c=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3334],{93334:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var i=o(65515),t=o.n(i),l=o(9733),d=o(9420),r=o(87363),a=o(88683),s=o(93379),u=o.n(s),p=o(7795),x=o.n(p),b=o(90569),c=o.n(b),m=o(3565),h=o.n(m),f=o(19216),g=o.n(f),v=o(44589),S=o.n(v),T=o(67463),P={};P.styleTagTransform=S(),P.setAttributes=h(),P.insert=c().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=g();u()(T.ZP,P);T.ZP&&T.ZP.locals&&T.ZP.locals;var k=o(47514);const y=(0,d.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),i=(0,a.useTranslation)().t,d=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,d.current)}),[d]);var u=Object.keys(o.tabGroupState.allTabGroups),p=e.posNr==(null==s?void 0:s.posNr),x=u[u.length-1]==e.key;return(0,k.jsxs)("div",{className:T.YS,children:[(0,k.jsxs)("div",{ref:d,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI,o.uiState.isMobileLandscape?T.rK:void 0,o.uiState.isMobilePortrait?T.tW:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,k.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,k.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>c,rK:()=>u,tW:()=>s});var i=o(8081),t=o.n(i),l=o(23645),d=o.n(l)()(t());d.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n.index-module--HbFPE.index-module--p2J8S,\n.index-module--qh0aK.index-module--p2J8S {\n  line-height: 50px;\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--p2J8S.index-module--nx1TR {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HEb_w {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--qh0aK",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const c=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3429.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3429],{33429:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Q});var o=t(80248),r=t(72874),i=t(87363),d=t(9420),l=t(93379),a=t.n(l),c=t(7795),u=t.n(c),s=t(90569),h=t.n(s),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),w=t(6521),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=h().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=g();a()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),j=t.n(y),P=t(7097),k=t(47514),O=["curBox","isExpanded","state"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const Q=(0,d.Pi)((function SVGSourceViewer(n){n.curBox,n.isExpanded;var e,t,o=n.state,d=(0,r.Z)(n,O),l=(0,P.NP)(),a=l.divaWebPlanner.getDivaArticles();if(!a)return(0,k.jsx)(k.Fragment,{});var c=Object.values(a).filter((function(n){return n.catalogArticle.catalogPlannerArticle}));if(!c.length)return(0,k.jsx)(k.Fragment,{});var u=null===(e=c[0].plannerData)||void 0===e?void 0:e.svgBefore,s=null===(t=c[0].plannerData)||void 0===t?void 0:t.svgAfter,h="before"==o?u:s;return(0,i.createElement)("div",_objectSpread(_objectSpread({},d),{},{className:j()(w.EU),key:l.settingsState.configChanged}),(0,k.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,k.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=h?h:"")},children:"copy"}),(0,k.jsx)("textarea",{readOnly:!0,value:h})]}))}))},6521:(n,e,t)=>{t.d(e,{EU:()=>l,ZP:()=>a});var o=t(8081),r=t.n(o),i=t(23645),d=t.n(i)()(r());d.push([n.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--orfU0";const a=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3429],{33429:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Q});var o=t(80248),r=t(72874),i=t(87363),d=t(9420),l=t(93379),a=t.n(l),c=t(7795),u=t.n(c),s=t(90569),h=t.n(s),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),w=t(6521),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=h().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=g();a()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),j=t.n(y),P=t(9733),k=t(47514),O=["curBox","isExpanded","state"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const Q=(0,d.Pi)((function SVGSourceViewer(n){n.curBox,n.isExpanded;var e,t,o=n.state,d=(0,r.Z)(n,O),l=(0,P.NP)(),a=l.divaWebPlanner.getDivaArticles();if(!a)return(0,k.jsx)(k.Fragment,{});var c=Object.values(a).filter((function(n){return n.catalogArticle.catalogPlannerArticle}));if(!c.length)return(0,k.jsx)(k.Fragment,{});var u=null===(e=c[0].plannerData)||void 0===e?void 0:e.svgBefore,s=null===(t=c[0].plannerData)||void 0===t?void 0:t.svgAfter,h="before"==o?u:s;return(0,i.createElement)("div",_objectSpread(_objectSpread({},d),{},{className:j()(w.EU),key:l.settingsState.configChanged}),(0,k.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,k.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=h?h:"")},children:"copy"}),(0,k.jsx)("textarea",{readOnly:!0,value:h})]}))}))},6521:(n,e,t)=>{t.d(e,{EU:()=>l,ZP:()=>a});var o=t(8081),r=t.n(o),i=t(23645),d=t.n(i)()(r());d.push([n.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--orfU0";const a=d}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3456.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3456,6322],{23456:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var t=i(80248),o=i(9420),d=i(86322),r=(i(87363),i(93379)),l=i.n(r),a=i(7795),c=i.n(a),s=i(90569),u=i.n(s),x=i(3565),p=i.n(x),m=i(19216),h=i.n(m),f=i(44589),b=i.n(f),g=i(83485),v={};v.styleTagTransform=b(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=h();l()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const P=(0,o.Pi)((function AccessoiresSerious(e){return g.TX,g.db,(0,w.jsx)(d.default,_objectSpread(_objectSpread({},e),{},{wcAccInfoContainerClass:g.TX,wrapper:g.YS,wcConfiguratorSettingsTitleClass:g.db,hidePrice:!0,hideSize:!0}))}))},86322:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),s=i(7097),u=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),b=i(90569),g=i.n(b),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),O=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=g().bind(null,"head"),j.domAPI=f(),j.insertStyleElement=y();m()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(88683),z=i(46770),_=i(65759),T=i(81809),I=i(55405),q=i(87261),D=i(70537),A=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,u.Pi)((function AccessoiresStandard(e){var n,i,t=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,u=void 0===a?O.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?O.db:p,h=e.hidePrice,f=e.hideSize,b=t,g=(0,s.NP)(),v=(0,C.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,j=g.getViewConfig().dontShowBasePrice||w||h,N=function(){var e=(0,d.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),Q=function(){var e=(0,d.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),H={};if(b.configStepKeys)for(var R=function _loop(){var e=b.configStepKeys[Z],n=g.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;H[e.basketId]||(H[e.basketId]={}),H[e.basketId][n[0]]=n[1]},Z=0;Z<b.configStepKeys.length;Z++)R();var E=(0,x.useState)(""),F=(0,o.Z)(E,2),K=F[0],V=F[1],M={},W={},B=void 0,G=!1,X={},L=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),U=(0,z.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return y||k||g.getViewConfig().hideTooltip||(G=L[0],X=L[1],M=U.triggerProps,W=U.layerProps,B=U.renderLayer),(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(O.RV,r,g.uiState.isMobilePortrait?O.KJ:void 0,g.uiState.isMobileLandscape?O.mp:void 0)},M),X),{},{children:[(0,A.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,A.jsx)("div",{className:c()(O.K5),onClick:N,style:{backgroundImage:"url(".concat(b.image,")")}}),(0,A.jsxs)("div",{className:c()(u),children:[(0,A.jsx)("div",{className:c()(m,""!==K?O.Bm:void 0),children:b.name}),(0,A.jsx)(_.default,{metaData:b.metaData,visible:[K,V]},b.articleCodex),!f&&(0,A.jsx)("div",{className:c()(O.WN),children:b.formattedSize})]}),(0,A.jsxs)("div",{className:c()(O.W0),children:[b.contentItemId&&(0,A.jsx)(q.default,{item:b,style:{left:-32,bottom:g.getIsInMobileView()?26:12}},b.articleCodex),(0,A.jsx)("div",{onClick:Q,className:c()(O.Uz,0==b.actQuantity?O.h$:void 0),children:"-"}),(0,A.jsx)("div",{className:c()(O.Wi),children:b.actQuantity}),(0,A.jsx)("div",{onClick:N,className:c()(O.vg,b.maxQuantity==b.actQuantity&&0!=b.maxQuantity?O.h$:void 0),children:"+"})]})]}),!j&&!!b.price&&(0,A.jsx)(D.default,{price:b.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,A.jsx)(T.default,{text:null!==(i=b.longDescription)&&void 0!==i?i:b.name,desciption:K,codex:b.articleCodex,pricePreviewPromise:b.pricePreviewPromise,image:b.image,layerProps:W},b.articleCodex))),!!Object.keys(H).length&&(0,A.jsx)(I.default,{itemPalettesOfArticle:H})]})}))},83485:(e,n,i)=>{i.d(n,{TX:()=>l,YS:()=>c,ZP:()=>s,db:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--zgv7T {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.index-module--dkdDd {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--dkdDd:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.index-module--mxUdV {\n  --infoIconSize: 22px;\n}\n",""]);var l="index-module--zgv7T",a="index-module--dkdDd",c="index-module--mxUdV";const s=r},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>s,KJ:()=>P,RV:()=>l,TX:()=>u,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>g,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>b});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",s="index-module--nLQC8",u="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",b="index-module--o4vHn",g="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3456,6322],{23456:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var t=i(80248),o=i(9420),d=i(86322),r=(i(87363),i(93379)),l=i.n(r),a=i(7795),c=i.n(a),s=i(90569),u=i.n(s),x=i(3565),p=i.n(x),m=i(19216),h=i.n(m),f=i(44589),b=i.n(f),g=i(83485),v={};v.styleTagTransform=b(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=h();l()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const P=(0,o.Pi)((function AccessoiresSerious(e){return g.TX,g.db,(0,w.jsx)(d.default,_objectSpread(_objectSpread({},e),{},{wcAccInfoContainerClass:g.TX,wrapper:g.YS,wcConfiguratorSettingsTitleClass:g.db,hidePrice:!0,hideSize:!0}))}))},86322:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),s=i(9733),u=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),b=i(90569),g=i.n(b),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),O=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=g().bind(null,"head"),j.domAPI=f(),j.insertStyleElement=y();m()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(88683),z=i(46770),_=i(65759),T=i(81809),I=i(55405),q=i(87261),D=i(70537),A=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,u.Pi)((function AccessoiresStandard(e){var n,i,t=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,u=void 0===a?O.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?O.db:p,h=e.hidePrice,f=e.hideSize,b=t,g=(0,s.NP)(),v=(0,C.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,j=g.getViewConfig().dontShowBasePrice||w||h,N=function(){var e=(0,d.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),Q=function(){var e=(0,d.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),H={};if(b.configStepKeys)for(var R=function _loop(){var e=b.configStepKeys[Z],n=g.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;H[e.basketId]||(H[e.basketId]={}),H[e.basketId][n[0]]=n[1]},Z=0;Z<b.configStepKeys.length;Z++)R();var E=(0,x.useState)(""),F=(0,o.Z)(E,2),K=F[0],V=F[1],M={},W={},B=void 0,G=!1,X={},L=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),U=(0,z.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return y||k||g.getViewConfig().hideTooltip||(G=L[0],X=L[1],M=U.triggerProps,W=U.layerProps,B=U.renderLayer),(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(O.RV,r,g.uiState.isMobilePortrait?O.KJ:void 0,g.uiState.isMobileLandscape?O.mp:void 0)},M),X),{},{children:[(0,A.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,A.jsx)("div",{className:c()(O.K5),onClick:N,style:{backgroundImage:"url(".concat(b.image,")")}}),(0,A.jsxs)("div",{className:c()(u),children:[(0,A.jsx)("div",{className:c()(m,""!==K?O.Bm:void 0),children:b.name}),(0,A.jsx)(_.default,{metaData:b.metaData,visible:[K,V]},b.articleCodex),!f&&(0,A.jsx)("div",{className:c()(O.WN),children:b.formattedSize})]}),(0,A.jsxs)("div",{className:c()(O.W0),children:[b.contentItemId&&(0,A.jsx)(q.default,{item:b,style:{left:-32,bottom:g.getIsInMobileView()?26:12}},b.articleCodex),(0,A.jsx)("div",{onClick:Q,className:c()(O.Uz,0==b.actQuantity?O.h$:void 0),children:"-"}),(0,A.jsx)("div",{className:c()(O.Wi),children:b.actQuantity}),(0,A.jsx)("div",{onClick:N,className:c()(O.vg,b.maxQuantity==b.actQuantity&&0!=b.maxQuantity?O.h$:void 0),children:"+"})]})]}),!j&&!!b.price&&(0,A.jsx)(D.default,{price:b.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,A.jsx)(T.default,{text:null!==(i=b.longDescription)&&void 0!==i?i:b.name,desciption:K,codex:b.articleCodex,pricePreviewPromise:b.pricePreviewPromise,image:b.image,layerProps:W},b.articleCodex))),!!Object.keys(H).length&&(0,A.jsx)(I.default,{itemPalettesOfArticle:H})]})}))},83485:(e,n,i)=>{i.d(n,{TX:()=>l,YS:()=>c,ZP:()=>s,db:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--zgv7T {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.index-module--dkdDd {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--dkdDd:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.index-module--mxUdV {\n  --infoIconSize: 22px;\n}\n",""]);var l="index-module--zgv7T",a="index-module--dkdDd",c="index-module--mxUdV";const s=r},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>s,KJ:()=>P,RV:()=>l,TX:()=>u,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>g,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>b});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",s="index-module--nLQC8",u="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",b="index-module--o4vHn",g="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3460.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3460,3429,2334,7446,8291],{57446:function(r,m,y){var O;r.exports=(O=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var O=m[y]={i:y,l:!1,exports:{}};return r[y].call(O.exports,O,O.exports,n),O.l=!0,O.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var O in r)n.d(y,O,function(m){return r[m]}.bind(null,O));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=O},function(r,m,y){"use strict";var O=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,x,C){if(C!==O){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var O=y(1),v=y.n(O),x=y(0),C=y.n(x),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var O in y)Object.prototype.hasOwnProperty.call(y,O)&&(r[O]=y[O])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var O=m[y];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(r,O.key,O)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,O=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(O,arguments,v)}else y=O.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,O,x=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=x.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",O=this.props.triggerDisabled?"is-disabled":"",x=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,P=j.classParentString,S=j.contentOuterClassName,N=j.contentInnerClassName,k="".concat(P,"__trigger ").concat(y," ").concat(O," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),R="".concat(P,"__contentInner ").concat(N);return v.a.createElement(C,l({className:E.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),x),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:R.trim()},T)))}}])&&p(m.prototype,y),O&&p(m,O),Object.defineProperty(m,"prototype",{writable:!1}),s}(O.Component);w.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},33429:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>X});var O=y(80248),v=y(72874),x=y(87363),C=y(9420),w=y(93379),T=y.n(w),j=y(7795),P=y.n(j),S=y(90569),N=y.n(S),k=y(3565),E=y.n(k),_=y(19216),R=y.n(_),D=y(44589),I=y.n(D),Q=y(6521),Z={};Z.styleTagTransform=I(),Z.setAttributes=E(),Z.insert=N().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=R();T()(Q.ZP,Z);Q.ZP&&Q.ZP.locals&&Q.ZP.locals;var W=y(65515),B=y.n(W),A=y(7097),U=y(47514),H=["curBox","isExpanded","state"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const X=(0,C.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,y,O=r.state,C=(0,v.Z)(r,H),w=(0,A.NP)(),T=w.divaWebPlanner.getDivaArticles();if(!T)return(0,U.jsx)(U.Fragment,{});var j=Object.values(T).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!j.length)return(0,U.jsx)(U.Fragment,{});var P=null===(m=j[0].plannerData)||void 0===m?void 0:m.svgBefore,S=null===(y=j[0].plannerData)||void 0===y?void 0:y.svgAfter,N="before"==O?P:S;return(0,x.createElement)("div",_objectSpread(_objectSpread({},C),{},{className:B()(Q.EU),key:w.settingsState.configChanged}),(0,U.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,U.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=N?N:"")},children:"copy"}),(0,U.jsx)("textarea",{readOnly:!0,value:N})]}))}))},82334:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});var O=y(9420),v=(y(87363),y(33429)),x=y(47514);const C=(0,O.Pi)((function index(r){var m=(0,x.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,x.jsx)("div",{children:m})}))},70685:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var O=y(80248),v=y(88291),x=(y(87363),y(9420)),C=y(72072),w=y(82334),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const j=(0,x.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,T.jsx)(C.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:w.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,y)=>{"use strict";y.d(m,{EU:()=>w,ZP:()=>T});var O=y(8081),v=y.n(O),x=y(23645),C=y.n(x)()(v());C.push([r.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var w="index-module--orfU0";const T=C},88291:(r,m,y)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}y.d(m,{Z:()=>_objectDestructuringEmpty})}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3460,3429,2334,7446,8291],{57446:function(r,m,y){var O;r.exports=(O=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var O=m[y]={i:y,l:!1,exports:{}};return r[y].call(O.exports,O,O.exports,n),O.l=!0,O.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var O in r)n.d(y,O,function(m){return r[m]}.bind(null,O));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=O},function(r,m,y){"use strict";var O=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,x,C){if(C!==O){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var O=y(1),v=y.n(O),x=y(0),C=y.n(x),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var O in y)Object.prototype.hasOwnProperty.call(y,O)&&(r[O]=y[O])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var O=m[y];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(r,O.key,O)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,O=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(O,arguments,v)}else y=O.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,O,x=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=x.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",O=this.props.triggerDisabled?"is-disabled":"",x=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,P=j.classParentString,S=j.contentOuterClassName,N=j.contentInnerClassName,k="".concat(P,"__trigger ").concat(y," ").concat(O," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),R="".concat(P,"__contentInner ").concat(N);return v.a.createElement(C,l({className:E.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),x),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:R.trim()},T)))}}])&&p(m.prototype,y),O&&p(m,O),Object.defineProperty(m,"prototype",{writable:!1}),s}(O.Component);w.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},33429:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>X});var O=y(80248),v=y(72874),x=y(87363),C=y(9420),w=y(93379),T=y.n(w),j=y(7795),P=y.n(j),S=y(90569),N=y.n(S),k=y(3565),E=y.n(k),_=y(19216),R=y.n(_),D=y(44589),I=y.n(D),Q=y(6521),Z={};Z.styleTagTransform=I(),Z.setAttributes=E(),Z.insert=N().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=R();T()(Q.ZP,Z);Q.ZP&&Q.ZP.locals&&Q.ZP.locals;var W=y(65515),B=y.n(W),A=y(9733),U=y(47514),H=["curBox","isExpanded","state"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const X=(0,C.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,y,O=r.state,C=(0,v.Z)(r,H),w=(0,A.NP)(),T=w.divaWebPlanner.getDivaArticles();if(!T)return(0,U.jsx)(U.Fragment,{});var j=Object.values(T).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!j.length)return(0,U.jsx)(U.Fragment,{});var P=null===(m=j[0].plannerData)||void 0===m?void 0:m.svgBefore,S=null===(y=j[0].plannerData)||void 0===y?void 0:y.svgAfter,N="before"==O?P:S;return(0,x.createElement)("div",_objectSpread(_objectSpread({},C),{},{className:B()(Q.EU),key:w.settingsState.configChanged}),(0,U.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,U.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=N?N:"")},children:"copy"}),(0,U.jsx)("textarea",{readOnly:!0,value:N})]}))}))},82334:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});var O=y(9420),v=(y(87363),y(33429)),x=y(47514);const C=(0,O.Pi)((function index(r){var m=(0,x.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,x.jsx)("div",{children:m})}))},70685:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var O=y(80248),v=y(88291),x=(y(87363),y(9420)),C=y(72072),w=y(82334),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const j=(0,x.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,T.jsx)(C.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:w.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,y)=>{"use strict";y.d(m,{EU:()=>w,ZP:()=>T});var O=y(8081),v=y.n(O),x=y(23645),C=y.n(x)()(v());C.push([r.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var w="index-module--orfU0";const T=C},88291:(r,m,y)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}y.d(m,{Z:()=>_objectDestructuringEmpty})}}]);