@crystaldesign/diva-web-planner-react 24.14.0-beta.9 → 24.15.0-beta.1

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3695.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695],{23695:(n,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>c});var r=o(72874),t=(o(87363),o(9420)),a=o(92349),i=o(65515),d=o.n(i),l=o(33705),s=o.n(l),p=o(32919),u=o(47514),x=["json","isExpanded","collapsed"];const c=(0,t.Pi)((function JsonViewer(n){var e=n.json,o=n.isExpanded,t=n.collapsed,i=void 0===t?1:t,l=((0,r.Z)(n,x),(0,p.NP)());return(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{className:d()(a.YS,o?a.rp:void 0),children:(0,u.jsx)(s(),{collapseStringsAfterLength:!1,enableClipboard:!1,collapsed:i,displayDataTypes:!1,displayObjectSize:!1,shouldCollapse:!1,theme:"ashes",src:e},l.settingsState.configChanged)})})}))},62860:(n,e,o)=>{"use strict";o.d(e,{BZ:()=>d,Jf:()=>x,Od:()=>l,Uj:()=>h,Ux:()=>u,YS:()=>m,ZP:()=>b,_D:()=>f,l1:()=>c,qk:()=>s,rp:()=>g,tX:()=>p});var r=o(8081),t=o.n(r),a=o(23645),i=o.n(a)()(t());i.push([n.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 d="index-module--d56lH",l="index-module--TipV7",s="index-module--F8fkE",p="index-module--_cMQA",u="index-module--LpnAj",x="index-module--Sj8he",c="index-module--FqwmN",m="index-module--cGqPx",g="index-module--HI_ql",h="index-module--kIX5J",f="index-module--x1F61";const b=i},92349:(n,e,o)=>{"use strict";o.d(e,{BZ:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var r=o(93379),t=o.n(r),a=o(7795),i=o.n(a),d=o(90569),l=o.n(d),s=o(3565),p=o.n(s),u=o(19216),x=o.n(u),c=o(44589),m=o.n(c),g=o(62860),h={};h.styleTagTransform=m(),h.setAttributes=p(),h.insert=l().bind(null,"head"),h.domAPI=i(),h.insertStyleElement=x();t()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},65515:(n,e)=>{var o;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var n="",e=0;e<arguments.length;e++){var o=arguments[e];o&&(n=appendClass(n,parseValue(o)))}return n}function parseValue(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return classNames.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var e="";for(var o in n)r.call(n,o)&&n[o]&&(e=appendClass(e,o));return e}function appendClass(n,e){return e?n?n+" "+e:n+e:n}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(o=function(){return classNames}.apply(e,[]))||(n.exports=o)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695],{59165:(e,n,t)=>{"use strict";t.d(n,{_l:()=>r,gc:()=>JsonView});var a=t(87363);const isDate=e=>!!e&&e instanceof Date;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:s,level:i,style:c,shouldExpandNode:d,clickToExpandNode:u,outerRef:p}=e;const m=(0,a.useRef)(!1),[g,b,f]=function useBool(e){const[n,t]=(0,a.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>d(i,t,n))),x=(0,a.useRef)(null);(0,a.useEffect)((()=>{m.current?f(d(i,t,n)):m.current=!0}),[d]);const _=g?c.collapseIcon:c.expandIcon,h=g?"collapse JSON":"expand JSON",v=(0,a.useId)(),y=i+1,k=l.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),f("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;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:c.basicChildStyle,role:"treeitem","aria-expanded":g,"aria-selected":void 0},(0,a.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":h,"aria-expanded":g,"aria-controls":g?v:void 0,ref:x,tabIndex:0===i?0:-1}),(n||""===n)&&(u?(0,a.createElement)("span",{className:c.clickableLabel,onClick,onKeyDown},quoteString(n,c.quotesForFieldNames),":"):(0,a.createElement)("span",{className:c.label},quoteString(n,c.quotesForFieldNames),":")),(0,a.createElement)("span",{className:c.punctuation},r),g?(0,a.createElement)("ul",{id:v,role:"group"},l.map(((e,n)=>(0,a.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:c,lastElement:n===k,level:y,shouldExpandNode:d,clickToExpandNode:u,outerRef:p})))):(0,a.createElement)("span",{className:c.collapsedContent,onClick,onKeyDown}),(0,a.createElement)("span",{className:c.punctuation},s),!o&&(0,a.createElement)("span",{className:c.punctuation},","))}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},","))}function JsonObject(e){let{field:n,value:t,style:a,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:s,outerRef:i}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:l,style:a}):ExpandableObject({field:n,value:t,lastElement:l||!1,level:s,openBracket:"{",closeBracket:"}",style:a,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:i})}function JsonArray(e){let{field:n,value:t,style:a,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:s,outerRef:i}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:l,style:a}):ExpandableObject({field:n,value:t,lastElement:l||!1,level:o,openBracket:"[",closeBracket:"]",style:a,shouldExpandNode:r,clickToExpandNode:s,data:t.map((e=>[void 0,e])),outerRef:i})}function JsonPrimitiveValue(e){let n,{field:t,value:l,style:o,lastElement:r}=e,s=o.otherValue;var i;return null===l?(n="null",s=o.nullValue):void 0===l?(n="undefined",s=o.undefinedValue):"string"==typeof(i=l)||i instanceof String?(n=quoteString(l,!o.noQuotesForStringValues),s=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(l)?(n=l?"true":"false",s=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(l)?(n=l.toString(),s=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(l)?(n=`${l.toString()}n`,s=o.numberValue):n=isDate(l)?l.toISOString():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:s},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)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,a.createElement)(JsonObject,Object.assign({},e)):(0,a.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var l="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:l,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},r={container:"_11RoI _GzYRV",basicChildStyle:l,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},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:l=allExpanded,clickToExpandNode:r=!1,...s}=e;const i=(0,a.useRef)(null);return(0,a.createElement)("div",Object.assign({"aria-label":"JSON view"},s,{className:t.container,ref:i,role:"tree"}),(0,a.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:r,outerRef:i}))}},23695:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>p});var a=t(72874),l=(t(87363),t(9420)),o=t(92349),r=t(65515),s=t.n(r),i=t(59165),c=(t(39374),t(32919)),d=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,c.NP)());return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("div",{className:s()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,d.jsx)(i.gc,{data:n,style:i._l},l.settingsState.configChanged)})})}))},62860:(e,n,t)=>{"use strict";t.d(n,{BZ:()=>s,Jf:()=>p,Od:()=>i,Uj:()=>f,Ux:()=>u,YS:()=>g,ZP:()=>_,_D:()=>x,l1:()=>m,qk:()=>c,rp:()=>b,tX:()=>d});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 s="index-module--d56lH",i="index-module--TipV7",c="index-module--F8fkE",d="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 _=r},9917:(e,n,t)=>{"use strict";t.d(n,{Z:()=>s});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 s=r},92349:(e,n,t)=>{"use strict";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),s=t(90569),i=t.n(s),c=t(3565),d=t.n(c),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(62860),f={};f.styleTagTransform=g(),f.setAttributes=d(),f.insert=i().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.ZP,f),b.ZP&&b.ZP.locals&&b.ZP.locals},39374:(e,n,t)=>{"use strict";var a=t(93379),l=t.n(a),o=t(7795),r=t.n(o),s=t(90569),i=t.n(s),c=t(3565),d=t.n(c),u=t(19216),p=t.n(u),m=t(44589),g=t.n(m),b=t(9917),f={};f.styleTagTransform=g(),f.setAttributes=d(),f.insert=i().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();l()(b.Z,f),b.Z&&b.Z.locals&&b.Z.locals},65515:(e,n)=>{var t;!function(){"use strict";var a={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)a.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3789.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3789],{93789:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(84658),r=t(34988),a=t(50747),l=t.n(a),d=t(87363),o=t(9420),c=t(32919),s=t(1463),u=t.n(s),f=t(93379),x=t.n(f),h=t(7795),m=t.n(h),p=t(90569),v=t.n(p),g=t(3565),C=t.n(g),A=t(19216),w=t.n(A),P=t(44589),b=t.n(P),S=t(89144),j={};j.styleTagTransform=b(),j.setAttributes=C(),j.insert=v().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=w();x()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var k=t(39851),y=t(47514);const D=(0,o.Pi)((function JsonEditor(e){var n=e.json,t=(e.plannerArticles,e.curBox),a=e.divaArticles,o=(0,c.NP)(),s=(0,d.useRef)(null),f=(0,d.useRef)(null),x=(0,d.useState)(null!=n?n:{}),h=(0,r.Z)(x,2),m=h[0],p=h[1],v=(0,d.useState)(!0),g=(0,r.Z)(v,2),C=g[0],A=g[1],w=(0,d.useState)([]),P=(0,r.Z)(w,2),b=P[0],j=P[1],D=a[t],I={mode:"code",onChange:function onChange(){try{var e=f.current,n=(e.get(),e.validate());A(n)}catch(e){return void A(!1)}}};(0,d.useEffect)((function(){p(n)})),(0,d.useEffect)((function(){s.current&&(f.current||(f.current=new(u())(s.current,I)),f.current&&f.current.set(m))}),[m]);var Z=function(){var e=(0,i.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if((e=f.current).get()&&0!==Object.keys(e.get()).length){n.next=4;break}return alert("Cannot save empty value"),n.abrupt("return");case 4:return D.catalogArticle.modifiedJ3D=e.get(),D.resetShelfPlanner(),n.next=8,D.updateShelfPlannerState();case 8:o.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return n.stop()}}),_callee)})));return function onClickSave(){return e.apply(this,arguments)}}();function setModifiedInfo(){var e,n=null===(e=o.divaWebPlanner.getCatalogData())||void 0===e?void 0:e.allCatalogArticles,t=[];for(var i in n)n[i].catalogArticle.modifiedJ3D&&t.push({articleCodex:i,j3d:JSON.stringify(n[i].catalogArticle.modifiedJ3D)});j(t)}return(0,y.jsxs)("div",{className:S.YS,children:[(0,y.jsx)("div",{ref:s,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,y.jsxs)("div",{className:S.IU,children:[(0,y.jsx)("button",{className:S.LI,disabled:!C,onClick:function onClick(){return Z()},children:"Save"}),(0,y.jsx)("button",{className:S.LI,onClick:function onClick(){return function onClickExport(){if(b&&0!==b.length)for(var e=0;e<b.length;e++)k.ZP.downloadStringAsTxtFile(b[e].j3d,"text/plain",b[e].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,y.jsxs)("div",{children:[(0,y.jsx)("h5",{children:"Modified Articles"}),b.map((function(e,n){return(0,y.jsx)("p",{className:S.lI,children:e.articleCodex},n)}))]})]})]})}))},89144:(e,n,t)=>{t.d(n,{IU:()=>c,LI:()=>o,YS:()=>d,ZP:()=>u,lI:()=>s});var i=t(8081),r=t.n(i),a=t(23645),l=t.n(a)()(r());l.push([e.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var d="index-module--B2E8Y",o="index-module--Qe3Dm",c="index-module--AG2M4",s="index-module--QweAA";const u=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3789],{93789:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(84658),r=t(34988),a=t(50747),l=t.n(a),d=t(87363),o=t(9420),c=t(32919),s=t(1463),u=t.n(s),f=t(93379),x=t.n(f),h=t(7795),m=t.n(h),p=t(90569),v=t.n(p),g=t(3565),C=t.n(g),A=t(19216),w=t.n(A),P=t(44589),b=t.n(P),S=t(89144),j={};j.styleTagTransform=b(),j.setAttributes=C(),j.insert=v().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=w();x()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var k=t(21581),y=t(47514);const D=(0,o.Pi)((function JsonEditor(e){var n=e.json,t=(e.plannerArticles,e.curBox),a=e.divaArticles,o=(0,c.NP)(),s=(0,d.useRef)(null),f=(0,d.useRef)(null),x=(0,d.useState)(null!=n?n:{}),h=(0,r.Z)(x,2),m=h[0],p=h[1],v=(0,d.useState)(!0),g=(0,r.Z)(v,2),C=g[0],A=g[1],w=(0,d.useState)([]),P=(0,r.Z)(w,2),b=P[0],j=P[1],D=a[t],I={mode:"code",onChange:function onChange(){try{var e=f.current,n=(e.get(),e.validate());A(n)}catch(e){return void A(!1)}}};(0,d.useEffect)((function(){p(n)})),(0,d.useEffect)((function(){s.current&&(f.current||(f.current=new(u())(s.current,I)),f.current&&f.current.set(m))}),[m]);var Z=function(){var e=(0,i.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if((e=f.current).get()&&0!==Object.keys(e.get()).length){n.next=4;break}return alert("Cannot save empty value"),n.abrupt("return");case 4:return D.catalogArticle.modifiedJ3D=e.get(),D.resetShelfPlanner(),n.next=8,D.updateShelfPlannerState();case 8:o.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return n.stop()}}),_callee)})));return function onClickSave(){return e.apply(this,arguments)}}();function setModifiedInfo(){var e,n=null===(e=o.divaWebPlanner.getCatalogData())||void 0===e?void 0:e.allCatalogArticles,t=[];for(var i in n)n[i].catalogArticle.modifiedJ3D&&t.push({articleCodex:i,j3d:JSON.stringify(n[i].catalogArticle.modifiedJ3D)});j(t)}return(0,y.jsxs)("div",{className:S.YS,children:[(0,y.jsx)("div",{ref:s,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,y.jsxs)("div",{className:S.IU,children:[(0,y.jsx)("button",{className:S.LI,disabled:!C,onClick:function onClick(){return Z()},children:"Save"}),(0,y.jsx)("button",{className:S.LI,onClick:function onClick(){return function onClickExport(){if(b&&0!==b.length)for(var e=0;e<b.length;e++)k.ZP.downloadStringAsTxtFile(b[e].j3d,"text/plain",b[e].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,y.jsxs)("div",{children:[(0,y.jsx)("h5",{children:"Modified Articles"}),b.map((function(e,n){return(0,y.jsx)("p",{className:S.lI,children:e.articleCodex},n)}))]})]})]})}))},89144:(e,n,t)=>{t.d(n,{IU:()=>c,LI:()=>o,YS:()=>d,ZP:()=>u,lI:()=>s});var i=t(8081),r=t.n(i),a=t(23645),l=t.n(a)()(r());l.push([e.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var d="index-module--B2E8Y",o="index-module--Qe3Dm",c="index-module--AG2M4",s="index-module--QweAA";const u=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3812.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812,59,4297,304,9119,4690],{10304:(e,t,n)=>{"use strict";t.Z=void 0;var r=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=r?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(87363)),o=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,r.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a: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(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var r=0,o=t.length;r<o;r++)if("group"===t[r].type){var a=t[r].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,o.default)(s),u=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return r.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},u),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,o=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(o,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(o,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:r.default.createElement("div",{className:"".concat(o,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.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 e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,y=s.className,m=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,o.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,y,!!y),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,o.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,m,!!m),t)),_=(0,o.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,o.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,o.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=r.default.createElement("div",{className:_},v),x=this.state.isOpen?r.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:b},r.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),x)}}]),Dropdown}(r.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var r=n(34988),o=n(65515),a=n.n(o),i=n(87363),s=n(10304),l=n(20196),u=n(14297),c=n(32919),d=n(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),o=(0,r.Z)(n,1)[0],f=(0,i.useState)(),h=(0,r.Z)(f,2),y=h[0],m=h[1],v=(0,c.NP)();(0,i.useEffect)((function(){t.layout=null!=y?y:o,v.paletteViewHandler.updateCurPaletteData(!0)}),[y]),(0,i.useEffect)((function(){return function(){t.layout=o,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return m(void 0)},open:!1,iconAsDelete:!!y});return(0,d.jsxs)("div",{className:l.YS,children:["Layout:",(0,d.jsx)(s.Z,{className:a()(l.oF),controlClassName:l.x_,options:p,value:y,onChange:function onChange(e){return m(e.value)},placeholder:o,arrowClosed:b,arrowOpen:b})]})}},14297:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>P});var r=n(72874),o=(n(87363),n(93379)),a=n.n(o),i=n(7795),s=n.n(i),l=n(90569),u=n.n(l),c=n(3565),d=n.n(c),p=n(19216),f=n.n(p),h=n(44589),y=n.n(h),m=n(8368),v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),O=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,o=e.open,a=(0,r.Z)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(m.xX,n?m.zl:void 0,n?void 0:o?m.h1:m.Oe,a.className)})}},95044:(e,t,n)=>{"use strict";n.d(t,{YS:()=>s,ZP:()=>c,oF:()=>l,x_:()=>u});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",u="index-module--h2JpC";const c=i},8368:(e,t,n)=>{"use strict";n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>m,xX:()=>h,zl:()=>y});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),u=new URL(n(49797),n.b),c=new URL(n(24827),n.b),d=i()(o()),p=l()(u),f=l()(c);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",y="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const b=d},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},20196:(e,t,n)=>{"use strict";n.d(t,{YS:()=>y.YS,oF:()=>y.oF,x_:()=>y.x_});var r=n(93379),o=n.n(r),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),u=n(3565),c=n.n(u),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),y=n(95044),m={};m.styleTagTransform=h(),m.setAttributes=c(),m.insert=l().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p();o()(y.ZP,m),y.ZP&&y.ZP.locals&&y.ZP.locals},49797:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812,59,4297,304,9119],{10304:(e,t,n)=>{"use strict";t.Z=void 0;var r=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=r?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(87363)),o=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,r.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a: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(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var r=0,o=t.length;r<o;r++)if("group"===t[r].type){var a=t[r].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,o.default)(s),u=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return r.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},u),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,o=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(o,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(o,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:r.default.createElement("div",{className:"".concat(o,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.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 e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,y=s.className,m=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,o.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,y,!!y),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,o.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,m,!!m),t)),_=(0,o.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,o.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,o.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=r.default.createElement("div",{className:_},v),x=this.state.isOpen?r.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:b},r.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),x)}}]),Dropdown}(r.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var r=n(34988),o=n(65515),a=n.n(o),i=n(87363),s=n(10304),l=n(20196),u=n(14297),c=n(32919),d=n(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),o=(0,r.Z)(n,1)[0],f=(0,i.useState)(),h=(0,r.Z)(f,2),y=h[0],m=h[1],v=(0,c.NP)();(0,i.useEffect)((function(){t.layout=null!=y?y:o,v.paletteViewHandler.updateCurPaletteData(!0)}),[y]),(0,i.useEffect)((function(){return function(){t.layout=o,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return m(void 0)},open:!1,iconAsDelete:!!y});return(0,d.jsxs)("div",{className:l.YS,children:["Layout:",(0,d.jsx)(s.Z,{className:a()(l.oF),controlClassName:l.x_,options:p,value:y,onChange:function onChange(e){return m(e.value)},placeholder:o,arrowClosed:b,arrowOpen:b})]})}},14297:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>P});var r=n(72874),o=(n(87363),n(93379)),a=n.n(o),i=n(7795),s=n.n(i),l=n(90569),u=n.n(l),c=n(3565),d=n.n(c),p=n(19216),f=n.n(p),h=n(44589),y=n.n(h),m=n(8368),v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),O=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,o=e.open,a=(0,r.Z)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(m.xX,n?m.zl:void 0,n?void 0:o?m.h1:m.Oe,a.className)})}},95044:(e,t,n)=>{"use strict";n.d(t,{YS:()=>s,ZP:()=>c,oF:()=>l,x_:()=>u});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",u="index-module--h2JpC";const c=i},8368:(e,t,n)=>{"use strict";n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>m,xX:()=>h,zl:()=>y});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),u=new URL(n(49797),n.b),c=new URL(n(24827),n.b),d=i()(o()),p=l()(u),f=l()(c);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",y="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const b=d},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},20196:(e,t,n)=>{"use strict";n.d(t,{YS:()=>y.YS,oF:()=>y.oF,x_:()=>y.x_});var r=n(93379),o=n.n(r),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),u=n(3565),c=n.n(u),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),y=n(95044),m={};m.styleTagTransform=h(),m.setAttributes=c(),m.insert=l().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p();o()(y.ZP,m),y.ZP&&y.ZP.locals&&y.ZP.locals},49797:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);