@crystaldesign/diva-web-planner-react 26.3.0-beta.32 → 26.3.0-beta.34

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8072.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8072,7880],{59698:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(96177),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(96177),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,o,n)=>{n.d(o,{Z:()=>createSvgIcon});var r=n(87363),t=n(87726),i=n(39916),l=n(22791),s=n(97843),a=n(80518),d=n(19596),c=n(14685),p=n(65734);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=n(47514);const u=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,"inherit"!==n.color&&o[`color${(0,l.Z)(n.color)}`],o[`fontSize${(0,l.Z)(n.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([o])=>({props:{color:o},style:{color:(e.vars??e).palette?.[o]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=r.forwardRef((function SvgIcon(e,o){const n=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:p="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:g=!1,titleAccess:y,viewBox:f="0 0 24 24",...x}=n,b=r.isValidElement(s)&&"svg"===s.type,S={...n,color:c,component:p,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:g,viewBox:f,hasSvgAsChild:b},w={};g||(w.viewBox=f);const j=(e=>{const{color:o,fontSize:n,classes:r}=e,t={root:["root","inherit"!==o&&`color${(0,l.Z)(o)}`,`fontSize${(0,l.Z)(n)}`]};return(0,i.Z)(t,getSvgIconUtilityClass,r)})(S);return(0,m.jsxs)(u,{as:p,className:(0,t.Z)(j.root,a),focusable:"false",color:h,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:o,...w,...x,...b&&s.props,ownerState:S,children:[b?s.props.children:s,y?(0,m.jsx)("title",{children:y}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,o){function Component(n,r){return(0,m.jsx)(h,{"data-testid":`${o}Icon`,ref:r,...n,children:e})}return Component.muiName=h.muiName,r.memo(r.forwardRef(Component))}},53064:(e,o,n)=>{n.r(o),n.d(o,{default:()=>B});var r=n(80248),t=n(34988),i=n(63762),l=n(87363),s=n(46770),a=n(9420),d=n(93379),c=n.n(d),p=n(7795),m=n.n(p),u=n(90569),v=n.n(u),h=n(3565),g=n.n(h),y=n(19216),f=n.n(y),x=n(44589),b=n.n(x),S=n(28491),w={};w.styleTagTransform=b(),w.setAttributes=g(),w.insert=v().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=f();c()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=n(13838),P=n(65515),O=n.n(P),C=n(86587),I=n(88683),k=n(7318),z=n(98544),Z=n(48657),D=n(68101),V=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const B=(0,a.Pi)((function Gallery(e){var o,n,r=e.item,a=e.hidePricePreview,d=e.paletteId,c=e.style,p=e.isActive,m=void 0===p?(0,V.jsx)(C.default,{listenToGalleryVariables:!0}):p,u=e.namePostFix,v=r,h=(0,i.NP)(),g=(0,I.useDivaCore)().state.dimensions,y=g.isMobile,f=g.isTablet,x=(0,l.useState)(""),b=(0,t.Z)(x,2),w=b[0],P=(b[1],{}),B={},N=void 0,A=!1,R={},F=(0,s.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,s.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return y||f||h.getViewConfig().hideTooltip||!v.image&&!v.hexColor||v.contentItemId||(A=F[0],R=F[1],P=T.triggerProps,B=T.layerProps,N=T.renderLayer),(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:v.codex,"data-test-id":"plannerPaletteItem",className:O()(S.CA,S.TD,v.sel?S.pA:void 0),onClick:function onClick(){v.doShowFav&&h.paletteViewHandler.clickedOnFavIcon(v),h.paletteViewHandler.clickedOnConfigPalette(v,void 0,d)}},P),R),{},{children:[(0,V.jsxs)("div",{className:O()(S.iZ,S.VF),children:[!v.doShowFav&&v.sel&&void 0!==m&&m,v.contentItemId&&(0,V.jsx)(z.default,{item:v},v.codex),(h.getViewConfig().showVCodexInGallery&&v.vCodex||v.freeText)&&(0,V.jsx)("div",{className:S.eE,children:(0,V.jsx)("div",{className:O()(S.rq),children:null!==(o=v.freeText)&&void 0!==o?o:v.vCodex+(u||"")})}),v.image?(0,V.jsx)("img",{src:v.image}):v.hexColor?(0,V.jsx)("div",{className:S.CO,style:{backgroundColor:"#"+v.hexColor}}):(0,V.jsx)(V.Fragment,{}),v.doShowFav&&(0,V.jsx)("div",{className:v.isFav?j.Md:j.Hq})]}),!a&&void 0!==v.pricePreviewPromise&&(0,V.jsx)(Z.default,{asyncPricePreview:v.pricePreviewPromise,sel:v.sel}),void 0!==v.checkForReversingChanges&&(0,V.jsx)(D.default,{item:v,paletteId:d})]})),A&&(null===(n=N)||void 0===n?void 0:n((0,V.jsx)(k.default,{text:v.text+(u||""),desciption:w,image:v.image,layerProps:B,pricePreviewPromise:v.pricePreviewPromise,hexColor:v.hexColor},v.codex)))]})}))},86587:(e,o,n)=>{n.r(o),n.d(o,{default:()=>l});var r=n(80248),t=(n(87363),n(2765)),i=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const l=function IsActive(e){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,o,n)=>{n.d(o,{CA:()=>s,CO:()=>v,TD:()=>u,VF:()=>d,ZP:()=>h,eE:()=>p,iZ:()=>a,pA:()=>c,rq:()=>m});var r=n(8081),t=n.n(r),i=n(23645),l=n.n(i)()(t());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var s="index-module--vXVD4",a="index-module--ecuNz",d="index-module--hkKLj",c="index-module--bpPyh",p="index-module--Ur6oS",m="index-module--vybus",u="index-module--hf53S",v="index-module--VYcNk";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8072,7880],{59698:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(96177),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(96177),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,o,n)=>{n.d(o,{Z:()=>createSvgIcon});var r=n(87363),t=n(87726),i=n(39916),l=n(22791),s=n(97843),a=n(80518),d=n(19596),c=n(14685),p=n(65734);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=n(47514);const u=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,"inherit"!==n.color&&o[`color${(0,l.Z)(n.color)}`],o[`fontSize${(0,l.Z)(n.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([o])=>({props:{color:o},style:{color:(e.vars??e).palette?.[o]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=r.forwardRef((function SvgIcon(e,o){const n=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:p="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:g=!1,titleAccess:y,viewBox:f="0 0 24 24",...x}=n,b=r.isValidElement(s)&&"svg"===s.type,S={...n,color:c,component:p,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:g,viewBox:f,hasSvgAsChild:b},w={};g||(w.viewBox=f);const j=(e=>{const{color:o,fontSize:n,classes:r}=e,t={root:["root","inherit"!==o&&`color${(0,l.Z)(o)}`,`fontSize${(0,l.Z)(n)}`]};return(0,i.Z)(t,getSvgIconUtilityClass,r)})(S);return(0,m.jsxs)(u,{as:p,className:(0,t.Z)(j.root,a),focusable:"false",color:h,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:o,...w,...x,...b&&s.props,ownerState:S,children:[b?s.props.children:s,y?(0,m.jsx)("title",{children:y}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,o){function Component(n,r){return(0,m.jsx)(h,{"data-testid":`${o}Icon`,ref:r,...n,children:e})}return Component.muiName=h.muiName,r.memo(r.forwardRef(Component))}},53064:(e,o,n)=>{n.r(o),n.d(o,{default:()=>B});var r=n(80248),t=n(38946),i=n(63762),l=n(87363),s=n(46770),a=n(9420),d=n(93379),c=n.n(d),p=n(7795),m=n.n(p),u=n(90569),v=n.n(u),h=n(3565),g=n.n(h),y=n(19216),f=n.n(y),x=n(44589),b=n.n(x),S=n(28491),w={};w.styleTagTransform=b(),w.setAttributes=g(),w.insert=v().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=f();c()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=n(13838),P=n(65515),O=n.n(P),C=n(86587),I=n(88683),k=n(7318),z=n(98544),Z=n(48657),D=n(68101),V=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const B=(0,a.Pi)((function Gallery(e){var o,n,r=e.item,a=e.hidePricePreview,d=e.paletteId,c=e.style,p=e.isActive,m=void 0===p?(0,V.jsx)(C.default,{listenToGalleryVariables:!0}):p,u=e.namePostFix,v=r,h=(0,i.NP)(),g=(0,I.useDivaCore)().state.dimensions,y=g.isMobile,f=g.isTablet,x=(0,l.useState)(""),b=(0,t.Z)(x,2),w=b[0],P=(b[1],{}),B={},N=void 0,A=!1,R={},F=(0,s.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,s.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return y||f||h.getViewConfig().hideTooltip||!v.image&&!v.hexColor||v.contentItemId||(A=F[0],R=F[1],P=T.triggerProps,B=T.layerProps,N=T.renderLayer),(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:v.codex,"data-test-id":"plannerPaletteItem",className:O()(S.CA,S.TD,v.sel?S.pA:void 0),onClick:function onClick(){v.doShowFav&&h.paletteViewHandler.clickedOnFavIcon(v),h.paletteViewHandler.clickedOnConfigPalette(v,void 0,d)}},P),R),{},{children:[(0,V.jsxs)("div",{className:O()(S.iZ,S.VF),children:[!v.doShowFav&&v.sel&&void 0!==m&&m,v.contentItemId&&(0,V.jsx)(z.default,{item:v},v.codex),(h.getViewConfig().showVCodexInGallery&&v.vCodex||v.freeText)&&(0,V.jsx)("div",{className:S.eE,children:(0,V.jsx)("div",{className:O()(S.rq),children:null!==(o=v.freeText)&&void 0!==o?o:v.vCodex+(u||"")})}),v.image?(0,V.jsx)("img",{src:v.image}):v.hexColor?(0,V.jsx)("div",{className:S.CO,style:{backgroundColor:"#"+v.hexColor}}):(0,V.jsx)(V.Fragment,{}),v.doShowFav&&(0,V.jsx)("div",{className:v.isFav?j.Md:j.Hq})]}),!a&&void 0!==v.pricePreviewPromise&&(0,V.jsx)(Z.default,{asyncPricePreview:v.pricePreviewPromise,sel:v.sel}),void 0!==v.checkForReversingChanges&&(0,V.jsx)(D.default,{item:v,paletteId:d})]})),A&&(null===(n=N)||void 0===n?void 0:n((0,V.jsx)(k.default,{text:v.text+(u||""),desciption:w,image:v.image,layerProps:B,pricePreviewPromise:v.pricePreviewPromise,hexColor:v.hexColor},v.codex)))]})}))},86587:(e,o,n)=>{n.r(o),n.d(o,{default:()=>l});var r=n(80248),t=(n(87363),n(2765)),i=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const l=function IsActive(e){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,o,n)=>{n.d(o,{CA:()=>s,CO:()=>v,TD:()=>u,VF:()=>d,ZP:()=>h,eE:()=>p,iZ:()=>a,pA:()=>c,rq:()=>m});var r=n(8081),t=n.n(r),i=n(23645),l=n.n(i)()(t());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var s="index-module--vXVD4",a="index-module--ecuNz",d="index-module--hkKLj",c="index-module--bpPyh",p="index-module--Ur6oS",m="index-module--vybus",u="index-module--hf53S",v="index-module--VYcNk";const h=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8074.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8074],{68074:(e,r,t)=>{t.r(r),t.d(r,{default:()=>A});var n=t(80248),a=t(84658),o=t(34988),i=t(50747),c=t.n(i),u=t(87363),s=t(49944),p=t(61533),d=function useDraggableInPortal(){var e=(0,u.useRef)(document.createElement("div")).current;return(0,u.useEffect)((function(){if(e)return e.style.pointerEvents="none",e.style.position="absolute",e.style.height="100%",e.style.width="100%",e.style.top="0",e.style.left="0",document.body.appendChild(e),function(){document.body.removeChild(e)}}),[e]),function(r){return function(t){var n=r(t);return"fixed"===t.draggableProps.style.position?(0,p.createPortal)(n,e):n}}},l=t(93379),D=t.n(l),y=t(7795),M=t.n(y),b=t(90569),j=t.n(b),g=t(3565),f=t.n(g),N=t(19216),O=t.n(N),x=t(44589),T=t.n(x),h=t(94831),z={};z.styleTagTransform=T(),z.setAttributes=f(),z.insert=j().bind(null,"head"),z.domAPI=M(),z.insertStyleElement=O();D()(h.Z,z);h.Z&&h.Z.locals&&h.Z.locals;var I=t(88683),v=t(70178);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function useApiInterface(){var e=(0,u.useMemo)((function(){return(0,I.getLogger)("ContentBox","UseApiInterface")}),[]),r=(0,u.useState)({}),t=(0,o.Z)(r,2),i=t[0],s=t[1],p=(0,I.useDivaCore)().state,d=p.apiConfig,l=d.catalogService,D=d.basketService,y=p.jwt,M=function(){var e=(0,a.Z)(c().mark((function _callee(e,r){var t,a;return c().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(t=(0,v.FB)(e.toLowerCase()).toUpperCase(),!i[t]){o.next=3;break}return o.abrupt("return",i[t]);case 3:return o.next=5,b(e,r);case 5:return a=o.sent,j((0,n.Z)({},t,a)),o.abrupt("return",a);case 8:case"end":return o.stop()}}),_callee)})));return function getDataCache(r,t){return e.apply(this,arguments)}}(),b=function(){var r=(0,a.Z)(c().mark((function _callee2(r,t){var n,a,o,i,u,s=arguments;return c().wrap((function _callee2$(c){for(;;)switch(c.prev=c.next){case 0:n=s.length>2&&void 0!==s[2]?s[2]:"GET",a=s.length>3?s[3]:void 0,c.t0=t,c.next="catalog"===c.t0?5:"basket"===c.t0?7:9;break;case 5:return o=l+r,c.abrupt("break",9);case 7:return o=D+r,c.abrupt("break",9);case 9:return c.next=11,fetch(o,_objectSpread({method:n,headers:{Authorization:"Bearer "+y,"content-type":"application/json"}},a?{body:JSON.stringify(a)}:{}));case 11:return i=c.sent,c.next=14,i.json();case 14:if(null!=(u=c.sent)&&u.Error&&e.error(new I.DivaError(u.Error,{code:"WC_0001",custom:{url:o}})),!(u.status>204)){c.next=18;break}throw new Error(JSON.parse(u.body).error);case 18:return c.abrupt("return",u);case 19:case"end":return c.stop()}}),_callee2)})));return function fetchData(e,t){return r.apply(this,arguments)}}(),j=function addJsonDataCache(e){for(var r in e)s(_objectSpread(_objectSpread({},i),{},(0,n.Z)({},r,e[r])))};return{getDataCache:M,fetchData:b,clearCache:function clearCache(){s({})}}}var k=t(50047),L=t(47514);function DragAndDropOptionValues_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptionValues_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptionValues_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptionValues_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const E=function DragAndDropOptionValues(e){var r=e.variants,t=e.groups,n=e.currentProuduct,i=e.groupKey,p=e.setCurProduct,l=t[i],D=d(),y=(0,u.useState)(!1),M=(0,o.Z)(y,2),b=M[0],j=M[1],g=(0,I.useDivaCore)().state.dimensions.isMobile,f=useApiInterface().fetchData,N=(0,k.Z)({variants:r,groups:t,currentProuduct:n,groupKey:i,setCurProduct:p,isMobile:g,selectedClassification:n[i]}),O=function(){var e=(0,a.Z)(c().mark((function _callee(e){var t,a,o,u,s,d,D,y,M,b,g,N,O,x,T,h,z;return c().wrap((function _callee$(c){for(;;)switch(c.prev=c.next){case 0:if(t=!1,e.destination){c.next=3;break}return c.abrupt("return");case 3:if(e.source.index!=e.destination.index){c.next=5;break}return c.abrupt("return");case 5:e.source.index>e.destination.index&&(t=!0,j(!0)),a=e.source.index,o=e.destination.index,u=l[a].codex,s=l[o].codex,d={},D=!1,y=0;case 13:if(!(y<l.length)){c.next=43;break}if(M=l[y],b=M.codex,!t){c.next=31;break}if(s!=b){c.next=21;break}D=!0,c.next=25;break;case 21:if(u!=b){c.next=25;break}return D=!1,d[b]=l[o].position,c.abrupt("continue",40);case 25:if(D){c.next=28;break}return d[b]=l[y].position,c.abrupt("continue",40);case 28:d[b]=l[y+1].position,c.next=40;break;case 31:if(u!=b){c.next=35;break}return D=!0,d[b]=l[o].position,c.abrupt("continue",40);case 35:if(D){c.next=38;break}return d[b]=l[y].position,c.abrupt("continue",40);case 38:s==b&&(D=!1),d[b]=l[y-1].position;case 40:y++,c.next=13;break;case 43:for(g=r.map((function(e){for(var r in d)e[i].opv===r&&(e[i].position=d[r]);return e})),p(void 0,g.find((function(e){return e._id==n._id})),g),N=[],O=0;O<r.length;O++){for(h in x=r[O],T=[],d)x[i].opv===h&&T.push({op:"replace",path:"/"+i+"/position",value:d[h]});N.push(f("/products/"+x._id,"catalog","PATCH",{patch:T}))}return c.next=49,Promise.all(N);case 49:z=c.sent,p(void 0,z.find((function(e){return e._id==n._id})),r.map((function(e){var r;return null!==(r=z.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),j(!1);case 52:case"end":return c.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)(s.Z5,{onDragEnd:O,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:b,direction:"vertical",children:function children(e,r){return(0,L.jsxs)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[N.map((function(e,r){return(0,L.jsx)(s._l,{index:r,draggableId:l[r].codex,isDragDisabled:b,children:D((function(e){return(0,L.jsx)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},b?{cursor:"wait"}:{}),children:N[r]}))}))},l[r].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptions_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptions_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptions_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const A=function DragAndDrop(e){var r=e.groups,t=e.variants,n=e.setCurProduct,i=e.currentProuduct,p=e.posOfOpt,l=d(),D=(0,u.useState)(!1),y=(0,o.Z)(D,2),M=y[0],b=y[1],j=useApiInterface().fetchData,g=function(){var e=(0,a.Z)(c().mark((function _callee(e){var a,u,s,d,l,D,y,M,g,f,N,O,x,T;return c().wrap((function _callee$(h){for(;;)switch(h.prev=h.next){case 0:if(a=!1,e.destination){h.next=3;break}return h.abrupt("return");case 3:if(e.source.index!=e.destination.index){h.next=5;break}return h.abrupt("return");case 5:if(e.source.index>e.destination.index&&(a=!0),b(!0),u=Object.keys(r),s=u[e.source.index],d=u[e.destination.index],l={},u.length>Object.keys(p).length)for(D=0;D<u.length;D++)p[u[D]]||(p[u[D]]=D);y=!1,h.t0=c().keys(r);case 14:if((h.t1=h.t0()).done){h.next=42;break}if(M=h.t1.value,!a){h.next=31;break}if(d!=M){h.next=21;break}y=!0,h.next=25;break;case 21:if(s!=M){h.next=25;break}return y=!1,l[M]=p[d],h.abrupt("continue",14);case 25:if(y){h.next=28;break}return l[M]=p[M],h.abrupt("continue",14);case 28:l[M]=p[u[u.indexOf(M)+1]],h.next=40;break;case 31:if(s!=M){h.next=35;break}return y=!0,l[M]=p[d],h.abrupt("continue",14);case 35:if(y){h.next=38;break}return l[M]=p[M],h.abrupt("continue",14);case 38:d==M&&(y=!1),l[M]=p[u[u.indexOf(M)-1]];case 40:h.next=14;break;case 42:for(g=t.map((function(e){for(var r in l)e[r].position=l[r];return e})),n(void 0,g.find((function(e){return e._id==i._id})),g),f={patch:Object.entries(l).map((function(e){var r=(0,o.Z)(e,2);return{op:"replace",path:"/"+r[0]+"/optionPosition",value:r[1]}}))},N=[],O=0;O<t.length;O++)x=t[O],N.push(j("/products/"+x._id,"catalog","PATCH",f));return h.next=49,Promise.all(N);case 49:T=h.sent,n(void 0,T.find((function(e){return e._id==i._id})),t.map((function(e){var r;return null!==(r=T.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),b(!1);case 52:case"end":return h.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,L.jsx)(s.Z5,{onDragEnd:g,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:M,direction:"horizontal",children:function children(e,a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(r).length+"%)",height:"100%",display:"flex"},children:[Object.keys(r).map((function(e,a){return(0,L.jsx)(s._l,{index:a,draggableId:e,isDragDisabled:M,children:l((function(a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:a.innerRef},a.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},a.draggableProps.style),M?{cursor:"wait"}:{}),children:[(0,L.jsx)("div",DragAndDropOptions_objectSpread({className:h.q},a.dragHandleProps)),(0,L.jsx)(E,{currentProuduct:i,groups:r,groupKey:e,posOfOpt:p,setCurProduct:n,variants:t})]}))}))},e)})),e.placeholder]}))}})})})}},94831:(e,r,t)=>{t.d(r,{Z:()=>D,q:()=>l});var n=t(8081),a=t.n(n),o=t(23645),i=t.n(o),c=t(61667),u=t.n(c),s=new URL(t(38133),t.b),p=i()(a()),d=u()(s);p.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+d+");\n}\n",""]);var l="index-module--dt7FX";const D=p},38133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8074],{68074:(e,r,t)=>{t.r(r),t.d(r,{default:()=>A});var n=t(80248),a=t(84658),o=t(38946),i=t(50747),c=t.n(i),u=t(87363),s=t(49944),p=t(61533),d=function useDraggableInPortal(){var e=(0,u.useRef)(document.createElement("div")).current;return(0,u.useEffect)((function(){if(e)return e.style.pointerEvents="none",e.style.position="absolute",e.style.height="100%",e.style.width="100%",e.style.top="0",e.style.left="0",document.body.appendChild(e),function(){document.body.removeChild(e)}}),[e]),function(r){return function(t){var n=r(t);return"fixed"===t.draggableProps.style.position?(0,p.createPortal)(n,e):n}}},l=t(93379),D=t.n(l),y=t(7795),M=t.n(y),b=t(90569),j=t.n(b),g=t(3565),f=t.n(g),N=t(19216),O=t.n(N),x=t(44589),T=t.n(x),h=t(94831),z={};z.styleTagTransform=T(),z.setAttributes=f(),z.insert=j().bind(null,"head"),z.domAPI=M(),z.insertStyleElement=O();D()(h.Z,z);h.Z&&h.Z.locals&&h.Z.locals;var I=t(88683),v=t(70178);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function useApiInterface(){var e=(0,u.useMemo)((function(){return(0,I.getLogger)("ContentBox","UseApiInterface")}),[]),r=(0,u.useState)({}),t=(0,o.Z)(r,2),i=t[0],s=t[1],p=(0,I.useDivaCore)().state,d=p.apiConfig,l=d.catalogService,D=d.basketService,y=p.jwt,M=function(){var e=(0,a.Z)(c().mark((function _callee(e,r){var t,a;return c().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(t=(0,v.FB)(e.toLowerCase()).toUpperCase(),!i[t]){o.next=3;break}return o.abrupt("return",i[t]);case 3:return o.next=5,b(e,r);case 5:return a=o.sent,j((0,n.Z)({},t,a)),o.abrupt("return",a);case 8:case"end":return o.stop()}}),_callee)})));return function getDataCache(r,t){return e.apply(this,arguments)}}(),b=function(){var r=(0,a.Z)(c().mark((function _callee2(r,t){var n,a,o,i,u,s=arguments;return c().wrap((function _callee2$(c){for(;;)switch(c.prev=c.next){case 0:n=s.length>2&&void 0!==s[2]?s[2]:"GET",a=s.length>3?s[3]:void 0,c.t0=t,c.next="catalog"===c.t0?5:"basket"===c.t0?7:9;break;case 5:return o=l+r,c.abrupt("break",9);case 7:return o=D+r,c.abrupt("break",9);case 9:return c.next=11,fetch(o,_objectSpread({method:n,headers:{Authorization:"Bearer "+y,"content-type":"application/json"}},a?{body:JSON.stringify(a)}:{}));case 11:return i=c.sent,c.next=14,i.json();case 14:if(null!=(u=c.sent)&&u.Error&&e.error(new I.DivaError(u.Error,{code:"WC_0001",custom:{url:o}})),!(u.status>204)){c.next=18;break}throw new Error(JSON.parse(u.body).error);case 18:return c.abrupt("return",u);case 19:case"end":return c.stop()}}),_callee2)})));return function fetchData(e,t){return r.apply(this,arguments)}}(),j=function addJsonDataCache(e){for(var r in e)s(_objectSpread(_objectSpread({},i),{},(0,n.Z)({},r,e[r])))};return{getDataCache:M,fetchData:b,clearCache:function clearCache(){s({})}}}var k=t(50047),L=t(47514);function DragAndDropOptionValues_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptionValues_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptionValues_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptionValues_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const E=function DragAndDropOptionValues(e){var r=e.variants,t=e.groups,n=e.currentProuduct,i=e.groupKey,p=e.setCurProduct,l=t[i],D=d(),y=(0,u.useState)(!1),M=(0,o.Z)(y,2),b=M[0],j=M[1],g=(0,I.useDivaCore)().state.dimensions.isMobile,f=useApiInterface().fetchData,N=(0,k.Z)({variants:r,groups:t,currentProuduct:n,groupKey:i,setCurProduct:p,isMobile:g,selectedClassification:n[i]}),O=function(){var e=(0,a.Z)(c().mark((function _callee(e){var t,a,o,u,s,d,D,y,M,b,g,N,O,x,T,h,z;return c().wrap((function _callee$(c){for(;;)switch(c.prev=c.next){case 0:if(t=!1,e.destination){c.next=3;break}return c.abrupt("return");case 3:if(e.source.index!=e.destination.index){c.next=5;break}return c.abrupt("return");case 5:e.source.index>e.destination.index&&(t=!0,j(!0)),a=e.source.index,o=e.destination.index,u=l[a].codex,s=l[o].codex,d={},D=!1,y=0;case 13:if(!(y<l.length)){c.next=43;break}if(M=l[y],b=M.codex,!t){c.next=31;break}if(s!=b){c.next=21;break}D=!0,c.next=25;break;case 21:if(u!=b){c.next=25;break}return D=!1,d[b]=l[o].position,c.abrupt("continue",40);case 25:if(D){c.next=28;break}return d[b]=l[y].position,c.abrupt("continue",40);case 28:d[b]=l[y+1].position,c.next=40;break;case 31:if(u!=b){c.next=35;break}return D=!0,d[b]=l[o].position,c.abrupt("continue",40);case 35:if(D){c.next=38;break}return d[b]=l[y].position,c.abrupt("continue",40);case 38:s==b&&(D=!1),d[b]=l[y-1].position;case 40:y++,c.next=13;break;case 43:for(g=r.map((function(e){for(var r in d)e[i].opv===r&&(e[i].position=d[r]);return e})),p(void 0,g.find((function(e){return e._id==n._id})),g),N=[],O=0;O<r.length;O++){for(h in x=r[O],T=[],d)x[i].opv===h&&T.push({op:"replace",path:"/"+i+"/position",value:d[h]});N.push(f("/products/"+x._id,"catalog","PATCH",{patch:T}))}return c.next=49,Promise.all(N);case 49:z=c.sent,p(void 0,z.find((function(e){return e._id==n._id})),r.map((function(e){var r;return null!==(r=z.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),j(!1);case 52:case"end":return c.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)(s.Z5,{onDragEnd:O,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:b,direction:"vertical",children:function children(e,r){return(0,L.jsxs)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[N.map((function(e,r){return(0,L.jsx)(s._l,{index:r,draggableId:l[r].codex,isDragDisabled:b,children:D((function(e){return(0,L.jsx)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},b?{cursor:"wait"}:{}),children:N[r]}))}))},l[r].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptions_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptions_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptions_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const A=function DragAndDrop(e){var r=e.groups,t=e.variants,n=e.setCurProduct,i=e.currentProuduct,p=e.posOfOpt,l=d(),D=(0,u.useState)(!1),y=(0,o.Z)(D,2),M=y[0],b=y[1],j=useApiInterface().fetchData,g=function(){var e=(0,a.Z)(c().mark((function _callee(e){var a,u,s,d,l,D,y,M,g,f,N,O,x,T;return c().wrap((function _callee$(h){for(;;)switch(h.prev=h.next){case 0:if(a=!1,e.destination){h.next=3;break}return h.abrupt("return");case 3:if(e.source.index!=e.destination.index){h.next=5;break}return h.abrupt("return");case 5:if(e.source.index>e.destination.index&&(a=!0),b(!0),u=Object.keys(r),s=u[e.source.index],d=u[e.destination.index],l={},u.length>Object.keys(p).length)for(D=0;D<u.length;D++)p[u[D]]||(p[u[D]]=D);y=!1,h.t0=c().keys(r);case 14:if((h.t1=h.t0()).done){h.next=42;break}if(M=h.t1.value,!a){h.next=31;break}if(d!=M){h.next=21;break}y=!0,h.next=25;break;case 21:if(s!=M){h.next=25;break}return y=!1,l[M]=p[d],h.abrupt("continue",14);case 25:if(y){h.next=28;break}return l[M]=p[M],h.abrupt("continue",14);case 28:l[M]=p[u[u.indexOf(M)+1]],h.next=40;break;case 31:if(s!=M){h.next=35;break}return y=!0,l[M]=p[d],h.abrupt("continue",14);case 35:if(y){h.next=38;break}return l[M]=p[M],h.abrupt("continue",14);case 38:d==M&&(y=!1),l[M]=p[u[u.indexOf(M)-1]];case 40:h.next=14;break;case 42:for(g=t.map((function(e){for(var r in l)e[r].position=l[r];return e})),n(void 0,g.find((function(e){return e._id==i._id})),g),f={patch:Object.entries(l).map((function(e){var r=(0,o.Z)(e,2);return{op:"replace",path:"/"+r[0]+"/optionPosition",value:r[1]}}))},N=[],O=0;O<t.length;O++)x=t[O],N.push(j("/products/"+x._id,"catalog","PATCH",f));return h.next=49,Promise.all(N);case 49:T=h.sent,n(void 0,T.find((function(e){return e._id==i._id})),t.map((function(e){var r;return null!==(r=T.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),b(!1);case 52:case"end":return h.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,L.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,L.jsx)(s.Z5,{onDragEnd:g,children:(0,L.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:M,direction:"horizontal",children:function children(e,a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(r).length+"%)",height:"100%",display:"flex"},children:[Object.keys(r).map((function(e,a){return(0,L.jsx)(s._l,{index:a,draggableId:e,isDragDisabled:M,children:l((function(a){return(0,L.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:a.innerRef},a.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},a.draggableProps.style),M?{cursor:"wait"}:{}),children:[(0,L.jsx)("div",DragAndDropOptions_objectSpread({className:h.q},a.dragHandleProps)),(0,L.jsx)(E,{currentProuduct:i,groups:r,groupKey:e,posOfOpt:p,setCurProduct:n,variants:t})]}))}))},e)})),e.placeholder]}))}})})})}},94831:(e,r,t)=>{t.d(r,{Z:()=>D,q:()=>l});var n=t(8081),a=t.n(n),o=t(23645),i=t.n(o),c=t(61667),u=t.n(c),s=new URL(t(38133),t.b),p=i()(a()),d=u()(s);p.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+d+");\n}\n",""]);var l="index-module--dt7FX";const D=p},38133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8101.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8101],{59698:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),r=o(87726),i=o(39916),l=o(22791),a=o(97843),s=o(80518),c=o(19596),d=o(14685),u=o(65734);function getSvgIconUtilityClass(e){return(0,u.ZP)("MuiSvgIcon",e)}(0,d.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var p=o(47514);const m=(0,a.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,s.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=t.forwardRef((function SvgIcon(e,n){const o=(0,c.i)({props:e,name:"MuiSvgIcon"}),{children:a,className:s,color:d="inherit",component:u="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:f=!1,titleAccess:g,viewBox:x="0 0 24 24",...S}=o,b=t.isValidElement(a)&&"svg"===a.type,y={...o,color:d,component:u,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:f,viewBox:x,hasSvgAsChild:b},k={};f||(k.viewBox=x);const C=(e=>{const{color:n,fontSize:o,classes:t}=e,r={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,i.Z)(r,getSvgIconUtilityClass,t)})(y);return(0,p.jsxs)(m,{as:u,className:(0,r.Z)(C.root,s),focusable:"false",color:h,"aria-hidden":!g||void 0,role:g?"img":void 0,ref:n,...k,...S,...b&&a.props,ownerState:y,children:[b?a.props.children:a,g?(0,p.jsx)("title",{children:g}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,n){function Component(o,t){return(0,p.jsx)(h,{"data-testid":`${n}Icon`,ref:t,...o,children:e})}return Component.muiName=h.muiName,t.memo(t.forwardRef(Component))}},68101:(e,n,o)=>{o.r(n),o.d(n,{default:()=>P});var t=o(34988),r=o(87363),i=o(65515),l=o.n(i),a=o(59698),s=o(45167),c=o(88683),d=o(63762),u=o(93379),p=o.n(u),m=o(7795),v=o.n(m),h=o(90569),f=o.n(h),g=o(3565),x=o.n(g),S=o(19216),b=o.n(S),y=o(44589),k=o.n(y),C=o(8441),j={};j.styleTagTransform=k(),j.setAttributes=x(),j.insert=f().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=b();p()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(70178),w=o(47514),Z=(0,c.getLogger)("Planner","ReverseCheck");const P=function ReverseCheck(e){var n=e.item,o=e.paletteId,i=(0,d.NP)(),u=(0,c.useTranslation)().t,p=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,m=(0,r.useState)(null),v=(0,t.Z)(m,2),h=v[0],f=v[1],g=(0,r.useState)(!1),x=(0,t.Z)(g,2),S=x[0],b=x[1];(0,r.useEffect)((function(){var e=!0;return p?(b(!0),p.promise.then((function(n){e&&f(n.reversingCheck)})).catch((function(e){Z.error(new z.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&b(!1)}))):f(null),function(){e=!1}}),[p]);return p?S?(0,w.jsx)("div",{className:l()(C.Nh,C.V_),children:(0,w.jsx)("div",{className:C.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.IN,C.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var o=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=i.actions)||void 0===n||n.openModal({title:u("configurator.reverseCheck.blocked.title"),text:u("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,w.jsx)(a.Z,{className:C.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.J9),onClick:function handleWarningClick(e){var t;e.stopPropagation();var r=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(t=i.actions)||void 0===t||t.openModal({title:u("configurator.reverseCheck.warning.title"),text:u("configurator.reverseCheck.warning.text",{options:r}),accept:!0,reject:!0,callback:function callback(e){e&&i.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)}})},children:(0,w.jsx)(s.Z,{className:C.tO})}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{})}},8441:(e,n,o)=>{o.d(n,{A4:()=>c,IN:()=>s,J9:()=>v,Nh:()=>a,V_:()=>d,ZP:()=>h,lY:()=>u,tL:()=>p,tO:()=>m});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--o8212",s="index-module--dDHyo",c="index-module--oyt7q",d="index-module--CTeV9",u="index-module--j1YrR",p="index-module--bG0Fi",m="index-module--Ej4oh",v="index-module--lFAqA";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8101],{59698:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),r=o(87726),i=o(39916),l=o(22791),a=o(97843),s=o(80518),c=o(19596),d=o(14685),u=o(65734);function getSvgIconUtilityClass(e){return(0,u.ZP)("MuiSvgIcon",e)}(0,d.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var p=o(47514);const m=(0,a.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,s.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=t.forwardRef((function SvgIcon(e,n){const o=(0,c.i)({props:e,name:"MuiSvgIcon"}),{children:a,className:s,color:d="inherit",component:u="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:f=!1,titleAccess:g,viewBox:x="0 0 24 24",...S}=o,b=t.isValidElement(a)&&"svg"===a.type,y={...o,color:d,component:u,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:f,viewBox:x,hasSvgAsChild:b},k={};f||(k.viewBox=x);const C=(e=>{const{color:n,fontSize:o,classes:t}=e,r={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,i.Z)(r,getSvgIconUtilityClass,t)})(y);return(0,p.jsxs)(m,{as:u,className:(0,r.Z)(C.root,s),focusable:"false",color:h,"aria-hidden":!g||void 0,role:g?"img":void 0,ref:n,...k,...S,...b&&a.props,ownerState:y,children:[b?a.props.children:a,g?(0,p.jsx)("title",{children:g}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,n){function Component(o,t){return(0,p.jsx)(h,{"data-testid":`${n}Icon`,ref:t,...o,children:e})}return Component.muiName=h.muiName,t.memo(t.forwardRef(Component))}},68101:(e,n,o)=>{o.r(n),o.d(n,{default:()=>P});var t=o(38946),r=o(87363),i=o(65515),l=o.n(i),a=o(59698),s=o(45167),c=o(88683),d=o(63762),u=o(93379),p=o.n(u),m=o(7795),v=o.n(m),h=o(90569),f=o.n(h),g=o(3565),x=o.n(g),S=o(19216),b=o.n(S),y=o(44589),k=o.n(y),C=o(8441),j={};j.styleTagTransform=k(),j.setAttributes=x(),j.insert=f().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=b();p()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(70178),w=o(47514),Z=(0,c.getLogger)("Planner","ReverseCheck");const P=function ReverseCheck(e){var n=e.item,o=e.paletteId,i=(0,d.NP)(),u=(0,c.useTranslation)().t,p=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,m=(0,r.useState)(null),v=(0,t.Z)(m,2),h=v[0],f=v[1],g=(0,r.useState)(!1),x=(0,t.Z)(g,2),S=x[0],b=x[1];(0,r.useEffect)((function(){var e=!0;return p?(b(!0),p.promise.then((function(n){e&&f(n.reversingCheck)})).catch((function(e){Z.error(new z.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&b(!1)}))):f(null),function(){e=!1}}),[p]);return p?S?(0,w.jsx)("div",{className:l()(C.Nh,C.V_),children:(0,w.jsx)("div",{className:C.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.IN,C.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var o=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=i.actions)||void 0===n||n.openModal({title:u("configurator.reverseCheck.blocked.title"),text:u("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,w.jsx)(a.Z,{className:C.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.J9),onClick:function handleWarningClick(e){var t;e.stopPropagation();var r=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(t=i.actions)||void 0===t||t.openModal({title:u("configurator.reverseCheck.warning.title"),text:u("configurator.reverseCheck.warning.text",{options:r}),accept:!0,reject:!0,callback:function callback(e){e&&i.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)}})},children:(0,w.jsx)(s.Z,{className:C.tO})}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{})}},8441:(e,n,o)=>{o.d(n,{A4:()=>c,IN:()=>s,J9:()=>v,Nh:()=>a,V_:()=>d,ZP:()=>h,lY:()=>u,tL:()=>p,tO:()=>m});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--o8212",s="index-module--dDHyo",c="index-module--oyt7q",d="index-module--CTeV9",u="index-module--j1YrR",p="index-module--bG0Fi",m="index-module--Ej4oh",v="index-module--lFAqA";const h=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8151.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8151,6340,6135,8544,9154,1051,8657,7318],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(87363),C=t(63762),b=t(65515),w=t.n(b),y=t(9420),P=t(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,C.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,v.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,v.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(63762),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.Z,C);v.Z&&v.Z.locals&&v.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:v.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(63762),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),v=(0,i.Z)(g,2),C=v[0],b=v[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:C,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(8907),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(63762),y=t(65515),P=t.n(y),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2,v.pn),style:d,children:b.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var C=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:P()(v.aH,h&&!C?v.pn:void 0,p.getIsInMobileView()?v.ai:void 0,"left"==i?v.t$:v.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(23327),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(48657),y=t(65515),P=t.n(y),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:P()(v.Cu,h?v.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,j.jsx)("img",{src:x,alt:i}):l?(0,j.jsx)("div",{className:v.CO,style:{backgroundColor:"#"+l}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:v.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,j.jsx)("div",{className:v._W,children:d}),a&&(0,j.jsx)("div",{className:v._W,children:a}),void 0!==c&&(0,j.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,j.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},98151:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(88683),d=t(65515),a=t.n(d),l=t(63762),s=t(9420),c=t(87363),u=t(93379),x=t.n(u),p=t(7795),m=t.n(p),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),C=t(19216),b=t.n(C),w=t(44589),y=t.n(w),P=t(57771),j={};j.styleTagTransform=y(),j.setAttributes=v(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(46770),k=t(29154),O=t(7318),Z=t(48657),F=t(98544),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,d=e.grids,s=(0,l.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,f=m.isMobile,h=m.isTablet,g=(0,c.useState)(""),v=(0,o.Z)(g,2),C=v[0],b=v[1],w={},y={},j=void 0,I=!1,D={},A=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,S.sJ)({isOpen:A[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return f||h||s.getViewConfig().hideTooltip||(I=A[0],D=A[1],w=T.triggerProps,y=T.layerProps,j=T.renderLayer),(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(d,i.articleCodex,void 0,!0)},className:P.RV},w),D),{},{children:[(0,N.jsxs)("div",{className:a()(P.iZ,P.vc),children:[(0,N.jsx)("div",{className:a()(P.K5),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,N.jsxs)("div",{className:a()(P.TX),children:[(0,N.jsx)("div",{className:a()(P.db,""!==C?P.Bm:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,N.jsx)(k.default,{metaData:i.metaData,visible:[C,b]},i.articleCodex),(0,N.jsx)("div",{className:a()(P.WN),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},u)})]})]}),!p&&!!i.price&&(0,N.jsx)(Z.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,N.jsx)(F.default,{item:i,style:{bottom:8,right:8}},i.articleCodex),I&&(null===(n=j)||void 0===n?void 0:n((0,N.jsx)(O.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:C,image:i.image,codex:i.articleCodex,layerProps:y},i.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d},57771:(e,n,t)=>{t.d(n,{Bm:()=>p,K5:()=>c,RV:()=>a,TX:()=>u,WN:()=>m,ZP:()=>f,db:()=>x,iZ:()=>l,vc:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",l="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const f=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8151,6340,6135,8544,9154,1051,8657,7318],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(38946),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(87363),C=t(63762),b=t(65515),w=t.n(b),y=t(9420),P=t(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,C.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,v.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,v.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(38946),o=t(63762),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.Z,C);v.Z&&v.Z.locals&&v.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:v.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),o=t(88683),r=t(87363),d=t(7501),a=t(63762),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),v=(0,i.Z)(g,2),C=v[0],b=v[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:C,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(38946),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(8907),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(63762),y=t(65515),P=t.n(y),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2,v.pn),style:d,children:b.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var C=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:P()(v.aH,h&&!C?v.pn:void 0,p.getIsInMobileView()?v.ai:void 0,"left"==i?v.t$:v.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(38946),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(23327),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(48657),y=t(65515),P=t.n(y),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:P()(v.Cu,h?v.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,j.jsx)("img",{src:x,alt:i}):l?(0,j.jsx)("div",{className:v.CO,style:{backgroundColor:"#"+l}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:v.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,j.jsx)("div",{className:v._W,children:d}),a&&(0,j.jsx)("div",{className:v._W,children:a}),void 0!==c&&(0,j.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,j.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},98151:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(38946),r=t(88683),d=t(65515),a=t.n(d),l=t(63762),s=t(9420),c=t(87363),u=t(93379),x=t.n(u),p=t(7795),m=t.n(p),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),C=t(19216),b=t.n(C),w=t(44589),y=t.n(w),P=t(57771),j={};j.styleTagTransform=y(),j.setAttributes=v(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(46770),k=t(29154),O=t(7318),Z=t(48657),F=t(98544),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,d=e.grids,s=(0,l.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,f=m.isMobile,h=m.isTablet,g=(0,c.useState)(""),v=(0,o.Z)(g,2),C=v[0],b=v[1],w={},y={},j=void 0,I=!1,D={},A=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,S.sJ)({isOpen:A[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return f||h||s.getViewConfig().hideTooltip||(I=A[0],D=A[1],w=T.triggerProps,y=T.layerProps,j=T.renderLayer),(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(d,i.articleCodex,void 0,!0)},className:P.RV},w),D),{},{children:[(0,N.jsxs)("div",{className:a()(P.iZ,P.vc),children:[(0,N.jsx)("div",{className:a()(P.K5),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,N.jsxs)("div",{className:a()(P.TX),children:[(0,N.jsx)("div",{className:a()(P.db,""!==C?P.Bm:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,N.jsx)(k.default,{metaData:i.metaData,visible:[C,b]},i.articleCodex),(0,N.jsx)("div",{className:a()(P.WN),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},u)})]})]}),!p&&!!i.price&&(0,N.jsx)(Z.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,N.jsx)(F.default,{item:i,style:{bottom:8,right:8}},i.articleCodex),I&&(null===(n=j)||void 0===n?void 0:n((0,N.jsx)(O.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:C,image:i.image,codex:i.articleCodex,layerProps:y},i.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d},57771:(e,n,t)=>{t.d(n,{Bm:()=>p,K5:()=>c,RV:()=>a,TX:()=>u,WN:()=>m,ZP:()=>f,db:()=>x,iZ:()=>l,vc:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",l="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const f=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8188.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8188,6014,9990,9967,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(63762),o=t(9420),r=(t(87363),t(74133)),l=t(47514);const d=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o=e.isScroller,d=void 0!==o&&o,s=(0,i.NP)(),a=s.settingsState.itemPalettes.get(1);if(!a)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==a.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=a.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=a.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(a.configStepKey)||a.configStepKey.startsWith("SHELFARTICLE")||!s.settingsState.allArticlesAreActive);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(r.default,{isInScroller:d,isSettingsHeader:!a.isHeader,item:a,header:!0})})}))},26014:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(63762),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,o.useTranslation)().t,i=(0,S.NP)(),r=(0,o.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!r&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},89990:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),g=t(44589),p=t.n(g),f=t(91605),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(63762),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,S.jsx)("div",{className:f.rP,children:n.emoji}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(79182),o=t(63762),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(89990),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(79182),d=t(63762),s=t(89967),a=t(89990),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),m=c[0],x=c[1];return(0,o.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<n.length;o++)i();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:m.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},38188:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(88291),o=t(63762),r=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),g=t(3565),p=t.n(g),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),j=t(26014),I=t(26937),T=t(47514);const w=(0,r.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var r=(0,o.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(r.settingsState.setScrollerElement(s.current),r.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,x={},g=r.uiState.snapPoints[r.settingsState.activeSnapPointIndex];(u=isNaN(Number(g))?g:g-38+"px",r.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=r.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var p=0;p<r.settingsState.itemPaletteArr.length;p++){var f=r.settingsState.itemPaletteArr[p][1];!f.isRenderedNotInSettingPalette&&f.visible&&a.push(f)}return(0,l.useEffect)((function(){r.uiState.configSettingsIsMinExpanded?r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[r.uiState.configSettingsIsExpanded,r.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:N()(P.e8,r.uiState.configSettingsIsExpanded?P.zh:void 0,r.uiState.configSettingsIsMinExpanded?P.m7:void 0,r.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(r.uiState.isInMobileView||r.settingsState.forceSettingsHeaderInScrollContainer)&&!r.wysiwygDebugState.wysiwygInspectView&&(0,T.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{className:N()(r.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,T.jsx)(I.default,{itemPalettesArr:a}),r.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==r.getState()&&(0,T.jsx)(j.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.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",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>g,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>x});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const g=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.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  transition: height 0.2s ease-in-out;\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\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8188,6014,9990,9967,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(63762),o=t(9420),r=(t(87363),t(74133)),l=t(47514);const d=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o=e.isScroller,d=void 0!==o&&o,s=(0,i.NP)(),a=s.settingsState.itemPalettes.get(1);if(!a)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==a.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=a.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=a.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(a.configStepKey)||a.configStepKey.startsWith("SHELFARTICLE")||!s.settingsState.allArticlesAreActive);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(r.default,{isInScroller:d,isSettingsHeader:!a.isHeader,item:a,header:!0})})}))},26014:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(63762),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,o.useTranslation)().t,i=(0,S.NP)(),r=(0,o.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!r&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},89990:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),g=t(44589),p=t.n(g),f=t(91605),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(63762),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,S.jsx)("div",{className:f.rP,children:n.emoji}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(79182),o=t(63762),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(89990),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),o=t(87363),r=t(9420),l=t(79182),d=t(63762),s=t(89967),a=t(89990),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),m=c[0],x=c[1];return(0,o.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<n.length;o++)i();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:m.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},38188:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(88291),o=t(63762),r=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),g=t(3565),p=t.n(g),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),j=t(26014),I=t(26937),T=t(47514);const w=(0,r.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var r=(0,o.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(r.settingsState.setScrollerElement(s.current),r.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,x={},g=r.uiState.snapPoints[r.settingsState.activeSnapPointIndex];(u=isNaN(Number(g))?g:g-38+"px",r.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=r.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var p=0;p<r.settingsState.itemPaletteArr.length;p++){var f=r.settingsState.itemPaletteArr[p][1];!f.isRenderedNotInSettingPalette&&f.visible&&a.push(f)}return(0,l.useEffect)((function(){r.uiState.configSettingsIsMinExpanded?r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[r.uiState.configSettingsIsExpanded,r.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:N()(P.e8,r.uiState.configSettingsIsExpanded?P.zh:void 0,r.uiState.configSettingsIsMinExpanded?P.m7:void 0,r.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(r.uiState.isInMobileView||r.settingsState.forceSettingsHeaderInScrollContainer)&&!r.wysiwygDebugState.wysiwygInspectView&&(0,T.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{className:N()(r.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,T.jsx)(I.default,{itemPalettesArr:a}),r.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==r.getState()&&(0,T.jsx)(j.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.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",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>g,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>x});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const g=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.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  transition: height 0.2s ease-in-out;\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\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 830.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[830,9990,9967,6937],{40830:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var i=e(34988),D=e(63762),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,D.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,i.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},89990:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var i=e(9420),D=e(93379),g=e.n(D),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(63762),z=e(47514);const c=(0,i.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[n.emoji&&(0,z.jsx)("div",{className:N.rP,children:n.emoji}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){return e.settingsState.onClickContentItemId(n.id)},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var i=e(79182),D=e(63762),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(89990),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,D.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var i=e(34988),D=e(87363),g=e(9420),t=e(79182),I=e(63762),A=e(89967),o=e(89990),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=(0,I.NP)(),g=(0,D.useState)([]),d=(0,i.Z)(g,2),u=d[0],r=d[1];return(0,D.useEffect)((function(){for(var M=[],i=function _loop(){var i=n[D],g=e.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),t=null==g?void 0:g.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:i.configStepKey+i.id)===M.groupName}));if(I)I.palettes.push(i);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:i.configStepKey+i.id,palettes:[i],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(i.id):"r"===(null==t?void 0:t.position)&&I.right.push(i.id)},D=0;D<n.length;D++)i();r(M)}),[n]),(0,x.jsx)(x.Fragment,{children:u.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var e=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id)},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(D()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[830,9990,9967,6937],{40830:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var i=e(38946),D=e(63762),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,D.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,i.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},89990:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var i=e(9420),D=e(93379),g=e.n(D),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(63762),z=e(47514);const c=(0,i.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[n.emoji&&(0,z.jsx)("div",{className:N.rP,children:n.emoji}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){return e.settingsState.onClickContentItemId(n.id)},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var i=e(79182),D=e(63762),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(89990),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,D.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var i=e(38946),D=e(87363),g=e(9420),t=e(79182),I=e(63762),A=e(89967),o=e(89990),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=(0,I.NP)(),g=(0,D.useState)([]),d=(0,i.Z)(g,2),u=d[0],r=d[1];return(0,D.useEffect)((function(){for(var M=[],i=function _loop(){var i=n[D],g=e.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),t=null==g?void 0:g.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:i.configStepKey+i.id)===M.groupName}));if(I)I.palettes.push(i);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:i.configStepKey+i.id,palettes:[i],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(i.id):"r"===(null==t?void 0:t.position)&&I.right.push(i.id)},D=0;D<n.length;D++)i();r(M)}),[n]),(0,x.jsx)(x.Fragment,{children:u.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var e=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id)},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(D()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8317.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8317],{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 w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var 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 w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,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,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,j=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,k="".concat(j,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(j," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(j,"__contentOuter ").concat(P),_="".concat(j,"__contentInner ").concat(S);return x.a.createElement(O,l({className:A.trim()},this.props.containerElementProps),x.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),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()},T)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);w.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])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});var v=y(80248),x=y(34988),C=y(87363),O=y(9420),w=y(93476),T=y(57446),N=y.n(T),j=y(63762),P=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var S=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(k(v,!0)),m=S(v,m);else{for(var x=!1,C=0;C<m.length;C++)if(v.articleCodex===m[C].articleCodex&&v.retailArticleNr===m[C].retailArticleNr&&v.retailPrefix===m[C].retailPrefix&&v.catalogCodex===m[C].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[C].VariantValues)){x=!0,m[C].quantity+=v.quantity;break}x||m.push(k(v))}}return m},k=function getPartlsitArticleObj(r,m){var y,v,x,C,O,w,T;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,typeNr:null!==(C=r.typeNr)&&void 0!==C?C:"",catalogCodex:null!==(O=r.catalogCodex)&&void 0!==O?O:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(w=null===(T=r.partListParentArticle)||void 0===T||null===(T=T.catalogArticle.partlistDecisions)||void 0===T?void 0:T["D"+r.partlistDecisionNo])&&void 0!==w?w:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const A=(0,O.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,O=r.title,T=r.allOpen,k=r.configStepKey,A=r.showDiffOnly,E=(0,C.useState)(),_=(0,x.Z)(E,2),D=_[0],R=_[1],I=(0,j.NP)();return(0,C.useEffect)((function(){var r,m=I.settingsState.partlistArticlesInOverview[k];if((void 0===D||!m||m.totalCount===m.items.length)&&(void 0===D||A)){var v=[];for(var x in y)v=S(y[x],v);A&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var C=_objectSpread({},I.settingsState.partlistArticlesInOverview);null!==(r=C[k])&&void 0!==r&&r.items&&!C[k].items.find((function(r){return r.opv===O}))&&(C[k].items.push({opv:O,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),I.settingsState.setPartlistArticlesInOverview(C)),R(v)}}),[I.settingsState.partlistArticlesInOverview]),(0,P.jsx)(N(),{trigger:(0,P.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=D?D:[]).length+" preis: "+v+" -- "+O}),open:""==O||T,easing:"ease",transitionTime:100,children:(0,P.jsxs)("table",{className:w.Kz,children:[(0,P.jsx)("thead",{children:(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Artikle Nr."}),(0,P.jsx)("th",{children:"Type Nr."}),(0,P.jsx)("th",{children:"CatalogCodex"}),(0,P.jsx)("th",{children:"Preis"}),(0,P.jsx)("th",{children:"Nr"}),(0,P.jsx)("th",{children:"Prefix"}),(0,P.jsx)("th",{children:"Menge"}),(0,P.jsx)("th",{children:"Rule"}),(0,P.jsx)("th",{children:"decision"})]})}),(0,P.jsx)("tbody",{children:(null!=D?D:[]).filter((function(r){return!A||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsxs)("th",{children:[" ",r.name]}),(0,P.jsxs)("th",{children:[r.articleCodex," "]}),(0,P.jsxs)("th",{children:[r.typeNr," "]}),(0,P.jsxs)("th",{children:[r.catalogCodex," "]}),(0,P.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,P.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,P.jsxs)("th",{children:[r.retailPrefix," "]}),(0,P.jsxs)("th",{children:[r.quantity," "]}),(0,P.jsx)("th",{children:r.rule}),r.decision&&(0,P.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>T,EM:()=>S,Fs:()=>j,Kz:()=>w,US:()=>P,ZP:()=>k,fm:()=>N});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var w="index-module--LmG2a",T="index-module--A0hQw",N="index-module--PcNw4",j="index-module--Gh5Gk",P="index-module--Biof7",S="index-module--DLRJp";const k=O},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),w=y(90569),T=y.n(w),N=y(3565),j=y.n(N),P=y(19216),S=y.n(P),k=y(44589),A=y.n(k),E=y(98793),_={};_.styleTagTransform=A(),_.setAttributes=j(),_.insert=T().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=S();x()(E.ZP,_),E.ZP&&E.ZP.locals&&E.ZP.locals}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8317],{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 w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var 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 w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,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,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,j=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,k="".concat(j,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(j," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(j,"__contentOuter ").concat(P),_="".concat(j,"__contentInner ").concat(S);return x.a.createElement(O,l({className:A.trim()},this.props.containerElementProps),x.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),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()},T)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);w.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])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});var v=y(80248),x=y(38946),C=y(87363),O=y(9420),w=y(93476),T=y(57446),N=y.n(T),j=y(63762),P=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var S=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(k(v,!0)),m=S(v,m);else{for(var x=!1,C=0;C<m.length;C++)if(v.articleCodex===m[C].articleCodex&&v.retailArticleNr===m[C].retailArticleNr&&v.retailPrefix===m[C].retailPrefix&&v.catalogCodex===m[C].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[C].VariantValues)){x=!0,m[C].quantity+=v.quantity;break}x||m.push(k(v))}}return m},k=function getPartlsitArticleObj(r,m){var y,v,x,C,O,w,T;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,typeNr:null!==(C=r.typeNr)&&void 0!==C?C:"",catalogCodex:null!==(O=r.catalogCodex)&&void 0!==O?O:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(w=null===(T=r.partListParentArticle)||void 0===T||null===(T=T.catalogArticle.partlistDecisions)||void 0===T?void 0:T["D"+r.partlistDecisionNo])&&void 0!==w?w:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const A=(0,O.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,O=r.title,T=r.allOpen,k=r.configStepKey,A=r.showDiffOnly,E=(0,C.useState)(),_=(0,x.Z)(E,2),D=_[0],R=_[1],I=(0,j.NP)();return(0,C.useEffect)((function(){var r,m=I.settingsState.partlistArticlesInOverview[k];if((void 0===D||!m||m.totalCount===m.items.length)&&(void 0===D||A)){var v=[];for(var x in y)v=S(y[x],v);A&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var C=_objectSpread({},I.settingsState.partlistArticlesInOverview);null!==(r=C[k])&&void 0!==r&&r.items&&!C[k].items.find((function(r){return r.opv===O}))&&(C[k].items.push({opv:O,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),I.settingsState.setPartlistArticlesInOverview(C)),R(v)}}),[I.settingsState.partlistArticlesInOverview]),(0,P.jsx)(N(),{trigger:(0,P.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=D?D:[]).length+" preis: "+v+" -- "+O}),open:""==O||T,easing:"ease",transitionTime:100,children:(0,P.jsxs)("table",{className:w.Kz,children:[(0,P.jsx)("thead",{children:(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Artikle Nr."}),(0,P.jsx)("th",{children:"Type Nr."}),(0,P.jsx)("th",{children:"CatalogCodex"}),(0,P.jsx)("th",{children:"Preis"}),(0,P.jsx)("th",{children:"Nr"}),(0,P.jsx)("th",{children:"Prefix"}),(0,P.jsx)("th",{children:"Menge"}),(0,P.jsx)("th",{children:"Rule"}),(0,P.jsx)("th",{children:"decision"})]})}),(0,P.jsx)("tbody",{children:(null!=D?D:[]).filter((function(r){return!A||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsxs)("th",{children:[" ",r.name]}),(0,P.jsxs)("th",{children:[r.articleCodex," "]}),(0,P.jsxs)("th",{children:[r.typeNr," "]}),(0,P.jsxs)("th",{children:[r.catalogCodex," "]}),(0,P.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,P.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,P.jsxs)("th",{children:[r.retailPrefix," "]}),(0,P.jsxs)("th",{children:[r.quantity," "]}),(0,P.jsx)("th",{children:r.rule}),r.decision&&(0,P.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>T,EM:()=>S,Fs:()=>j,Kz:()=>w,US:()=>P,ZP:()=>k,fm:()=>N});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var w="index-module--LmG2a",T="index-module--A0hQw",N="index-module--PcNw4",j="index-module--Gh5Gk",P="index-module--Biof7",S="index-module--DLRJp";const k=O},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),w=y(90569),T=y.n(w),N=y(3565),j=y.n(N),P=y(19216),S=y.n(P),k=y(44589),A=y.n(k),E=y(98793),_={};_.styleTagTransform=A(),_.setAttributes=j(),_.insert=T().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=S();x()(E.ZP,_),E.ZP&&E.ZP.locals&&E.ZP.locals}}]);

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

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