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

@crystaldesign/diva-web-planner-react 25.7.5 → 25.8.0-beta.10

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 960.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[960],{60960:(M,i,n)=>{n.r(i),n.d(i,{default:()=>u});var N=n(65515),e=n.n(N),x=n(23987),d=n(9420),I=(n(87363),n(88683)),g=n(71385),j=n(47514);const u=(0,d.Pi)((function Functions(M){var i=(0,x.NP)(),n=(0,I.useTranslation)().t;return(0,I.useDivaCore)().state.initializing?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("ul",{className:e()(g.Hm,i.uiState.ItemsPaletteInProductVisible&&i.getIsInMobileView()?g.dV:void 0,i.uiState.configSettingsIsMaxExpanded?g.Zk:void 0,i.uiState.configSettingsIsExpanded?g.zh:void 0,i.uiState.isMobileLandscape?g.rK:void 0,i.uiState.isMobilePortrait?g.tW:void 0),children:[!i.uiState.isMobileLandscape&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickHelp()},className:e()(g.xR,g._8),children:[(0,j.jsx)("div",{className:e()(g.gn,g.gC)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigHelp")})]}),(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickPrint()},className:e()(g.xR,g.Pq),children:[(0,j.jsx)("div",{className:e()(g.gn,g.sJ)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigPrint")})]}),(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickShare()},className:e()(g.xR),children:[(0,j.jsx)("div",{className:e()(g.gn,g.Y2)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigShare")})]}),(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickReset()},className:e()(g.xR,g.py),children:[(0,j.jsx)("div",{className:e()(g.gn,g.YR)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigReset")})]}),i.productState.doShowUserSaveButton&&(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickSave()},className:e()(g.xR,g.gb),children:[(0,j.jsx)("div",{className:e()(g.gn,g.hY)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigSave")})]})]}),(!i.eventIsManagedByClient("onWebPlanerClose")||i.uiState.isMobileLandscape||i.uiState.isMobilePortrait)&&(0,j.jsx)("li",{className:g.b6,title:n("configurator.ConfigClose"),onClick:i.onCloseConfigurator})]})}))},76277:(M,i,n)=>{n.d(i,{Hm:()=>O,Pq:()=>G,Y2:()=>p,YR:()=>b,ZP:()=>f,Zk:()=>h,_8:()=>Z,ai:()=>s,b6:()=>k,dV:()=>C,gC:()=>w,gb:()=>P,gn:()=>r,hY:()=>U,py:()=>v,rK:()=>R,sJ:()=>Q,tW:()=>H,xR:()=>V,xX:()=>Y,zh:()=>S});var N=n(8081),e=n.n(N),x=n(23645),d=n.n(x),I=n(61667),g=n.n(I),j=new URL(n(51232),n.b),u=new URL(n(67914),n.b),D=new URL(n(59897),n.b),T=new URL(n(33651),n.b),z=new URL(n(73965),n.b),c=new URL(n(20168),n.b),l=new URL(n(85536),n.b),o=d()(e()),A=g()(j),a=g()(u),m=g()(D),y=g()(T),t=g()(z),E=g()(c),L=g()(l);o.push([M.id,"/* FunctionsButton Help Share ... */\n\n.index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--BdmZC.index-module--efVG1 {\n  right: -40px;\n}\n\n.index-module--efVG1.index-module--PpCYi {\n  right: 22px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n.index-module--efVG1 .index-module--SmdFN {\n  display: none;\n  background-image: url("+A+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.index-module--efVG1 .index-module--JbE7y {\n  line-height: 33.6px;\n  font-size: 15.6px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--VZh1C {\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.index-module--VZh1C.index-module--_mFcs {\n  background-image: url("+a+");\n}\n.index-module--VZh1C.index-module--X2BsW {\n  background-image: url("+m+");\n}\n.index-module--VZh1C.index-module--AVL1f {\n  background-image: url("+y+");\n  background-size: 30px;\n}\n.index-module--VZh1C.index-module--Fbgjj {\n  background-image: url("+t+");\n}\n.index-module--VZh1C.index-module--mc4vk {\n  background-image: url("+E+");\n}\n.index-module--VZh1C.index-module--_RiSO {\n  background-image: url("+L+");\n}\n\n.index-module--BdmZC .index-module--qx5Fv,\n.index-module--Ox1Qv .index-module--qx5Fv,\n.index-module--BdmZC .index-module--GxQod,\n.index-module--Ox1Qv .index-module--GxQod,\n.index-module--BdmZC .index-module--IhcFf,\n.index-module--Ox1Qv .index-module--IhcFf,\n.index-module--BdmZC .index-module--KIbQi,\n.index-module--Ox1Qv .index-module--KIbQi {\n  display: none;\n}\n\n.index-module--VYGc4 .index-module--IhcFf,\n.index-module--VYGc4 .index-module--GxQod,\n.index-module--VYGc4 .index-module--qx5Fv {\n  display: none;\n  background-image: none;\n}\n.index-module--VYGc4 .index-module--xu2cd {\n  padding-right: 3.2px !important;\n}\n.index-module--VYGc4 .index-module--xu2cd {\n  padding-top: 1.6px;\n}\n.index-module--VYGc4.index-module--efVG1 .index-module--JbE7y {\n  float: left;\n  line-height: 33.6px;\n  font-size: 15.6px;\n}\n.index-module--VYGc4.index-module--efVG1 .index-module--mc4vk {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--VYGc4.index-module--efVG1 .index-module--SmdFN {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 12px;\n  margin-top: 0px;\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n\n.index-module--ws0hO .index-module--IhcFf,\n.index-module--ws0hO .index-module--GxQod,\n.index-module--ws0hO .index-module--qx5Fv {\n  display: none;\n}\n.index-module--ws0hO .index-module--xu2cd {\n  padding-right: 3.2px !important;\n}\n.index-module--ws0hO .index-module--xu2cd {\n  padding-top: 1.6px;\n}\n.index-module--ws0hO.index-module--efVG1 .index-module--JbE7y {\n  line-height: 28.8px;\n  font-size: 14px;\n}\n.index-module--ws0hO.index-module--efVG1 .index-module--mc4vk {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n.index-module--ws0hO.index-module--efVG1 .index-module--SmdFN {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 10px;\n  margin-top: 0px;\n}\n.index-module--ws0hO.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--VYGc4.index-module--efVG1 {\n  margin: 0;\n  margin: initial;\n}\n",""]);var O="index-module--efVG1",s="index-module--EY0yA",S="index-module--BdmZC",C="index-module--PpCYi",k="index-module--SmdFN",Y="index-module--JbE7y",r="index-module--VZh1C",w="index-module--_mFcs",Q="index-module--X2BsW",b="index-module--Fbgjj",p="index-module--mc4vk",U="index-module--_RiSO",Z="index-module--qx5Fv",h="index-module--Ox1Qv",G="index-module--GxQod",v="index-module--IhcFf",P="index-module--KIbQi",R="index-module--VYGc4",V="index-module--xu2cd",H="index-module--ws0hO";const f=o},71385:(M,i,n)=>{n.d(i,{Hm:()=>l.Hm,Pq:()=>l.Pq,Y2:()=>l.Y2,YR:()=>l.YR,Zk:()=>l.Zk,_8:()=>l._8,ai:()=>l.ai,b6:()=>l.b6,dV:()=>l.dV,gC:()=>l.gC,gb:()=>l.gb,gn:()=>l.gn,hY:()=>l.hY,py:()=>l.py,rK:()=>l.rK,sJ:()=>l.sJ,tW:()=>l.tW,xR:()=>l.xR,xX:()=>l.xX,zh:()=>l.zh});var N=n(93379),e=n.n(N),x=n(7795),d=n.n(x),I=n(90569),g=n.n(I),j=n(3565),u=n.n(j),D=n(19216),T=n.n(D),z=n(44589),c=n.n(z),l=n(76277),o={};o.styleTagTransform=c(),o.setAttributes=u(),o.insert=g().bind(null,"head"),o.domAPI=d(),o.insertStyleElement=T();e()(l.ZP,o),l.ZP&&l.ZP.locals&&l.ZP.locals},51232:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67914:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI3NjQgMTYuNzE2MUMxMS4wOTkzIDE2LjcxNjEgMTAuOTM1MiAxNi42NTg4IDEwLjc4NDIgMTYuNTQ0MkMxMC42MzMxIDE2LjQyOTYgMTAuNTM0MiAxNi4zMDIgMTAuNDg3MyAxNi4xNjE0QzEwLjQ0MDQgMTYuMDIwOCAxMC40MTcgMTUuODg1MyAxMC40MTcgMTUuNzU1MUMxMC40MTcgMTUuNTYyNCAxMC40NjM5IDE1LjM4NzkgMTAuNTU3NiAxNS4yMzE3QzEwLjY1MTQgMTUuMDc1NCAxMC43NjMzIDE0Ljk2MzUgMTAuODkzNiAxNC44OTU4QzExLjAyOSAxNC44MjggMTEuMTU2NiAxNC43OTQyIDExLjI3NjQgMTQuNzk0MkMxMS40NTM1IDE0Ljc5NDIgMTEuNjA5NyAxNC44NDM3IDExLjc0NTEgMTQuOTQyNkMxMS44ODA1IDE1LjA0MTYgMTEuOTc5NSAxNS4xNjkyIDEyLjA0MiAxNS4zMjU0QzEyLjEwOTcgMTUuNDc2NSAxMi4xNDM2IDE1LjYxOTcgMTIuMTQzNiAxNS43NTUxQzEyLjE0MzYgMTUuOTQ3OCAxMi4wOTY3IDE2LjEyMjMgMTIuMDAyOSAxNi4yNzg2QzExLjkxNDQgMTYuNDM0OCAxMS43OTk4IDE2LjU0NjggMTEuNjU5MiAxNi42MTQ1QzExLjUyMzggMTYuNjgyMiAxMS4zOTYyIDE2LjcxNjEgMTEuMjc2NCAxNi43MTYxWk0xMC42OTA0IDEzLjU5MTFWMTIuOTE5MkMxMC42OTA0IDEyLjU4MDYgMTAuNzYwNyAxMi4yNTUxIDEwLjkwMTQgMTEuOTQyNkMxMS4wNDIgMTEuNjI0OSAxMS4yMDA4IDExLjM2NDUgMTEuMzc3OSAxMS4xNjE0QzExLjU2MDIgMTAuOTUzIDExLjcyNDMgMTAuNzcwOCAxMS44NzAxIDEwLjYxNDVDMTIuMjM0NyAxMC4yMTg3IDEyLjQ4NzMgOS45MjcgMTIuNjI3OSA5LjczOTVDMTIuNzczOCA5LjU1MiAxMi44Nzc5IDkuMzUxNDggMTIuOTQwNCA5LjEzNzk0QzEzLjAwODEgOC45MjQ0IDEzLjA0MiA4LjcwMzA0IDEzLjA0MiA4LjQ3Mzg4QzEzLjA0MiA3Ljk0MjYzIDEyLjg5MzYgNy41MzExNyAxMi41OTY3IDcuMjM5NUMxMi4zMDUgNi45NDI2MyAxMS44OTM2IDYuNzk0MTkgMTEuMzYyMyA2Ljc5NDE5QzExLjAxODYgNi43OTQxOSAxMC42OTMgNi44Nzc1MiAxMC4zODU3IDcuMDQ0MTlDMTAuMDc4NSA3LjIwNTY1IDkuODI1ODUgNy4zOTgzNiA5LjYyNzkzIDcuNjIyMzFDOS40MzUyMiA3Ljg0MTA2IDkuMjcxMTYgOC4wNDk0IDkuMTM1NzQgOC4yNDczMUw4LjI4NDE4IDcuNjM3OTRDOC41MTMzNSA3LjI1MjUyIDguNzkxOTkgNi45MTY1OSA5LjEyMDEyIDYuNjMwMTNDOS40NDgyNCA2LjMzODQ2IDkuODEwMjIgNi4xMjIzMSAxMC4yMDYxIDUuOTgxNjlDMTAuNjAxOSA1Ljg0MTA2IDExLjAwMjkgNS43NzA3NSAxMS40MDkyIDUuNzcwNzVDMTEuODc3OSA1Ljc3MDc1IDEyLjI5MiA1LjgzNTg2IDEyLjY1MTQgNS45NjYwNkMxMy4wMTYgNi4wOTEwNiAxMy4zMTggNi4yNzMzNiAxMy41NTc2IDYuNTEyOTRDMTMuODAyNCA2Ljc1MjUyIDEzLjk4NzMgNy4wNDQxOSAxNC4xMTIzIDcuMzg3OTRDMTQuMjM3MyA3LjczMTY5IDE0LjI5OTggOC4xMTk3MSAxNC4yOTk4IDguNTUyQzE0LjI5OTggOC44OTU3NSAxNC4yMzk5IDkuMjE2MDYgMTQuMTIwMSA5LjUxMjk0QzE0LjAwMDMgOS44MDQ2MSAxMy44NDY3IDEwLjA3NTQgMTMuNjU5MiAxMC4zMjU0QzEzLjQ3NjkgMTAuNTc1NCAxMy4zMDc2IDEwLjc4MzggMTMuMTUxNCAxMC45NTA0QzEyLjc1MDMgMTEuMzkzMSAxMi40NTg3IDExLjcyOTEgMTIuMjc2NCAxMS45NTgzQzEyLjA5OTMgMTIuMTg3NCAxMS45ODczIDEyLjM4MjcgMTEuOTQwNCAxMi41NDQyQzExLjg5MzYgMTIuNzAwNCAxMS44NzAxIDEyLjg1NjcgMTEuODcwMSAxMy4wMTI5VjEzLjU5MTFIMTAuNjkwNFoiIGZpbGw9IiM2RjZGNkYiLz4KPGNpcmNsZSBjeD0iMTEuNDc5OSIgY3k9IjEwLjk5OTkiIHI9IjEwLjIwMjYiIHN0cm9rZT0iIzZGNkY2RiIvPgo8L3N2Zz4="},73965:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00LjM3ODIgMTQuMTcwMUMzLjkyNzUgMTMuMjM5OSAzLjcwMjE1IDEyLjA3NzEgMy43MDIxNSAxMC45MTQzQzMuNzAyMTUgNS42ODE3NyA3Ljc1ODQ5IDEuNDk1NzMgMTIuODI4OSAxLjQ5NTczQzE0LjE4MSAxLjQ5NTczIDE1LjUzMzEgMS44NDQ1NiAxNi42NTk5IDIuNDI1OTYiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIwLjcxNTkgNi4xNDY4NUMyMS41MDQ3IDcuNTQyMiAyMS45NTU0IDkuMTcwMTEgMjEuOTU1NCAxMC45MTQzQzIxLjk1NTQgMTYuMTQ2OSAxNy44OTkgMjAuMzMyOSAxMi44Mjg2IDIwLjMzMjlDMTAuOTEzMSAyMC4zMzI5IDkuMTEwMyAxOS43NTE1IDcuNjQ1NTEgMTguNTg4NyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTkuMTM4NyA5LjA1Mzg3TDIwLjQ5MDggNS40NDkyMkwyMy45ODM3IDYuODQ0NTciIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMDY4MSAxMS4yNjMyTDQuNjAzMzEgMTQuODY3OEwxLjExMDM1IDEzLjIzOTkiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTQ2ODc1IDAuOTE0MzA3KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="},59897:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzg0MjggMTYuMzQ2N0gxMy42ODQzIiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjM4NDI4IDE0LjA0NjFIMTMuNjg0MyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy4zODQyOCAxOC42NDcySDEzLjY4NDMiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE2LjI4MjggMjEuMjUwOUg1LjAwMDc3QzQuOTA3MyAyMS4yNTA5IDQuODMyNTIgMjEuMTc1MiA0LjgzMjUyIDIxLjA4MDVWMTEuNjEzQzQuODMyNTIgMTEuNTE4NCA0LjkwNzMgMTEuNDQyNiA1LjAwMDc3IDExLjQ0MjZIMTYuMjgyOEMxNi4zNzYzIDExLjQ0MjYgMTYuNDUxMSAxMS41MTg0IDE2LjQ1MTEgMTEuNjEzVjIxLjA4MDVDMTYuNDUxMSAyMS4xNzUyIDE2LjM3NjMgMjEuMjUwOSAxNi4yODI4IDIxLjI1MDlaIiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNC44MzI1MiA2LjU2Njg3VjEuNDczMzdDNC44MzI1MiAxLjIxNzc1IDUuMDM4MTYgMSA1LjI5OTg4IDFIMTUuOTkzMUMxNi4yNDU1IDEgMTYuNDYwNCAxLjIwODI4IDE2LjQ2MDQgMS40NzMzN1Y2LjU2Njg3IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNC44MzIzNSAxNi41MzYxSDEuMzI3MTVDMS4xNDk1NiAxNi41MzYxIDEgMTYuMzg0NyAxIDE2LjIwNDhWNi44OTgyNkMxIDYuNzE4MzcgMS4xNDk1NiA2LjU2Njg5IDEuMzI3MTUgNi41NjY4OUgxOS45NTYxQzIwLjEzMzcgNi41NjY4OSAyMC4yODMzIDYuNzE4MzcgMjAuMjgzMyA2Ljg5ODI2VjE2LjIwNDhDMjAuMjgzMyAxNi4zODQ3IDIwLjEzMzcgMTYuNTM2MSAxOS45NTYxIDE2LjUzNjFIMTYuNDUwOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+Cg=="},85536:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wNjk4IDFIMTkuNTM0NEMyMC4wODY2IDEgMjAuNTM0NCAxLjQ0NzcxIDIwLjUzNDQgMlYzLjc5OTg5SDIwLjUzMzVWMTYuOTk5OUMyMC41MzM1IDE3LjU1MjIgMjAuMDg1OCAxNy45OTk5IDE5LjUzMzUgMTcuOTk5OUgyQzEuNDQ3NzEgMTcuOTk5OSAxIDE3LjU1MjIgMSAxNi45OTk5VjIuNTMzNDVIMFYxNi45OTk5QzAgMTguMTA0NSAwLjg5NTQyOSAxOC45OTk5IDIgMTguOTk5OUgxOS41MzM1QzIwLjYzODEgMTguOTk5OSAyMS41MzM1IDE4LjEwNDUgMjEuNTMzNSAxNi45OTk5VjEzLjI1OTZDMjEuNTM0MSAxMy4yMzk5IDIxLjUzNDQgMTMuMjIgMjEuNTM0NCAxMy4yMDAxVjJDMjEuNTM0NCAwLjg5NTQzMSAyMC42Mzg5IDAgMTkuNTM0NCAwSDEyLjA2OThDMTAuOTY1MyAwIDEwLjA2OTggMC44OTU0MzEgMTAuMDY5OCAyVjExLjgxMjFMNi40NDYwOCA3LjY3MDY5QzYuMjY0MjQgNy40NjI4OCA1Ljk0ODM2IDcuNDQxODIgNS43NDA1NCA3LjYyMzY2QzUuNTMyNzIgNy44MDU1IDUuNTExNjYgOC4xMjEzOCA1LjY5MzUgOC4zMjkyTDEwLjEyNjkgMTMuMzk1OUMxMC4yMjE4IDEzLjUwNDQgMTAuMzU5IDEzLjU2NjYgMTAuNTAzMiAxMy41NjY2QzEwLjY0NzMgMTMuNTY2NiAxMC43ODQ1IDEzLjUwNDQgMTAuODc5NCAxMy4zOTU5TDE1LjMxMjggOC4zMjkyQzE1LjQ5NDcgOC4xMjEzOCAxNS40NzM2IDcuODA1NSAxNS4yNjU4IDcuNjIzNjZDMTUuMDU4IDcuNDQxODIgMTQuNzQyMSA3LjQ2Mjg4IDE0LjU2MDIgNy42NzA2OUwxMS4wNjk4IDExLjY1OTdWMkMxMS4wNjk4IDEuNDQ3NzIgMTEuNTE3NSAxIDEyLjA2OTggMVoiIGZpbGw9IiM2RjZGNkYiLz4KPC9zdmc+Cg=="},20168:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSI0IiByPSIzIiBzdHJva2U9IiM2RjZGNkYiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNyIgcj0iMyIgc3Ryb2tlPSIjNkY2RjZGIi8+CjxjaXJjbGUgY3g9IjQiIGN5PSIxMC41IiByPSIzIiBzdHJva2U9IiM2RjZGNkYiLz4KPGxpbmUgeDE9IjYuNzQ1MDQiIHkxPSI5LjI1NjkiIHgyPSIxMy40Mjk1IiB5Mj0iNS4yOTQ1NCIgc3Ryb2tlPSIjNkY2RjZGIi8+CjxsaW5lIHkxPSItMC41IiB4Mj0iNy43NzA2MyIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuODYwMjI1IDAuNTA5OTE0IDAuNTA5OTE0IC0wLjg2MDIyNSA3IDExLjYxOTkpIiBzdHJva2U9IiM2RjZGNkYiLz4KPC9zdmc+Cg=="},33651:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgOTYgOTYwIDk2MCIgd2lkdGg9IjQ4Ij48cGF0aCBkPSJNNDQ4IDg4OSAyMjggNzYwcS0xMy43NzUtOC4xNzEtMjEuMzg3LTIxLjkxNFExOTkgNzI0LjM0MyAxOTkgNzA4VjQ1MXEwLTE2LjM0MyA3LjYxMy0zMC4wODZRMjE0LjIyNSA0MDcuMTcxIDIyOCAzOTlsMjIxLTEzMXExNC04IDMxLTh0MzEgOGwyMjEgMTMxcTEzLjc3NSA4LjE3MSAyMS4zODggMjEuOTE0UTc2MSA0MzQuNjU3IDc2MSA0NTF2MjU3cTAgMTYuMzQzLTcuODc1IDMwLjA4NlE3NDUuMjUgNzUxLjgyOSA3MzEgNzYwTDUwOCA4ODlxLTE0LjMyOCA4LTMwLjE2NCA4UTQ2MiA4OTcgNDQ4IDg4OVptMi02OVY1OTZMMjYwIDQ4N3YyMTlsMTkwIDExNFptNjAgMCAxOTEtMTE0VjQ4N0w1MTAgNTk2djIyNFpNNDAgMzI1di03N3EwLTQ2LjY2NyAzMi42NjctNzkuMzMzUTEwNS4zMzMgMTM2IDE1MiAxMzZoNzd2NjBoLTc3cS0yMi4xIDAtMzcuMDUgMTQuOTVRMTAwIDIyNS45IDEwMCAyNDh2NzdINDBabTExMiA2OTFxLTQ2LjY2NyAwLTc5LjMzMy0zMi42NjdRNDAgOTUwLjY2NyA0MCA5MDR2LTc3aDYwdjc3cTAgMjIuMSAxNC45NSAzNy4wNVExMjkuOSA5NTYgMTUyIDk1Nmg3N3Y2MGgtNzdabTU3OS00di02MGg3N3EyMi4xIDAgMzcuMDUtMTQuOTVRODYwIDkyMi4xIDg2MCA5MDB2LTc3aDYwdjc3cTAgNDYuNjY3LTMyLjY2NyA3OS4zMzNRODU0LjY2NyAxMDEyIDgwOCAxMDEyaC03N1ptMTI5LTY4N3YtNzdxMC0yMi4xLTE0Ljk1LTM3LjA1UTgzMC4xIDE5NiA4MDggMTk2aC03N3YtNjBoNzdxNDYuNjY3IDAgNzkuMzMzIDMyLjY2N1E5MjAgMjAxLjMzMyA5MjAgMjQ4djc3aC02MFpNNDgwIDU0MmwxOTAtMTEwLTE5MC0xMDktMTkwIDEwOSAxOTAgMTEwWm0wIDI1Wm0wLTI1Wm0zMCA1NFptLTYwIDBaIi8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[960],{60960:(M,i,n)=>{n.r(i),n.d(i,{default:()=>u});var N=n(65515),e=n.n(N),x=n(33923),d=n(9420),I=(n(87363),n(88683)),g=n(71385),j=n(47514);const u=(0,d.Pi)((function Functions(M){var i=(0,x.NP)(),n=(0,I.useTranslation)().t;return(0,I.useDivaCore)().state.initializing?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("ul",{className:e()(g.Hm,i.uiState.ItemsPaletteInProductVisible&&i.getIsInMobileView()?g.dV:void 0,i.uiState.configSettingsIsMaxExpanded?g.Zk:void 0,i.uiState.configSettingsIsExpanded?g.zh:void 0,i.uiState.isMobileLandscape?g.rK:void 0,i.uiState.isMobilePortrait?g.tW:void 0),children:[!i.uiState.isMobileLandscape&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickHelp()},className:e()(g.xR,g._8),children:[(0,j.jsx)("div",{className:e()(g.gn,g.gC)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigHelp")})]}),(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickPrint()},className:e()(g.xR,g.Pq),children:[(0,j.jsx)("div",{className:e()(g.gn,g.sJ)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigPrint")})]}),(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickShare()},className:e()(g.xR),children:[(0,j.jsx)("div",{className:e()(g.gn,g.Y2)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigShare")})]}),(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickReset()},className:e()(g.xR,g.py),children:[(0,j.jsx)("div",{className:e()(g.gn,g.YR)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigReset")})]}),i.productState.doShowUserSaveButton&&(0,j.jsxs)("li",{onClick:function onClick(){return i.productState.onClickSave()},className:e()(g.xR,g.gb),children:[(0,j.jsx)("div",{className:e()(g.gn,g.hY)}),(0,j.jsx)("div",{className:g.xX,children:n("configurator.ConfigSave")})]})]}),(!i.eventIsManagedByClient("onWebPlanerClose")||i.uiState.isMobileLandscape||i.uiState.isMobilePortrait)&&(0,j.jsx)("li",{className:g.b6,title:n("configurator.ConfigClose"),onClick:i.onCloseConfigurator})]})}))},76277:(M,i,n)=>{n.d(i,{Hm:()=>O,Pq:()=>G,Y2:()=>p,YR:()=>b,ZP:()=>f,Zk:()=>h,_8:()=>Z,ai:()=>s,b6:()=>k,dV:()=>C,gC:()=>w,gb:()=>P,gn:()=>r,hY:()=>U,py:()=>v,rK:()=>R,sJ:()=>Q,tW:()=>H,xR:()=>V,xX:()=>Y,zh:()=>S});var N=n(8081),e=n.n(N),x=n(23645),d=n.n(x),I=n(61667),g=n.n(I),j=new URL(n(51232),n.b),u=new URL(n(67914),n.b),D=new URL(n(59897),n.b),T=new URL(n(33651),n.b),z=new URL(n(73965),n.b),c=new URL(n(20168),n.b),l=new URL(n(85536),n.b),o=d()(e()),A=g()(j),a=g()(u),m=g()(D),y=g()(T),t=g()(z),E=g()(c),L=g()(l);o.push([M.id,"/* FunctionsButton Help Share ... */\n\n.index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--BdmZC.index-module--efVG1 {\n  right: -40px;\n}\n\n.index-module--efVG1.index-module--PpCYi {\n  right: 22px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n.index-module--efVG1 .index-module--SmdFN {\n  display: none;\n  background-image: url("+A+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.index-module--efVG1 .index-module--JbE7y {\n  line-height: 33.6px;\n  font-size: 15.6px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--VZh1C {\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.index-module--VZh1C.index-module--_mFcs {\n  background-image: url("+a+");\n}\n.index-module--VZh1C.index-module--X2BsW {\n  background-image: url("+m+");\n}\n.index-module--VZh1C.index-module--AVL1f {\n  background-image: url("+y+");\n  background-size: 30px;\n}\n.index-module--VZh1C.index-module--Fbgjj {\n  background-image: url("+t+");\n}\n.index-module--VZh1C.index-module--mc4vk {\n  background-image: url("+E+");\n}\n.index-module--VZh1C.index-module--_RiSO {\n  background-image: url("+L+");\n}\n\n.index-module--BdmZC .index-module--qx5Fv,\n.index-module--Ox1Qv .index-module--qx5Fv,\n.index-module--BdmZC .index-module--GxQod,\n.index-module--Ox1Qv .index-module--GxQod,\n.index-module--BdmZC .index-module--IhcFf,\n.index-module--Ox1Qv .index-module--IhcFf,\n.index-module--BdmZC .index-module--KIbQi,\n.index-module--Ox1Qv .index-module--KIbQi {\n  display: none;\n}\n\n.index-module--VYGc4 .index-module--IhcFf,\n.index-module--VYGc4 .index-module--GxQod,\n.index-module--VYGc4 .index-module--qx5Fv {\n  display: none;\n  background-image: none;\n}\n.index-module--VYGc4 .index-module--xu2cd {\n  padding-right: 3.2px !important;\n}\n.index-module--VYGc4 .index-module--xu2cd {\n  padding-top: 1.6px;\n}\n.index-module--VYGc4.index-module--efVG1 .index-module--JbE7y {\n  float: left;\n  line-height: 33.6px;\n  font-size: 15.6px;\n}\n.index-module--VYGc4.index-module--efVG1 .index-module--mc4vk {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--VYGc4.index-module--efVG1 .index-module--SmdFN {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 12px;\n  margin-top: 0px;\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n\n.index-module--ws0hO .index-module--IhcFf,\n.index-module--ws0hO .index-module--GxQod,\n.index-module--ws0hO .index-module--qx5Fv {\n  display: none;\n}\n.index-module--ws0hO .index-module--xu2cd {\n  padding-right: 3.2px !important;\n}\n.index-module--ws0hO .index-module--xu2cd {\n  padding-top: 1.6px;\n}\n.index-module--ws0hO.index-module--efVG1 .index-module--JbE7y {\n  line-height: 28.8px;\n  font-size: 14px;\n}\n.index-module--ws0hO.index-module--efVG1 .index-module--mc4vk {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n.index-module--ws0hO.index-module--efVG1 .index-module--SmdFN {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 10px;\n  margin-top: 0px;\n}\n.index-module--ws0hO.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--VYGc4.index-module--efVG1 {\n  margin: 0;\n  margin: initial;\n}\n",""]);var O="index-module--efVG1",s="index-module--EY0yA",S="index-module--BdmZC",C="index-module--PpCYi",k="index-module--SmdFN",Y="index-module--JbE7y",r="index-module--VZh1C",w="index-module--_mFcs",Q="index-module--X2BsW",b="index-module--Fbgjj",p="index-module--mc4vk",U="index-module--_RiSO",Z="index-module--qx5Fv",h="index-module--Ox1Qv",G="index-module--GxQod",v="index-module--IhcFf",P="index-module--KIbQi",R="index-module--VYGc4",V="index-module--xu2cd",H="index-module--ws0hO";const f=o},71385:(M,i,n)=>{n.d(i,{Hm:()=>l.Hm,Pq:()=>l.Pq,Y2:()=>l.Y2,YR:()=>l.YR,Zk:()=>l.Zk,_8:()=>l._8,ai:()=>l.ai,b6:()=>l.b6,dV:()=>l.dV,gC:()=>l.gC,gb:()=>l.gb,gn:()=>l.gn,hY:()=>l.hY,py:()=>l.py,rK:()=>l.rK,sJ:()=>l.sJ,tW:()=>l.tW,xR:()=>l.xR,xX:()=>l.xX,zh:()=>l.zh});var N=n(93379),e=n.n(N),x=n(7795),d=n.n(x),I=n(90569),g=n.n(I),j=n(3565),u=n.n(j),D=n(19216),T=n.n(D),z=n(44589),c=n.n(z),l=n(76277),o={};o.styleTagTransform=c(),o.setAttributes=u(),o.insert=g().bind(null,"head"),o.domAPI=d(),o.insertStyleElement=T();e()(l.ZP,o),l.ZP&&l.ZP.locals&&l.ZP.locals},51232:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67914:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI3NjQgMTYuNzE2MUMxMS4wOTkzIDE2LjcxNjEgMTAuOTM1MiAxNi42NTg4IDEwLjc4NDIgMTYuNTQ0MkMxMC42MzMxIDE2LjQyOTYgMTAuNTM0MiAxNi4zMDIgMTAuNDg3MyAxNi4xNjE0QzEwLjQ0MDQgMTYuMDIwOCAxMC40MTcgMTUuODg1MyAxMC40MTcgMTUuNzU1MUMxMC40MTcgMTUuNTYyNCAxMC40NjM5IDE1LjM4NzkgMTAuNTU3NiAxNS4yMzE3QzEwLjY1MTQgMTUuMDc1NCAxMC43NjMzIDE0Ljk2MzUgMTAuODkzNiAxNC44OTU4QzExLjAyOSAxNC44MjggMTEuMTU2NiAxNC43OTQyIDExLjI3NjQgMTQuNzk0MkMxMS40NTM1IDE0Ljc5NDIgMTEuNjA5NyAxNC44NDM3IDExLjc0NTEgMTQuOTQyNkMxMS44ODA1IDE1LjA0MTYgMTEuOTc5NSAxNS4xNjkyIDEyLjA0MiAxNS4zMjU0QzEyLjEwOTcgMTUuNDc2NSAxMi4xNDM2IDE1LjYxOTcgMTIuMTQzNiAxNS43NTUxQzEyLjE0MzYgMTUuOTQ3OCAxMi4wOTY3IDE2LjEyMjMgMTIuMDAyOSAxNi4yNzg2QzExLjkxNDQgMTYuNDM0OCAxMS43OTk4IDE2LjU0NjggMTEuNjU5MiAxNi42MTQ1QzExLjUyMzggMTYuNjgyMiAxMS4zOTYyIDE2LjcxNjEgMTEuMjc2NCAxNi43MTYxWk0xMC42OTA0IDEzLjU5MTFWMTIuOTE5MkMxMC42OTA0IDEyLjU4MDYgMTAuNzYwNyAxMi4yNTUxIDEwLjkwMTQgMTEuOTQyNkMxMS4wNDIgMTEuNjI0OSAxMS4yMDA4IDExLjM2NDUgMTEuMzc3OSAxMS4xNjE0QzExLjU2MDIgMTAuOTUzIDExLjcyNDMgMTAuNzcwOCAxMS44NzAxIDEwLjYxNDVDMTIuMjM0NyAxMC4yMTg3IDEyLjQ4NzMgOS45MjcgMTIuNjI3OSA5LjczOTVDMTIuNzczOCA5LjU1MiAxMi44Nzc5IDkuMzUxNDggMTIuOTQwNCA5LjEzNzk0QzEzLjAwODEgOC45MjQ0IDEzLjA0MiA4LjcwMzA0IDEzLjA0MiA4LjQ3Mzg4QzEzLjA0MiA3Ljk0MjYzIDEyLjg5MzYgNy41MzExNyAxMi41OTY3IDcuMjM5NUMxMi4zMDUgNi45NDI2MyAxMS44OTM2IDYuNzk0MTkgMTEuMzYyMyA2Ljc5NDE5QzExLjAxODYgNi43OTQxOSAxMC42OTMgNi44Nzc1MiAxMC4zODU3IDcuMDQ0MTlDMTAuMDc4NSA3LjIwNTY1IDkuODI1ODUgNy4zOTgzNiA5LjYyNzkzIDcuNjIyMzFDOS40MzUyMiA3Ljg0MTA2IDkuMjcxMTYgOC4wNDk0IDkuMTM1NzQgOC4yNDczMUw4LjI4NDE4IDcuNjM3OTRDOC41MTMzNSA3LjI1MjUyIDguNzkxOTkgNi45MTY1OSA5LjEyMDEyIDYuNjMwMTNDOS40NDgyNCA2LjMzODQ2IDkuODEwMjIgNi4xMjIzMSAxMC4yMDYxIDUuOTgxNjlDMTAuNjAxOSA1Ljg0MTA2IDExLjAwMjkgNS43NzA3NSAxMS40MDkyIDUuNzcwNzVDMTEuODc3OSA1Ljc3MDc1IDEyLjI5MiA1LjgzNTg2IDEyLjY1MTQgNS45NjYwNkMxMy4wMTYgNi4wOTEwNiAxMy4zMTggNi4yNzMzNiAxMy41NTc2IDYuNTEyOTRDMTMuODAyNCA2Ljc1MjUyIDEzLjk4NzMgNy4wNDQxOSAxNC4xMTIzIDcuMzg3OTRDMTQuMjM3MyA3LjczMTY5IDE0LjI5OTggOC4xMTk3MSAxNC4yOTk4IDguNTUyQzE0LjI5OTggOC44OTU3NSAxNC4yMzk5IDkuMjE2MDYgMTQuMTIwMSA5LjUxMjk0QzE0LjAwMDMgOS44MDQ2MSAxMy44NDY3IDEwLjA3NTQgMTMuNjU5MiAxMC4zMjU0QzEzLjQ3NjkgMTAuNTc1NCAxMy4zMDc2IDEwLjc4MzggMTMuMTUxNCAxMC45NTA0QzEyLjc1MDMgMTEuMzkzMSAxMi40NTg3IDExLjcyOTEgMTIuMjc2NCAxMS45NTgzQzEyLjA5OTMgMTIuMTg3NCAxMS45ODczIDEyLjM4MjcgMTEuOTQwNCAxMi41NDQyQzExLjg5MzYgMTIuNzAwNCAxMS44NzAxIDEyLjg1NjcgMTEuODcwMSAxMy4wMTI5VjEzLjU5MTFIMTAuNjkwNFoiIGZpbGw9IiM2RjZGNkYiLz4KPGNpcmNsZSBjeD0iMTEuNDc5OSIgY3k9IjEwLjk5OTkiIHI9IjEwLjIwMjYiIHN0cm9rZT0iIzZGNkY2RiIvPgo8L3N2Zz4="},73965:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00LjM3ODIgMTQuMTcwMUMzLjkyNzUgMTMuMjM5OSAzLjcwMjE1IDEyLjA3NzEgMy43MDIxNSAxMC45MTQzQzMuNzAyMTUgNS42ODE3NyA3Ljc1ODQ5IDEuNDk1NzMgMTIuODI4OSAxLjQ5NTczQzE0LjE4MSAxLjQ5NTczIDE1LjUzMzEgMS44NDQ1NiAxNi42NTk5IDIuNDI1OTYiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIwLjcxNTkgNi4xNDY4NUMyMS41MDQ3IDcuNTQyMiAyMS45NTU0IDkuMTcwMTEgMjEuOTU1NCAxMC45MTQzQzIxLjk1NTQgMTYuMTQ2OSAxNy44OTkgMjAuMzMyOSAxMi44Mjg2IDIwLjMzMjlDMTAuOTEzMSAyMC4zMzI5IDkuMTEwMyAxOS43NTE1IDcuNjQ1NTEgMTguNTg4NyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTkuMTM4NyA5LjA1Mzg3TDIwLjQ5MDggNS40NDkyMkwyMy45ODM3IDYuODQ0NTciIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMDY4MSAxMS4yNjMyTDQuNjAzMzEgMTQuODY3OEwxLjExMDM1IDEzLjIzOTkiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTQ2ODc1IDAuOTE0MzA3KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="},59897:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzg0MjggMTYuMzQ2N0gxMy42ODQzIiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjM4NDI4IDE0LjA0NjFIMTMuNjg0MyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy4zODQyOCAxOC42NDcySDEzLjY4NDMiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE2LjI4MjggMjEuMjUwOUg1LjAwMDc3QzQuOTA3MyAyMS4yNTA5IDQuODMyNTIgMjEuMTc1MiA0LjgzMjUyIDIxLjA4MDVWMTEuNjEzQzQuODMyNTIgMTEuNTE4NCA0LjkwNzMgMTEuNDQyNiA1LjAwMDc3IDExLjQ0MjZIMTYuMjgyOEMxNi4zNzYzIDExLjQ0MjYgMTYuNDUxMSAxMS41MTg0IDE2LjQ1MTEgMTEuNjEzVjIxLjA4MDVDMTYuNDUxMSAyMS4xNzUyIDE2LjM3NjMgMjEuMjUwOSAxNi4yODI4IDIxLjI1MDlaIiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNC44MzI1MiA2LjU2Njg3VjEuNDczMzdDNC44MzI1MiAxLjIxNzc1IDUuMDM4MTYgMSA1LjI5OTg4IDFIMTUuOTkzMUMxNi4yNDU1IDEgMTYuNDYwNCAxLjIwODI4IDE2LjQ2MDQgMS40NzMzN1Y2LjU2Njg3IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNC44MzIzNSAxNi41MzYxSDEuMzI3MTVDMS4xNDk1NiAxNi41MzYxIDEgMTYuMzg0NyAxIDE2LjIwNDhWNi44OTgyNkMxIDYuNzE4MzcgMS4xNDk1NiA2LjU2Njg5IDEuMzI3MTUgNi41NjY4OUgxOS45NTYxQzIwLjEzMzcgNi41NjY4OSAyMC4yODMzIDYuNzE4MzcgMjAuMjgzMyA2Ljg5ODI2VjE2LjIwNDhDMjAuMjgzMyAxNi4zODQ3IDIwLjEzMzcgMTYuNTM2MSAxOS45NTYxIDE2LjUzNjFIMTYuNDUwOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+Cg=="},85536:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wNjk4IDFIMTkuNTM0NEMyMC4wODY2IDEgMjAuNTM0NCAxLjQ0NzcxIDIwLjUzNDQgMlYzLjc5OTg5SDIwLjUzMzVWMTYuOTk5OUMyMC41MzM1IDE3LjU1MjIgMjAuMDg1OCAxNy45OTk5IDE5LjUzMzUgMTcuOTk5OUgyQzEuNDQ3NzEgMTcuOTk5OSAxIDE3LjU1MjIgMSAxNi45OTk5VjIuNTMzNDVIMFYxNi45OTk5QzAgMTguMTA0NSAwLjg5NTQyOSAxOC45OTk5IDIgMTguOTk5OUgxOS41MzM1QzIwLjYzODEgMTguOTk5OSAyMS41MzM1IDE4LjEwNDUgMjEuNTMzNSAxNi45OTk5VjEzLjI1OTZDMjEuNTM0MSAxMy4yMzk5IDIxLjUzNDQgMTMuMjIgMjEuNTM0NCAxMy4yMDAxVjJDMjEuNTM0NCAwLjg5NTQzMSAyMC42Mzg5IDAgMTkuNTM0NCAwSDEyLjA2OThDMTAuOTY1MyAwIDEwLjA2OTggMC44OTU0MzEgMTAuMDY5OCAyVjExLjgxMjFMNi40NDYwOCA3LjY3MDY5QzYuMjY0MjQgNy40NjI4OCA1Ljk0ODM2IDcuNDQxODIgNS43NDA1NCA3LjYyMzY2QzUuNTMyNzIgNy44MDU1IDUuNTExNjYgOC4xMjEzOCA1LjY5MzUgOC4zMjkyTDEwLjEyNjkgMTMuMzk1OUMxMC4yMjE4IDEzLjUwNDQgMTAuMzU5IDEzLjU2NjYgMTAuNTAzMiAxMy41NjY2QzEwLjY0NzMgMTMuNTY2NiAxMC43ODQ1IDEzLjUwNDQgMTAuODc5NCAxMy4zOTU5TDE1LjMxMjggOC4zMjkyQzE1LjQ5NDcgOC4xMjEzOCAxNS40NzM2IDcuODA1NSAxNS4yNjU4IDcuNjIzNjZDMTUuMDU4IDcuNDQxODIgMTQuNzQyMSA3LjQ2Mjg4IDE0LjU2MDIgNy42NzA2OUwxMS4wNjk4IDExLjY1OTdWMkMxMS4wNjk4IDEuNDQ3NzIgMTEuNTE3NSAxIDEyLjA2OTggMVoiIGZpbGw9IiM2RjZGNkYiLz4KPC9zdmc+Cg=="},20168:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSI0IiByPSIzIiBzdHJva2U9IiM2RjZGNkYiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNyIgcj0iMyIgc3Ryb2tlPSIjNkY2RjZGIi8+CjxjaXJjbGUgY3g9IjQiIGN5PSIxMC41IiByPSIzIiBzdHJva2U9IiM2RjZGNkYiLz4KPGxpbmUgeDE9IjYuNzQ1MDQiIHkxPSI5LjI1NjkiIHgyPSIxMy40Mjk1IiB5Mj0iNS4yOTQ1NCIgc3Ryb2tlPSIjNkY2RjZGIi8+CjxsaW5lIHkxPSItMC41IiB4Mj0iNy43NzA2MyIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuODYwMjI1IDAuNTA5OTE0IDAuNTA5OTE0IC0wLjg2MDIyNSA3IDExLjYxOTkpIiBzdHJva2U9IiM2RjZGNkYiLz4KPC9zdmc+Cg=="},33651:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgOTYgOTYwIDk2MCIgd2lkdGg9IjQ4Ij48cGF0aCBkPSJNNDQ4IDg4OSAyMjggNzYwcS0xMy43NzUtOC4xNzEtMjEuMzg3LTIxLjkxNFExOTkgNzI0LjM0MyAxOTkgNzA4VjQ1MXEwLTE2LjM0MyA3LjYxMy0zMC4wODZRMjE0LjIyNSA0MDcuMTcxIDIyOCAzOTlsMjIxLTEzMXExNC04IDMxLTh0MzEgOGwyMjEgMTMxcTEzLjc3NSA4LjE3MSAyMS4zODggMjEuOTE0UTc2MSA0MzQuNjU3IDc2MSA0NTF2MjU3cTAgMTYuMzQzLTcuODc1IDMwLjA4NlE3NDUuMjUgNzUxLjgyOSA3MzEgNzYwTDUwOCA4ODlxLTE0LjMyOCA4LTMwLjE2NCA4UTQ2MiA4OTcgNDQ4IDg4OVptMi02OVY1OTZMMjYwIDQ4N3YyMTlsMTkwIDExNFptNjAgMCAxOTEtMTE0VjQ4N0w1MTAgNTk2djIyNFpNNDAgMzI1di03N3EwLTQ2LjY2NyAzMi42NjctNzkuMzMzUTEwNS4zMzMgMTM2IDE1MiAxMzZoNzd2NjBoLTc3cS0yMi4xIDAtMzcuMDUgMTQuOTVRMTAwIDIyNS45IDEwMCAyNDh2NzdINDBabTExMiA2OTFxLTQ2LjY2NyAwLTc5LjMzMy0zMi42NjdRNDAgOTUwLjY2NyA0MCA5MDR2LTc3aDYwdjc3cTAgMjIuMSAxNC45NSAzNy4wNVExMjkuOSA5NTYgMTUyIDk1Nmg3N3Y2MGgtNzdabTU3OS00di02MGg3N3EyMi4xIDAgMzcuMDUtMTQuOTVRODYwIDkyMi4xIDg2MCA5MDB2LTc3aDYwdjc3cTAgNDYuNjY3LTMyLjY2NyA3OS4zMzNRODU0LjY2NyAxMDEyIDgwOCAxMDEyaC03N1ptMTI5LTY4N3YtNzdxMC0yMi4xLTE0Ljk1LTM3LjA1UTgzMC4xIDE5NiA4MDggMTk2aC03N3YtNjBoNzdxNDYuNjY3IDAgNzkuMzMzIDMyLjY2N1E5MjAgMjAxLjMzMyA5MjAgMjQ4djc3aC02MFpNNDgwIDU0MmwxOTAtMTEwLTE5MC0xMDktMTkwIDEwOSAxOTAgMTEwWm0wIDI1Wm0wLTI1Wm0zMCA1NFptLTYwIDBaIi8+PC9zdmc+"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9607.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9607,7446,5299,594],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.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 v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));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=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var T=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 T.name="Invariant Violation",T}}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 v=y(1),x=y.n(v),C=y(0),O=y.n(C),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 v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}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 v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}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,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.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 T=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,v,C=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=C.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 x.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",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,T=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,P=N.classParentString,S=N.contentOuterClassName,I=N.contentInnerClassName,j="".concat(P,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(P,"__contentOuter ").concat(S),_="".concat(P,"__contentInner ").concat(I);return x.a.createElement(O,l({className:k.trim()},this.props.containerElementProps),x.a.createElement(T,l({id:this.triggerId,className:j.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),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.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},x.a.createElement("div",{className:_.trim()},w)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);T.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},T.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=T}]))},25299:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>z});y(87363);var v=y(65515),x=y.n(v),C=y(23987),O=y(88683),T=y(93379),w=y.n(T),N=y(7795),P=y.n(N),S=y(90569),I=y.n(S),j=y(3565),k=y.n(j),E=y(19216),_=y.n(E),R=y(44589),D=y.n(R),A=y(22530),W={};W.styleTagTransform=D(),W.setAttributes=k(),W.insert=I().bind(null,"head"),W.domAPI=P(),W.insertStyleElement=_();w()(A.ZP,W);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(47514);const z=function Header(r){var m=r.tabGroup,y=r.open,v=(0,C.NP)(),T=(0,O.useTranslation)().t;return(0,Z.jsxs)("div",{className:x()(A.x6,v.tabGroupAlreadyVisited(m)?A.Fv:void 0,y?A.Nh:void 0),children:[(0,Z.jsx)("div",{children:T("configurator."+m.title,m.title)}),(0,Z.jsx)("div",{className:x()(A.x7)})]})}},70594:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>H});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),T=y(90569),w=y.n(T),N=y(3565),P=y.n(N),S=y(19216),I=y.n(S),j=y(44589),k=y.n(j),E=y(60118),_={};_.styleTagTransform=k(),_.setAttributes=P(),_.insert=w().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=I();x()(E.ZP,_);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=y(9420),D=y(23987),A=(y(87363),y(65515)),W=y.n(A),Z=y(88683),z=y(47514);const H=(0,R.Pi)((function OptionStepComponent(r){var m,y,v,x,C,O,T=r.step,w=T.option,N=T.configStep,P=(0,D.NP)(),S=(0,Z.useTranslation)().t,I=null===(m=N.optionstate)||void 0===m?void 0:m.valName;if(null!==(y=N.optionstate)&&void 0!==y&&y.isDifferentOption)I="divers";else if(null!==(v=N.optionstate)&&void 0!==v&&v.freeTextLang){var j="",k=N.optionstate.freeTextLang;for(var _ in k){var R;j+=_+": "+(null!==(R=k[_])&&void 0!==R?R:"")+";"}j&&(I=j)}else if(null!==(x=N.optionstate)&&void 0!==x&&x.freeText)I=N.optionstate.freeText+(P.getViewConfig().hideMeasureUnit?"":" "+N.optionstate.measureUnit);else if(null!==(C=N.optionstate)&&void 0!==C&&C.isMultiselect&&null!==(O=N.optionstate)&&void 0!==O&&null!==(O=O.multiSelects)&&void 0!==O&&O.length){var A,H;I=(null!==(A=null===(H=N.optionstate)||void 0===H?void 0:H.multiSelects)&&void 0!==A?A:[]).map((function(r){return r.name})).join(",")}return(0,z.jsxs)("div",{className:W()(E.tN,P.configuratorStructureHandler.curConfigStepKey===N.key?E.Vk:void 0,P.configStepAlreadyVisited(N)?E.ri:void 0,N.isDisabledByDiverseParentOption?E.JU:void 0),title:N.isDisabledByDiverseParentOption?S("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){N.isDisabledByDiverseParentOption||P.navigateToConfigStep(N.key)},children:[(0,z.jsx)("div",{className:E.Sp,title:N.isDisabledByDiverseParentOption?void 0:w.codex,children:w.title}),(0,z.jsx)("div",{className:E.nR,title:N.isDisabledByDiverseParentOption?void 0:I,children:I})]})}))},69607:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>S});var v=y(9420),x=y(23987),C=y(87363),O=y(57446),T=y.n(O),w=y(70594),N=y(25299),P=y(47514);const S=(0,v.Pi)((function VerticalTabGroupItemClassification(r){var m=r.tabGroup,y=(r.height,r.minHeight,(0,x.NP)()),v=(0,C.useRef)(null);(0,C.useEffect)((function(){y.tabGroupState.setTabGroupItems(m.key,v.current)}),[v]);var O=Object.values(m.options).map((function(r){return Object.values(r.configSteps).map((function(m){return{configStep:m,option:r}}))})).flat();return(0,P.jsx)("div",{ref:v,children:(0,P.jsx)(T(),{open:!0,easing:"ease",trigger:(0,P.jsx)(N.default,{tabGroup:m,open:!1}),triggerWhenOpen:(0,P.jsx)(N.default,{tabGroup:m,open:!0}),children:O.map((function(r){return(0,P.jsx)(w.default,{step:r},r.configStep.key)}))})})}))},22530:(r,m,y)=>{"use strict";y.d(m,{Fv:()=>k,Nh:()=>j,ZP:()=>_,x6:()=>I,x7:()=>E});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C),T=y(61667),w=y.n(T),N=new URL(y(81165),y.b),P=O()(x()),S=w()(N);P.push([r.id,".index-module--w_wIT {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--MCJfE.index-module--w_wIT {\n  border-bottom: none;\n}\n\n.index-module--r63hz {\n  background-color: #142a37;\n}\n\n.index-module--R9Ong {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url("+S+");\n  transition: transform 0.3s ease;\n}\n\n.index-module--MCJfE .index-module--R9Ong {\n  transform: rotate(90deg);\n}\n",""]);var I="index-module--w_wIT",j="index-module--MCJfE",k="index-module--r63hz",E="index-module--R9Ong";const _=P},60118:(r,m,y)=>{"use strict";y.d(m,{JU:()=>I,Sp:()=>w,Vk:()=>P,ZP:()=>j,nR:()=>S,ri:()=>N,tN:()=>T});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var T="index-module--JAueJ",w="index-module--uNgn8",N="index-module--rNKA3",P="index-module--GHTYI",S="index-module--xzdnn",I="index-module--Cz9hU";const j=O},81165:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9607,7446,5299,594],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.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 v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));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=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var T=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 T.name="Invariant Violation",T}}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 v=y(1),x=y.n(v),C=y(0),O=y.n(C),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 v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}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 v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}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,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.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 T=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,v,C=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=C.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 x.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",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,T=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,P=N.classParentString,S=N.contentOuterClassName,I=N.contentInnerClassName,j="".concat(P,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(P,"__contentOuter ").concat(S),_="".concat(P,"__contentInner ").concat(I);return x.a.createElement(O,l({className:k.trim()},this.props.containerElementProps),x.a.createElement(T,l({id:this.triggerId,className:j.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),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.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},x.a.createElement("div",{className:_.trim()},w)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);T.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},T.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=T}]))},25299:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>z});y(87363);var v=y(65515),x=y.n(v),C=y(33923),O=y(88683),T=y(93379),w=y.n(T),N=y(7795),P=y.n(N),S=y(90569),I=y.n(S),j=y(3565),k=y.n(j),E=y(19216),_=y.n(E),R=y(44589),D=y.n(R),A=y(22530),W={};W.styleTagTransform=D(),W.setAttributes=k(),W.insert=I().bind(null,"head"),W.domAPI=P(),W.insertStyleElement=_();w()(A.ZP,W);A.ZP&&A.ZP.locals&&A.ZP.locals;var Z=y(47514);const z=function Header(r){var m=r.tabGroup,y=r.open,v=(0,C.NP)(),T=(0,O.useTranslation)().t;return(0,Z.jsxs)("div",{className:x()(A.x6,v.tabGroupAlreadyVisited(m)?A.Fv:void 0,y?A.Nh:void 0),children:[(0,Z.jsx)("div",{children:T("configurator."+m.title,m.title)}),(0,Z.jsx)("div",{className:x()(A.x7)})]})}},70594:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>H});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),T=y(90569),w=y.n(T),N=y(3565),P=y.n(N),S=y(19216),I=y.n(S),j=y(44589),k=y.n(j),E=y(60118),_={};_.styleTagTransform=k(),_.setAttributes=P(),_.insert=w().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=I();x()(E.ZP,_);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=y(9420),D=y(33923),A=(y(87363),y(65515)),W=y.n(A),Z=y(88683),z=y(47514);const H=(0,R.Pi)((function OptionStepComponent(r){var m,y,v,x,C,O,T=r.step,w=T.option,N=T.configStep,P=(0,D.NP)(),S=(0,Z.useTranslation)().t,I=null===(m=N.optionstate)||void 0===m?void 0:m.valName;if(null!==(y=N.optionstate)&&void 0!==y&&y.isDifferentOption)I="divers";else if(null!==(v=N.optionstate)&&void 0!==v&&v.freeTextLang){var j="",k=N.optionstate.freeTextLang;for(var _ in k){var R;j+=_+": "+(null!==(R=k[_])&&void 0!==R?R:"")+";"}j&&(I=j)}else if(null!==(x=N.optionstate)&&void 0!==x&&x.freeText)I=N.optionstate.freeText+(P.getViewConfig().hideMeasureUnit?"":" "+N.optionstate.measureUnit);else if(null!==(C=N.optionstate)&&void 0!==C&&C.isMultiselect&&null!==(O=N.optionstate)&&void 0!==O&&null!==(O=O.multiSelects)&&void 0!==O&&O.length){var A,H;I=(null!==(A=null===(H=N.optionstate)||void 0===H?void 0:H.multiSelects)&&void 0!==A?A:[]).map((function(r){return r.name})).join(",")}return(0,z.jsxs)("div",{className:W()(E.tN,P.configuratorStructureHandler.curConfigStepKey===N.key?E.Vk:void 0,P.configStepAlreadyVisited(N)?E.ri:void 0,N.isDisabledByDiverseParentOption?E.JU:void 0),title:N.isDisabledByDiverseParentOption?S("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){N.isDisabledByDiverseParentOption||P.navigateToConfigStep(N.key)},children:[(0,z.jsx)("div",{className:E.Sp,title:N.isDisabledByDiverseParentOption?void 0:w.codex,children:w.title}),(0,z.jsx)("div",{className:E.nR,title:N.isDisabledByDiverseParentOption?void 0:I,children:I})]})}))},69607:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>S});var v=y(9420),x=y(33923),C=y(87363),O=y(57446),T=y.n(O),w=y(70594),N=y(25299),P=y(47514);const S=(0,v.Pi)((function VerticalTabGroupItemClassification(r){var m=r.tabGroup,y=(r.height,r.minHeight,(0,x.NP)()),v=(0,C.useRef)(null);(0,C.useEffect)((function(){y.tabGroupState.setTabGroupItems(m.key,v.current)}),[v]);var O=Object.values(m.options).map((function(r){return Object.values(r.configSteps).map((function(m){return{configStep:m,option:r}}))})).flat();return(0,P.jsx)("div",{ref:v,children:(0,P.jsx)(T(),{open:!0,easing:"ease",trigger:(0,P.jsx)(N.default,{tabGroup:m,open:!1}),triggerWhenOpen:(0,P.jsx)(N.default,{tabGroup:m,open:!0}),children:O.map((function(r){return(0,P.jsx)(w.default,{step:r},r.configStep.key)}))})})}))},22530:(r,m,y)=>{"use strict";y.d(m,{Fv:()=>k,Nh:()=>j,ZP:()=>_,x6:()=>I,x7:()=>E});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C),T=y(61667),w=y.n(T),N=new URL(y(81165),y.b),P=O()(x()),S=w()(N);P.push([r.id,".index-module--w_wIT {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--MCJfE.index-module--w_wIT {\n  border-bottom: none;\n}\n\n.index-module--r63hz {\n  background-color: #142a37;\n}\n\n.index-module--R9Ong {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url("+S+");\n  transition: transform 0.3s ease;\n}\n\n.index-module--MCJfE .index-module--R9Ong {\n  transform: rotate(90deg);\n}\n",""]);var I="index-module--w_wIT",j="index-module--MCJfE",k="index-module--r63hz",E="index-module--R9Ong";const _=P},60118:(r,m,y)=>{"use strict";y.d(m,{JU:()=>I,Sp:()=>w,Vk:()=>P,ZP:()=>j,nR:()=>S,ri:()=>N,tN:()=>T});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var T="index-module--JAueJ",w="index-module--uNgn8",N="index-module--rNKA3",P="index-module--GHTYI",S="index-module--xzdnn",I="index-module--Cz9hU";const j=O},81165:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);