npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.8.0-beta.4 → 25.8.0-beta.6 - Mend

@crystaldesign/diva-web-planner-react 25.8.0-beta.4 → 25.8.0-beta.6

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8938.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>d});var c=o(65515),t=o.n(c),i=o(9420),s=o(23987),l=(o(87363),o(47514));const d=(0,i.Pi)((function DPACC(n){var e=n.rect,o=n.item,c=n.onElement,i=n.plannerUIProps,d=(0,s._w)(),a=d.getDPUIISSelected(o);return(0,l.jsx)("div",{ref:function ref(n){return c(n)},onClick:function onClick(){var n;d.setDPUISelectionChanged(o,!a),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!a,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(i.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&a&&"NOT_DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&a&&"NOT_DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>d});var c=o(65515),t=o.n(c),i=o(9420),s=o(33923),l=(o(87363),o(47514));const d=(0,i.Pi)((function DPACC(n){var e=n.rect,o=n.item,c=n.onElement,i=n.plannerUIProps,d=(0,s._w)(),a=d.getDPUIISSelected(o);return(0,l.jsx)("div",{ref:function ref(n){return c(n)},onClick:function onClick(){var n;d.setDPUISelectionChanged(o,!a),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!a,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(i.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&a&&"NOT_DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&a&&"NOT_DOCKING"==o.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 896.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[896,4060],{80896:(n,e,i)=>{i.r(e),i.d(e,{default:()=>l});var o=i(23987),t=(i(87363),i(86924)),d=i(47514);const l=function Planner3DGrid(n){var e=(0,o.NP)();return(0,d.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:t.nX})}},109:(n,e,i)=>{i.d(e,{Eg:()=>y,Gr:()=>c,Lq:()=>P,U7:()=>h,VR:()=>j,Y0:()=>f,Y6:()=>v,ZP:()=>N,be:()=>Z,e:()=>L,i5:()=>s,i_:()=>M,nX:()=>A,pI:()=>I,rK:()=>p,tW:()=>w});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d),x=i(61667),u=i.n(x),a=new URL(i(66993),i.b),r=new URL(i(14060),i.b),m=l()(t()),g=u()(a),b=u()(r);m.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n.index-module--gB2ft.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n.index-module--oczb9.index-module--XIBwe.index-module--vorE_ {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.index-module--oczb9.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--ns190 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--HoAjS {\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--gB2ft .index-module--HoAjS {\n  width: 32px;\n  height: 32px;\n}\n.index-module--oczb9 .index-module--HoAjS {\n  background-image: url("+b+");\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--oczb9 .index-module--HoAjS.index-module--WA0Ly {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--yjHgw .index-module--HoAjS {\n  transform: rotate(180deg);\n}\n\n.index-module--NywwO {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url("+b+");\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--ddqos {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n",""]);var s="index-module--vorE_",p="index-module--gB2ft",h="index-module--yjHgw",c="index-module--rUFyU",w="index-module--oczb9",j="index-module--XIBwe",I="index-module--ns190",y="index-module--k9Dtu",Z="index-module--M16ih",f="index-module--bGZ75",v="index-module--J4_kY",M="index-module--HoAjS",P="index-module--WA0Ly",L="index-module--NywwO",A="index-module--ddqos";const N=m},86924:(n,e,i)=>{i.d(e,{Eg:()=>p.Eg,Gr:()=>p.Gr,Lq:()=>p.Lq,U7:()=>p.U7,VR:()=>p.VR,Y0:()=>p.Y0,Y6:()=>p.Y6,be:()=>p.be,e:()=>p.e,i5:()=>p.i5,i_:()=>p.i_,nX:()=>p.nX,pI:()=>p.pI,rK:()=>p.rK,tW:()=>p.tW});var o=i(93379),t=i.n(o),d=i(7795),l=i.n(d),x=i(90569),u=i.n(x),a=i(3565),r=i.n(a),m=i(19216),g=i.n(m),b=i(44589),s=i.n(b),p=i(109),h={};h.styleTagTransform=s(),h.setAttributes=r(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();t()(p.ZP,h),p.ZP&&p.ZP.locals&&p.ZP.locals},66993:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},14060:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[896,4060],{80896:(n,e,i)=>{i.r(e),i.d(e,{default:()=>l});var o=i(33923),t=(i(87363),i(86924)),d=i(47514);const l=function Planner3DGrid(n){var e=(0,o.NP)();return(0,d.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:t.nX})}},109:(n,e,i)=>{i.d(e,{Eg:()=>y,Gr:()=>c,Lq:()=>P,U7:()=>h,VR:()=>j,Y0:()=>f,Y6:()=>v,ZP:()=>N,be:()=>Z,e:()=>L,i5:()=>s,i_:()=>M,nX:()=>A,pI:()=>I,rK:()=>p,tW:()=>w});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d),x=i(61667),u=i.n(x),a=new URL(i(66993),i.b),r=new URL(i(14060),i.b),m=l()(t()),g=u()(a),b=u()(r);m.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n.index-module--gB2ft.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n.index-module--oczb9.index-module--XIBwe.index-module--vorE_ {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.index-module--oczb9.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--ns190 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--HoAjS {\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--gB2ft .index-module--HoAjS {\n  width: 32px;\n  height: 32px;\n}\n.index-module--oczb9 .index-module--HoAjS {\n  background-image: url("+b+");\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--oczb9 .index-module--HoAjS.index-module--WA0Ly {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--yjHgw .index-module--HoAjS {\n  transform: rotate(180deg);\n}\n\n.index-module--NywwO {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url("+b+");\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--ddqos {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n",""]);var s="index-module--vorE_",p="index-module--gB2ft",h="index-module--yjHgw",c="index-module--rUFyU",w="index-module--oczb9",j="index-module--XIBwe",I="index-module--ns190",y="index-module--k9Dtu",Z="index-module--M16ih",f="index-module--bGZ75",v="index-module--J4_kY",M="index-module--HoAjS",P="index-module--WA0Ly",L="index-module--NywwO",A="index-module--ddqos";const N=m},86924:(n,e,i)=>{i.d(e,{Eg:()=>p.Eg,Gr:()=>p.Gr,Lq:()=>p.Lq,U7:()=>p.U7,VR:()=>p.VR,Y0:()=>p.Y0,Y6:()=>p.Y6,be:()=>p.be,e:()=>p.e,i5:()=>p.i5,i_:()=>p.i_,nX:()=>p.nX,pI:()=>p.pI,rK:()=>p.rK,tW:()=>p.tW});var o=i(93379),t=i.n(o),d=i(7795),l=i.n(d),x=i(90569),u=i.n(x),a=i(3565),r=i.n(a),m=i(19216),g=i.n(m),b=i(44589),s=i.n(b),p=i(109),h={};h.styleTagTransform=s(),h.setAttributes=r(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();t()(p.ZP,h),p.ZP&&p.ZP.locals&&p.ZP.locals},66993:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},14060:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9080.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9080,7957],{67957:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});var a=t(9420),i=(t(87363),t(93379)),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(33625),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(65515),D=t.n(P),f=t(23987),N=t(47514);const x=(0,a.Pi)((function FilterItem(e){var n,t=e.item,a=e.id,i=(0,f.NP)(),o=null===(n=i.settingsState.itemPalettes.get(a))||void 0===n?void 0:n.filterValue;return(0,N.jsx)("span",{onClick:function onClick(){return i.paletteViewHandler.onSelectFilter(a,t.text,"RAL")},style:{backgroundColor:t.rgb},className:D()(g.kT,o===t.text?g.pA:void 0)})}))},49080:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var a=t(76615);var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(98106),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(9420),D=t(67957),f=t(23987),N=t(47514);const x=(0,P.Pi)((function SlideFilter(e){var n,t=e.visibleColorItems,i=e.id,o=e.deleteCurValue,r=(0,f.NP)(),l=t.map((function(e){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,N.jsx)(D.default,{id:i,item:e})}})),d=(0,N.jsx)(a.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:l,centeredSlides:!0}}});return(0,N.jsxs)("div",{className:g.nC,"data-test-id":"slide-filter",children:[(null===(n=r.settingsState.itemPalettes.get(i))||void 0===n?void 0:n.filterValue)&&(0,N.jsx)("div",{className:g.tb,onClick:o}),(0,N.jsx)("img",{className:g.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var e=r.settingsState.infoBoxContent;e&&e.id===i&&"filter"===e.type?r.settingsState.updateInfoBox():r.settingsState.updateInfoBox({type:"filter",id:i,content:d})}})]})}))},33625:(e,n,t)=>{t.d(n,{ZP:()=>s,kT:()=>l,pA:()=>d});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var l="index-module--ouZ0f",d="index-module--PFRaI";const s=r},98106:(e,n,t)=>{t.d(n,{Mj:()=>p,ZP:()=>v,nC:()=>u,tb:()=>m});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o),l=t(61667),d=t.n(l),s=new URL(t(90263),t.b),A=r()(i()),c=d()(s);A.push([e.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var u="index-module--Tmi2t",p="index-module--jfeai",m="index-module--WGHBP";const v=A},90263:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9080,7957],{67957:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});var a=t(9420),i=(t(87363),t(93379)),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(33625),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(65515),D=t.n(P),f=t(33923),N=t(47514);const x=(0,a.Pi)((function FilterItem(e){var n,t=e.item,a=e.id,i=(0,f.NP)(),o=null===(n=i.settingsState.itemPalettes.get(a))||void 0===n?void 0:n.filterValue;return(0,N.jsx)("span",{onClick:function onClick(){return i.paletteViewHandler.onSelectFilter(a,t.text,"RAL")},style:{backgroundColor:t.rgb},className:D()(g.kT,o===t.text?g.pA:void 0)})}))},49080:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var a=t(76615);var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(98106),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(9420),D=t(67957),f=t(33923),N=t(47514);const x=(0,P.Pi)((function SlideFilter(e){var n,t=e.visibleColorItems,i=e.id,o=e.deleteCurValue,r=(0,f.NP)(),l=t.map((function(e){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,N.jsx)(D.default,{id:i,item:e})}})),d=(0,N.jsx)(a.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:l,centeredSlides:!0}}});return(0,N.jsxs)("div",{className:g.nC,"data-test-id":"slide-filter",children:[(null===(n=r.settingsState.itemPalettes.get(i))||void 0===n?void 0:n.filterValue)&&(0,N.jsx)("div",{className:g.tb,onClick:o}),(0,N.jsx)("img",{className:g.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var e=r.settingsState.infoBoxContent;e&&e.id===i&&"filter"===e.type?r.settingsState.updateInfoBox():r.settingsState.updateInfoBox({type:"filter",id:i,content:d})}})]})}))},33625:(e,n,t)=>{t.d(n,{ZP:()=>s,kT:()=>l,pA:()=>d});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var l="index-module--ouZ0f",d="index-module--PFRaI";const s=r},98106:(e,n,t)=>{t.d(n,{Mj:()=>p,ZP:()=>v,nC:()=>u,tb:()=>m});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o),l=t(61667),d=t.n(l),s=new URL(t(90263),t.b),A=r()(i()),c=d()(s);A.push([e.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var u="index-module--Tmi2t",p="index-module--jfeai",m="index-module--WGHBP";const v=A},90263:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9204.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9204],{99204:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var r=t(80248),i=t(84658),o=t(34988),l=t(72874),s=t(50747),d=t.n(s),a=t(65515),c=t.n(a),h=t(9420),u=t(87363),x=t(23987),f=t(93379),m=t.n(f),p=t(7795),b=t.n(p),g=t(90569),j=t.n(g),v=t(3565),w=t.n(v),y=t(19216),P=t.n(y),k=t(44589),T=t.n(k),O=t(13689),N={};N.styleTagTransform=T(),N.setAttributes=w(),N.insert=j().bind(null,"head"),N.domAPI=b(),N.insertStyleElement=P();m()(O.ZP,N);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(47514),M=["onMouseDown"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,h.Pi)((function EkTextViewer(e){var n=e.onMouseDown,t=(0,l.Z)(e,M),r=(0,x.NP)(),s=(0,u.useState)(""),a=(0,o.Z)(s,2),h=a[0],f=a[1],m=(0,u.useState)([]),p=(0,o.Z)(m,2),b=p[0],g=p[1],j=function(){var e=(0,i.Z)(d().mark((function _callee(){var e,n,t;return d().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:return i.next=2,r.divaWebPlanner.getBasketDataWithEkText();case 2:if(t=i.sent){i.next=5;break}return i.abrupt("return");case 5:f(null!==(e=t.getEKText())&&void 0!==e?e:""),g(null!==(n=t.SAPOrderLines)&&void 0!==n?n:[]);case 7:case"end":return i.stop()}}),_callee)})));return function getEkText(){return e.apply(this,arguments)}}();return(0,u.useEffect)((function(){j()}),[r.settingsState.configChanged]),(0,S.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:c()(t.className,O.fm),children:(0,S.jsxs)("div",{className:O.YS,children:[(0,S.jsx)("a",{className:O.Fs,onMouseDown:n,children:"EkText Übersicht"}),!!b.length&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("h3",{children:"SapOrderLines"}),(0,S.jsxs)("table",{className:O.Kz,children:[(0,S.jsx)("thead",{children:(0,S.jsxs)("tr",{className:O.$Q,children:[(0,S.jsx)("th",{children:"Name"}),(0,S.jsx)("th",{children:"EkText"}),(0,S.jsx)("th",{children:"Preis"}),(0,S.jsx)("th",{children:"Artikle Nr."}),(0,S.jsx)("th",{children:"Retail Artikle Nr."}),(0,S.jsx)("th",{children:"Prefix"}),(0,S.jsx)("th",{children:"Menge"}),(0,S.jsx)("th",{children:"PosNr"})]})}),(0,S.jsx)("tbody",{children:b.map((function(e,n){var t;return(0,S.jsxs)("tr",{className:O.$Q,children:[(0,S.jsxs)("th",{children:[" ",e.Name]}),e.OrderText?(0,S.jsx)("th",{dangerouslySetInnerHTML:{__html:e.OrderText.replace(/\r\n/g,"<br>")}}):(0,S.jsx)("th",{}),(0,S.jsxs)("th",{children:[" ",null!==(t=e.Price)&&void 0!==t?t:0," "]}),(0,S.jsxs)("th",{children:[" ",e.ArticleNr," "]}),(0,S.jsxs)("th",{children:[" ",e.RetailArticleName," "]}),(0,S.jsxs)("th",{children:[e.ArticleNrPrefix," "]}),(0,S.jsxs)("th",{children:[e.Quantity," "]}),(0,S.jsx)("th",{children:e.PosNr})]},n)}))})]})]}),(0,S.jsxs)("div",{children:[(0,S.jsx)("button",{onClick:function onClick(){var e;return null===(e=navigator)||void 0===e||null===(e=e.clipboard)||void 0===e?void 0:e.writeText(h)},children:"kopieren"}),(0,S.jsx)("div",{className:O.nG,dangerouslySetInnerHTML:{__html:h.replace(/\r\n/g,"<br>")}})]})]})}))}))},13689:(e,n,t)=>{t.d(n,{$Q:()=>u,Fs:()=>a,Kz:()=>h,YS:()=>s,ZP:()=>x,fm:()=>d,nG:()=>c});var r=t(8081),i=t.n(r),o=t(23645),l=t.n(o)()(i());l.push([e.id,".index-module--dRdX7 {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--JnUb8 {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--qSiiY {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.index-module--BYi2l {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--etPY7 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.index-module--etPY7 thead {\n  font-weight: bold !important;\n}\n.index-module--etPY7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.index-module--vMmTT {\n  text-align: left;\n}\n.index-module--vMmTT:first-child {\n  height: 20px;\n}\n.index-module--vMmTT th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--vMmTT th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--vMmTT th:last-child {\n  font-size: 12px;\n}\n",""]);var s="index-module--dRdX7",d="index-module--JnUb8",a="index-module--qSiiY",c="index-module--BYi2l",h="index-module--etPY7",u="index-module--vMmTT";const x=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9204],{99204:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var r=t(80248),i=t(84658),o=t(34988),l=t(72874),s=t(50747),d=t.n(s),a=t(65515),c=t.n(a),h=t(9420),u=t(87363),x=t(33923),f=t(93379),m=t.n(f),p=t(7795),b=t.n(p),g=t(90569),j=t.n(g),v=t(3565),w=t.n(v),y=t(19216),P=t.n(y),k=t(44589),T=t.n(k),O=t(13689),N={};N.styleTagTransform=T(),N.setAttributes=w(),N.insert=j().bind(null,"head"),N.domAPI=b(),N.insertStyleElement=P();m()(O.ZP,N);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(47514),M=["onMouseDown"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,h.Pi)((function EkTextViewer(e){var n=e.onMouseDown,t=(0,l.Z)(e,M),r=(0,x.NP)(),s=(0,u.useState)(""),a=(0,o.Z)(s,2),h=a[0],f=a[1],m=(0,u.useState)([]),p=(0,o.Z)(m,2),b=p[0],g=p[1],j=function(){var e=(0,i.Z)(d().mark((function _callee(){var e,n,t;return d().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:return i.next=2,r.divaWebPlanner.getBasketDataWithEkText();case 2:if(t=i.sent){i.next=5;break}return i.abrupt("return");case 5:f(null!==(e=t.getEKText())&&void 0!==e?e:""),g(null!==(n=t.SAPOrderLines)&&void 0!==n?n:[]);case 7:case"end":return i.stop()}}),_callee)})));return function getEkText(){return e.apply(this,arguments)}}();return(0,u.useEffect)((function(){j()}),[r.settingsState.configChanged]),(0,S.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:c()(t.className,O.fm),children:(0,S.jsxs)("div",{className:O.YS,children:[(0,S.jsx)("a",{className:O.Fs,onMouseDown:n,children:"EkText Übersicht"}),!!b.length&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("h3",{children:"SapOrderLines"}),(0,S.jsxs)("table",{className:O.Kz,children:[(0,S.jsx)("thead",{children:(0,S.jsxs)("tr",{className:O.$Q,children:[(0,S.jsx)("th",{children:"Name"}),(0,S.jsx)("th",{children:"EkText"}),(0,S.jsx)("th",{children:"Preis"}),(0,S.jsx)("th",{children:"Artikle Nr."}),(0,S.jsx)("th",{children:"Retail Artikle Nr."}),(0,S.jsx)("th",{children:"Prefix"}),(0,S.jsx)("th",{children:"Menge"}),(0,S.jsx)("th",{children:"PosNr"})]})}),(0,S.jsx)("tbody",{children:b.map((function(e,n){var t;return(0,S.jsxs)("tr",{className:O.$Q,children:[(0,S.jsxs)("th",{children:[" ",e.Name]}),e.OrderText?(0,S.jsx)("th",{dangerouslySetInnerHTML:{__html:e.OrderText.replace(/\r\n/g,"<br>")}}):(0,S.jsx)("th",{}),(0,S.jsxs)("th",{children:[" ",null!==(t=e.Price)&&void 0!==t?t:0," "]}),(0,S.jsxs)("th",{children:[" ",e.ArticleNr," "]}),(0,S.jsxs)("th",{children:[" ",e.RetailArticleName," "]}),(0,S.jsxs)("th",{children:[e.ArticleNrPrefix," "]}),(0,S.jsxs)("th",{children:[e.Quantity," "]}),(0,S.jsx)("th",{children:e.PosNr})]},n)}))})]})]}),(0,S.jsxs)("div",{children:[(0,S.jsx)("button",{onClick:function onClick(){var e;return null===(e=navigator)||void 0===e||null===(e=e.clipboard)||void 0===e?void 0:e.writeText(h)},children:"kopieren"}),(0,S.jsx)("div",{className:O.nG,dangerouslySetInnerHTML:{__html:h.replace(/\r\n/g,"<br>")}})]})]})}))}))},13689:(e,n,t)=>{t.d(n,{$Q:()=>u,Fs:()=>a,Kz:()=>h,YS:()=>s,ZP:()=>x,fm:()=>d,nG:()=>c});var r=t(8081),i=t.n(r),o=t(23645),l=t.n(o)()(i());l.push([e.id,".index-module--dRdX7 {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--JnUb8 {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--qSiiY {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.index-module--BYi2l {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--etPY7 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.index-module--etPY7 thead {\n  font-weight: bold !important;\n}\n.index-module--etPY7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.index-module--vMmTT {\n  text-align: left;\n}\n.index-module--vMmTT:first-child {\n  height: 20px;\n}\n.index-module--vMmTT th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--vMmTT th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--vMmTT th:last-child {\n  font-size: 12px;\n}\n",""]);var s="index-module--dRdX7",d="index-module--JnUb8",a="index-module--qSiiY",c="index-module--BYi2l",h="index-module--etPY7",u="index-module--vMmTT";const x=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9217.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9217],{29217:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var a=t(34988),l=t(23987),i=(t(87363),t(71393)),r=t(93379),o=t.n(r),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),b=t.n(v),f=t(19216),h=t.n(f),m=t(44589),g=t.n(m),p=t(73751),x={};x.styleTagTransform=g(),x.setAttributes=b(),x.insert=c().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=h();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var k=t(47514);const Z=function ArticleSelector(n){var e,t=(0,a.Z)(n.articleState,2),r=t[0],o=t[1],s=(0,l.NP)(),d=Object.values(null!==(e=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{}),u=d.map((function(n){return{value:n.basketId,label:n.name+" "+n.posNr}}));return 1==u.length||0==u.length?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(i.ZP,{value:u.find((function(n){return n.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(n){o(d.find((function(e){return e.basketId==n.value})))},className:p.Y})}},73751:(n,e,t)=>{t.d(e,{Y:()=>o,Z:()=>s});var a=t(8081),l=t.n(a),i=t(23645),r=t.n(i)()(l());r.push([n.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var o="index-module--_Tl9c";const s=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9217],{29217:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var a=t(34988),l=t(33923),i=(t(87363),t(71393)),r=t(93379),o=t.n(r),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),b=t.n(v),f=t(19216),h=t.n(f),m=t(44589),g=t.n(m),p=t(73751),x={};x.styleTagTransform=g(),x.setAttributes=b(),x.insert=c().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=h();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var k=t(47514);const Z=function ArticleSelector(n){var e,t=(0,a.Z)(n.articleState,2),r=t[0],o=t[1],s=(0,l.NP)(),d=Object.values(null!==(e=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{}),u=d.map((function(n){return{value:n.basketId,label:n.name+" "+n.posNr}}));return 1==u.length||0==u.length?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(i.ZP,{value:u.find((function(n){return n.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(n){o(d.find((function(e){return e.basketId==n.value})))},className:p.Y})}},73751:(n,e,t)=>{t.d(e,{Y:()=>o,Z:()=>s});var a=t(8081),l=t.n(a),i=t(23645),r=t.n(i)()(l());r.push([n.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var o="index-module--_Tl9c";const s=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9290.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9290],{59290:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var l=t(65515),o=t.n(l),r=t(9420),s=t(23987),a=(t(87363),t(47514));const c=(0,r.Pi)((function AVR(e){var n=e.rect,t=e.item,l=e.onElement,r=e.plannerUIProps,c=(0,s._w)(),i=c.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,a.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(t,!i),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!i,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(r.classes.buttonGeneral,r.classes.dockingPoint.AVR.avr,i?r.classes.dockingPoint.AVR.avrSel:void 0),children:t.posNr})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9290],{59290:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var l=t(65515),o=t.n(l),r=t(9420),s=t(33923),a=(t(87363),t(47514));const c=(0,r.Pi)((function AVR(e){var n=e.rect,t=e.item,l=e.onElement,r=e.plannerUIProps,c=(0,s._w)(),i=c.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,a.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;c.setDPUISelectionChanged(t,!i),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!i,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(r.classes.buttonGeneral,r.classes.dockingPoint.AVR.avr,i?r.classes.dockingPoint.AVR.avrSel:void 0),children:t.posNr})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9291.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9291,7880],{69291:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var o=i(65515),d=i.n(o),t=i(23987),r=i(9420),l=(i(87363),i(88683)),a=i(94873),x=i(86587),m=i(47514);const u=(0,r.Pi)((function ViewPoint(n){var e=n.item,i=(0,t.NP)(),o=(0,l.useTranslation)().t;return(0,m.jsx)("div",{className:a.CA,onClick:function onClick(){return i.paletteViewHandler.clickedOnStaticVPPalette(e)},children:(0,m.jsxs)("div",{className:d()(a.iZ,a.vc),children:[e.sel&&(0,m.jsx)(x.default,{}),(0,m.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(e.url,")")}}),(0,m.jsx)("div",{className:a.AR,children:(0,m.jsx)("div",{className:a.db,children:o("configurator."+e.N)})})]})})}))},86587:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(80248),d=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function IsActive(n){return(0,t.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},6284:(n,e,i)=>{i.d(e,{$l:()=>g,AR:()=>j,Bm:()=>N,CA:()=>c,Eb:()=>h,K5:()=>b,NC:()=>M,ZP:()=>y,db:()=>L,iZ:()=>s,ox:()=>w,pA:()=>p,vc:()=>I});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(63173),i.b),m=r()(d()),u=a()(x);m.push([n.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--xFLJI:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\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}\n\n.index-module--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var c="index-module--xFLJI",p="index-module--zZnWk",s="index-module--pQje2",I="index-module--CcpMC",M="index-module--II_8j",g="index-module--dUy8g",b="index-module--Z8KXz",j="index-module--m9VzR",h="index-module--Y5eRx",L="index-module--mZh26",N="index-module--NabGm",w="index-module--2NJnv";const y=m},94873:(n,e,i)=>{i.d(e,{$l:()=>I.$l,AR:()=>I.AR,Bm:()=>I.Bm,CA:()=>I.CA,Eb:()=>I.Eb,K5:()=>I.K5,NC:()=>I.NC,db:()=>I.db,iZ:()=>I.iZ,ox:()=>I.ox,pA:()=>I.pA,vc:()=>I.vc});var o=i(93379),d=i.n(o),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),s=i.n(p),I=i(6284),M={};M.styleTagTransform=s(),M.setAttributes=m(),M.insert=a().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=c();d()(I.ZP,M),I.ZP&&I.ZP.locals&&I.ZP.locals},63173:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9291,7880],{69291:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var o=i(65515),d=i.n(o),t=i(33923),r=i(9420),l=(i(87363),i(88683)),a=i(94873),x=i(86587),m=i(47514);const u=(0,r.Pi)((function ViewPoint(n){var e=n.item,i=(0,t.NP)(),o=(0,l.useTranslation)().t;return(0,m.jsx)("div",{className:a.CA,onClick:function onClick(){return i.paletteViewHandler.clickedOnStaticVPPalette(e)},children:(0,m.jsxs)("div",{className:d()(a.iZ,a.vc),children:[e.sel&&(0,m.jsx)(x.default,{}),(0,m.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(e.url,")")}}),(0,m.jsx)("div",{className:a.AR,children:(0,m.jsx)("div",{className:a.db,children:o("configurator."+e.N)})})]})})}))},86587:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(80248),d=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,o.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function IsActive(n){return(0,t.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},6284:(n,e,i)=>{i.d(e,{$l:()=>g,AR:()=>j,Bm:()=>N,CA:()=>c,Eb:()=>h,K5:()=>b,NC:()=>M,ZP:()=>y,db:()=>L,iZ:()=>s,ox:()=>w,pA:()=>p,vc:()=>I});var o=i(8081),d=i.n(o),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),x=new URL(i(63173),i.b),m=r()(d()),u=a()(x);m.push([n.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--xFLJI:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\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}\n\n.index-module--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var c="index-module--xFLJI",p="index-module--zZnWk",s="index-module--pQje2",I="index-module--CcpMC",M="index-module--II_8j",g="index-module--dUy8g",b="index-module--Z8KXz",j="index-module--m9VzR",h="index-module--Y5eRx",L="index-module--mZh26",N="index-module--NabGm",w="index-module--2NJnv";const y=m},94873:(n,e,i)=>{i.d(e,{$l:()=>I.$l,AR:()=>I.AR,Bm:()=>I.Bm,CA:()=>I.CA,Eb:()=>I.Eb,K5:()=>I.K5,NC:()=>I.NC,db:()=>I.db,iZ:()=>I.iZ,ox:()=>I.ox,pA:()=>I.pA,vc:()=>I.vc});var o=i(93379),d=i.n(o),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),s=i.n(p),I=i(6284),M={};M.styleTagTransform=s(),M.setAttributes=m(),M.insert=a().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=c();d()(I.ZP,M),I.ZP&&I.ZP.locals&&I.ZP.locals},63173:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9304.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9304,7801,7348,3525,3090,9290,8938,8117,8445,4580,4829,4723,2352,4516,8616],{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(23987),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(23987),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(23987),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(76877),a=n(22976),s=n.n(a),u=n(23987),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(76877),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(23987)),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(76877),a=n(22976),s=n.n(a),u=n(23987),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(76877),l=n(23987);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)})}},79304:(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(76877),v=n(23987);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),C=n(54829),x=n(88683),I=n(59151),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([[9304,7801,7348,3525,3090,9290,8938,8117,8445,4580,4829,4723,2352,4516,8616],{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(33923),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(33923),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(33923),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(76877),a=n(22976),s=n.n(a),u=n(33923),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(76877),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(33923)),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(76877),a=n(22976),s=n.n(a),u=n(33923),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(76877),l=n(33923);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)})}},79304:(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(76877),v=n(33923);var m=n(85115),h=n(24580),g=n(37801),y=n(78117),C=n(54829),x=n(88683),I=n(59151),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/9362.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9362.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9362,7070,3306],{97070:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),g=t.n(c),p=t(19216),m=t.n(p),x=t(44589),b=t.n(x),S=t(5217),f={};f.styleTagTransform=b(),f.setAttributes=g(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();a()(S.ZP,f);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=t(23987),h=t(47514);const P=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,r.useTranslation)().t,t=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:S.nC,children:[(0,h.jsx)("div",{className:S.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:S.nt,children:t.productState.formatedTotalPrice})]})})}))},63306:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88291),o=t(23987),a=t(9420),d=t(87363),s=t(72757),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(79501),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(77674),j=t(65515),w=t.n(j),C=t(97070),L=t(47514);const N=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,r.Z)(e);var a=(0,o.NP)(),l=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return l.current?(a.settingsState.setScrollerElement(l.current),a.uiState.setUpSettingsScrollEvent(l.current)):function(){}}),[l]);var g,p,m={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?m.height="100%":m.height="calc(100% - "+(null!==(g=null===(p=a.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==g?g:0)+"px)";for(var x=0;x<a.settingsState.itemPaletteArr.length;x++){var b=a.settingsState.itemPaletteArr[x][1],S=Number(b.id),f=b.pairWithOptionsToGroup;f&&b.visible&&(c[f]||(c[f]=[]),c[f].push(S)),b.isRenderedNotInSettingPalette||u.push([S,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,L.jsxs)("div",{style:m,className:w()(P.e8,a.uiState.configSettingsIsExpanded?P.zh:void 0,a.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:l,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,L.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,L.jsxs)("div",{children:[u.map((function(e){var n=(0,i.Z)(e,2),t=n[0],r=n[1];return(0,L.jsx)(M.default,{item:r,id:t,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,L.jsx)(C.default,{})]})]})}))},39362:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var i=t(80248),r=t(72874),o=(t(87363),t(23987)),a=t(72757),d=t(63306),s=t(9420),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(62500),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(65515),j=t.n(M),w=t(47514),C=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const L=(0,s.Pi)((function Settings(e){var n,t,i=e.className,s=(0,r.Z)(e,C),l=(0,o.NP)();return(0,w.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:j()(i,P.vt,"horizontal"==l.tabGroupState.curTabGroupType?P.s1:void 0,l.uiState.configSettingsIsExpanded?P.zh:void 0),children:[l.uiState.doShowConfSettingsExpander&&!l.uiState.isInMobileView&&(0,w.jsx)("div",{className:P.AH,onClick:l.uiState.onClickExpandConfigSettings}),!l.uiState.isInMobileView&&!l.settingsState.forceSettingsHeaderInScrollContainer&&(0,w.jsx)(a.default,{},null!==(n=null===(t=l.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsx)(d.default,{}),!l.uiState.isInMobileView&&l.uiState.doShowConfSettingsMaxMinExpander&&(0,w.jsxs)(w.Fragment,{children:[!l.uiState.configSettingsIsMaxExpanded&&(0,w.jsx)("div",{className:P.EN,onClick:l.uiState.onClickExpandMaxConfigSettings}),!l.uiState.configSettingsIsMinExpanded&&(0,w.jsx)("div",{className:P.nW,onClick:l.uiState.onClickExpandMinConfigSettings})]})]}))}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",l="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>l,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",l="index-module--Rpo_4";const u=a},62500:(e,n,t)=>{t.d(n,{AH:()=>b,EN:()=>v,ZP:()=>h,nW:()=>f,s1:()=>x,vt:()=>m,zh:()=>S});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=new URL(t(27557),t.b),c=a()(r()),g=s()(l),p=s()(u);c.push([e.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+p+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n",""]);var m="index-module--e1N3L",x="index-module--eN6np",b="index-module--RKDxk",S="index-module--YiJDf",f="index-module--B75oj",v="index-module--rLMX4";const h=c},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9362,7070,3306],{97070:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),g=t.n(c),p=t(19216),m=t.n(p),x=t(44589),b=t.n(x),S=t(5217),f={};f.styleTagTransform=b(),f.setAttributes=g(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();a()(S.ZP,f);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=t(33923),h=t(47514);const P=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,r.useTranslation)().t,t=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:S.nC,children:[(0,h.jsx)("div",{className:S.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:S.nt,children:t.productState.formatedTotalPrice})]})})}))},63306:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88291),o=t(33923),a=t(9420),d=t(87363),s=t(72757),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(79501),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(77674),j=t(65515),w=t.n(j),C=t(97070),L=t(47514);const N=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,r.Z)(e);var a=(0,o.NP)(),l=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return l.current?(a.settingsState.setScrollerElement(l.current),a.uiState.setUpSettingsScrollEvent(l.current)):function(){}}),[l]);var g,p,m={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?m.height="100%":m.height="calc(100% - "+(null!==(g=null===(p=a.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==g?g:0)+"px)";for(var x=0;x<a.settingsState.itemPaletteArr.length;x++){var b=a.settingsState.itemPaletteArr[x][1],S=Number(b.id),f=b.pairWithOptionsToGroup;f&&b.visible&&(c[f]||(c[f]=[]),c[f].push(S)),b.isRenderedNotInSettingPalette||u.push([S,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,L.jsxs)("div",{style:m,className:w()(P.e8,a.uiState.configSettingsIsExpanded?P.zh:void 0,a.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:l,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,L.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,L.jsxs)("div",{children:[u.map((function(e){var n=(0,i.Z)(e,2),t=n[0],r=n[1];return(0,L.jsx)(M.default,{item:r,id:t,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,L.jsx)(C.default,{})]})]})}))},39362:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var i=t(80248),r=t(72874),o=(t(87363),t(33923)),a=t(72757),d=t(63306),s=t(9420),l=t(93379),u=t.n(l),c=t(7795),g=t.n(c),p=t(90569),m=t.n(p),x=t(3565),b=t.n(x),S=t(19216),f=t.n(S),v=t(44589),h=t.n(v),P=t(62500),I={};I.styleTagTransform=h(),I.setAttributes=b(),I.insert=m().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=f();u()(P.ZP,I);P.ZP&&P.ZP.locals&&P.ZP.locals;var M=t(65515),j=t.n(M),w=t(47514),C=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const L=(0,s.Pi)((function Settings(e){var n,t,i=e.className,s=(0,r.Z)(e,C),l=(0,o.NP)();return(0,w.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:j()(i,P.vt,"horizontal"==l.tabGroupState.curTabGroupType?P.s1:void 0,l.uiState.configSettingsIsExpanded?P.zh:void 0),children:[l.uiState.doShowConfSettingsExpander&&!l.uiState.isInMobileView&&(0,w.jsx)("div",{className:P.AH,onClick:l.uiState.onClickExpandConfigSettings}),!l.uiState.isInMobileView&&!l.settingsState.forceSettingsHeaderInScrollContainer&&(0,w.jsx)(a.default,{},null!==(n=null===(t=l.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsx)(d.default,{}),!l.uiState.isInMobileView&&l.uiState.doShowConfSettingsMaxMinExpander&&(0,w.jsxs)(w.Fragment,{children:[!l.uiState.configSettingsIsMaxExpanded&&(0,w.jsx)("div",{className:P.EN,onClick:l.uiState.onClickExpandMaxConfigSettings}),!l.uiState.configSettingsIsMinExpanded&&(0,w.jsx)("div",{className:P.nW,onClick:l.uiState.onClickExpandMinConfigSettings})]})]}))}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",l="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>l,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",l="index-module--Rpo_4";const u=a},62500:(e,n,t)=>{t.d(n,{AH:()=>b,EN:()=>v,ZP:()=>h,nW:()=>f,s1:()=>x,vt:()=>m,zh:()=>S});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=new URL(t(27557),t.b),c=a()(r()),g=s()(l),p=s()(u);c.push([e.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+p+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n",""]);var m="index-module--e1N3L",x="index-module--eN6np",b="index-module--RKDxk",S="index-module--YiJDf",f="index-module--B75oj",v="index-module--rLMX4";const h=c},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9419.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9419,7446,5792],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.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 C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));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=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,T,x){if(x!==C){var O=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 O.name="Invariant Violation",O}}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 C=y(1),v=y.n(C),T=y(0),x=y.n(T),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 C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}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 C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}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,C=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(C,arguments,v)}else y=C.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 O=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,C,T=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=T.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",C=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,O=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,S=N.classParentString,I=N.contentOuterClassName,M=N.contentInnerClassName,P="".concat(S,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),j="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(S,"__contentOuter ").concat(I),L="".concat(S,"__contentInner ").concat(M);return v.a.createElement(x,l({className:j.trim()},this.props.containerElementProps),v.a.createElement(O,l({id:this.triggerId,className:P.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),T),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:k.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:L.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);O.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},O.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=O}]))},85792:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>_});var C=y(65515),v=y.n(C),T=y(9420),x=(y(87363),y(23987)),O=y(93379),w=y.n(O),N=y(7795),S=y.n(N),I=y(90569),M=y.n(I),P=y(3565),j=y.n(P),k=y(19216),L=y.n(k),E=y(44589),D=y.n(E),A=y(95055),R={};R.styleTagTransform=D(),R.setAttributes=j(),R.insert=M().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=L();w()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(88683),z=y(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,y=r.curState,C=r.tabs,T=(0,x.NP)(),O=(0,Z.useTranslation)().t;return(0,z.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:v()(A.Fs,m[0]?A.bA:void 0,T.uiState.isInMobileView?A.ai:void 0),children:[(0,z.jsx)("div",{className:A.YS,children:C.map((function(r,T){return(0,z.jsxs)("div",{className:v()(A.TN,y[0]===r&&m[0]?A.pA:void 0),onClick:function onClick(C){y[1](r),m[0]||m[1](!0),C.stopPropagation()},children:["ALL"===r&&1!==C.length&&O("configurator.config_all"),1===C.length&&O("configurator.config_accessoire"),C.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,z.jsx)("div",{className:v()(A.y6)})]})}))},29419:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>V});var C=y(12952),v=y(34988),T=y(87363),x=y(57446),O=y.n(x),w=y(85792),N=y(77674),S=y(9420),I=y(93379),M=y.n(I),P=y(7795),j=y.n(P),k=y(90569),L=y.n(k),E=y(3565),D=y.n(E),A=y(19216),R=y.n(A),Z=y(44589),z=y.n(Z),_=y(27558),H={};H.styleTagTransform=z(),H.setAttributes=D(),H.insert=L().bind(null,"head"),H.domAPI=j(),H.insertStyleElement=R();M()(_.Z,H);_.Z&&_.Z.locals&&_.Z.locals;var U=y(23987),W=y(47514);const V=(0,S.Pi)((function SubTabgroup(r){var m,y,x=r.itemPalettesOfArticle,S=(0,U.NP)(),I=(0,T.useState)(!(null===(m=S.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),M=(0,v.Z)(I,2),P=M[0],j=M[1],k=Object.keys(x),L=(0,T.useState)("ALL"),E=(0,v.Z)(L,2),D=E[0],A=E[1],R=(0,T.useState)([]),Z=(0,v.Z)(R,2),z=Z[0],H=Z[1],V=(0,T.useState)(x[k[0]]),J=(0,v.Z)(V,2),B=J[0],Q=J[1];return(0,T.useEffect)((function(){var r,m=null!==(r=x["ALL"==D?k[0]:D])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==D?k:void 0})),Q(m),H(["ALL"].concat((0,C.Z)(k.length>1?k:[]))),z.includes(D)||A(z[0])}),[x,D]),(0,W.jsx)(O(),{trigger:null!==(y=S.getViewConfig())&&void 0!==y&&y.selectAccessoiresWithToggle?(0,W.jsx)(W.Fragment,{}):(0,W.jsx)(w.default,{tabs:z,openState:[P,j],curState:[D,A]}),contentOuterClassName:P?_.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:Object.values(B).map((function(r,m){return(0,W.jsx)(N.default,{item:r,id:r.id},m)}))})}))},95055:(r,m,y)=>{"use strict";y.d(m,{Fs:()=>M,TN:()=>j,YS:()=>P,ZP:()=>A,ai:()=>D,bA:()=>E,pA:()=>k,y6:()=>L});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T),O=y(61667),w=y.n(O),N=new URL(y(37766),y.b),S=x()(v()),I=w()(N);S.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+I+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var M="index-module--bSSUt",P="index-module--wbRxH",j="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",E="index-module--jWjLA",D="index-module--PzZv7";const A=S},27558:(r,m,y)=>{"use strict";y.d(m,{Z:()=>w,n:()=>O});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T)()(v());x.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const w=x},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9419,7446,5792],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.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 C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));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=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,T,x){if(x!==C){var O=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 O.name="Invariant Violation",O}}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 C=y(1),v=y.n(C),T=y(0),x=y.n(T),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 C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}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 C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}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,C=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(C,arguments,v)}else y=C.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 O=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,C,T=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=T.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",C=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,O=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,S=N.classParentString,I=N.contentOuterClassName,M=N.contentInnerClassName,P="".concat(S,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),j="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(S,"__contentOuter ").concat(I),L="".concat(S,"__contentInner ").concat(M);return v.a.createElement(x,l({className:j.trim()},this.props.containerElementProps),v.a.createElement(O,l({id:this.triggerId,className:P.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),T),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:k.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:L.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);O.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},O.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=O}]))},85792:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>_});var C=y(65515),v=y.n(C),T=y(9420),x=(y(87363),y(33923)),O=y(93379),w=y.n(O),N=y(7795),S=y.n(N),I=y(90569),M=y.n(I),P=y(3565),j=y.n(P),k=y(19216),L=y.n(k),E=y(44589),D=y.n(E),A=y(95055),R={};R.styleTagTransform=D(),R.setAttributes=j(),R.insert=M().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=L();w()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(88683),z=y(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,y=r.curState,C=r.tabs,T=(0,x.NP)(),O=(0,Z.useTranslation)().t;return(0,z.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:v()(A.Fs,m[0]?A.bA:void 0,T.uiState.isInMobileView?A.ai:void 0),children:[(0,z.jsx)("div",{className:A.YS,children:C.map((function(r,T){return(0,z.jsxs)("div",{className:v()(A.TN,y[0]===r&&m[0]?A.pA:void 0),onClick:function onClick(C){y[1](r),m[0]||m[1](!0),C.stopPropagation()},children:["ALL"===r&&1!==C.length&&O("configurator.config_all"),1===C.length&&O("configurator.config_accessoire"),C.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,z.jsx)("div",{className:v()(A.y6)})]})}))},29419:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>V});var C=y(12952),v=y(34988),T=y(87363),x=y(57446),O=y.n(x),w=y(85792),N=y(77674),S=y(9420),I=y(93379),M=y.n(I),P=y(7795),j=y.n(P),k=y(90569),L=y.n(k),E=y(3565),D=y.n(E),A=y(19216),R=y.n(A),Z=y(44589),z=y.n(Z),_=y(27558),H={};H.styleTagTransform=z(),H.setAttributes=D(),H.insert=L().bind(null,"head"),H.domAPI=j(),H.insertStyleElement=R();M()(_.Z,H);_.Z&&_.Z.locals&&_.Z.locals;var U=y(33923),W=y(47514);const V=(0,S.Pi)((function SubTabgroup(r){var m,y,x=r.itemPalettesOfArticle,S=(0,U.NP)(),I=(0,T.useState)(!(null===(m=S.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),M=(0,v.Z)(I,2),P=M[0],j=M[1],k=Object.keys(x),L=(0,T.useState)("ALL"),E=(0,v.Z)(L,2),D=E[0],A=E[1],R=(0,T.useState)([]),Z=(0,v.Z)(R,2),z=Z[0],H=Z[1],V=(0,T.useState)(x[k[0]]),J=(0,v.Z)(V,2),B=J[0],Q=J[1];return(0,T.useEffect)((function(){var r,m=null!==(r=x["ALL"==D?k[0]:D])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==D?k:void 0})),Q(m),H(["ALL"].concat((0,C.Z)(k.length>1?k:[]))),z.includes(D)||A(z[0])}),[x,D]),(0,W.jsx)(O(),{trigger:null!==(y=S.getViewConfig())&&void 0!==y&&y.selectAccessoiresWithToggle?(0,W.jsx)(W.Fragment,{}):(0,W.jsx)(w.default,{tabs:z,openState:[P,j],curState:[D,A]}),contentOuterClassName:P?_.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:Object.values(B).map((function(r,m){return(0,W.jsx)(N.default,{item:r,id:r.id},m)}))})}))},95055:(r,m,y)=>{"use strict";y.d(m,{Fs:()=>M,TN:()=>j,YS:()=>P,ZP:()=>A,ai:()=>D,bA:()=>E,pA:()=>k,y6:()=>L});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T),O=y(61667),w=y.n(O),N=new URL(y(37766),y.b),S=x()(v()),I=w()(N);S.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+I+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var M="index-module--bSSUt",P="index-module--wbRxH",j="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",E="index-module--jWjLA",D="index-module--PzZv7";const A=S},27558:(r,m,y)=>{"use strict";y.d(m,{Z:()=>w,n:()=>O});var C=y(8081),v=y.n(C),T=y(23645),x=y.n(T)()(v());x.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const w=x},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9448.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9448,7288],{17288:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var o=i(34988),a=i(65515),d=i.n(a),t=i(23987),l=i(87363),r=i(88683),s=i(9420),c=i(47514);const I=(0,s.Pi)((function PlannerMsgItem(n){var e=n.item,i=n.codex,a=n.wcPlannerMsgContainer,s=n.wcPlannerWarningContainer,I=n.wcPlannerInfoContainer,m=n.wcPlannerInfoContainerCollapsed,u=n.wcPlannerMsgImg,g=n.wcPlannerMsgText,x=n.wcPlannerWarningImg,p=n.wcPlannerInfoImg,C=n.wcPlannerWarningText,M=n.wcPlannerInfoText,w=n.wcClose,P=n.wcCloseButton,b=(0,t.NP)(),v=(0,l.useState)(null),f=(0,o.Z)(v,2),y=f[0],j=f[1],N=(0,r.useTranslation)().t;return y||1!=e.autoHide||j(setTimeout((function(){return b.productState.updatePlannerMsgContainer(i,!1,e.type,e.content,e.autoHide)}),e.timeoutDuration)),(0,c.jsxs)("div",{className:d()(a,e.collapsed?m:void 0,"INFO"==e.type?I:void 0,"WARNING"==e.type?s:void 0),children:[(0,c.jsx)("div",{className:d()(u,"INFO"==e.type?p:void 0,"WARNING"==e.type?x:void 0)}),(0,c.jsx)("div",{className:d()(g,"INFO"==e.type?M:void 0,"WARNING"==e.type?C:void 0),dangerouslySetInnerHTML:"string"==typeof e.content?{__html:N("configurator."+e.content,e.content)}:void 0}),"string"!=typeof e.content&&e.content,(0,c.jsx)("div",{className:w,onClick:function onClick(){return b.productState.onPlannerMsgArrowClick(i)},children:""!=P&&(0,c.jsx)("div",{className:P})})]})}))},59448:(n,e,i)=>{i.r(e),i.d(e,{default:()=>f});var o=i(65515),a=i.n(o),d=i(23987),t=i(9420),l=(i(87363),i(17288)),r=i(93379),s=i.n(r),c=i(7795),I=i.n(c),m=i(90569),u=i.n(m),g=i(3565),x=i.n(g),p=i(19216),C=i.n(p),M=i(44589),w=i.n(M),P=i(58764),b={};b.styleTagTransform=w(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=I(),b.insertStyleElement=C();s()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=i(47514);const f=(0,t.Pi)((function PlannerMsgContainer(n){var e=n.wcPlannerMsgContainerParentClass,i=void 0===e?P.C1:e,o=n.wcPlannerMsgContainerClass,t=void 0===o?P.$O:o,r=n.wcPlannerWarningContainerClass,s=void 0===r?P.dX:r,c=n.wcPlannerInfoContainerClass,I=void 0===c?P.dP:c,m=n.wcPlannerInfoContainerCollapsedClass,u=void 0===m?P.do:m,g=n.wcPlannerMsgImgClass,x=void 0===g?P.z6:g,p=n.wcPlannerMsgTextClass,C=void 0===p?P.$2:p,M=n.wcPlannerWarningImgClass,w=void 0===M?P.nW:M,b=n.wcPlannerInfoImgClass,f=void 0===b?P.Ac:b,y=n.wcPlannerWarningTextClass,j=void 0===y?P.Df:y,N=n.wcPlannerInfoTextClass,h=void 0===N?P.Xh:N,Z=n.wcCloseClass,k=void 0===Z?P.Jg:Z,z=n.wcCloseButtonClass,S=void 0===z?"":z,B=n.landscapeClass,D=void 0===B?"":B,W=n.portraitClass,T=void 0===W?"":W,A=n.expandedClass,G=void 0===A?P.zh:A,H=(0,d.NP)();return(0,v.jsx)("div",{className:a()(i,H.uiState.configSettingsIsExpanded?G:void 0,H.uiState.isMobileLandscape?D:void 0,H.uiState.isMobilePortrait?T:void 0),children:H.productState.plannerMessagesArr.map((function(n){return(0,v.jsx)(l.default,{wcPlannerMsgContainer:t,wcPlannerWarningContainer:s,wcPlannerInfoContainer:I,wcPlannerInfoContainerCollapsed:u,wcPlannerMsgImg:x,wcPlannerMsgText:C,wcPlannerWarningImg:w,wcPlannerInfoImg:f,wcPlannerWarningText:j,wcPlannerInfoText:h,wcClose:k,wcCloseButton:S,item:n[1],codex:n[0]},n[0])}))})}))},58764:(n,e,i)=>{i.d(e,{$2:()=>y,$O:()=>M,Ac:()=>v,C1:()=>p,Df:()=>j,Jg:()=>h,Xh:()=>N,ZP:()=>k,dP:()=>w,dX:()=>P,do:()=>Z,nW:()=>f,z6:()=>b,zh:()=>C});var o=i(8081),a=i.n(o),d=i(23645),t=i.n(d),l=i(61667),r=i.n(l),s=new URL(i(22209),i.b),c=new URL(i(67806),i.b),I=new URL(i(27557),i.b),m=t()(a()),u=r()(s),g=r()(c),x=r()(I);m.push([n.id,".index-module--eB5rf {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 101;\n}\n\n.index-module--SjWGp.index-module--eB5rf {\n  left: 27%;\n  max-width: 30%;\n}\n.index-module--cR872 {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 1.2rem;\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\n  animation: index-module--krYCn 0.5s;\n}\n\n.index-module--CZJ4X {\n  animation: index-module--Ta0wz 5s forwards;\n}\n\n@keyframes index-module--krYCn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Firefox < 16 */\n\n/* Safari, Chrome and Opera > 12.1 */\n\n/* Internet Explorer */\n\n/* Opera < 12.1 */\n@keyframes index-module--Ta0wz {\n  0% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 0.8;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.index-module--tMupr {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.index-module--clnuL {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.index-module--zhRfa {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url("+u+");\n}\n\n.index-module--AMVjC {\n  background-image: url("+g+");\n}\n\n.index-module--EBYBv {\n  background-image: url("+u+");\n}\n.index-module--zse6B {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.index-module--UcwWX .index-module--zse6B,\n.index-module--LBEfU .index-module--zse6B {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.index-module--_XOCJ {\n  color: var(--primaryColor);\n}\n.index-module--iaX7S {\n  color: black;\n}\n\n.index-module--eB5rf .index-module--ByqNm {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url("+x+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.index-module--Pheoe .index-module--ByqNm {\n  transform: rotate(180deg);\n}\n\n.index-module--Pheoe {\n  width: 10px;\n}\n\n.index-module--Pheoe .index-module--iaX7S {\n  display: none;\n}\n\n/* pfister style */\n.index-module--eB5rf .index-module--ByqNm {\n  display: none;\n}\n",""]);var p="index-module--eB5rf",C="index-module--SjWGp",M="index-module--cR872",w="index-module--tMupr",P="index-module--clnuL",b="index-module--zhRfa",v="index-module--AMVjC",f="index-module--EBYBv",y="index-module--zse6B",j="index-module--_XOCJ",N="index-module--iaX7S",h="index-module--ByqNm",Z="index-module--Pheoe";const k=m},27557:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},67806:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMiIGN5PSIxMy4yIiByPSIxMS44Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMywxMS42djcuOCIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjcuOSIgcj0iMC44Ii8+Cjwvc3ZnPgo="},22209:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDQxMiIgY3k9IjEzLjI0MTciIHI9IjExLjc5OTUiIHN0cm9rZT0iI0E4MUUxRSIvPgo8cGF0aCBkPSJNMTMuMDQxIDE0LjkxODZMMTMuMDQxIDcuMDkxNjQiIHN0cm9rZT0iI0E4MUUxRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEzLjA0MDkiIGN5PSIxOC42MTQ1IiByPSIwLjc3Njk2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDEzLjA0MDkgMTguNjE0NSkiIGZpbGw9IiNBODFFMUUiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9448,7288],{17288:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var o=i(34988),a=i(65515),d=i.n(a),t=i(33923),l=i(87363),r=i(88683),s=i(9420),c=i(47514);const I=(0,s.Pi)((function PlannerMsgItem(n){var e=n.item,i=n.codex,a=n.wcPlannerMsgContainer,s=n.wcPlannerWarningContainer,I=n.wcPlannerInfoContainer,m=n.wcPlannerInfoContainerCollapsed,u=n.wcPlannerMsgImg,g=n.wcPlannerMsgText,x=n.wcPlannerWarningImg,p=n.wcPlannerInfoImg,C=n.wcPlannerWarningText,M=n.wcPlannerInfoText,w=n.wcClose,P=n.wcCloseButton,b=(0,t.NP)(),v=(0,l.useState)(null),f=(0,o.Z)(v,2),y=f[0],j=f[1],N=(0,r.useTranslation)().t;return y||1!=e.autoHide||j(setTimeout((function(){return b.productState.updatePlannerMsgContainer(i,!1,e.type,e.content,e.autoHide)}),e.timeoutDuration)),(0,c.jsxs)("div",{className:d()(a,e.collapsed?m:void 0,"INFO"==e.type?I:void 0,"WARNING"==e.type?s:void 0),children:[(0,c.jsx)("div",{className:d()(u,"INFO"==e.type?p:void 0,"WARNING"==e.type?x:void 0)}),(0,c.jsx)("div",{className:d()(g,"INFO"==e.type?M:void 0,"WARNING"==e.type?C:void 0),dangerouslySetInnerHTML:"string"==typeof e.content?{__html:N("configurator."+e.content,e.content)}:void 0}),"string"!=typeof e.content&&e.content,(0,c.jsx)("div",{className:w,onClick:function onClick(){return b.productState.onPlannerMsgArrowClick(i)},children:""!=P&&(0,c.jsx)("div",{className:P})})]})}))},59448:(n,e,i)=>{i.r(e),i.d(e,{default:()=>f});var o=i(65515),a=i.n(o),d=i(33923),t=i(9420),l=(i(87363),i(17288)),r=i(93379),s=i.n(r),c=i(7795),I=i.n(c),m=i(90569),u=i.n(m),g=i(3565),x=i.n(g),p=i(19216),C=i.n(p),M=i(44589),w=i.n(M),P=i(58764),b={};b.styleTagTransform=w(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=I(),b.insertStyleElement=C();s()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=i(47514);const f=(0,t.Pi)((function PlannerMsgContainer(n){var e=n.wcPlannerMsgContainerParentClass,i=void 0===e?P.C1:e,o=n.wcPlannerMsgContainerClass,t=void 0===o?P.$O:o,r=n.wcPlannerWarningContainerClass,s=void 0===r?P.dX:r,c=n.wcPlannerInfoContainerClass,I=void 0===c?P.dP:c,m=n.wcPlannerInfoContainerCollapsedClass,u=void 0===m?P.do:m,g=n.wcPlannerMsgImgClass,x=void 0===g?P.z6:g,p=n.wcPlannerMsgTextClass,C=void 0===p?P.$2:p,M=n.wcPlannerWarningImgClass,w=void 0===M?P.nW:M,b=n.wcPlannerInfoImgClass,f=void 0===b?P.Ac:b,y=n.wcPlannerWarningTextClass,j=void 0===y?P.Df:y,N=n.wcPlannerInfoTextClass,h=void 0===N?P.Xh:N,Z=n.wcCloseClass,k=void 0===Z?P.Jg:Z,z=n.wcCloseButtonClass,S=void 0===z?"":z,B=n.landscapeClass,D=void 0===B?"":B,W=n.portraitClass,T=void 0===W?"":W,A=n.expandedClass,G=void 0===A?P.zh:A,H=(0,d.NP)();return(0,v.jsx)("div",{className:a()(i,H.uiState.configSettingsIsExpanded?G:void 0,H.uiState.isMobileLandscape?D:void 0,H.uiState.isMobilePortrait?T:void 0),children:H.productState.plannerMessagesArr.map((function(n){return(0,v.jsx)(l.default,{wcPlannerMsgContainer:t,wcPlannerWarningContainer:s,wcPlannerInfoContainer:I,wcPlannerInfoContainerCollapsed:u,wcPlannerMsgImg:x,wcPlannerMsgText:C,wcPlannerWarningImg:w,wcPlannerInfoImg:f,wcPlannerWarningText:j,wcPlannerInfoText:h,wcClose:k,wcCloseButton:S,item:n[1],codex:n[0]},n[0])}))})}))},58764:(n,e,i)=>{i.d(e,{$2:()=>y,$O:()=>M,Ac:()=>v,C1:()=>p,Df:()=>j,Jg:()=>h,Xh:()=>N,ZP:()=>k,dP:()=>w,dX:()=>P,do:()=>Z,nW:()=>f,z6:()=>b,zh:()=>C});var o=i(8081),a=i.n(o),d=i(23645),t=i.n(d),l=i(61667),r=i.n(l),s=new URL(i(22209),i.b),c=new URL(i(67806),i.b),I=new URL(i(27557),i.b),m=t()(a()),u=r()(s),g=r()(c),x=r()(I);m.push([n.id,".index-module--eB5rf {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 101;\n}\n\n.index-module--SjWGp.index-module--eB5rf {\n  left: 27%;\n  max-width: 30%;\n}\n.index-module--cR872 {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 1.2rem;\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\n  animation: index-module--krYCn 0.5s;\n}\n\n.index-module--CZJ4X {\n  animation: index-module--Ta0wz 5s forwards;\n}\n\n@keyframes index-module--krYCn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Firefox < 16 */\n\n/* Safari, Chrome and Opera > 12.1 */\n\n/* Internet Explorer */\n\n/* Opera < 12.1 */\n@keyframes index-module--Ta0wz {\n  0% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 0.8;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.index-module--tMupr {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.index-module--clnuL {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.index-module--zhRfa {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url("+u+");\n}\n\n.index-module--AMVjC {\n  background-image: url("+g+");\n}\n\n.index-module--EBYBv {\n  background-image: url("+u+");\n}\n.index-module--zse6B {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.index-module--UcwWX .index-module--zse6B,\n.index-module--LBEfU .index-module--zse6B {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.index-module--_XOCJ {\n  color: var(--primaryColor);\n}\n.index-module--iaX7S {\n  color: black;\n}\n\n.index-module--eB5rf .index-module--ByqNm {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url("+x+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.index-module--Pheoe .index-module--ByqNm {\n  transform: rotate(180deg);\n}\n\n.index-module--Pheoe {\n  width: 10px;\n}\n\n.index-module--Pheoe .index-module--iaX7S {\n  display: none;\n}\n\n/* pfister style */\n.index-module--eB5rf .index-module--ByqNm {\n  display: none;\n}\n",""]);var p="index-module--eB5rf",C="index-module--SjWGp",M="index-module--cR872",w="index-module--tMupr",P="index-module--clnuL",b="index-module--zhRfa",v="index-module--AMVjC",f="index-module--EBYBv",y="index-module--zse6B",j="index-module--_XOCJ",N="index-module--iaX7S",h="index-module--ByqNm",Z="index-module--Pheoe";const k=m},27557:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},67806:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMiIGN5PSIxMy4yIiByPSIxMS44Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMywxMS42djcuOCIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjcuOSIgcj0iMC44Ii8+Cjwvc3ZnPgo="},22209:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDQxMiIgY3k9IjEzLjI0MTciIHI9IjExLjc5OTUiIHN0cm9rZT0iI0E4MUUxRSIvPgo8cGF0aCBkPSJNMTMuMDQxIDE0LjkxODZMMTMuMDQxIDcuMDkxNjQiIHN0cm9rZT0iI0E4MUUxRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEzLjA0MDkiIGN5PSIxOC42MTQ1IiByPSIwLjc3Njk2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDEzLjA0MDkgMTguNjE0NSkiIGZpbGw9IiNBODFFMUUiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9456.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9456],{99456:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(23987),i=(t(87363),t(93379)),a=t.n(i),r=t(7795),s=t.n(r),l=t(90569),d=t.n(l),c=t(3565),p=t.n(c),u=t(19216),x=t.n(u),f=t(44589),g=t.n(f),m=t(37164),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=d().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=x();a()(m.Z,C);m.Z&&m.Z.locals&&m.Z.locals;var b=t(76615),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoButton(n){var e,t,i=n.selectedElement,a=n.id,r=n.openUrl,s=(0,o.NP)(),l=i?(null!==(e=i.groupName)&&void 0!==e?e:"")+(i.parentName?" (".concat(i.parentName,")"):"")+" "+(null!==(t=i.longDescription)&&void 0!==t?t:""):"",d=function updateInfoBox(){i&&s.settingsState.updateInfoBox({type:"info",content:(0,y.jsx)(b.p,{onClose:function onClose(){return s.settingsState.updateInfoBox()},settings:{contentBoxProps:{type:"CloseButtonContainer",style:{background:"transparent",padding:0},closeIconSize:"24px",content:{type:"InfoBox",imageUrl:i.image,title:i.text,text:l}}}}),id:a,key:i.codex})},c=s.settingsState.infoBoxContent;return c&&c.id===a&&c.key!==(null==i?void 0:i.codex)&&"info"===c.type&&d(),(0,y.jsx)("div",{title:"Info",onClick:function onClick(){if(r&&i)window.open(i.url,"_blank");else{s.settingsState.setContentItemVisible(!1);var n=s.settingsState.infoBoxContent;n&&n.id===a&&"info"===n.type?s.settingsState.updateInfoBox():d()}},className:m.M,children:"i"})}))},37164:(n,e,t)=>{t.d(e,{M:()=>s,Z:()=>l});var o=t(8081),i=t.n(o),a=t(23645),r=t.n(a)()(i());r.push([n.id,".index-module--biwOo {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n",""]);var s="index-module--biwOo";const l=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9456],{99456:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(33923),i=(t(87363),t(93379)),a=t.n(i),r=t(7795),s=t.n(r),l=t(90569),d=t.n(l),c=t(3565),p=t.n(c),u=t(19216),x=t.n(u),f=t(44589),g=t.n(f),m=t(37164),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=d().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=x();a()(m.Z,C);m.Z&&m.Z.locals&&m.Z.locals;var b=t(76615),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoButton(n){var e,t,i=n.selectedElement,a=n.id,r=n.openUrl,s=(0,o.NP)(),l=i?(null!==(e=i.groupName)&&void 0!==e?e:"")+(i.parentName?" (".concat(i.parentName,")"):"")+" "+(null!==(t=i.longDescription)&&void 0!==t?t:""):"",d=function updateInfoBox(){i&&s.settingsState.updateInfoBox({type:"info",content:(0,y.jsx)(b.p,{onClose:function onClose(){return s.settingsState.updateInfoBox()},settings:{contentBoxProps:{type:"CloseButtonContainer",style:{background:"transparent",padding:0},closeIconSize:"24px",content:{type:"InfoBox",imageUrl:i.image,title:i.text,text:l}}}}),id:a,key:i.codex})},c=s.settingsState.infoBoxContent;return c&&c.id===a&&c.key!==(null==i?void 0:i.codex)&&"info"===c.type&&d(),(0,y.jsx)("div",{title:"Info",onClick:function onClick(){if(r&&i)window.open(i.url,"_blank");else{s.settingsState.setContentItemVisible(!1);var n=s.settingsState.infoBoxContent;n&&n.id===a&&"info"===n.type?s.settingsState.updateInfoBox():d()}},className:m.M,children:"i"})}))},37164:(n,e,t)=>{t.d(e,{M:()=>s,Z:()=>l});var o=t(8081),i=t.n(o),a=t(23645),r=t.n(a)()(i());r.push([n.id,".index-module--biwOo {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n",""]);var s="index-module--biwOo";const l=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9520.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9520,4133,9596],{74133:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var r=n(80248),i=(n(87363),n(2765)),a=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const o=function SettingsHeader(e){return(0,a.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},69520:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(34988),i=n(88683),a=n(23987),o=n(87363),d=n(9420),s=n(76615),l=n(93379),c=n.n(l),u=n(7795),p=n.n(u),g=n(90569),f=n.n(g),m=n(3565),v=n.n(m),b=n(19216),y=n.n(b),x=n(44589),P=n.n(x),h=n(77113),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=f().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var j=n(74133),w=n(47514),O=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var r=[];if(n)for(var i=n-1;i>=0;i--)r.push(e-i);return r};const C=(0,d.Pi)((function PromotedProducts(e){var t,n=e.item,d=(0,i.useDivaCore)(),l=d.actions.openComponent,c=d.handler.productHandler,u=d.state.organization,p=(0,o.useState)([]),g=(0,r.Z)(p,2),f=g[0],m=g[1],v=(0,a.NP)(),b=v.getViewConfig().productsConfig,y=(0,o.useState)(0),x=(0,r.Z)(y,2),P=x[0],S=x[1],C=(0,o.useCallback)((function(e){S(v.settingsState.configChanged),l({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[v]),_=P===v.settingsState.configChanged&&(null!==(t=v.configState.productId)&&void 0!==t?t:!v.configState.divaNr&&v.divaWebPlanner.getStartProductId());(0,o.useEffect)((function(){var e,t,n;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==b?void 0:b.maxCount)&&void 0!==e?e:void 0,search:null!==(t=null==b?void 0:b.filter)&&void 0!==t?t:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(n=null==b?void 0:b.sort)&&void 0!==n?n:"{-created}"}).then((function(e){var t=e.data.findIndex((function(e){var t;return null===(t=e.items[0].startProductForOrganizations)||void 0===t?void 0:t.includes(u._id)}));if(-1!=t){var n=e.data[t];e.data.splice(t,1),e.data.unshift(n)}m(e.data)}))}),[v.uiState.isLoading]);var k=null!=b&&b.maxCount&&b.showSkeletions?O(b.maxCount,f.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:n}),(0,w.jsxs)("div",{className:h.Ry,children:[f.map((function(e,t){return(0,w.jsx)(s.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:C,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),k.map((function(e){return(0,w.jsx)("div",{className:h.F1,children:(0,w.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>s,Ry:()=>d,ZP:()=>l});var r=n(8081),i=n.n(r),a=n(23645),o=n.n(a)()(i());o.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--tgKwN";const l=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9520,4133,9596],{74133:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var r=n(80248),i=(n(87363),n(2765)),a=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const o=function SettingsHeader(e){return(0,a.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},69520:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(34988),i=n(88683),a=n(33923),o=n(87363),d=n(9420),s=n(76615),l=n(93379),c=n.n(l),u=n(7795),p=n.n(u),g=n(90569),f=n.n(g),m=n(3565),v=n.n(m),b=n(19216),y=n.n(b),x=n(44589),P=n.n(x),h=n(77113),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=f().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var j=n(74133),w=n(47514),O=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var r=[];if(n)for(var i=n-1;i>=0;i--)r.push(e-i);return r};const C=(0,d.Pi)((function PromotedProducts(e){var t,n=e.item,d=(0,i.useDivaCore)(),l=d.actions.openComponent,c=d.handler.productHandler,u=d.state.organization,p=(0,o.useState)([]),g=(0,r.Z)(p,2),f=g[0],m=g[1],v=(0,a.NP)(),b=v.getViewConfig().productsConfig,y=(0,o.useState)(0),x=(0,r.Z)(y,2),P=x[0],S=x[1],C=(0,o.useCallback)((function(e){S(v.settingsState.configChanged),l({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[v]),_=P===v.settingsState.configChanged&&(null!==(t=v.configState.productId)&&void 0!==t?t:!v.configState.divaNr&&v.divaWebPlanner.getStartProductId());(0,o.useEffect)((function(){var e,t,n;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==b?void 0:b.maxCount)&&void 0!==e?e:void 0,search:null!==(t=null==b?void 0:b.filter)&&void 0!==t?t:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(n=null==b?void 0:b.sort)&&void 0!==n?n:"{-created}"}).then((function(e){var t=e.data.findIndex((function(e){var t;return null===(t=e.items[0].startProductForOrganizations)||void 0===t?void 0:t.includes(u._id)}));if(-1!=t){var n=e.data[t];e.data.splice(t,1),e.data.unshift(n)}m(e.data)}))}),[v.uiState.isLoading]);var k=null!=b&&b.maxCount&&b.showSkeletions?O(b.maxCount,f.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:n}),(0,w.jsxs)("div",{className:h.Ry,children:[f.map((function(e,t){return(0,w.jsx)(s.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:C,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),k.map((function(e){return(0,w.jsx)("div",{className:h.F1,children:(0,w.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>s,Ry:()=>d,ZP:()=>l});var r=n(8081),i=n.n(r),a=n(23645),o=n.n(a)()(i());o.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--tgKwN";const l=o}}]);