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

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

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

Files changed (624) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3492.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165,830,9990,9967,6937],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var o=n(80248),M=n(34988),i=n(9420),r=n(87363),g=n(68636),d=n(8135),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=(0,a.getLogger)("Planner","InfoBox");const D=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,i=(0,d.NP)(),D=(0,r.useState)(!1),c=(0,M.Z)(D,2),l=c[0],I=c[1],x=(0,a.useDivaCore)().actions,j=x.openDrawerMenu,A=x.closeDrawerMenu;return(0,r.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){I(!0);var e,r,d=i.getIsInMobileView(),a=function onClose(){A("content-item",!0),i.settingsState.setContentItemId()},D=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),c=i.divaWebPlanner.getVariantValues(D).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),x=(0,u.jsx)(g.Q,{onClose:a,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){s.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:c},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=i.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,M.Z)(e,2),o=t[0],i=t[1];n["OPT".concat(o)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,D)}else"onCancel"!=e.type&&"onClose"!=e.type||a()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(d)j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=i.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(r=null!=n?n:i.productState.productElement)&&void 0!==r?r:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),o),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else l&&(A("content-item"),setTimeout((function(){I(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var o=n(80248),M=n(87363),i=n(81681),r=n(34384),g=n(40830),d=n(8135),a=n(19715),u=n(83605),s=n(39165),D=n(9420),c=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=(0,D.Pi)((function Product(e){var t=(0,d.NP)(),n=(0,M.useRef)(null);return(0,M.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,c.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},e),{},{ref:function setRef(e){n.current=e,t.productState.setProductElement(e)},onTouchStart:function onTouchStart(){3==t.settingsState.activeSnapPointIndex&&t.settingsState.setActiveSnapPointIndex(2)},children:[(0,c.jsx)(i.default,{}),(0,c.jsx)(a.default,{}),t.productState.footerVisible.length>1&&(0,c.jsx)(u.default,{}),(0,c.jsx)(s.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(r.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const r=function ProductFooter(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const r=function ProductHeader(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var o=n(65515),M=n.n(o),i=n(88623),r=n(9420),g=(n(87363),n(8135)),d=n(93379),a=n.n(d),u=n(7795),s=n.n(u),D=n(90569),c=n.n(D),l=n(3565),I=n.n(l),x=n(19216),j=n.n(x),A=n(44589),N=n.n(A),p=n(73475),w={};w.styleTagTransform=N(),w.setAttributes=I(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=j();a()(p.ZP,w);p.ZP&&p.ZP.locals&&p.ZP.locals;var O=n(47514);const y=(0,r.Pi)((function ProductInfo(e){var t=(0,g.NP)();return(0,O.jsx)(O.Fragment,{children:t.settingsState.infoBoxContent&&(0,O.jsx)("div",{className:M()(p.RZ,t.uiState.isInMobileView?p.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},40830:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var o=n(34988),M=n(8135),i=n(87363),r=n(9420),g=n(93379),d=n.n(g),a=n(7795),u=n.n(a),s=n(90569),D=n.n(s),c=n(3565),l=n.n(c),I=n(19216),x=n.n(I),j=n(44589),A=n.n(j),N=n(67279),p={};p.styleTagTransform=A(),p.setAttributes=l(),p.insert=D().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=x();d()(N.ZP,p);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=n(65515),O=n.n(w),y=n(26937),z=n(47514);const T=(0,r.Pi)((function ProductSettings(e){var t=(0,M.NP)(),n=(0,i.useState)(t.getIsInMobileView()),r=(0,o.Z)(n,2),g=r[0],d=r[1];return t.uiState.ItemsPaletteInProductVisible?(0,z.jsxs)("div",{className:O()(N.oE,g?N.QW:void 0),children:[(0,z.jsx)("div",{className:O()(N.LI),onClick:function onClick(){return d(!g)}}),(0,z.jsx)("div",{className:O()(N.jR,g?N.pB:void 0),children:(0,z.jsx)(y.default,{itemPalettesArr:t.settingsState.itemPaletteInProduct.map((function(e){return e.palette}))})})]}):(0,z.jsx)(z.Fragment,{})}))},89990:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});n(87363);var o=n(9420),M=n(93379),i=n.n(M),r=n(7795),g=n.n(r),d=n(90569),a=n.n(d),u=n(3565),s=n.n(u),D=n(19216),c=n.n(D),l=n(44589),I=n.n(l),x=n(91605),j={};j.styleTagTransform=I(),j.setAttributes=s(),j.insert=a().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=c();i()(x.ZP,j);x.ZP&&x.ZP.locals&&x.ZP.locals;var A=n(8135),N=n(47514);const p=(0,o.Pi)((function ContentItemTeaser(e){var t=e.item,n=(0,A.NP)();return(0,N.jsxs)("div",{className:x.bz,children:[(0,N.jsx)("div",{className:x.rP,children:"😴"}),(0,N.jsx)("div",{className:x.TN,children:t.title}),(0,N.jsx)("div",{className:x.WL,children:t.description}),(0,N.jsxs)("button",{className:x.LI,onClick:function onClick(){return n.settingsState.onClickContentItemId(t.id)},children:[(0,N.jsx)("span",{className:x.q5,children:t.buttonText}),(0,N.jsx)("div",{className:x.x7,children:(0,N.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,N.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});n(87363);var o=n(79182),M=n(8135),i=n(93379),r=n.n(i),g=n(7795),d=n.n(g),a=n(90569),u=n.n(a),s=n(3565),D=n.n(s),c=n(19216),l=n.n(c),I=n(44589),x=n.n(I),j=n(9668),A={};A.styleTagTransform=x(),A.setAttributes=D(),A.insert=u().bind(null,"head"),A.domAPI=d(),A.insertStyleElement=l();r()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var N=n(89990),p=n(47514);const w=function SettingsItemsGroup(e){var t=e.group;(0,M.NP)();return(0,p.jsxs)("div",{className:j.YS,children:[(0,p.jsx)("div",{className:j.t$,children:t.left.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))}),(0,p.jsx)("div",{className:j.eX}),(0,p.jsx)("div",{className:j.F2,children:t.right.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))})]})}},26937:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(34988),M=n(87363),i=n(9420),r=n(79182),g=n(8135),d=n(89967),a=n(89990),u=n(47514);const s=(0,i.Pi)((function SettingsItemsWrapper(e){var t=e.itemPalettesArr,n=(0,g.NP)(),i=(0,M.useState)([]),s=(0,o.Z)(i,2),D=s[0],c=s[1];return(0,M.useEffect)((function(){for(var e=[],o=function _loop(){var o=t[M],i=n.configuratorStructureHandler.getOptionStepByCodex(o.optionCodex),r=null==i?void 0:i.partOfGroup,g=e.find((function(e){var t;return(null!==(t=null==r?void 0:r.groupName)&&void 0!==t?t:o.configStepKey+o.id)===e.groupName}));if(g)g.palettes.push(o);else{var d,a={groupName:null!==(d=null==r?void 0:r.groupName)&&void 0!==d?d:o.configStepKey+o.id,palettes:[o],left:[],right:[]};e.push(a),g=a}"l"===(null==r?void 0:r.position)?g.left.push(o.id):"r"===(null==r?void 0:r.position)&&g.right.push(o.id)},M=0;M<t.length;M++)o();c(e)}),[t]),(0,u.jsx)(u.Fragment,{children:D.map((function(e){var t;if(e.palettes.length>1)return(0,u.jsx)(d.default,{group:e});var n=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n}),(0,u.jsx)(r.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(t=e.palettes[0].optionCodex)&&void 0!==t?t:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n})]})}))})}))},73475:(e,t,n)=>{n.d(t,{RZ:()=>g,ZP:()=>a,ai:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var g="index-module--TDdLn",d="index-module--96TgJ";const a=r},67279:(e,t,n)=>{n.d(t,{LI:()=>j,QW:()=>x,ZP:()=>N,jR:()=>I,oE:()=>l,pB:()=>A});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i),g=n(61667),d=n.n(g),a=new URL(n(38403),n.b),u=new URL(n(97663),n.b),s=r()(M()),D=d()(a),c=d()(u);s.push([e.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("+D+");\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("+c+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",I="index-module--s2I80",x="index-module--vO3ZU",j="index-module--eczzg",A="index-module--o_3ds";const N=s},91605:(e,t,n)=>{n.d(t,{LI:()=>s,TN:()=>a,WL:()=>u,ZP:()=>l,bz:()=>g,q5:()=>D,rP:()=>d,x7:()=>c});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var g="index-module--YvhoM",d="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",s="index-module--tZsne",D="index-module--KlW5i",c="index-module--MViR0";const l=r},9668:(e,t,n)=>{n.d(t,{F2:()=>a,YS:()=>g,ZP:()=>s,eX:()=>u,t$:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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 g="index-module--h2rQ7",d="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const s=r},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165,830,9990,9967,6937],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var o=n(80248),M=n(34988),i=n(9420),r=n(87363),g=n(68636),d=n(63762),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=(0,a.getLogger)("Planner","InfoBox");const D=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,i=(0,d.NP)(),D=(0,r.useState)(!1),c=(0,M.Z)(D,2),l=c[0],I=c[1],x=(0,a.useDivaCore)().actions,j=x.openDrawerMenu,A=x.closeDrawerMenu;return(0,r.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){I(!0);var e,r,d=i.getIsInMobileView(),a=function onClose(){A("content-item",!0),i.settingsState.setContentItemId()},D=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),c=i.divaWebPlanner.getVariantValues(D).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),x=(0,u.jsx)(g.Q,{onClose:a,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){s.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:c},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=i.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,M.Z)(e,2),o=t[0],i=t[1];n["OPT".concat(o)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,D)}else"onCancel"!=e.type&&"onClose"!=e.type||a()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(d)j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=i.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(r=null!=n?n:i.productState.productElement)&&void 0!==r?r:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),o),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else l&&(A("content-item"),setTimeout((function(){I(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var o=n(80248),M=n(87363),i=n(81681),r=n(34384),g=n(40830),d=n(63762),a=n(19715),u=n(83605),s=n(39165),D=n(9420),c=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=(0,D.Pi)((function Product(e){var t=(0,d.NP)(),n=(0,M.useRef)(null);return(0,M.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,c.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},e),{},{ref:function setRef(e){n.current=e,t.productState.setProductElement(e)},onTouchStart:function onTouchStart(){3==t.settingsState.activeSnapPointIndex&&t.settingsState.setActiveSnapPointIndex(2)},children:[(0,c.jsx)(i.default,{}),(0,c.jsx)(a.default,{}),t.productState.footerVisible.length>1&&(0,c.jsx)(u.default,{}),(0,c.jsx)(s.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(r.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const r=function ProductFooter(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const r=function ProductHeader(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var o=n(65515),M=n.n(o),i=n(88623),r=n(9420),g=(n(87363),n(63762)),d=n(93379),a=n.n(d),u=n(7795),s=n.n(u),D=n(90569),c=n.n(D),l=n(3565),I=n.n(l),x=n(19216),j=n.n(x),A=n(44589),N=n.n(A),p=n(73475),w={};w.styleTagTransform=N(),w.setAttributes=I(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=j();a()(p.ZP,w);p.ZP&&p.ZP.locals&&p.ZP.locals;var O=n(47514);const y=(0,r.Pi)((function ProductInfo(e){var t=(0,g.NP)();return(0,O.jsx)(O.Fragment,{children:t.settingsState.infoBoxContent&&(0,O.jsx)("div",{className:M()(p.RZ,t.uiState.isInMobileView?p.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},40830:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var o=n(34988),M=n(63762),i=n(87363),r=n(9420),g=n(93379),d=n.n(g),a=n(7795),u=n.n(a),s=n(90569),D=n.n(s),c=n(3565),l=n.n(c),I=n(19216),x=n.n(I),j=n(44589),A=n.n(j),N=n(67279),p={};p.styleTagTransform=A(),p.setAttributes=l(),p.insert=D().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=x();d()(N.ZP,p);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=n(65515),O=n.n(w),y=n(26937),z=n(47514);const T=(0,r.Pi)((function ProductSettings(e){var t=(0,M.NP)(),n=(0,i.useState)(t.getIsInMobileView()),r=(0,o.Z)(n,2),g=r[0],d=r[1];return t.uiState.ItemsPaletteInProductVisible?(0,z.jsxs)("div",{className:O()(N.oE,g?N.QW:void 0),children:[(0,z.jsx)("div",{className:O()(N.LI),onClick:function onClick(){return d(!g)}}),(0,z.jsx)("div",{className:O()(N.jR,g?N.pB:void 0),children:(0,z.jsx)(y.default,{itemPalettesArr:t.settingsState.itemPaletteInProduct.map((function(e){return e.palette}))})})]}):(0,z.jsx)(z.Fragment,{})}))},89990:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});n(87363);var o=n(9420),M=n(93379),i=n.n(M),r=n(7795),g=n.n(r),d=n(90569),a=n.n(d),u=n(3565),s=n.n(u),D=n(19216),c=n.n(D),l=n(44589),I=n.n(l),x=n(91605),j={};j.styleTagTransform=I(),j.setAttributes=s(),j.insert=a().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=c();i()(x.ZP,j);x.ZP&&x.ZP.locals&&x.ZP.locals;var A=n(63762),N=n(47514);const p=(0,o.Pi)((function ContentItemTeaser(e){var t=e.item,n=(0,A.NP)();return(0,N.jsxs)("div",{className:x.bz,children:[(0,N.jsx)("div",{className:x.rP,children:"😴"}),(0,N.jsx)("div",{className:x.TN,children:t.title}),(0,N.jsx)("div",{className:x.WL,children:t.description}),(0,N.jsxs)("button",{className:x.LI,onClick:function onClick(){return n.settingsState.onClickContentItemId(t.id)},children:[(0,N.jsx)("span",{className:x.q5,children:t.buttonText}),(0,N.jsx)("div",{className:x.x7,children:(0,N.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,N.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});n(87363);var o=n(79182),M=n(63762),i=n(93379),r=n.n(i),g=n(7795),d=n.n(g),a=n(90569),u=n.n(a),s=n(3565),D=n.n(s),c=n(19216),l=n.n(c),I=n(44589),x=n.n(I),j=n(9668),A={};A.styleTagTransform=x(),A.setAttributes=D(),A.insert=u().bind(null,"head"),A.domAPI=d(),A.insertStyleElement=l();r()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var N=n(89990),p=n(47514);const w=function SettingsItemsGroup(e){var t=e.group;(0,M.NP)();return(0,p.jsxs)("div",{className:j.YS,children:[(0,p.jsx)("div",{className:j.t$,children:t.left.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))}),(0,p.jsx)("div",{className:j.eX}),(0,p.jsx)("div",{className:j.F2,children:t.right.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))})]})}},26937:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(34988),M=n(87363),i=n(9420),r=n(79182),g=n(63762),d=n(89967),a=n(89990),u=n(47514);const s=(0,i.Pi)((function SettingsItemsWrapper(e){var t=e.itemPalettesArr,n=(0,g.NP)(),i=(0,M.useState)([]),s=(0,o.Z)(i,2),D=s[0],c=s[1];return(0,M.useEffect)((function(){for(var e=[],o=function _loop(){var o=t[M],i=n.configuratorStructureHandler.getOptionStepByCodex(o.optionCodex),r=null==i?void 0:i.partOfGroup,g=e.find((function(e){var t;return(null!==(t=null==r?void 0:r.groupName)&&void 0!==t?t:o.configStepKey+o.id)===e.groupName}));if(g)g.palettes.push(o);else{var d,a={groupName:null!==(d=null==r?void 0:r.groupName)&&void 0!==d?d:o.configStepKey+o.id,palettes:[o],left:[],right:[]};e.push(a),g=a}"l"===(null==r?void 0:r.position)?g.left.push(o.id):"r"===(null==r?void 0:r.position)&&g.right.push(o.id)},M=0;M<t.length;M++)o();c(e)}),[t]),(0,u.jsx)(u.Fragment,{children:D.map((function(e){var t;if(e.palettes.length>1)return(0,u.jsx)(d.default,{group:e});var n=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n}),(0,u.jsx)(r.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(t=e.palettes[0].optionCodex)&&void 0!==t?t:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n})]})}))})}))},73475:(e,t,n)=>{n.d(t,{RZ:()=>g,ZP:()=>a,ai:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var g="index-module--TDdLn",d="index-module--96TgJ";const a=r},67279:(e,t,n)=>{n.d(t,{LI:()=>j,QW:()=>x,ZP:()=>N,jR:()=>I,oE:()=>l,pB:()=>A});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i),g=n(61667),d=n.n(g),a=new URL(n(38403),n.b),u=new URL(n(97663),n.b),s=r()(M()),D=d()(a),c=d()(u);s.push([e.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("+D+");\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("+c+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",I="index-module--s2I80",x="index-module--vO3ZU",j="index-module--eczzg",A="index-module--o_3ds";const N=s},91605:(e,t,n)=>{n.d(t,{LI:()=>s,TN:()=>a,WL:()=>u,ZP:()=>l,bz:()=>g,q5:()=>D,rP:()=>d,x7:()=>c});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var g="index-module--YvhoM",d="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",s="index-module--tZsne",D="index-module--KlW5i",c="index-module--MViR0";const l=r},9668:(e,t,n)=>{n.d(t,{F2:()=>a,YS:()=>g,ZP:()=>s,eX:()=>u,t$:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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 g="index-module--h2rQ7",d="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const s=r},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3516.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3516],{53516:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(34988),a=t(65515),o=t.n(a),u=t(8135),d=t(9420),l=t(87363),s=t(93379),m=t.n(s),c=t(7795),p=t.n(c),g=t(90569),b=t.n(g),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),w=t(44589),y=t.n(w),j=t(30605),C={};C.styleTagTransform=y(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=f();m()(j.ZP,C);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=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,d.Pi)((function Range(e){var n,t=e.paletteId,i=e.item,a=(0,l.useState)(Number(i.freeText)),d=(0,r.Z)(a,2),s=d[0],m=d[1],c=(0,u.NP)(),p=c.settingsState.itemPalettes.get(t),g=(0,l.useState)(null==p||null===(n=p.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,r.Z)(g,2),x=b[0],h=b[1];return(0,l.useEffect)((function(){p&&c.settingsState.updateItemPalette(t,_objectSpread(_objectSpread({},p),{},{numberInput:s,measureUnit:i.measureUnit}))}),[s]),(0,l.useEffect)((function(){if(p){var e,n=null==p||null===(e=p.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&x!==n?(h(n),m(Number(i.measureMinimum))):p.numberInput&&p.numberInput!=s&&m(p.numberInput)}}),[p,x]),(0,k.jsx)("div",{className:o()(j.CA,j.nC),children:(0,k.jsxs)("div",{className:j.kQ,children:[(0,k.jsxs)("div",{className:j.VU,children:[(0,k.jsx)("a",{className:j.iq,children:i.measureMinimum+" "+i.measureUnit}),(0,k.jsx)("a",{className:j.Be,children:i.measureMaximum+" "+i.measureUnit})]}),(0,k.jsxs)("div",{className:o()(j.FR,"no-swiping"),children:[(0,k.jsx)("div",{className:o()(j.Tq,j.VA),onClick:function onClick(){var e=Number(s)-Number(i.measureStep);e<Number(i.measureMinimum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString(),!0))}}),(0,k.jsx)("input",{type:"range",min:i.measureMinimum,max:i.measureMaximum,step:i.measureStep,value:s,className:j.$i,onChange:function onChange(e){return m(Number(e.target.value))},onMouseUp:function onMouseUp(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)},onTouchEnd:function onTouchEnd(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)}}),(0,k.jsx)("div",{className:o()(j.Tq,j.l8),onClick:function onClick(){var e=Number(s)+Number(i.measureStep);e>Number(i.measureMaximum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{t.d(n,{$i:()=>f,Be:()=>h,CA:()=>c,FR:()=>v,Tq:()=>w,VA:()=>y,VU:()=>b,ZP:()=>C,iq:()=>x,kQ:()=>g,l8:()=>j,nC:()=>p});var i=t(8081),r=t.n(i),a=t(23645),o=t.n(a),u=t(61667),d=t.n(u),l=new URL(t(27557),t.b),s=o()(r()),m=d()(l);s.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var c="index-module--gyx1d",p="index-module--zjBLV",g="index-module--Sp71V",b="index-module--Bu3n_",x="index-module--nYwTl",h="index-module--MYr7S",v="index-module--CeWow",f="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",j="index-module--hD6BU";const C=s},27557:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3516],{53516:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(34988),a=t(65515),o=t.n(a),u=t(63762),d=t(9420),l=t(87363),s=t(93379),m=t.n(s),c=t(7795),p=t.n(c),g=t(90569),b=t.n(g),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),w=t(44589),y=t.n(w),j=t(30605),C={};C.styleTagTransform=y(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=f();m()(j.ZP,C);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=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,d.Pi)((function Range(e){var n,t=e.paletteId,i=e.item,a=(0,l.useState)(Number(i.freeText)),d=(0,r.Z)(a,2),s=d[0],m=d[1],c=(0,u.NP)(),p=c.settingsState.itemPalettes.get(t),g=(0,l.useState)(null==p||null===(n=p.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,r.Z)(g,2),x=b[0],h=b[1];return(0,l.useEffect)((function(){p&&c.settingsState.updateItemPalette(t,_objectSpread(_objectSpread({},p),{},{numberInput:s,measureUnit:i.measureUnit}))}),[s]),(0,l.useEffect)((function(){if(p){var e,n=null==p||null===(e=p.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&x!==n?(h(n),m(Number(i.measureMinimum))):p.numberInput&&p.numberInput!=s&&m(p.numberInput)}}),[p,x]),(0,k.jsx)("div",{className:o()(j.CA,j.nC),children:(0,k.jsxs)("div",{className:j.kQ,children:[(0,k.jsxs)("div",{className:j.VU,children:[(0,k.jsx)("a",{className:j.iq,children:i.measureMinimum+" "+i.measureUnit}),(0,k.jsx)("a",{className:j.Be,children:i.measureMaximum+" "+i.measureUnit})]}),(0,k.jsxs)("div",{className:o()(j.FR,"no-swiping"),children:[(0,k.jsx)("div",{className:o()(j.Tq,j.VA),onClick:function onClick(){var e=Number(s)-Number(i.measureStep);e<Number(i.measureMinimum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString(),!0))}}),(0,k.jsx)("input",{type:"range",min:i.measureMinimum,max:i.measureMaximum,step:i.measureStep,value:s,className:j.$i,onChange:function onChange(e){return m(Number(e.target.value))},onMouseUp:function onMouseUp(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)},onTouchEnd:function onTouchEnd(e){return c.paletteViewHandler.onRangeClickChange(p,i,e.target.value)}}),(0,k.jsx)("div",{className:o()(j.Tq,j.l8),onClick:function onClick(){var e=Number(s)+Number(i.measureStep);e>Number(i.measureMaximum)||(m(e),c.paletteViewHandler.onRangeClickChange(p,i,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{t.d(n,{$i:()=>f,Be:()=>h,CA:()=>c,FR:()=>v,Tq:()=>w,VA:()=>y,VU:()=>b,ZP:()=>C,iq:()=>x,kQ:()=>g,l8:()=>j,nC:()=>p});var i=t(8081),r=t.n(i),a=t(23645),o=t.n(a),u=t(61667),d=t.n(u),l=new URL(t(27557),t.b),s=o()(r()),m=d()(l);s.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var c="index-module--gyx1d",p="index-module--zjBLV",g="index-module--Sp71V",b="index-module--Bu3n_",x="index-module--nYwTl",h="index-module--MYr7S",v="index-module--CeWow",f="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",j="index-module--hD6BU";const C=s},27557:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 357.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[357,7173,2654,8317,8763,7197,8345],{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,w){if(w!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),C=y(0),w=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 O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,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,w=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,S=this.props,k=S.classParentString,E=S.contentOuterClassName,j=S.contentInnerClassName,T="".concat(k,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),P="".concat(k," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(k,"__contentOuter ").concat(E),D="".concat(k,"__contentInner ").concat(j);return x.a.createElement(w,l({className:P.trim()},this.props.containerElementProps),x.a.createElement(O,l({id:this.triggerId,className:T.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:_.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:D.trim()},N)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:w.a.number,transitionCloseTime:w.a.number,triggerTagName:w.a.string,easing:w.a.string,open:w.a.bool,containerElementProps:w.a.object,triggerElementProps:w.a.object,contentElementId:w.a.string,classParentString:w.a.string,className:w.a.string,openedClassName:w.a.string,triggerStyle:w.a.object,triggerClassName:w.a.string,triggerOpenedClassName:w.a.string,contentOuterClassName:w.a.string,contentInnerClassName:w.a.string,accordionPosition:w.a.oneOfType([w.a.string,w.a.number]),handleTriggerClick:w.a.func,onOpen:w.a.func,onClose:w.a.func,onOpening:w.a.func,onClosing:w.a.func,onTriggerOpening:w.a.func,onTriggerClosing:w.a.func,trigger:w.a.oneOfType([w.a.string,w.a.element]),triggerWhenOpen:w.a.oneOfType([w.a.string,w.a.element]),triggerDisabled:w.a.bool,lazyRender:w.a.bool,overflowWhenOpen:w.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:w.a.bool,triggerSibling:w.a.oneOfType([w.a.string,w.a.element,w.a.func]),tabIndex:w.a.number,contentContainerTagName:w.a.string,children:w.a.oneOfType([w.a.string,w.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},59165:(r,m,y)=>{"use strict";y.d(m,{_l:()=>N,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date,isObject=r=>"object"==typeof r&&null!==r,isFunction=r=>!!r&&r instanceof Object&&"function"==typeof r;function quoteString(r,m){return void 0===m&&(m=!1),!r\|\|m?`"${r}"`:r}function ExpandableObject(r){let{field:m,value:y,data:x,lastElement:C,openBracket:w,closeBracket:O,level:N,style:S,shouldExpandNode:k,clickToExpandNode:E,outerRef:j,beforeExpandChange:T}=r;const P=(0,v.useRef)(!1),[_,D]=(0,v.useState)((()=>k(N,y,m))),I=(0,v.useRef)(null);(0,v.useEffect)((()=>{P.current?D(k(N,y,m)):P.current=!0}),[k]);const A=(0,v.useId)();if(0===x.length)return function EmptyObject(r){let{field:m,openBracket:y,closeBracket:x,lastElement:C,style:w}=r;return(0,v.createElement)("div",{className:w.basicChildStyle,role:"treeitem","aria-selected":void 0},(m\|\|""===m)&&(0,v.createElement)("span",{className:w.label},quoteString(m,w.quotesForFieldNames),":"),(0,v.createElement)("span",{className:w.punctuation},y),(0,v.createElement)("span",{className:w.punctuation},x),!C&&(0,v.createElement)("span",{className:w.punctuation},","))}({field:m,openBracket:w,closeBracket:O,lastElement:C,style:S});const R=_?S.collapseIcon:S.expandIcon,M=_?S.ariaLables.collapseJson:S.ariaLables.expandJson,F=N+1,V=x.length-1,setExpandWithCallback=r=>{_===r\|\|T&&!T({level:N,value:y,field:m,newExpandValue:r})\|\|D(r)},onKeyDown=r=>{if("ArrowRight"===r.key\|\|"ArrowLeft"===r.key)r.preventDefault(),setExpandWithCallback("ArrowRight"===r.key);else if("ArrowUp"===r.key\|\|"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!j.current)return;const y=j.current.querySelectorAll("[role=button]");let v=-1;for(let r=0;r<y.length;r++)if(0===y[r].tabIndex){v=r;break}if(v<0)return;const x=(v+m+y.length)%y.length;y[v].tabIndex=-1,y[x].tabIndex=0,y[x].focus()}},onClick=()=>{var r;setExpandWithCallback(!_);const m=I.current;if(!m)return;const y=null===(r=j.current)\|\|void 0===r?void 0:r.querySelector('[role=button][tabindex="0"]');y&&(y.tabIndex=-1),m.tabIndex=0,m.focus()};return(0,v.createElement)("div",{className:S.basicChildStyle,role:"treeitem","aria-expanded":_,"aria-selected":void 0},(0,v.createElement)("span",{className:R,onClick,onKeyDown,role:"button","aria-label":M,"aria-expanded":_,"aria-controls":_?A:void 0,ref:I,tabIndex:0===N?0:-1}),(m\|\|""===m)&&(E?(0,v.createElement)("span",{className:S.clickableLabel,onClick,onKeyDown},quoteString(m,S.quotesForFieldNames),":"):(0,v.createElement)("span",{className:S.label},quoteString(m,S.quotesForFieldNames),":")),(0,v.createElement)("span",{className:S.punctuation},w),_?(0,v.createElement)("ul",{id:A,role:"group",className:S.childFieldsContainer},x.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]\|\|m,field:r[0],value:r[1],style:S,lastElement:m===V,level:F,shouldExpandNode:k,clickToExpandNode:E,beforeExpandChange:T,outerRef:j})))):(0,v.createElement)("span",{className:S.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:S.punctuation},O),!C&&(0,v.createElement)("span",{className:S.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:x,shouldExpandNode:C,clickToExpandNode:w,level:O,outerRef:N,beforeExpandChange:S}=r;return ExpandableObject({field:m,value:y,lastElement:x\|\|!1,level:O,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:C,clickToExpandNode:w,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:N,beforeExpandChange:S})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:x,level:C,shouldExpandNode:w,clickToExpandNode:O,outerRef:N,beforeExpandChange:S}=r;return ExpandableObject({field:m,value:y,lastElement:x\|\|!1,level:C,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:w,clickToExpandNode:O,data:y.map((r=>[void 0,r])),outerRef:N,beforeExpandChange:S})}function JsonPrimitiveValue(r){let m,{field:y,value:x,style:C,lastElement:w}=r,O=C.otherValue;var N;return null===x?(m="null",O=C.nullValue):void 0===x?(m="undefined",O=C.undefinedValue):"string"==typeof(N=x)\|\|N instanceof String?(m=function quoteStringValue(r,m,y){return y?JSON.stringify(r):m?`"${r}"`:r}(x,!C.noQuotesForStringValues,C.stringifyStringValues),O=C.stringValue):(r=>"boolean"==typeof r\|\|r instanceof Boolean)(x)?(m=x?"true":"false",O=C.booleanValue):(r=>"number"==typeof r\|\|r instanceof Number)(x)?(m=x.toString(),O=C.numberValue):(r=>"bigint"==typeof r\|\|r instanceof BigInt)(x)?(m=`${x.toString()}n`,O=C.numberValue):m=isDate(x)?x.toISOString():isFunction(x)?"function() { }":x.toString(),(0,v.createElement)("div",{className:C.basicChildStyle,role:"treeitem","aria-selected":void 0},(y\|\|""===y)&&(0,v.createElement)("span",{className:C.label},quoteString(y,C.quotesForFieldNames),":"),(0,v.createElement)("span",{className:O},m),!w&&(0,v.createElement)("span",{className:C.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):!isObject(m)\|\|isDate(m)\|\|isFunction(m)?(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r)):(0,v.createElement)(JsonObject,Object.assign({},r));var y}var x="_2bkNM",C="_1BXBN";const w={collapseJson:"collapse JSON",expandJson:"expand JSON"},O={container:"_2IvMF _GzYRV",basicChildStyle:x,childFieldsContainer:C,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:w,stringifyStringValues:!1},N={container:"_11RoI _GzYRV",basicChildStyle:x,childFieldsContainer:C,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:w,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=O,shouldExpandNode:x=allExpanded,clickToExpandNode:C=!1,beforeExpandChange:w,compactTopLevel:N,...S}=r;const k=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},S,{className:y.container,ref:k,role:"tree"}),N&&isObject(m)?Object.entries(m).map((r=>{let[m,N]=r;return(0,v.createElement)(DataRender,{key:m,field:m,value:N,style:{...O,...y},lastElement:!0,level:1,shouldExpandNode:x,clickToExpandNode:C,beforeExpandChange:w,outerRef:k})})):(0,v.createElement)(DataRender,{value:m,style:{...O,...y},lastElement:!0,level:0,shouldExpandNode:x,clickToExpandNode:C,outerRef:k,beforeExpandChange:w}))}},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>w});y(87363);var v=y(28317),x=y(9420),C=y(47514);const w=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,w=r.allOpen,O=function use(r){if("fulfilled"===r.status)return r.value;throw"rejected"===r.status?r.reason:("pending"===r.status\|\|(r.status="pending",r.then((function(m){r.status="fulfilled",r.value=m}),(function(m){r.status="rejected",r.reason=m}))),r)}(m.promise);return O?(0,C.jsx)(v.default,{onClick:y,articles:O.articleSnapshot,price:O.price,title:m.title,allOpen:w,showDiffOnly:x,configStepKey:m.key}):(0,C.jsx)(C.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>P});var v=y(80248),x=y(34988),C=y(87363),w=y(9420),O=y(93476),N=y(57446),S=y.n(N),k=y(63762),E=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 j=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(T(v,!0)),m=j(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(T(v))}}return m},T=function getPartlsitArticleObj(r,m){var y,v,x,C,w,O,N;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!==(w=r.catalogCodex)&&void 0!==w?w:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(O=null===(N=r.partListParentArticle)\|\|void 0===N\|\|null===(N=N.catalogArticle.partlistDecisions)\|\|void 0===N?void 0:N["D"+r.partlistDecisionNo])&&void 0!==O?O:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const P=(0,w.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,w=r.title,N=r.allOpen,T=r.configStepKey,P=r.showDiffOnly,_=(0,C.useState)(),D=(0,x.Z)(_,2),I=D[0],A=D[1],R=(0,k.NP)();return(0,C.useEffect)((function(){var r,m=R.settingsState.partlistArticlesInOverview[T];if((void 0===I\|\|!m\|\|m.totalCount===m.items.length)&&(void 0===I\|\|P)){var v=[];for(var x in y)v=j(y[x],v);P&&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({},R.settingsState.partlistArticlesInOverview);null!==(r=C[T])&&void 0!==r&&r.items&&!C[T].items.find((function(r){return r.opv===w}))&&(C[T].items.push({opv:w,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),R.settingsState.setPartlistArticlesInOverview(C)),A(v)}}),[R.settingsState.partlistArticlesInOverview]),(0,E.jsx)(S(),{trigger:(0,E.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=I?I:[]).length+" preis: "+v+" -- "+w}),open:""==w\|\|N,easing:"ease",transitionTime:100,children:(0,E.jsxs)("table",{className:O.Kz,children:[(0,E.jsx)("thead",{children:(0,E.jsxs)("tr",{className:O.$Q,children:[(0,E.jsx)("th",{children:"Name"}),(0,E.jsx)("th",{children:"Artikle Nr."}),(0,E.jsx)("th",{children:"Type Nr."}),(0,E.jsx)("th",{children:"CatalogCodex"}),(0,E.jsx)("th",{children:"Preis"}),(0,E.jsx)("th",{children:"Nr"}),(0,E.jsx)("th",{children:"Prefix"}),(0,E.jsx)("th",{children:"Menge"}),(0,E.jsx)("th",{children:"Rule"}),(0,E.jsx)("th",{children:"decision"})]})}),(0,E.jsx)("tbody",{children:(null!=I?I:[]).filter((function(r){return!P\|\|r.visible\|\|void 0===r.visible})).map((function(r){var y,v,x;return(0,E.jsxs)("tr",{className:O.$Q,children:[(0,E.jsxs)("th",{children:[" ",r.name]}),(0,E.jsxs)("th",{children:[r.articleCodex," "]}),(0,E.jsxs)("th",{children:[r.typeNr," "]}),(0,E.jsxs)("th",{children:[r.catalogCodex," "]}),(0,E.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,E.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,E.jsxs)("th",{children:[r.retailPrefix," "]}),(0,E.jsxs)("th",{children:[r.quantity," "]}),(0,E.jsx)("th",{children:r.rule}),r.decision&&(0,E.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)}))})]})})}))},97078:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>R});var v=y(80248),x=y(34988),C=y(72874),w=y(87363),O=y(51203),N=y(93476),S=y(36115),k=y(63762),E=y(9420),j=y(65515),T=y.n(j),P=y(13222),_=y(98763),D=y(52654),I=y(47514),A=["onMouseDown"];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}const R=(0,E.Pi)((function PartList(r){var m=r.onMouseDown,y=(0,C.Z)(r,A),v=(0,k.NP)(),E=(0,w.useState)(),j=(0,x.Z)(E,2),R=j[0],M=j[1],F=(0,w.useState)(),V=(0,x.Z)(F,2),W=V[0],B=V[1],z=(0,w.useState)(!1),L=(0,x.Z)(z,2),H=L[0],Z=L[1],K=(0,w.useState)(!1),q=(0,x.Z)(K,2),U=q[0],J=q[1],G=(0,w.useState)(!0),Q=(0,x.Z)(G,2),X=Q[0],$=Q[1],Y=function onClick(r){var m,y,v=r.decision;(v.decisionNo\|\|v.Number)==((null==R\|\|null===(m=R.decision)\|\|void 0===m?void 0:m.Number)\|\|(null==R\|\|null===(y=R.decision)\|\|void 0===y?void 0:y.decisionNo))?M(void 0):M(r)};(0,w.useEffect)((function(){H?setTimeout((function(){return ee()}),400):B([{snapshots:[{promise:new Promise((function(r){var m,y,x;r({articleSnapshot:null!==(m=v.divaWebPlanner.getDivaArticles())&&void 0!==m?m:{},price:null!==(y=null===(x=v.divaWebPlanner.actSet())\|\|void 0===x?void 0:x.getSetPrice())&&void 0!==y?y:0})})),title:"",key:v.settingsState.configChanged.toString()}]}])}),[v.settingsState.configChanged,v.tabGroupState.curConfigStep]);var ee=function updateVariants(){for(var r=[],m={},y=v.settingsState.itemPaletteArr.filter((function(r){return r[1].visible})).map((function(r){return{items:r[1].groups.flatMap((function(r){return r.items.flatMap((function(r){return r}))})),palette:r[1]}})),x=0;x<y.length;x++){for(var C=y[x].items,w=y[x].palette,O=[],N=0;N<C.length;N++){var S=C[N];S.pricePreviewPromise&&(S.text\|\|S.name)&&O.push({promise:S.pricePreviewPromise.promise,title:S.text\|\|S.name,key:w.configStepKey})}m[w.configStepKey]={items:[],totalCount:C.length},r.push({snapshots:O,palette:w})}v.settingsState.setPartlistArticlesInOverview(m),B(r)};return(0,w.useEffect)((function(){var r=v.divaWebPlanner.actSet();r&&(r.logTotalStateForVariants=H)}),[H]),null!=W&&W.length?(0,I.jsxs)("div",_objectSpread(_objectSpread({},y),{},{className:T()(y.className,N.fm,v.uiState.configSettingsIsExpanded?O.NF:void 0),style:{zIndex:800},children:[(0,I.jsxs)("a",{className:N.Fs,onMouseDown:m,children:["Stücklisten Übersicht",(0,I.jsxs)("div",{className:N.US,children:[(0,I.jsx)(_.default,{state:H,onChange:function onChange(r){return Z(r)},on:"alle",off:"einzeln",width:100}),H&&(0,I.jsx)(_.default,{state:U,onChange:function onChange(r){return J(r)},on:"offen",off:"zu",width:100}),H&&(0,I.jsx)(_.default,{state:X,onChange:function onChange(r){return $(r)},on:"schnittm.",off:"alle",width:100})]})]}),W.map((function(r,m){var y;return(0,I.jsxs)("div",{className:N.EM,children:[!(null===(y=r.palette)\|\|void 0===y\|\|!y.name)&&(0,I.jsx)("div",{children:r.palette.name}),r.snapshots.map((function(r){return(0,I.jsx)(w.Suspense,{children:(0,I.jsx)(D.default,{onClick:Y,optionSnapshot:r,allOpen:U,showDiffOnly:X},r.key)})}))]},m)})),R&&(0,I.jsx)("div",{className:S.EC,style:{right:0,zIndex:100},children:(0,I.jsx)(P.default,{decision:R.decision,matchingOptions:R.rule})})]})):(0,I.jsx)(I.Fragment,{})}))},98763:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>F});var v=y(65515),x=y.n(v),C=(y(87363),y(68692)),w=y(93379),O=y.n(w),N=y(7795),S=y.n(N),k=y(90569),E=y.n(k),j=y(3565),T=y.n(j),P=y(19216),_=y.n(P),D=y(44589),I=y.n(D),A=y(75581),R={};R.styleTagTransform=I(),R.setAttributes=T(),R.insert=E().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=_();O()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var M=y(47514);const F=function Toggle(r){var m,y=r.onChange,v=r.val,w=r.state,O=r.on,N=r.off,S=r.alwaysActiveColor,k=r.height,E=void 0===k?40:k,j=r.width,T=void 0===j?80:j,P=r.handleDiameter,_=void 0===P?32:P,D=r.toggleTextClassName,I=void 0===D?A.f6:D,R=null===(m=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))\|\|void 0===m?void 0:m.replace(/ /g,"");return(0,M.jsx)(C.Z,{className:"no-swiping",checkedIcon:O?(0,M.jsx)("div",{className:x()(I),id:"yes",children:O}):(0,M.jsx)(M.Fragment,{}),uncheckedIcon:N?(0,M.jsx)("div",{className:x()(I),id:"no",children:N}):(0,M.jsx)(M.Fragment,{}),onChange:function onChange(){return y(null!=v?v:!w)},checked:w,onColor:R,offColor:S?R:"#CACACA",height:E,width:T,handleDiameter:_})}},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>N,EM:()=>j,Fs:()=>k,Kz:()=>O,US:()=>E,ZP:()=>T,fm:()=>S});var v=y(8081),x=y.n(v),C=y(23645),w=y.n(C)()(x());w.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 O="index-module--LmG2a",N="index-module--A0hQw",S="index-module--PcNw4",k="index-module--Gh5Gk",E="index-module--Biof7",j="index-module--DLRJp";const T=w},89965:(r,m,y)=>{"use strict";y.d(m,{NF:()=>N,ZP:()=>k,ec:()=>O,pb:()=>S});var v=y(8081),x=y.n(v),C=y(23645),w=y.n(C)()(x());w.push([r.id,".index-module--NA4Nc {\n position: absolute;\n margin-left: 50px;\n height: 92%;\n background-color: var(--settingsBackgroundColor);\n padding-left: 5px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n border-right: 2px solid;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n.index-module--zxgl3 {\n width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n background-color: white;\n}\n.index-module--WGNyK {\n width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n z-index: 590;\n background-color: rgba(250, 250, 250, 0.5);\n margin-left: 50px;\n /width: calc(69% - 50px); pfister/\n}\n",""]);var O="index-module--NA4Nc",N="index-module--zxgl3",S="index-module--WGNyK";const k=w},75581:(r,m,y)=>{"use strict";y.d(m,{ZP:()=>N,f6:()=>O});var v=y(8081),x=y.n(v),C=y(23645),w=y.n(C)()(x());w.push([r.id,".index-module--lgscn {\n display: flex;\n font-weight: 300;\n line-height: 40px;\n gap: 24px;\n}\n\n.index-module--D7_Ss {\n padding-left: 16px;\n color: white;\n line-height: 40px;\n font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n padding-left: 4px;\n}\n",""]);var O="index-module--D7_Ss";const N=w},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>_.$Q,EM:()=>_.EM,Fs:()=>_.Fs,Kz:()=>_.Kz,US:()=>_.US,fm:()=>_.fm});var v=y(93379),x=y.n(v),C=y(7795),w=y.n(C),O=y(90569),N=y.n(O),S=y(3565),k=y.n(S),E=y(19216),j=y.n(E),T=y(44589),P=y.n(T),_=y(98793),D={};D.styleTagTransform=P(),D.setAttributes=k(),D.insert=N().bind(null,"head"),D.domAPI=w(),D.insertStyleElement=j();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},51203:(r,m,y)=>{"use strict";y.d(m,{NF:()=>_.NF,ec:()=>_.ec,pb:()=>_.pb});var v=y(93379),x=y.n(v),C=y(7795),w=y.n(C),O=y(90569),N=y.n(O),S=y(3565),k=y.n(S),E=y(19216),j=y.n(E),T=y(44589),P=y.n(T),_=y(89965),D={};D.styleTagTransform=P(),D.setAttributes=k(),D.insert=N().bind(null,"head"),D.domAPI=w(),D.insertStyleElement=j();x()(_.ZP,D),_.ZP&&_.ZP.locals&&_.ZP.locals},68692:(r,m,y)=>{"use strict";y.d(m,{Z:()=>w});var v=y(87363);function s(){return s=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},s.apply(this,arguments)}var x=v.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},v.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),C=v.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},v.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(r){if(7===r.length)return r;for(var m="#",y=1;y<4;y+=1)m+=r[y]+r[y];return m}function e(r,m,y,v,x){return function(r,m,y,v,x){var C=(r-y)/(m-y);if(0===C)return v;if(1===C)return x;for(var w="#",O=1;O<6;O+=2){var N=parseInt(v.substr(O,2),16),S=parseInt(x.substr(O,2),16),k=Math.round((1-C)N+CS).toString(16);1===k.length&&(k="0"+k),w+=k}return w}(r,m,y,h(v),h(x))}var w=function(r){function n(m){r.call(this,m);var y=m.height,v=m.width,x=m.checked;this.t=m.handleDiameter\|\|y-2,this.i=Math.max(v-y,v-(y+this.t)/2),this.o=Math.max(0,(y-this.t)/2),this.state={h:x?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(r){r.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(r){this.R.focus(),this.setState({j:r,B:!0,L:Date.now()})},n.prototype.N=function(r){var m=this.state,y=m.j,v=m.h,x=(this.props.checked?this.i:this.o)+r-y;m.U\|\|r===y\|\|this.setState({U:!0});var C=Math.min(this.i,Math.max(this.o,x));C!==v&&this.setState({h:C})},n.prototype.A=function(r){var m=this.state,y=m.h,v=m.U,x=m.L,C=this.props.checked,w=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var O=Date.now()-x;(!v\|\|O<250\|\|C&&y<=w\|\|!C&&y>=w)&&this.X(r),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(r){r.preventDefault(),"number"==typeof r.button&&0!==r.button\|\|(this.H(r.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(r){r.preventDefault(),this.N(r.clientX)},n.prototype.k=function(r){this.A(r),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(r){this.F=null,this.H(r.touches[0].clientX)},n.prototype.M=function(r){this.N(r.touches[0].clientX)},n.prototype.T=function(r){r.preventDefault(),this.A(r)},n.prototype.C=function(r){Date.now()-this.l>50&&(this.X(r),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(r){this.R=r},n.prototype.$=function(r){r.preventDefault(),this.R.focus(),this.X(r),this.I&&this.setState({B:!1})},n.prototype.X=function(r){var m=this.props;(0,m.onChange)(!m.checked,r,m.id)},n.prototype.render=function(){var r=this.props,m=r.checked,y=r.disabled,x=r.className,C=r.offColor,w=r.onColor,O=r.offHandleColor,N=r.onHandleColor,S=r.checkedIcon,k=r.uncheckedIcon,E=r.checkedHandleIcon,j=r.uncheckedHandleIcon,T=r.boxShadow,P=r.activeBoxShadow,_=r.height,D=r.width,I=r.borderRadius,A=function(r,m){var y={};for(var v in r)Object.prototype.hasOwnProperty.call(r,v)&&-1===m.indexOf(v)&&(y[v]=r[v]);return y}(r,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),R=this.state,M=R.h,F=R.U,V=R.B,W={position:"relative",display:"inline-block",textAlign:"left",opacity:y?.5:1,direction:"ltr",borderRadius:_/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},B={height:_,width:D,margin:Math.max(0,(this.t-_)/2),position:"relative",background:e(M,this.i,this.o,C,w),borderRadius:"number"==typeof I?I:_/2,cursor:y?"default":"pointer",WebkitTransition:F?null:"background 0.25s",MozTransition:F?null:"background 0.25s",transition:F?null:"background 0.25s"},z={height:_,width:Math.min(1.5_,D-(this.t+_)/2+1),position:"relative",opacity:(M-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},L={height:_,width:Math.min(1.5_,D-(this.t+_)/2+1),position:"absolute",opacity:1-(M-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},H={height:this.t,width:this.t,background:e(M,this.i,this.o,O,N),display:"inline-block",cursor:y?"default":"pointer",borderRadius:"number"==typeof I?I-1:"50%",position:"absolute",transform:"translateX("+M+"px)",top:Math.max(0,(_-this.t)/2),outline:0,boxShadow:V?P:T,border:0,WebkitTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:F?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},Z={height:this.t,width:this.t,opacity:Math.max(2(1-(M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"},K={height:this.t,width:this.t,opacity:Math.max(2*((M-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:F?null:"opacity 0.25s",MozTransition:F?null:"opacity 0.25s",transition:F?null:"opacity 0.25s"};return v.createElement("div",{className:x,style:W},v.createElement("div",{className:"react-switch-bg",style:B,onClick:y?null:this.$,onMouseDown:function(r){return r.preventDefault()}},S&&v.createElement("div",{style:z},S),k&&v.createElement("div",{style:L},k)),v.createElement("div",{className:"react-switch-handle",style:H,onClick:function(r){return r.preventDefault()},onMouseDown:y?null:this.p,onTouchStart:y?null:this.m,onTouchMove:y?null:this.M,onTouchEnd:y?null:this.T,onTouchCancel:y?null:this.S},j&&v.createElement("div",{style:Z},j),E&&v.createElement("div",{style:K},E)),v.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":m,checked:m,disabled:y,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},A,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(v.Component);w.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:x,checkedIcon:C,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3628.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3628,5769],{43628:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(80248),a=t(9420),i=(t(87363),t(85769)),s=t(93379),o=t.n(s),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(56490),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();o()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var P=t(8135),y=t(88683),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var n,t=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:f.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:f.Rr,children:y.DivaUtils.formatPrice(null!==(n=t.productState.formatedTotalPrice)&&void 0!==n?n:0,t.productState.priceFormat)})]}),minHeight:65}))}))},85769:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var r=t(65515),a=t.n(r),i=t(9420),s=t(8135),o=t(87363),l=t(88683),c=t(93379),d=t.n(c),u=t(7795),p=t.n(u),b=t(90569),m=t.n(b),v=t(3565),g=t.n(v),x=t(19216),f=t.n(x),h=t(44589),P=t.n(h),y=t(38027),S={};S.styleTagTransform=P(),S.setAttributes=g(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=f();d()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=t(47514);const w=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,c=void 0===i?80:i,d=e.isFirstItem,u=e.isLastItem,p=e.wcVisitedStepClass,b=void 0===p?y.to:p,m=e.wcActiveStepClass,v=void 0===m?y.F1:m,g=e.verticalItemPoligonClass,x=void 0===g?y.Wb:g,f=e.wcStepIconClass,h=void 0===f?y.x3:f,P=e.lastItemDiv,S=(0,s.NP)(),w=(0,l.useTranslation)().t,j=(0,o.useRef)(null),G=S.tabGroupState.curTabGroup;r<c&&(r=c);var O=(0,l.useDivaCore)().state.apiConfig.baseCdnUrl;(0,o.useEffect)((function(){S.tabGroupState.setTabGroupItems(t.key,j.current)}),[j]);var C,T=t.posNr==(null==G?void 0:G.posNr),I=S.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==G?void 0:G.posNr));C=d&&u?"0 "+r+", 0 0, "+"128 0, "+"128 "+r+", 64 "+r:d?"0 "+(r-8)+", 0 0, "+"128 0, "+"128 "+(r-8)+", 64 "+r:u?"0 "+r+", 0 0, 64 8, "+"128 0, "+"128 "+r:"0 "+(r-8)+", 0 0, 64 8, "+"128 0, "+"128 "+(r-8)+", 64 "+r;var _=null!==(n=function getIconOfTabGroup(e,n,t){var r=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return r+t[e.toLowerCase()];if(t[e])return r+t[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(t.key,O,S.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",z=(0,k.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,k.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+_+")",maskImage:"url("+_+")"}}),(0,k.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:w("configurator."+t.title,t.title)})]});return u&&P&&(z=P),(0,k.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:c},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",S.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(y.x6,T?v:void 0,I?b:void 0),children:[(0,k.jsx)("polygon",{className:a()(x,T?v:void 0,I?b:void 0),points:C}),(0,k.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,k.jsx)("span",{className:a()(y.xb,x,T?v:void 0,I?b:void 0),children:z})})]})}))},56490:(e,n,t)=>{t.d(n,{Rr:()=>o,WU:()=>l,ZP:()=>c});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var o="index-module--mqnkM",l="index-module--eBy4O";const c=s},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>o,xb:()=>l});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3628,5769],{43628:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(80248),a=t(9420),i=(t(87363),t(85769)),s=t(93379),o=t.n(s),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(56490),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();o()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var P=t(63762),y=t(88683),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var n,t=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:f.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:f.Rr,children:y.DivaUtils.formatPrice(null!==(n=t.productState.formatedTotalPrice)&&void 0!==n?n:0,t.productState.priceFormat)})]}),minHeight:65}))}))},85769:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var r=t(65515),a=t.n(r),i=t(9420),s=t(63762),o=t(87363),l=t(88683),c=t(93379),d=t.n(c),u=t(7795),p=t.n(u),b=t(90569),m=t.n(b),v=t(3565),g=t.n(v),x=t(19216),f=t.n(x),h=t(44589),P=t.n(h),y=t(38027),S={};S.styleTagTransform=P(),S.setAttributes=g(),S.insert=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=f();d()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=t(47514);const w=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,c=void 0===i?80:i,d=e.isFirstItem,u=e.isLastItem,p=e.wcVisitedStepClass,b=void 0===p?y.to:p,m=e.wcActiveStepClass,v=void 0===m?y.F1:m,g=e.verticalItemPoligonClass,x=void 0===g?y.Wb:g,f=e.wcStepIconClass,h=void 0===f?y.x3:f,P=e.lastItemDiv,S=(0,s.NP)(),w=(0,l.useTranslation)().t,j=(0,o.useRef)(null),G=S.tabGroupState.curTabGroup;r<c&&(r=c);var O=(0,l.useDivaCore)().state.apiConfig.baseCdnUrl;(0,o.useEffect)((function(){S.tabGroupState.setTabGroupItems(t.key,j.current)}),[j]);var C,T=t.posNr==(null==G?void 0:G.posNr),I=S.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==G?void 0:G.posNr));C=d&&u?"0 "+r+", 0 0, "+"128 0, "+"128 "+r+", 64 "+r:d?"0 "+(r-8)+", 0 0, "+"128 0, "+"128 "+(r-8)+", 64 "+r:u?"0 "+r+", 0 0, 64 8, "+"128 0, "+"128 "+r:"0 "+(r-8)+", 0 0, 64 8, "+"128 0, "+"128 "+(r-8)+", 64 "+r;var _=null!==(n=function getIconOfTabGroup(e,n,t){var r=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return r+t[e.toLowerCase()];if(t[e])return r+t[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(t.key,O,S.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",z=(0,k.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,k.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+_+")",maskImage:"url("+_+")"}}),(0,k.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:w("configurator."+t.title,t.title)})]});return u&&P&&(z=P),(0,k.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:c},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",S.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(y.x6,T?v:void 0,I?b:void 0),children:[(0,k.jsx)("polygon",{className:a()(x,T?v:void 0,I?b:void 0),points:C}),(0,k.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,k.jsx)("span",{className:a()(y.xb,x,T?v:void 0,I?b:void 0),children:z})})]})}))},56490:(e,n,t)=>{t.d(n,{Rr:()=>o,WU:()=>l,ZP:()=>c});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var o="index-module--mqnkM",l="index-module--eBy4O";const c=s},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>o,xb:()=>l});var r=t(8081),a=t.n(r),i=t(23645),s=t.n(i)()(a());s.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3655.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3655],{73655:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var o=i(93379),t=i.n(o),d=i(7795),l=i.n(d),r=i(90569),a=i.n(r),s=i(3565),u=i.n(s),c=i(19216),p=i.n(c),v=i(44589),f=i.n(v),x=i(60118),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var m=i(9420),b=i(8135),h=(i(87363),i(65515)),k=i.n(h),y=i(88683),C=i(47514);const P=(0,m.Pi)((function OptionStepComponent(e){var n,i,o,t,d,l,r,a,s=e.step,u=s.option,c=s.configStep,p=(0,b.NP)(),v=(0,y.useTranslation)().t,f=null===(n=c.optionstate)||void 0===n?void 0:n.valName,g=null===(i=c.optionstate)||void 0===i?void 0:i.isRequired,m=null===(o=c.optionstate)||void 0===o?void 0:o.isSuggested;if(null!==(t=c.optionstate)&&void 0!==t&&t.isDifferentOption)f="divers";else if(null!==(d=c.optionstate)&&void 0!==d&&d.freeTextLang){var h="",P=c.optionstate.freeTextLang;for(var D in P){var N;h+=D+": "+(null!==(N=P[D])&&void 0!==N?N:"")+";"}h&&(f=h)}else if(null!==(l=c.optionstate)&&void 0!==l&&l.freeText)f=c.optionstate.freeText+(p.getViewConfig().hideMeasureUnit?"":" "+c.optionstate.measureUnit);else if(null!==(r=c.optionstate)&&void 0!==r&&r.isMultiselect&&null!==(a=c.optionstate)&&void 0!==a&&null!==(a=a.multiSelects)&&void 0!==a&&a.length){var S,w;f=(null!==(S=null===(w=c.optionstate)||void 0===w?void 0:w.multiSelects)&&void 0!==S?S:[]).map((function(e){return e.name})).join(",")}return(0,C.jsxs)("div",{className:k()(x.tN,p.configuratorStructureHandler.curConfigStepKey===c.key?x.Vk:void 0,p.configStepAlreadyVisited(c)?x.ri:void 0,c.isDisabledByDiverseParentOption?x.JU:void 0,m?x.X6:void 0,g?x.C1:void 0),title:c.isDisabledByDiverseParentOption?v("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){c.isDisabledByDiverseParentOption||p.navigateToConfigStep(c.key)},children:[(0,C.jsx)("div",{className:x.Sp,title:c.isDisabledByDiverseParentOption?void 0:u.codex,children:u.title}),(0,C.jsx)("div",{className:x.nR,title:c.isDisabledByDiverseParentOption?void 0:f,children:f})]})}))},60118:(e,n,i)=>{i.d(n,{C1:()=>v,JU:()=>f,Sp:()=>a,Vk:()=>u,X6:()=>p,ZP:()=>x,nR:()=>c,ri:()=>s,tN:()=>r});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--df6pt {\n  border-right: #ff958b 8px solid;\n}\n\n.index-module--Kt8ib {\n  border-right: #ff2a2a 8px solid;\n}\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var r="index-module--JAueJ",a="index-module--uNgn8",s="index-module--rNKA3",u="index-module--GHTYI",c="index-module--xzdnn",p="index-module--df6pt",v="index-module--Kt8ib",f="index-module--Cz9hU";const x=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3655],{73655:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var o=i(93379),t=i.n(o),d=i(7795),l=i.n(d),r=i(90569),a=i.n(r),s=i(3565),u=i.n(s),c=i(19216),p=i.n(c),v=i(44589),f=i.n(v),x=i(60118),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var m=i(9420),b=i(63762),h=(i(87363),i(65515)),k=i.n(h),y=i(88683),C=i(47514);const P=(0,m.Pi)((function OptionStepComponent(e){var n,i,o,t,d,l,r,a,s=e.step,u=s.option,c=s.configStep,p=(0,b.NP)(),v=(0,y.useTranslation)().t,f=null===(n=c.optionstate)||void 0===n?void 0:n.valName,g=null===(i=c.optionstate)||void 0===i?void 0:i.isRequired,m=null===(o=c.optionstate)||void 0===o?void 0:o.isSuggested;if(null!==(t=c.optionstate)&&void 0!==t&&t.isDifferentOption)f="divers";else if(null!==(d=c.optionstate)&&void 0!==d&&d.freeTextLang){var h="",P=c.optionstate.freeTextLang;for(var D in P){var N;h+=D+": "+(null!==(N=P[D])&&void 0!==N?N:"")+";"}h&&(f=h)}else if(null!==(l=c.optionstate)&&void 0!==l&&l.freeText)f=c.optionstate.freeText+(p.getViewConfig().hideMeasureUnit?"":" "+c.optionstate.measureUnit);else if(null!==(r=c.optionstate)&&void 0!==r&&r.isMultiselect&&null!==(a=c.optionstate)&&void 0!==a&&null!==(a=a.multiSelects)&&void 0!==a&&a.length){var S,w;f=(null!==(S=null===(w=c.optionstate)||void 0===w?void 0:w.multiSelects)&&void 0!==S?S:[]).map((function(e){return e.name})).join(",")}return(0,C.jsxs)("div",{className:k()(x.tN,p.configuratorStructureHandler.curConfigStepKey===c.key?x.Vk:void 0,p.configStepAlreadyVisited(c)?x.ri:void 0,c.isDisabledByDiverseParentOption?x.JU:void 0,m?x.X6:void 0,g?x.C1:void 0),title:c.isDisabledByDiverseParentOption?v("configurator.disable_tabgroup_classification"):void 0,onClick:function onClick(){c.isDisabledByDiverseParentOption||p.navigateToConfigStep(c.key)},children:[(0,C.jsx)("div",{className:x.Sp,title:c.isDisabledByDiverseParentOption?void 0:u.codex,children:u.title}),(0,C.jsx)("div",{className:x.nR,title:c.isDisabledByDiverseParentOption?void 0:f,children:f})]})}))},60118:(e,n,i)=>{i.d(n,{C1:()=>v,JU:()=>f,Sp:()=>a,Vk:()=>u,X6:()=>p,ZP:()=>x,nR:()=>c,ri:()=>s,tN:()=>r});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,".index-module--JAueJ {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.index-module--JAueJ:hover {\n  background-color: #4b6e84;\n}\n\n.index-module--uNgn8 {\n  font-weight: 600;\n}\n.index-module--rNKA3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.index-module--rNKA3:hover {\n  background-color: #134054;\n}\n.index-module--GHTYI {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.index-module--xzdnn {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.index-module--df6pt {\n  border-right: #ff958b 8px solid;\n}\n\n.index-module--Kt8ib {\n  border-right: #ff2a2a 8px solid;\n}\n.index-module--Cz9hU {\n  background-color: #9da7ad;\n}\n.index-module--JAueJ.index-module--Cz9hU:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n",""]);var r="index-module--JAueJ",a="index-module--uNgn8",s="index-module--rNKA3",u="index-module--GHTYI",c="index-module--xzdnn",p="index-module--df6pt",v="index-module--Kt8ib",f="index-module--Cz9hU";const x=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3695.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695],{59165:(e,n,t)=>{t.d(n,{_l:()=>s,gc:()=>JsonView});var a=t(87363);const isDate=e=>!!e&&e instanceof Date,isObject=e=>"object"==typeof e&&null!==e,isFunction=e=>!!e&&e instanceof Object&&"function"==typeof e;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:l,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p,beforeExpandChange:m}=e;const g=(0,a.useRef)(!1),[b,f]=(0,a.useState)((()=>c(s,t,n))),x=(0,a.useRef)(null);(0,a.useEffect)((()=>{g.current?f(c(s,t,n)):g.current=!0}),[c]);const h=(0,a.useId)();if(0===l.length)return function EmptyObject(e){let{field:n,openBracket:t,closeBracket:l,lastElement:o,style:r}=e;return(0,a.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,a.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,a.createElement)("span",{className:r.punctuation},t),(0,a.createElement)("span",{className:r.punctuation},l),!o&&(0,a.createElement)("span",{className:r.punctuation},","))}({field:n,openBracket:r,closeBracket:i,lastElement:o,style:d});const _=b?d.collapseIcon:d.expandIcon,E=b?d.ariaLables.collapseJson:d.ariaLables.expandJson,v=s+1,y=l.length-1,setExpandWithCallback=e=>{b===e||m&&!m({level:s,value:t,field:n,newExpandValue:e})||f(e)},onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),setExpandWithCallback("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let a=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){a=e;break}if(a<0)return;const l=(a+n+t.length)%t.length;t[a].tabIndex=-1,t[l].tabIndex=0,t[l].focus()}},onClick=()=>{var e;setExpandWithCallback(!b);const n=x.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,a.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,a.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":E,"aria-expanded":b,"aria-controls":b?h:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,a.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,a.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,a.createElement)("span",{className:d.punctuation},r),b?(0,a.createElement)("ul",{id:h,role:"group",className:d.childFieldsContainer},l.map(((e,n)=>(0,a.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===y,level:v,shouldExpandNode:c,clickToExpandNode:u,beforeExpandChange:m,outerRef:p})))):(0,a.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,a.createElement)("span",{className:d.punctuation},i),!o&&(0,a.createElement)("span",{className:d.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:a,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s,beforeExpandChange:d}=e;return ExpandableObject({field:n,value:t,lastElement:l||!1,level:i,openBracket:"{",closeBracket:"}",style:a,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s,beforeExpandChange:d})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s,beforeExpandChange:d}=e;return ExpandableObject({field:n,value:t,lastElement:l||!1,level:o,openBracket:"[",closeBracket:"]",style:a,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s,beforeExpandChange:d})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(s=l)||s instanceof String?(n=function quoteStringValue(e,n,t){return t?JSON.stringify(e):n?`"${e}"`:e}(l,!o.noQuotesForStringValues,o.stringifyStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(l)?(n=l?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(l)?(n=l.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(l)?(n=`${l.toString()}n`,i=o.numberValue):n=isDate(l)?l.toISOString():isFunction(l)?"function() { }":l.toString(),(0,a.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,a.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,a.createElement)("span",{className:i},n),!r&&(0,a.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,a.createElement)(JsonArray,Object.assign({},e)):!isObject(n)||isDate(n)||isFunction(n)?(0,a.createElement)(JsonPrimitiveValue,Object.assign({},e)):(0,a.createElement)(JsonObject,Object.assign({},e));var t}var l="_2bkNM",o="_1BXBN";const r={collapseJson:"collapse JSON",expandJson:"expand JSON"},i={container:"_2IvMF _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},s={container:"_11RoI _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=i,shouldExpandNode:l=allExpanded,clickToExpandNode:o=!1,beforeExpandChange:r,compactTopLevel:s,...d}=e;const c=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},d,{className:t.container,ref:c,role:"tree"}),s&&isObject(n)?Object.entries(n).map((e=>{let[n,s]=e;return(0,a.createElement)(DataRender,{key:n,field:n,value:s,style:{...i,...t},lastElement:!0,level:1,shouldExpandNode:l,clickToExpandNode:o,beforeExpandChange:r,outerRef:c})})):(0,a.createElement)(DataRender,{value:n,style:{...i,...t},lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:o,outerRef:c,beforeExpandChange:r}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var a=t(72874),l=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(8135)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,l.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,l=(e.collapsed,(0,a.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},l.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>g,ZP:()=>h,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>b,tX:()=>c});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",g="index-module--cGqPx",b="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const h=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>b.BZ,Jf:()=>b.Jf,Od:()=>b.Od,Uj:()=>b.Uj,Ux:()=>b.Ux,YS:()=>b.YS,_D:()=>b._D,l1:()=>b.l1,qk:()=>b.qk,rp:()=>b.rp,tX:()=>b.tX});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(62860),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.ZP,f),b.ZP&&b.ZP.locals&&b.ZP.locals},76839:(e,n,t)=>{var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(72035),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.Z,f),b.Z&&b.Z.locals&&b.Z.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695,7173],{59165:(e,n,t)=>{t.d(n,{_l:()=>s,gc:()=>JsonView});var a=t(87363);const isDate=e=>!!e&&e instanceof Date,isObject=e=>"object"==typeof e&&null!==e,isFunction=e=>!!e&&e instanceof Object&&"function"==typeof e;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:l,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p,beforeExpandChange:m}=e;const g=(0,a.useRef)(!1),[b,f]=(0,a.useState)((()=>c(s,t,n))),x=(0,a.useRef)(null);(0,a.useEffect)((()=>{g.current?f(c(s,t,n)):g.current=!0}),[c]);const h=(0,a.useId)();if(0===l.length)return function EmptyObject(e){let{field:n,openBracket:t,closeBracket:l,lastElement:o,style:r}=e;return(0,a.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,a.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,a.createElement)("span",{className:r.punctuation},t),(0,a.createElement)("span",{className:r.punctuation},l),!o&&(0,a.createElement)("span",{className:r.punctuation},","))}({field:n,openBracket:r,closeBracket:i,lastElement:o,style:d});const _=b?d.collapseIcon:d.expandIcon,E=b?d.ariaLables.collapseJson:d.ariaLables.expandJson,v=s+1,y=l.length-1,setExpandWithCallback=e=>{b===e||m&&!m({level:s,value:t,field:n,newExpandValue:e})||f(e)},onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),setExpandWithCallback("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let a=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){a=e;break}if(a<0)return;const l=(a+n+t.length)%t.length;t[a].tabIndex=-1,t[l].tabIndex=0,t[l].focus()}},onClick=()=>{var e;setExpandWithCallback(!b);const n=x.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,a.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,a.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":E,"aria-expanded":b,"aria-controls":b?h:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,a.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,a.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,a.createElement)("span",{className:d.punctuation},r),b?(0,a.createElement)("ul",{id:h,role:"group",className:d.childFieldsContainer},l.map(((e,n)=>(0,a.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===y,level:v,shouldExpandNode:c,clickToExpandNode:u,beforeExpandChange:m,outerRef:p})))):(0,a.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,a.createElement)("span",{className:d.punctuation},i),!o&&(0,a.createElement)("span",{className:d.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:a,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s,beforeExpandChange:d}=e;return ExpandableObject({field:n,value:t,lastElement:l||!1,level:i,openBracket:"{",closeBracket:"}",style:a,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s,beforeExpandChange:d})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s,beforeExpandChange:d}=e;return ExpandableObject({field:n,value:t,lastElement:l||!1,level:o,openBracket:"[",closeBracket:"]",style:a,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s,beforeExpandChange:d})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===l?(n="null",i=o.nullValue):void 0===l?(n="undefined",i=o.undefinedValue):"string"==typeof(s=l)||s instanceof String?(n=function quoteStringValue(e,n,t){return t?JSON.stringify(e):n?`"${e}"`:e}(l,!o.noQuotesForStringValues,o.stringifyStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(l)?(n=l?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(l)?(n=l.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(l)?(n=`${l.toString()}n`,i=o.numberValue):n=isDate(l)?l.toISOString():isFunction(l)?"function() { }":l.toString(),(0,a.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,a.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,a.createElement)("span",{className:i},n),!r&&(0,a.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,a.createElement)(JsonArray,Object.assign({},e)):!isObject(n)||isDate(n)||isFunction(n)?(0,a.createElement)(JsonPrimitiveValue,Object.assign({},e)):(0,a.createElement)(JsonObject,Object.assign({},e));var t}var l="_2bkNM",o="_1BXBN";const r={collapseJson:"collapse JSON",expandJson:"expand JSON"},i={container:"_2IvMF _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},s={container:"_11RoI _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=i,shouldExpandNode:l=allExpanded,clickToExpandNode:o=!1,beforeExpandChange:r,compactTopLevel:s,...d}=e;const c=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},d,{className:t.container,ref:c,role:"tree"}),s&&isObject(n)?Object.entries(n).map((e=>{let[n,s]=e;return(0,a.createElement)(DataRender,{key:n,field:n,value:s,style:{...i,...t},lastElement:!0,level:1,shouldExpandNode:l,clickToExpandNode:o,beforeExpandChange:r,outerRef:c})})):(0,a.createElement)(DataRender,{value:n,style:{...i,...t},lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:o,outerRef:c,beforeExpandChange:r}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var a=t(72874),l=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(63762)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,l.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,l=(e.collapsed,(0,a.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},l.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>g,ZP:()=>h,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>b,tX:()=>c});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",g="index-module--cGqPx",b="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const h=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var a=t(8081),l=t.n(a),o=t(23645),r=t.n(o)()(l());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>b.BZ,Jf:()=>b.Jf,Od:()=>b.Od,Uj:()=>b.Uj,Ux:()=>b.Ux,YS:()=>b.YS,_D:()=>b._D,l1:()=>b.l1,qk:()=>b.qk,rp:()=>b.rp,tX:()=>b.tX});var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(62860),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.ZP,f),b.ZP&&b.ZP.locals&&b.ZP.locals},76839:(e,n,t)=>{var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(72035),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.Z,f),b.Z&&b.Z.locals&&b.Z.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3704.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3704,5406,8763,6076,152,7625,5301,7197,8291,8488],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var c=r?Object.getOwnPropertyDescriptor(t,a):null;c&&(c.get||c.set)?Object.defineProperty(i,a,c):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var c="Select...",l=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?c:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?c:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var c=o[r].items.filter((function(o){return o.value===t}));c.length&&(i=c[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var c=t.label||t.value||t,l=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",l),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,c),onClick:this.setValue.bind(this,i,c),role:"option","aria-selected":l?"true":"false"},p),c)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,c=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),c=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,c)}return t.renderOption(o)}));return c.length?c:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,c,l,u=this.props,d=u.baseClassName,p=u.controlClassName,A=u.placeholderClassName,f=u.menuClassName,b=u.arrowClassName,g=u.arrowClosed,y=u.arrowOpen,m=u.className,v=this.props.disabled?"Dropdown-disabled":"",w="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,m,!!m),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,v,!!v),o)),x=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,A,!!A),_defineProperty(i,"is-selected",this.isValueSelected()),i)),C=(0,a.default)((_defineProperty(c={},"".concat(d,"-menu"),!0),_defineProperty(c,f,!!f),c)),k=(0,a.default)((_defineProperty(l={},"".concat(d,"-arrow"),!0),_defineProperty(l,b,!!b),l)),D=r.default.createElement("div",{className:x},w),j=this.state.isOpen?r.default.createElement("div",{className:C,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},D,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},y&&g?this.state.isOpen?y:g:r.default.createElement("span",{className:k}))),j)}}]),Dropdown}(r.Component);l.defaultProps={baseClassName:"Dropdown"};var u=l;o.Z=u},34384:(t,o,i)=>{i.r(o),i.d(o,{default:()=>b});var r=i(80248),a=i(34988),c=i(9420),l=i(87363),u=i(68636),d=i(8135),p=i(88683),A=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var f=(0,p.getLogger)("Planner","InfoBox");const b=(0,c.Pi)((function ContentItemWrapper(t){var o=t.direction,i=t.mountElement,r=t.drawerStyle,c=(0,d.NP)(),b=(0,l.useState)(!1),g=(0,a.Z)(b,2),y=g[0],m=g[1],v=(0,p.useDivaCore)().actions,w=v.openDrawerMenu,O=v.closeDrawerMenu;return(0,l.useEffect)((function(){if(c.settingsState.contentItemVisible&&c.settingsState.contentItemId){m(!0);var t,l,d=c.getIsInMobileView(),p=function onClose(){O("content-item",!0),c.settingsState.setContentItemId()},b=c.settingsState.selectedArticles.map((function(t){return t.basketId})).flat(),g=c.divaWebPlanner.getVariantValues(b).map((function(t){return{featureCodex:t.OPT.startsWith("OPT")?t.OPT.substring(3):t.OPT,selectedOptions:[t.OPV]}})),v=(0,A.jsx)(u.Q,{onClose:p,contentItemId:c.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(t){f.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:c.settingsState.contentItemId,title:null!=t?t:void 0})},params:{initialContext:g},onEvent:function onEvent(t){if("applyResults"==t.type){var o,i=t.payload;!(null!==(o=c.divaWebPlanner.actSet())&&void 0!==o&&o.CatalogData.isIDMFormat)&&Object.entries(i).forEach((function(t){var o=(0,a.Z)(t,2),r=o[0],c=o[1];i["OPT".concat(r)]="OPV".concat(c)})),c.paletteViewHandler.changeOnCheckoutConfig(i,b)}else"onCancel"!=t.type&&"onClose"!=t.type||p()}},c.settingsState.contentItemId+c.settingsState.contentItemVisible);if(d)w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(t=c.uiState.wrapperRef)&&void 0!==t?t:void 0,handleInternScroll:!0});else w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:o,mountElement:null!==(l=null!=i?i:c.productState.productElement)&&void 0!==l?l:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else y&&(O("content-item"),setTimeout((function(){m(!1)}),400))}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId]),(0,A.jsx)(A.Fragment,{})}))},34586:(t,o,i)=>{i.r(o),i.d(o,{default:()=>M});var r=i(80248),a=i(72874),c=i(87363),l=i(8135),u=i(9420),d=i(31355),p=i(19715),A=i(93379),f=i.n(A),b=i(7795),g=i.n(b),y=i(90569),m=i.n(y),v=i(3565),w=i.n(v),O=i(19216),P=i.n(O),x=i(44589),C=i.n(x),k=i(23522),D={};D.styleTagTransform=C(),D.setAttributes=w(),D.insert=m().bind(null,"head"),D.domAPI=g(),D.insertStyleElement=P();f()(k.Z,D);k.Z&&k.Z.locals&&k.Z.locals;var j=i(34384),S=i(47514),I=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const M=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,I),u=(0,l.NP)(),A=(0,c.useRef)(null),f=function onClick(){if(A.current){var t=A.current.getBoundingClientRect().height;A.current.scrollTop>100&&(t=0),A.current.scrollTo({top:t,behavior:"smooth"})}};return(0,c.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&f()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,S.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(t){A.current=t,u.productState.setProductElement(t)}},r),{},{id:"wcConfigurator-product",children:[!u.uiState.isLoading&&(0,S.jsx)("div",{className:k.x,onClick:f}),(0,S.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,S.jsx)(d.default,{}),(0,S.jsx)(j.default,{direction:i})]}))}))},98763:(t,o,i)=>{i.r(o),i.d(o,{default:()=>C});var r=i(65515),a=i.n(r),c=(i(87363),i(68692)),l=i(93379),u=i.n(l),d=i(7795),p=i.n(d),A=i(90569),f=i.n(A),b=i(3565),g=i.n(b),y=i(19216),m=i.n(y),v=i(44589),w=i.n(v),O=i(75581),P={};P.styleTagTransform=w(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=m();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var x=i(47514);const C=function Toggle(t){var o,i=t.onChange,r=t.val,l=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,A=t.height,f=void 0===A?40:A,b=t.width,g=void 0===b?80:b,y=t.handleDiameter,m=void 0===y?32:y,v=t.toggleTextClassName,w=void 0===v?O.f6:v,P=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,x.jsx)(c.Z,{className:"no-swiping",checkedIcon:u?(0,x.jsx)("div",{className:a()(w),id:"yes",children:u}):(0,x.jsx)(x.Fragment,{}),uncheckedIcon:d?(0,x.jsx)("div",{className:a()(w),id:"no",children:d}):(0,x.jsx)(x.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!l)},checked:l,onColor:P,offColor:p?P:"#CACACA",height:f,width:g,handleDiameter:m})}},23522:(t,o,i)=>{i.d(o,{Z:()=>g,x:()=>b});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),A=l()(a()),f=d()(p);A.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+f+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const g=A},75581:(t,o,i)=>{i.d(o,{ZP:()=>d,f6:()=>u});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c)()(a());l.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss";const d=l},27557:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},66993:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},64197:t=>{t.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>l});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),c=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var c=(t-i)/(o-i);if(0===c)return r;if(1===c)return a;for(var l="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),A=Math.round((1-c)*d+c*p).toString(16);1===A.length&&(A="0"+A),l+=A}return l}(t,o,i,h(r),h(a))}var l=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var c=Math.min(this.i,Math.max(this.o,a));c!==r&&this.setState({h:c})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,c=this.props.checked,l=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||c&&i<=l||!c&&i>=l)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,c=t.offColor,l=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,A=t.uncheckedIcon,f=t.checkedHandleIcon,b=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,m=t.height,v=t.width,w=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,x=P.h,C=P.U,k=P.B,D={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:m/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:m,width:v,margin:Math.max(0,(this.t-m)/2),position:"relative",background:e(x,this.i,this.o,c,l),borderRadius:"number"==typeof w?w:m/2,cursor:i?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},S={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"relative",opacity:(x-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},I={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"absolute",opacity:1-(x-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(x,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+x+"px)",top:Math.max(0,(m-this.t)/2),outline:0,boxShadow:k?y:g,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},B={height:this.t,width:this.t,opacity:Math.max(2*((x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:D},r.createElement("div",{className:"react-switch-bg",style:j,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:S},p),A&&r.createElement("div",{style:I},A)),r.createElement("div",{className:"react-switch-handle",style:M,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:E},b),f&&r.createElement("div",{style:B},f)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);l.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:c,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3704,5406,8291,8763,6076,152,7625,5301,7197,58,8488],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var c=r?Object.getOwnPropertyDescriptor(t,a):null;c&&(c.get||c.set)?Object.defineProperty(i,a,c):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var c="Select...",l=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?c:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?c:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var c=o[r].items.filter((function(o){return o.value===t}));c.length&&(i=c[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var c=t.label||t.value||t,l=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",l),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,c),onClick:this.setValue.bind(this,i,c),role:"option","aria-selected":l?"true":"false"},p),c)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,c=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),c=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,c)}return t.renderOption(o)}));return c.length?c:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,c,l,u=this.props,d=u.baseClassName,p=u.controlClassName,A=u.placeholderClassName,f=u.menuClassName,b=u.arrowClassName,g=u.arrowClosed,y=u.arrowOpen,m=u.className,v=this.props.disabled?"Dropdown-disabled":"",w="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,m,!!m),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,v,!!v),o)),x=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,A,!!A),_defineProperty(i,"is-selected",this.isValueSelected()),i)),C=(0,a.default)((_defineProperty(c={},"".concat(d,"-menu"),!0),_defineProperty(c,f,!!f),c)),k=(0,a.default)((_defineProperty(l={},"".concat(d,"-arrow"),!0),_defineProperty(l,b,!!b),l)),D=r.default.createElement("div",{className:x},w),j=this.state.isOpen?r.default.createElement("div",{className:C,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},D,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},y&&g?this.state.isOpen?y:g:r.default.createElement("span",{className:k}))),j)}}]),Dropdown}(r.Component);l.defaultProps={baseClassName:"Dropdown"};var u=l;o.Z=u},34384:(t,o,i)=>{i.r(o),i.d(o,{default:()=>b});var r=i(80248),a=i(34988),c=i(9420),l=i(87363),u=i(68636),d=i(63762),p=i(88683),A=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var f=(0,p.getLogger)("Planner","InfoBox");const b=(0,c.Pi)((function ContentItemWrapper(t){var o=t.direction,i=t.mountElement,r=t.drawerStyle,c=(0,d.NP)(),b=(0,l.useState)(!1),g=(0,a.Z)(b,2),y=g[0],m=g[1],v=(0,p.useDivaCore)().actions,w=v.openDrawerMenu,O=v.closeDrawerMenu;return(0,l.useEffect)((function(){if(c.settingsState.contentItemVisible&&c.settingsState.contentItemId){m(!0);var t,l,d=c.getIsInMobileView(),p=function onClose(){O("content-item",!0),c.settingsState.setContentItemId()},b=c.settingsState.selectedArticles.map((function(t){return t.basketId})).flat(),g=c.divaWebPlanner.getVariantValues(b).map((function(t){return{featureCodex:t.OPT.startsWith("OPT")?t.OPT.substring(3):t.OPT,selectedOptions:[t.OPV]}})),v=(0,A.jsx)(u.Q,{onClose:p,contentItemId:c.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(t){f.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:c.settingsState.contentItemId,title:null!=t?t:void 0})},params:{initialContext:g},onEvent:function onEvent(t){if("applyResults"==t.type){var o,i=t.payload;!(null!==(o=c.divaWebPlanner.actSet())&&void 0!==o&&o.CatalogData.isIDMFormat)&&Object.entries(i).forEach((function(t){var o=(0,a.Z)(t,2),r=o[0],c=o[1];i["OPT".concat(r)]="OPV".concat(c)})),c.paletteViewHandler.changeOnCheckoutConfig(i,b)}else"onCancel"!=t.type&&"onClose"!=t.type||p()}},c.settingsState.contentItemId+c.settingsState.contentItemVisible);if(d)w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(t=c.uiState.wrapperRef)&&void 0!==t?t:void 0,handleInternScroll:!0});else w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:o,mountElement:null!==(l=null!=i?i:c.productState.productElement)&&void 0!==l?l:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else y&&(O("content-item"),setTimeout((function(){m(!1)}),400))}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId]),(0,A.jsx)(A.Fragment,{})}))},34586:(t,o,i)=>{i.r(o),i.d(o,{default:()=>M});var r=i(80248),a=i(72874),c=i(87363),l=i(63762),u=i(9420),d=i(31355),p=i(19715),A=i(93379),f=i.n(A),b=i(7795),g=i.n(b),y=i(90569),m=i.n(y),v=i(3565),w=i.n(v),O=i(19216),P=i.n(O),x=i(44589),C=i.n(x),k=i(23522),D={};D.styleTagTransform=C(),D.setAttributes=w(),D.insert=m().bind(null,"head"),D.domAPI=g(),D.insertStyleElement=P();f()(k.Z,D);k.Z&&k.Z.locals&&k.Z.locals;var j=i(34384),S=i(47514),I=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const M=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,I),u=(0,l.NP)(),A=(0,c.useRef)(null),f=function onClick(){if(A.current){var t=A.current.getBoundingClientRect().height;A.current.scrollTop>100&&(t=0),A.current.scrollTo({top:t,behavior:"smooth"})}};return(0,c.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&f()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,S.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(t){A.current=t,u.productState.setProductElement(t)}},r),{},{id:"wcConfigurator-product",children:[!u.uiState.isLoading&&(0,S.jsx)("div",{className:k.x,onClick:f}),(0,S.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,S.jsx)(d.default,{}),(0,S.jsx)(j.default,{direction:i})]}))}))},98763:(t,o,i)=>{i.r(o),i.d(o,{default:()=>C});var r=i(65515),a=i.n(r),c=(i(87363),i(68692)),l=i(93379),u=i.n(l),d=i(7795),p=i.n(d),A=i(90569),f=i.n(A),b=i(3565),g=i.n(b),y=i(19216),m=i.n(y),v=i(44589),w=i.n(v),O=i(75581),P={};P.styleTagTransform=w(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=m();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var x=i(47514);const C=function Toggle(t){var o,i=t.onChange,r=t.val,l=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,A=t.height,f=void 0===A?40:A,b=t.width,g=void 0===b?80:b,y=t.handleDiameter,m=void 0===y?32:y,v=t.toggleTextClassName,w=void 0===v?O.f6:v,P=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,x.jsx)(c.Z,{className:"no-swiping",checkedIcon:u?(0,x.jsx)("div",{className:a()(w),id:"yes",children:u}):(0,x.jsx)(x.Fragment,{}),uncheckedIcon:d?(0,x.jsx)("div",{className:a()(w),id:"no",children:d}):(0,x.jsx)(x.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!l)},checked:l,onColor:P,offColor:p?P:"#CACACA",height:f,width:g,handleDiameter:m})}},23522:(t,o,i)=>{i.d(o,{Z:()=>g,x:()=>b});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),A=l()(a()),f=d()(p);A.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+f+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const g=A},75581:(t,o,i)=>{i.d(o,{ZP:()=>d,f6:()=>u});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c)()(a());l.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss";const d=l},27557:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},66993:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},64197:t=>{t.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>l});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),c=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var c=(t-i)/(o-i);if(0===c)return r;if(1===c)return a;for(var l="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),A=Math.round((1-c)*d+c*p).toString(16);1===A.length&&(A="0"+A),l+=A}return l}(t,o,i,h(r),h(a))}var l=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var c=Math.min(this.i,Math.max(this.o,a));c!==r&&this.setState({h:c})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,c=this.props.checked,l=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||c&&i<=l||!c&&i>=l)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,c=t.offColor,l=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,A=t.uncheckedIcon,f=t.checkedHandleIcon,b=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,m=t.height,v=t.width,w=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,x=P.h,C=P.U,k=P.B,D={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:m/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:m,width:v,margin:Math.max(0,(this.t-m)/2),position:"relative",background:e(x,this.i,this.o,c,l),borderRadius:"number"==typeof w?w:m/2,cursor:i?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},S={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"relative",opacity:(x-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},I={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"absolute",opacity:1-(x-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(x,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+x+"px)",top:Math.max(0,(m-this.t)/2),outline:0,boxShadow:k?y:g,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},B={height:this.t,width:this.t,opacity:Math.max(2*((x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:D},r.createElement("div",{className:"react-switch-bg",style:j,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:S},p),A&&r.createElement("div",{style:I},A)),r.createElement("div",{className:"react-switch-handle",style:M,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:E},b),f&&r.createElement("div",{style:B},f)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);l.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:c,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);