npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.5.0-beta.3 → 25.5.0-beta.30 - Mend

@crystaldesign/diva-web-planner-react 25.5.0-beta.3 → 25.5.0-beta.30

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 575.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[575,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 r=function NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},32131:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(53185),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var k=t(47514);const j=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.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,k.jsx)(k.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().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)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,k.jsx)("div",{children:(0,k.jsxs)("div",{className:w.Q_,children:[(0,k.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},97807:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(53185),v=t(9420),S=t(5503),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},10575:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>O});var i=t(53185),o=t(87363),a=t(32131),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(95189),y=t(7380),w=t(9420),P=t(65515),k=t.n(P),j=t(97807),C=t(69001),B=t(27123),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--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":"0.3125rem"};const O=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.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:k()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0}),(0,D.jsx)(j.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.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("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\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  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[575,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 r=function NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},32131:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(53185),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var k=t(47514);const j=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.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,k.jsx)(k.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().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)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,k.jsx)("div",{children:(0,k.jsxs)("div",{className:w.Q_,children:[(0,k.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},97807:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(53185),v=t(9420),S=t(5503),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},10575:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(53185),o=t(87363),a=t(32131),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(95189),y=t(7380),w=t(9420),P=t(65515),k=t.n(P),j=t(97807),C=t(69001),B=t(27123),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--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":"0.3125rem"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.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:k()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0}),(0,D.jsx)(j.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.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("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\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  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5762,3812,7810,3263,4690],{10304:(e,t,n)=>{t.Z=void 0;var o=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={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}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 _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 o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}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,o.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 o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);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,r.default)(s),c=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 o.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"},c),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-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,c=s.controlClassName,u=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,y,!!y),t)),O=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),x=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),_=o.default.createElement("div",{className:O},v),w=this.state.isOpen?o.default.createElement("div",{className:x,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),w)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),r=n(65515),a=n.n(r),i=n(87363),s=n(10304),l=n(20196),c=n(73263),u=n(53185),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),r=(0,o.Z)(n,1)[0],f=(0,i.useState)(),h=(0,o.Z)(f,2),m=h[0],y=h[1],v=(0,u.NP)();(0,i.useEffect)((function(){t.layout=null!=m?m:r,v.paletteViewHandler.updateCurPaletteData(!0)}),[m]),(0,i.useEffect)((function(){return function(){t.layout=r,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(c.default,{onClick:function onClick(){return y(void 0)},open:!1,iconAsDelete:!!m});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:m,onChange:function onChange(e){return y(e.value)},placeholder:r,arrowClosed:b,arrowOpen:b})]})}},27810:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var o=n(65515),r=n.n(o),a=n(9420),i=(n(87363),n(10304)),s=n(20196),l=n(73263),c=n(47514);const u=(0,a.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,o=(0,c.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:s.YS,children:(0,c.jsx)(i.Z,{className:r()(s.oF),controlClassName:s.x_,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:o,arrowOpen:o})})}))},35762:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var o=n(80248),r=n(84658),a=n(34988),i=n(50747),s=n.n(i),l=n(65515),c=n.n(l),u=n(9420),d=n(53185),p=n(87363),f=n(93379),h=n.n(f),m=n(7795),y=n.n(m),v=n(90569),b=n.n(v),g=n(3565),O=n.n(g),x=n(19216),P=n.n(x),_=n(44589),w=n.n(_),C=n(7046),D={};D.styleTagTransform=w(),D.setAttributes=O(),D.insert=b().bind(null,"head"),D.domAPI=y(),D.insertStyleElement=P();h()(C.ZP,D);C.ZP&&C.ZP.locals&&C.ZP.locals;var k=n(27810),S=n(73812),j=n(88683),N=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 E=(0,u.Pi)((function CatalogMakeup(e){var t=(0,d.NP)(),n=(0,p.useState)([]),o=(0,a.Z)(n,2),i=o[0],l=o[1],u=(0,p.useState)(),f=(0,a.Z)(u,2),h=f[0],m=f[1],y=null==i?void 0:i.find((function(e){return e.codex===h}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&l(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==i?void 0:i.find((function(e){return e.codex===h}));e&&v(e)}),[h]);var v=function(){var e=(0,r.Z)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){o.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),o.next=6,j.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return o.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,N.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:c()(e.className,C.fm),children:(0,N.jsxs)("div",{className:C.YS,children:[(0,N.jsx)("a",{className:C.Fs,children:"CatalogMakeup"}),(0,N.jsxs)("div",{className:C.nC,children:[(0,N.jsx)(k.default,{options:i,optionState:[h,m]}),y&&(0,N.jsx)(S.default,{option:y},y.codex)]})]})}))}))},73263:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),c=n.n(l),u=n(3565),d=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),O=n(47514),x=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,x);return(0,O.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},95044:(e,t,n)=>{n.d(t,{YS:()=>s,ZP:()=>u,oF:()=>l,x_:()=>c});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());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",c="index-module--h2JpC";const u=i},7046:(e,t,n)=>{n.d(t,{Fs:()=>c,YS:()=>s,ZP:()=>d,fm:()=>l,nC:()=>u});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--tlOAN {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var s="index-module--tlOAN",l="index-module--Y4cLX",c="index-module--mAsES",u="index-module--Ool1Y";const d=i},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),c=new URL(n(49797),n.b),u=new URL(n(24827),n.b),d=i()(r()),p=l()(c),f=l()(u);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_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=d},20196:(e,t,n)=>{n.d(t,{YS:()=>m.YS,oF:()=>m.oF,x_:()=>m.x_});var o=n(93379),r=n.n(o),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),c=n(3565),u=n.n(c),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),m=n(95044),y={};y.styleTagTransform=h(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.ZP,y),m.ZP&&m.ZP.locals&&m.ZP.locals},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5762,3812,7810,3263],{10304:(e,t,n)=>{t.Z=void 0;var o=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={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}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 _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 o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}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,o.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 o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);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,r.default)(s),c=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 o.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"},c),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-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,c=s.controlClassName,u=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,y,!!y),t)),O=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),x=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),_=o.default.createElement("div",{className:O},v),w=this.state.isOpen?o.default.createElement("div",{className:x,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),w)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),r=n(65515),a=n.n(r),i=n(87363),s=n(10304),l=n(20196),c=n(73263),u=n(53185),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),r=(0,o.Z)(n,1)[0],f=(0,i.useState)(),h=(0,o.Z)(f,2),m=h[0],y=h[1],v=(0,u.NP)();(0,i.useEffect)((function(){t.layout=null!=m?m:r,v.paletteViewHandler.updateCurPaletteData(!0)}),[m]),(0,i.useEffect)((function(){return function(){t.layout=r,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(c.default,{onClick:function onClick(){return y(void 0)},open:!1,iconAsDelete:!!m});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:m,onChange:function onChange(e){return y(e.value)},placeholder:r,arrowClosed:b,arrowOpen:b})]})}},27810:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var o=n(65515),r=n.n(o),a=n(9420),i=(n(87363),n(10304)),s=n(20196),l=n(73263),c=n(47514);const u=(0,a.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,o=(0,c.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:s.YS,children:(0,c.jsx)(i.Z,{className:r()(s.oF),controlClassName:s.x_,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:o,arrowOpen:o})})}))},35762:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var o=n(80248),r=n(84658),a=n(34988),i=n(50747),s=n.n(i),l=n(65515),c=n.n(l),u=n(9420),d=n(53185),p=n(87363),f=n(93379),h=n.n(f),m=n(7795),y=n.n(m),v=n(90569),b=n.n(v),g=n(3565),O=n.n(g),x=n(19216),P=n.n(x),_=n(44589),w=n.n(_),C=n(7046),D={};D.styleTagTransform=w(),D.setAttributes=O(),D.insert=b().bind(null,"head"),D.domAPI=y(),D.insertStyleElement=P();h()(C.ZP,D);C.ZP&&C.ZP.locals&&C.ZP.locals;var k=n(27810),S=n(73812),j=n(88683),N=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 E=(0,u.Pi)((function CatalogMakeup(e){var t=(0,d.NP)(),n=(0,p.useState)([]),o=(0,a.Z)(n,2),i=o[0],l=o[1],u=(0,p.useState)(),f=(0,a.Z)(u,2),h=f[0],m=f[1],y=null==i?void 0:i.find((function(e){return e.codex===h}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&l(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==i?void 0:i.find((function(e){return e.codex===h}));e&&v(e)}),[h]);var v=function(){var e=(0,r.Z)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){o.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),o.next=6,j.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return o.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,N.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:c()(e.className,C.fm),children:(0,N.jsxs)("div",{className:C.YS,children:[(0,N.jsx)("a",{className:C.Fs,children:"CatalogMakeup"}),(0,N.jsxs)("div",{className:C.nC,children:[(0,N.jsx)(k.default,{options:i,optionState:[h,m]}),y&&(0,N.jsx)(S.default,{option:y},y.codex)]})]})}))}))},73263:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),c=n.n(l),u=n(3565),d=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),O=n(47514),x=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,x);return(0,O.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},95044:(e,t,n)=>{n.d(t,{YS:()=>s,ZP:()=>u,oF:()=>l,x_:()=>c});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());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",c="index-module--h2JpC";const u=i},7046:(e,t,n)=>{n.d(t,{Fs:()=>c,YS:()=>s,ZP:()=>d,fm:()=>l,nC:()=>u});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--tlOAN {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var s="index-module--tlOAN",l="index-module--Y4cLX",c="index-module--mAsES",u="index-module--Ool1Y";const d=i},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),c=new URL(n(49797),n.b),u=new URL(n(24827),n.b),d=i()(r()),p=l()(c),f=l()(u);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_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=d},20196:(e,t,n)=>{n.d(t,{YS:()=>m.YS,oF:()=>m.oF,x_:()=>m.x_});var o=n(93379),r=n.n(o),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),c=n(3565),u=n.n(c),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),m=n(95044),y={};y.styleTagTransform=h(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.ZP,y),m.ZP&&m.ZP.locals&&m.ZP.locals},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5822.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5822,8240,7348,3525,3090,9290,8938,8117,8445,4580,4829,4723,2352,4516,5115],{58240:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),"BoxCopyLeft"==n.type?"LEFT":"BoxCopyRight"==n.type?"RIGHT":"BoxCopyTop"==n.type?"TOP":"STD")},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(53185),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,s?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(53185),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,s?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(53185),c=(n(87363),n(47514));const a=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&s&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&s&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(53891),a=n(22976),s=n.n(a),u=n(53185),d=n(47514),p=new c.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),a=(0,o.Z)(i,2),f=a[0],v=a[1],m=(0,l.useRef)(null),h=!1,g=(0,u.NP)();return(0,d.jsx)(s(),{handle:".handle3DMove",nodeRef:m,onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(h&&!f)v(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(f){var o,l,i,r=null!==(o=g.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?g.productState.planner3DGridElement.getBoundingClientRect().left:0,a=null!==(l=g.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?g.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=t.onDragMoveFunction)||void 0===i||i.call(t,t.setId,Number(t.elementId),new c.FM(e.clientX-r,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var s;null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-a)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}h=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;f&&(v(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),h=!1}()},children:(0,d.jsx)("div",{ref:m,style:{visibility:f?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DMove",n.classes.buttonGeneral,n.classes.move3DGrid.move3DGrid)})})}},88445:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),c=n(87363),a=n(53891),s=n(47514),u=new a.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,c.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,c.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,c.useState)(l.position.y),x=(0,o.Z)(C,2),I=x[0],P=x[1],D=!1;return(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){D=!0,u=new a.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new a.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;D&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new a.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),P(I+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);D=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(D&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new a.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),P(I+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;D=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},style:{left:g+"px",top:I+"px",width:(null==l||null===(t=l.size)||void 0===t?void 0:t.x)+"px",height:(null==l||null===(n=l.size)||void 0===n?void 0:n.y)+"px",transform:"rotate("+(null==l?void 0:l.rotOfElement)+"deg)"},className:i()(f?r.classes.outline.outline2D.draggableActive:void 0,"selected"==l.elemState?r.classes.outline.outline2D.draggable:void 0,"selectable"==l.elemState?r.classes.outline.outline2D.selectable:void 0)})}))},24580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(53185)),c=n(47514);const a=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=e.hasTrash,s=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=a&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",(0,c.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:"BoxPlanner"==s.productState.plannerMode?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,c.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:"BoxPlanner"==s.productState.plannerMode?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(53891),a=n(22976),s=n.n(a),u=n(53185),d=n(47514),p=new c.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),a=(0,l.useState)(!1),f=(0,o.Z)(a,2),v=f[0],m=f[1],h=(0,l.useRef)(null),g=!1;return(0,d.jsx)(s(),{nodeRef:h,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){g=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(g&&!v)m(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(v){var o,l,r,a=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,s=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(r=t.onDragMoveFunction)||void 0===r||r.call(t,t.setId,Number(t.elementId),new c.FM(e.clientX-a,e.clientY-s)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new c.FM(e.touches[0].clientX-a,e.touches[0].clientY-s)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}g=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;v&&(m(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),g=!1}()},children:(0,d.jsx)("div",{ref:h,style:{visibility:v?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}},94723:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,c=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",a=n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?"calc("+n.top+"% )":n.top+"px";return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:c,top:a},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{n.d(t,{Z:()=>useDockingPointPositioning});var o=n(53891),l=n(53185);function useDockingPointPositioning(e){var t,n,i,r,c=e.dpElement,a=e.item,s=(0,l._w)(),u=null==c?void 0:c.getBoundingClientRect(),d=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,p=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&a){var f=new o.FM(d,p),v=s.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==a?void 0:a.type)||"AVR"==(null==a?void 0:a.type)){if("2D"===a.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==a?void 0:a.type)&&(m=new o.FM(-u.width,0),null!=a&&a.rotOfElement&&(m=o.FM.rotateOrigin(m,null==a?void 0:a.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==a?void 0:a.type)&&"3D"==(null==a?void 0:a.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==a.type||"BoxCopyRight"==(null==a?void 0:a.type)||null==a||a.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),c=n(47514);const a=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,a=(0,l.useState)(null),s=(0,o.Z)(a,2),u=s[0],d=s[1],p=(0,r.Z)({item:t,dpElement:u});return(0,c.jsx)(c.Fragment,{children:t&&(0,c.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},35822:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),c=n(59290),a=n(88445),s=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(53891),v=n(53185);var m=n(85115),h=n(24580),g=n(58240),y=n(78117),C=n(54829),x=n(88683),I=n(74530),P=(0,x.getLogger)("Planner","CopyElementPositioning");var D=n(67348),w=n(33525),M=n(47514);const E=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),x=(0,i.useState)(null),E=(0,o.Z)(x,2),N=E[0],R=E[1],k=(0,i.useState)(null),S=(0,o.Z)(k,2),b=S[0],F=S[1],O=(0,i.useState)(null),U=(0,o.Z)(O,2),T=U[0],B=U[1],G=(0,i.useState)(null),A=(0,o.Z)(G,2),j=A[0],Z=(A[1],(0,i.useState)(null)),_=(0,o.Z)(Z,2),X=_[0],L=(_[1],(0,i.useState)(null)),Y=(0,o.Z)(L,2),V=Y[0],K=(Y[1],(0,i.useState)(null)),z=(0,o.Z)(K,2),H=z[0],q=z[1],W=(0,i.useState)(null),J=(0,o.Z)(W,2),Q=J[0],$=J[1],ee=(0,i.useState)(null),te=(0,o.Z)(ee,2),ne=te[0],oe=te[1],le=(0,i.useState)(null),ie=(0,o.Z)(le,2),re=(ie[0],ie[1]),ce=t.find((function(e){return"PosNr"==e.type})),ae=t.find((function(e){return"AVL"==e.type})),se=t.find((function(e){return"AVR"==e.type})),ue=[],de=[],pe=0;pe<t.length;pe++)"AccDP"==t[pe].type?ue.push(t[pe]):"DistanceFromGround"==t[pe].type&&de.push(t[pe]);var fe=t.find((function(e){return"Outline"==e.type})),ve=t.find((function(e){return"TrashIcon"==e.type})),me=t.find((function(e){return"CopyElement"==e.type})),he=t.find((function(e){return"RotateC"==e.type})),ge=t.find((function(e){return"RotateCC"==e.type})),ye=t.find((function(e){return"BoxCopyLeft"==e.type})),Ce=t.find((function(e){return"BoxCopyTop"==e.type})),xe=t.find((function(e){return"BoxCopyRight"==e.type})),Ie=t.find((function(e){return"Move3DGrid"==e.type})),Pe=t.find((function(e){return"Rot3DGrid"==e.type})),De=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,c=(0,v._w)(),a=null==i?void 0:i.getBoundingClientRect(),s=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(a){var d=new f.FM(s,u),p=c.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(a.width,.1*-a.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(a.width+h,-a.height/2-(a.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel")}s=d.x,u=d.y;break;case"3D":(s+=3)<1&&(s=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==a?void 0:a.width)&&void 0!==o?o:0,height:null!==(l=null==a?void 0:a.height)&&void 0!==l?l:0,top:u,left:s}}({item:ce,posNrElement:N}),we=(0,p.Z)({item:ae,dpElement:b}),Me=(0,p.Z)({item:se,dpElement:T}),Ee=(0,p.Z)({item:ye,dpElement:j}),Ne=(0,p.Z)({item:Ce,dpElement:X}),Re=(0,p.Z)({item:xe,dpElement:V}),ke=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,c=e.boxPlannerCopyLeftRect,a=e.boxPlannerCopyTopRect,s=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",C="",x=!1;if(p&&r){var I=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(I=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h=r.left+I.x,g=r.top+I.y):"3D"!=(null==u?void 0:u.plannerMode)&&"BOX"!=(null==u?void 0:u.plannerMode)||(m.enableElementCopy?(x=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",C=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"):(x=!0,y=r.left.toString()+"%",C=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"));break;case"TOP_RIGHT_BACK":if("2D"==(null==u?void 0:u.plannerMode)){var P=null!=u&&u.iconZoom?u.iconZoom:1;I=new f.FM(-p.width/2-(p.width/3+P),-p.height/2-(p.height/3.7-P)),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(I=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(c||s||a){var D=!1;c&&(Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0),!D&&s&&Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,D=!0),!D&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,D=!0))}(h-=1)>99&&(h=99),(g=100-g-2)<1&&(g=1)}}}return{width:null!==(o=null==p?void 0:p.width)&&void 0!==o?o:0,height:null!==(l=null==p?void 0:p.height)&&void 0!==l?l:0,top:g,left:h,doUseCalc:x,topCalc:x?C:void 0,leftCalc:x?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Ne,boxPlannerCopyRightRect:Re,trashElement:H}),Se=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),c=null==o?void 0:o.getBoundingClientRect(),a=r.getViewConfig(),s="",u="",d=!1;if(c&&l)switch(new f.FM(0,0),a.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&a.enableElementCopy&&(d=!0,s="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":P.error(new I.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==c?void 0:c.width)&&void 0!==t?t:0,height:null!==(n=null==c?void 0:c.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?s:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),be=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotItem,s=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=s.getViewConfig(),p=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,m=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&r&&c){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+c.left)/2,m=(r.top+c.top)/2,h=new f.FM(-u.width,0),null!=a&&a.rotOfElement&&(h=f.FM.rotateOrigin(h,a.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),p=(null==c?void 0:c.left)+g.x,m=(null==c?void 0:c.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(y=f.FM.rotateOrigin(y,a.rotOfElement)),p=(null==c?void 0:c.left)+y.x,m=(null==c?void 0:c.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:he,posNrRect:De,trashRect:ke,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotClockRect,s=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==s?void 0:s.position.x)&&void 0!==t?t:0,h=null!==(n=null==s?void 0:s.position.y)&&void 0!==n?n:0;if(d&&r&&c&&a){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+c.left)/2,h=(r.top+c.top)/2,g=new f.FM(d.width,0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:he,posNrRect:De,trashRect:ke,rotClockRect:be,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[ce&&(0,M.jsx)(h.default,{item:ce,rect:De,onElement:R,plannerUIProps:n,hasTrash:!!ve}),fe&&(0,M.jsx)(a.default,{item:fe,plannerUIProps:n},fe.key),ae&&(0,M.jsx)(r.default,{item:ae,rect:we,onElement:F,plannerUIProps:n},null==ae?void 0:ae.key),se&&(0,M.jsx)(c.default,{item:se,rect:Me,onElement:B,plannerUIProps:n},null==se?void 0:se.key),ye&&xe&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},ye.key),Ce&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:!1,plannerUIProps:n},Ce.key),xe&&ye&&(0,M.jsx)(g.default,{item:xe,rect:Re,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},xe.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:ke,onElement:q,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:Se,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(s.default,{item:he,rect:be,onElement:oe,plannerUIProps:n}),ge&&(0,M.jsx)(u.default,{item:ge,rect:Fe,onElement:re,plannerUIProps:n}),ue.map((function(e,t){return(0,M.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&de.map((function(e,t){return(0,M.jsx)(w.default,{item:e,plannerUIProps:n},e.key)})),Ie&&(0,M.jsx)(y.default,{item:Ie,plannerUIProps:n},null==Ie?void 0:Ie.key),Pe&&(0,M.jsx)(C.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5822,8240,7348,3525,3090,9290,8938,8117,8445,4580,4829,4723,2352,4516,5115],{58240:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function BoxCopy(e){var t=e.rect,n=e.item,o=e.plannerUIProps,i=e.invertLeftRight;return(0,r.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),"BoxCopyLeft"==n.type?"LEFT":"BoxCopyRight"==n.type?"RIGHT":"BoxCopyTop"==n.type?"TOP":"STD")},style:{left:t.left+"%",top:100-t.top+"%"},className:l()(o.classes.buttonGeneral,o.classes.copy.BoxPlannerCopy.copyGlobal,"BoxCopyLeft"==n.type?i?o.classes.copy.BoxPlannerCopy.copyRight:o.classes.copy.BoxPlannerCopy.copyLeft:void 0,"BoxCopyTop"==n.type?o.classes.copy.BoxPlannerCopy.copyTop:void 0,"BoxCopyRight"==n.type?i?o.classes.copy.BoxPlannerCopy.copyLeft:o.classes.copy.BoxPlannerCopy.copyRight:void 0)})}))},67348:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function ElementCopy(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",top:n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?n.top+"%":n.top+"px"},className:l()(i.classes.copy.ElementCopy,i.classes.buttonGeneral)})}))},33525:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function DistanceToGround(e){var t=e.item,n=e.plannerUIProps;return(0,r.jsx)("div",{style:{left:t.position.x+"%",top:100-t.position.y+"%"},id:"distanceToGround",className:l()(n.classes.dimension.distanceToGround),children:(0,r.jsx)("div",{children:t.dimensionVal+" cm"})})}))},53090:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(53185),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVL(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVL.avl,s?i.classes.dockingPoint.AVL.avlSel:void 0)})}))},59290:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(53185),c=(n(87363),n(47514));const a=(0,i.Pi)((function AVR(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n),u=(n.rotOfElement?n.rotOfElement:0)+(n.iconRotDeg?n.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,void 0)},style:{left:t.left+"px",top:t.top+"px",transform:"rotate("+u+"deg)"},className:l()(i.classes.buttonGeneral,i.classes.dockingPoint.AVR.avr,s?i.classes.dockingPoint.AVR.avrSel:void 0),children:n.posNr})}))},18938:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=n(53185),c=(n(87363),n(47514));const a=(0,i.Pi)((function DPACC(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=(0,r._w)(),s=a.getDPUIISSelected(n);return(0,c.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;a.setDPUISelectionChanged(n,!s),null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId),n.dpId,!s,n.dockToElementId)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left+"px",top:"percentage"==n.position.interpretation?t.top+"%":t.top+"px"},className:l()(i.classes.buttonGeneral,"2D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccDocking:i.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==n.plannerMode&&s&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==n.plannerMode?"DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccDocking:i.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==n.plannerMode&&s&&"NOT_DOCKING"==n.dockingInfo?i.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:n.posNr})}))},78117:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(53891),a=n(22976),s=n.n(a),u=n(53185),d=n(47514),p=new c.FM(0,0);const f=function Move3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,l.useState)(!1),a=(0,o.Z)(i,2),f=a[0],v=a[1],m=(0,l.useRef)(null),h=!1,g=(0,u.NP)();return(0,d.jsx)(s(),{handle:".handle3DMove",nodeRef:m,onStart:function onStart(e){!function onStartDragging(e){h=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(h&&!f)v(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(f){var o,l,i,r=null!==(o=g.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?g.productState.planner3DGridElement.getBoundingClientRect().left:0,a=null!==(l=g.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?g.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(i=t.onDragMoveFunction)||void 0===i||i.call(t,t.setId,Number(t.elementId),new c.FM(e.clientX-r,e.clientY-a)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var s;null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-a)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}h=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;f&&(v(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),h=!1}()},children:(0,d.jsx)("div",{ref:m,style:{visibility:f?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DMove",n.classes.buttonGeneral,n.classes.move3DGrid.move3DGrid)})})}},88445:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var o=n(34988),l=n(65515),i=n.n(l),r=n(9420),c=n(87363),a=n(53891),s=n(47514),u=new a.FM(0,0);const d=(0,r.Pi)((function Outline(e){var t,n,l=e.item,r=e.plannerUIProps,d=(0,c.useState)(!1),p=(0,o.Z)(d,2),f=p[0],v=p[1],m=(0,c.useState)(l.position.x),h=(0,o.Z)(m,2),g=h[0],y=h[1],C=(0,c.useState)(l.position.y),x=(0,o.Z)(C,2),I=x[0],P=x[1],D=!1;return(0,s.jsx)("div",{onClick:function onClick(){var e;null===(e=l.clickFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId))},onMouseDown:function onMouseDown(e){D=!0,u=new a.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(D=!0,u=new a.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var t,n;D&&!f&&(v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId)));f&&(null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new a.FM(e.clientX-u.x,e.clientY-u.y)),y(g+e.clientX-u.x),P(I+e.clientY-u.y),u.x=e.clientX,u.y=e.clientY);D=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var t,n;if(D&&!f)v(!0),null===(t=l.onDragStartFunction)||void 0===t||t.call(l,l.setId,Number(l.elementId));if(f)null===(n=l.onDragMoveFunction)||void 0===n||n.call(l,l.setId,Number(l.elementId),new a.FM(e.touches[0].clientX-u.x,e.touches[0].clientY-u.y)),y(g+e.touches[0].clientX-u.x),P(I+e.touches[0].clientY-u.y),u.x=e.touches[0].clientX,u.y=e.touches[0].clientY;D=!1}},onMouseUp:function onMouseUp(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},onTouchEnd:function onTouchEnd(){var e;f&&(v(!1),null===(e=l.onDragEndFunction)||void 0===e||e.call(l,l.setId,Number(l.elementId)));D=!1},style:{left:g+"px",top:I+"px",width:(null==l||null===(t=l.size)||void 0===t?void 0:t.x)+"px",height:(null==l||null===(n=l.size)||void 0===n?void 0:n.y)+"px",transform:"rotate("+(null==l?void 0:l.rotOfElement)+"deg)"},className:i()(f?r.classes.outline.outline2D.draggableActive:void 0,"selected"==l.elemState?r.classes.outline.outline2D.draggable:void 0,"selectable"==l.elemState?r.classes.outline.outline2D.selectable:void 0)})}))},24580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(53185)),c=n(47514);const a=(0,i.Pi)((function PosNr(e){var t=e.rect,n=e.item,o=e.onElement,i=e.plannerUIProps,a=e.hasTrash,s=(0,r.NP)(),u="percentage"==n.position.interpretation?t.top+"%":t.top+"px";return u=a&&t.top<4?"calc("+u+" + 35px + var(--globalSize) / 2)":"calc("+u+" + var(--globalSize) / 2)",(0,c.jsxs)("div",{ref:function ref(e){return o(e)},style:{left:"percentage"==n.position.interpretation?t.left+"%":t.left,top:u,visibility:"BoxPlanner"==s.productState.plannerMode?"hidden":"visible"},className:l()(i.classes.buttonGeneral,i.classes.posNr.posNr,n.isDockedAccessoire?i.classes.posNr.posNrAcc:void 0,"selected"==n.elemState?i.classes.posNr.posNrSelected:void 0,"selectable"==n.elemState?i.classes.posNr.posNrSelectable:void 0,"unselectable"==n.elemState?i.classes.posNr.posNrUnSelectable:void 0,n.onHover&&"unselectable"!=n.elemState?i.classes.posNr.posNrOnHover:void 0),children:[n.posNr,(0,c.jsx)("div",{onClick:function onClick(){var e;null===(e=n.clickFunction)||void 0===e||e.call(n,n.setId,Number(n.elementId))},style:{left:"0px",top:"0px",visibility:"BoxPlanner"==s.productState.plannerMode?"hidden":"visible"},className:l()("selectable"==n.elemState?i.classes.posNr.posNrSelectableArea:void 0)})]})}))},54829:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),l=n(87363),i=n(65515),r=n.n(i),c=n(53891),a=n(22976),s=n.n(a),u=n(53185),d=n(47514),p=new c.FM(0,0);const f=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,i=(0,u.NP)(),a=(0,l.useState)(!1),f=(0,o.Z)(a,2),v=f[0],m=f[1],h=(0,l.useRef)(null),g=!1;return(0,d.jsx)(s(),{nodeRef:h,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){g=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(g&&!v)m(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(v){var o,l,r,a=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,s=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(r=t.onDragMoveFunction)||void 0===r||r.call(t,t.setId,Number(t.elementId),new c.FM(e.clientX-a,e.clientY-s)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new c.FM(e.touches[0].clientX-a,e.touches[0].clientY-s)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}g=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;v&&(m(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),g=!1}()},children:(0,d.jsx)("div",{ref:h,style:{visibility:v?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:r()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}},94723:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function RotationClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotClock,i.classes.buttonGeneral),children:t.posNr})}))},72352:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function RotationCounterClockwise(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps;return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:n.left+"px",top:n.top+"px"},className:l()(i.classes.rotation.rotCounterClock,i.classes.buttonGeneral),children:t.posNr})}))},54516:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var o=n(65515),l=n.n(o),i=n(9420),r=(n(87363),n(47514));const c=(0,i.Pi)((function Trash(e){var t=e.item,n=e.rect,o=e.onElement,i=e.plannerUIProps,c=n.doUseCalc?n.leftCalc:"percentage"==t.position.interpretation?n.left+"%":n.left+"px",a=n.doUseCalc?n.topCalc:"percentage"==t.position.interpretation?"calc("+n.top+"% )":n.top+"px";return(0,r.jsx)("div",{ref:function ref(e){return o(e)},onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:c,top:a},className:l()(i.classes.trash.trashClass,i.classes.buttonGeneral,"BOX"==t.plannerMode?i.classes.trash.boxplanner:void 0),id:"testDel",children:t.posNr})}))},40053:(e,t,n)=>{n.d(t,{Z:()=>useDockingPointPositioning});var o=n(53891),l=n(53185);function useDockingPointPositioning(e){var t,n,i,r,c=e.dpElement,a=e.item,s=(0,l._w)(),u=null==c?void 0:c.getBoundingClientRect(),d=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,p=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&a){var f=new o.FM(d,p),v=s.getViewConfig(),m=new o.FM(0,0);if("AVL"==(null==a?void 0:a.type)||"AVR"==(null==a?void 0:a.type)){if("2D"===a.plannerMode)switch(v.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==a?void 0:a.type)&&(m=new o.FM(-u.width,0),null!=a&&a.rotOfElement&&(m=o.FM.rotateOrigin(m,null==a?void 0:a.rotOfElement)),f=new o.FM(d+m.x,p+m.y,"pixel"))}}else"AccDP"==(null==a?void 0:a.type)&&"3D"==(null==a?void 0:a.plannerMode)?f.y=100-f.y:"BoxCopyLeft"==a.type||"BoxCopyRight"==(null==a?void 0:a.type)||null==a||a.type;d=f.x,p=f.y}return{width:null!==(i=null==u?void 0:u.width)&&void 0!==i?i:0,height:null!==(r=null==u?void 0:u.height)&&void 0!==r?r:0,top:p,left:d}}},85115:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var o=n(34988),l=n(87363),i=n(18938),r=n(40053),c=n(47514);const a=function ItemsDPAccContainer(e){var t=e.item,n=e.plannerUIProps,a=(0,l.useState)(null),s=(0,o.Z)(a,2),u=s[0],d=s[1],p=(0,r.Z)({item:t,dpElement:u});return(0,c.jsx)(c.Fragment,{children:t&&(0,c.jsx)(i.default,{item:t,rect:p,onElement:d,plannerUIProps:n},null==t?void 0:t.key)})}},35822:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var o=n(34988),l=n(9420),i=n(87363),r=n(53090),c=n(59290),a=n(88445),s=n(94723),u=n(72352),d=n(54516),p=n(40053),f=n(53891),v=n(53185);var m=n(85115),h=n(24580),g=n(58240),y=n(78117),C=n(54829),x=n(88683),I=n(17868),P=(0,x.getLogger)("Planner","CopyElementPositioning");var D=n(67348),w=n(33525),M=n(47514);const E=(0,l.Pi)((function ItemsContainer(e){for(var t=e.items,n=e.plannerUIProps,l=(0,v.NP)(),x=(0,i.useState)(null),E=(0,o.Z)(x,2),N=E[0],R=E[1],k=(0,i.useState)(null),S=(0,o.Z)(k,2),b=S[0],F=S[1],O=(0,i.useState)(null),U=(0,o.Z)(O,2),T=U[0],B=U[1],G=(0,i.useState)(null),A=(0,o.Z)(G,2),j=A[0],Z=(A[1],(0,i.useState)(null)),_=(0,o.Z)(Z,2),X=_[0],L=(_[1],(0,i.useState)(null)),Y=(0,o.Z)(L,2),V=Y[0],K=(Y[1],(0,i.useState)(null)),z=(0,o.Z)(K,2),H=z[0],q=z[1],W=(0,i.useState)(null),J=(0,o.Z)(W,2),Q=J[0],$=J[1],ee=(0,i.useState)(null),te=(0,o.Z)(ee,2),ne=te[0],oe=te[1],le=(0,i.useState)(null),ie=(0,o.Z)(le,2),re=(ie[0],ie[1]),ce=t.find((function(e){return"PosNr"==e.type})),ae=t.find((function(e){return"AVL"==e.type})),se=t.find((function(e){return"AVR"==e.type})),ue=[],de=[],pe=0;pe<t.length;pe++)"AccDP"==t[pe].type?ue.push(t[pe]):"DistanceFromGround"==t[pe].type&&de.push(t[pe]);var fe=t.find((function(e){return"Outline"==e.type})),ve=t.find((function(e){return"TrashIcon"==e.type})),me=t.find((function(e){return"CopyElement"==e.type})),he=t.find((function(e){return"RotateC"==e.type})),ge=t.find((function(e){return"RotateCC"==e.type})),ye=t.find((function(e){return"BoxCopyLeft"==e.type})),Ce=t.find((function(e){return"BoxCopyTop"==e.type})),xe=t.find((function(e){return"BoxCopyRight"==e.type})),Ie=t.find((function(e){return"Move3DGrid"==e.type})),Pe=t.find((function(e){return"Rot3DGrid"==e.type})),De=function usePosNrPositioning(e){var t,n,o,l,i=e.posNrElement,r=e.item,c=(0,v._w)(),a=null==i?void 0:i.getBoundingClientRect(),s=null!==(t=null==r?void 0:r.position.x)&&void 0!==t?t:0,u=null!==(n=null==r?void 0:r.position.y)&&void 0!==n?n:0;if(a){var d=new f.FM(s,u),p=c.getViewConfig(),m=new f.FM(0,0);switch(null==r?void 0:r.plannerMode){case"2D":switch(p.iconPosition2DGrid){case"BORDER":m=new f.FM(a.width,.1*-a.height),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel");break;case"OUTSIDE":var h=null!=r&&r.iconZoom?r.iconZoom:1;m=new f.FM(a.width+h,-a.height/2-(a.height/2.5-h)),null!=r&&r.rotOfElement&&(m=f.FM.rotateOrigin(m,null==r?void 0:r.rotOfElement)),d=new f.FM(s+m.x,u+m.y,"pixel")}s=d.x,u=d.y;break;case"3D":(s+=3)<1&&(s=1),(u=100-u-1)<1&&(u=1)}}return{width:null!==(o=null==a?void 0:a.width)&&void 0!==o?o:0,height:null!==(l=null==a?void 0:a.height)&&void 0!==l?l:0,top:u,left:s}}({item:ce,posNrElement:N}),we=(0,p.Z)({item:ae,dpElement:b}),Me=(0,p.Z)({item:se,dpElement:T}),Ee=(0,p.Z)({item:ye,dpElement:j}),Ne=(0,p.Z)({item:Ce,dpElement:X}),Re=(0,p.Z)({item:xe,dpElement:V}),ke=function useTrashPositioning(e){var t,n,o,l,i=e.trashElement,r=e.posNrRect,c=e.boxPlannerCopyLeftRect,a=e.boxPlannerCopyTopRect,s=e.boxPlannerCopyRightRect,u=e.trashItem,d=(0,v._w)(),p=null==i?void 0:i.getBoundingClientRect(),m=d.getViewConfig(),h=null!==(t=null==u?void 0:u.position.x)&&void 0!==t?t:0,g=null!==(n=null==u?void 0:u.position.y)&&void 0!==n?n:0,y="",C="",x=!1;if(p&&r){var I=new f.FM(0,0);switch(m.posTrashRotIcon){case"POSNUM_TOP":"2D"==(null==u?void 0:u.plannerMode)?(I=new f.FM(0,-r.height-p.height/2),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h=r.left+I.x,g=r.top+I.y):"3D"!=(null==u?void 0:u.plannerMode)&&"BOX"!=(null==u?void 0:u.plannerMode)||(m.enableElementCopy?(x=!0,y="calc("+r.left.toString()+"% - "+r.width/1.8+"px)",C=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"):(x=!0,y=r.left.toString()+"%",C=r.top<4?"calc("+r.top+"% + 30px - var(--globalSize) / 2":"calc("+r.top+"% - (var(--globalSize) + 5px) / 2"));break;case"TOP_RIGHT_BACK":if("2D"==(null==u?void 0:u.plannerMode)){var P=null!=u&&u.iconZoom?u.iconZoom:1;I=new f.FM(-p.width/2-(p.width/3+P),-p.height/2-(p.height/3.7-P)),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y,Math.sqrt(Math.pow(r.left-h,2)+Math.pow(r.top-g,2))<=r.width&&(I=new f.FM(r.width,0),null!=u&&u.rotOfElement&&(I=f.FM.rotateOrigin(I,u.rotOfElement)),h+=I.x,g+=I.y)}else if("3D"==(null==u?void 0:u.plannerMode)||"BOX"==(null==u?void 0:u.plannerMode)){if(c||s||a){var D=!1;c&&(Math.sqrt(Math.pow(c.left-h,2)+Math.pow(c.top-g,2))<9&&(g+=5,D=!0),!D&&s&&Math.sqrt(Math.pow(s.left-h,2)+Math.pow(s.top-g,2))<9&&(g+=5,D=!0),!D&&a&&Math.sqrt(Math.pow(a.left-h,2)+Math.pow(a.top-g,2))<9&&(g+=5,D=!0))}(h-=1)>99&&(h=99),(g=100-g-2)<1&&(g=1)}}}return{width:null!==(o=null==p?void 0:p.width)&&void 0!==o?o:0,height:null!==(l=null==p?void 0:p.height)&&void 0!==l?l:0,top:g,left:h,doUseCalc:x,topCalc:x?C:void 0,leftCalc:x?y:void 0}}({trashItem:ve,posNrRect:De,boxPlannerCopyLeftRect:Ee,boxPlannerCopyTopRect:Ne,boxPlannerCopyRightRect:Re,trashElement:H}),Se=function useCopyElementPositioning(e){var t,n,o=e.copyElement,l=e.posNrRect,i=e.copyElementItem,r=(0,v._w)(),c=null==o?void 0:o.getBoundingClientRect(),a=r.getViewConfig(),s="",u="",d=!1;if(c&&l)switch(new f.FM(0,0),a.posTrashRotIcon){case"POSNUM_TOP":"3D"==(null==i?void 0:i.plannerMode)&&a.enableElementCopy&&(d=!0,s="calc("+l.left.toString()+"% + "+l.width/1.8+"px)",u="calc("+l.top+"% - "+(l.height+2)+"px)");break;case"TOP_RIGHT_BACK":P.error(new I.GE("Do implement copy Element for TOP_RIGHT_BACK Positioning",{code:"WC_0012"}))}return{width:null!==(t=null==c?void 0:c.width)&&void 0!==t?t:0,height:null!==(n=null==c?void 0:c.height)&&void 0!==n?n:0,top:0,left:0,doUseCalc:d,topCalc:d?u:void 0,leftCalc:d?s:void 0}}({copyElementItem:me,posNrRect:De,copyElement:Q}),be=function useRotClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotItem,s=(0,v._w)(),u=null==i?void 0:i.getBoundingClientRect(),d=s.getViewConfig(),p=null!==(t=null==a?void 0:a.position.x)&&void 0!==t?t:0,m=null!==(n=null==a?void 0:a.position.y)&&void 0!==n?n:0;if(u&&r&&c){var h=new f.FM(0,0);switch(d.posTrashRotIcon){case"POSNUM_TOP":p=(r.left+c.left)/2,m=(r.top+c.top)/2,h=new f.FM(-u.width,0),null!=a&&a.rotOfElement&&(h=f.FM.rotateOrigin(h,a.rotOfElement)),p+=h.x,m+=h.y;break;case"TOP_RIGHT_BACK":if(Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100){var g=new f.FM(0,-u.height-4);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(g=f.FM.rotateOrigin(g,a.rotOfElement)),p=(null==c?void 0:c.left)+g.x,m=(null==c?void 0:c.top)+g.y}else{var y=new f.FM(-u.width-4,0);null!=a&&a.rotOfElement&&0!=a.rotOfElement&&(y=f.FM.rotateOrigin(y,a.rotOfElement)),p=(null==c?void 0:c.left)+y.x,m=(null==c?void 0:c.top)+y.y}}}return{width:null!==(o=null==u?void 0:u.width)&&void 0!==o?o:0,height:null!==(l=null==u?void 0:u.height)&&void 0!==l?l:0,top:m,left:p}}({rotItem:he,posNrRect:De,trashRect:ke,rotElement:ne}),Fe=function useRotCounterClockwisePositioning(e){var t,n,o,l,i=e.rotElement,r=e.posNrRect,c=e.trashRect,a=e.rotClockRect,s=e.rotItem,u=(0,v._w)(),d=null==i?void 0:i.getBoundingClientRect(),p=u.getViewConfig(),m=null!==(t=null==s?void 0:s.position.x)&&void 0!==t?t:0,h=null!==(n=null==s?void 0:s.position.y)&&void 0!==n?n:0;if(d&&r&&c&&a){var g=new f.FM(0,0);switch(p.posTrashRotIcon){case"POSNUM_TOP":m=(r.left+c.left)/2,h=(r.top+c.top)/2,g=new f.FM(d.width,0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m+=g.x,h+=g.y;break;case"TOP_RIGHT_BACK":Math.sqrt(Math.pow(r.left-c.left,2)+Math.pow(r.top-c.top,2))<=100?(g=new f.FM(0,-d.height-3),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.top)+g.y):(g=new f.FM(-d.width-3,-0),null!=s&&s.rotOfElement&&(g=f.FM.rotateOrigin(g,s.rotOfElement)),m=(null==a?void 0:a.left)+g.x,h=(null==a?void 0:a.top)+g.y)}}return{width:null!==(o=null==d?void 0:d.width)&&void 0!==o?o:0,height:null!==(l=null==d?void 0:d.height)&&void 0!==l?l:0,top:h,left:m}}({rotItem:he,posNrRect:De,trashRect:ke,rotClockRect:be,rotElement:ne});return(0,M.jsxs)(M.Fragment,{children:[ce&&(0,M.jsx)(h.default,{item:ce,rect:De,onElement:R,plannerUIProps:n,hasTrash:!!ve}),fe&&(0,M.jsx)(a.default,{item:fe,plannerUIProps:n},fe.key),ae&&(0,M.jsx)(r.default,{item:ae,rect:we,onElement:F,plannerUIProps:n},null==ae?void 0:ae.key),se&&(0,M.jsx)(c.default,{item:se,rect:Me,onElement:B,plannerUIProps:n},null==se?void 0:se.key),ye&&xe&&(0,M.jsx)(g.default,{item:ye,rect:Ee,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},ye.key),Ce&&(0,M.jsx)(g.default,{item:Ce,rect:Ne,invertLeftRight:!1,plannerUIProps:n},Ce.key),xe&&ye&&(0,M.jsx)(g.default,{item:xe,rect:Re,invertLeftRight:Re.left<Ee.left,plannerUIProps:n},xe.key),ve&&(0,M.jsx)(d.default,{item:ve,rect:ke,onElement:q,plannerUIProps:n}),me&&(0,M.jsx)(D.default,{item:me,rect:Se,onElement:$,plannerUIProps:n}),he&&(0,M.jsx)(s.default,{item:he,rect:be,onElement:oe,plannerUIProps:n}),ge&&(0,M.jsx)(u.default,{item:ge,rect:Fe,onElement:re,plannerUIProps:n}),ue.map((function(e,t){return(0,M.jsx)(m.default,{item:e,plannerUIProps:n},e.key)})),l.productState.getDoShow3DDimensionLines()&&de.map((function(e,t){return(0,M.jsx)(w.default,{item:e,plannerUIProps:n},e.key)})),Ie&&(0,M.jsx)(y.default,{item:Ie,plannerUIProps:n},null==Ie?void 0:Ie.key),Pe&&(0,M.jsx)(C.default,{item:Pe,plannerUIProps:n},null==Pe?void 0:Pe.key)]})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5890.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5890,405,6201,499,4217],{20405:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),a=(t(87363),t(93379)),c=t.n(a),o=t(7795),s=t.n(o),r=t(90569),l=t.n(r),M=t(3565),u=t.n(M),j=t(19216),d=t.n(j),N=t(44589),x=t.n(N),I=t(61948),L={};L.styleTagTransform=x(),L.setAttributes=u(),L.insert=l().bind(null,"head"),L.domAPI=s(),L.insertStyleElement=d();c()(I.ZP,L);I.ZP&&I.ZP.locals&&I.ZP.locals;var g=t(47514);const y=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),a=t[0],c=t[1],o=100/n.length;return(0,g.jsx)("div",{className:I.YS,children:(0,g.jsxs)("div",{className:I.No,children:[n.map((function(e,n){return(0,g.jsx)("div",{style:{width:o+"%"},children:(0,g.jsx)("label",{onClick:function onClick(){return c(n)},className:I.F2,children:e})},n)})),(0,g.jsx)("div",{className:I.wb,style:{left:a/n.length*100+"%",width:o+"%"}})]})})}},56201:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(80248),a=t(34988),c=t(87363),o=t(5389),s=t(64263),r=t(65515),l=t.n(r),M=t(74530),u=t(88683),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var d=(0,u.getLogger)("Planner","WEB-PLANNER-REACT");const N=function ShareViaEmail(e){var n=e.basket,t=e.config,i=e.url,r=(0,u.useDivaCore)().actions.sendEmail,N=(0,u.useTranslation)(),x=N.i18n,I=N.t,L=(0,c.useState)(!0),g=(0,a.Z)(L,2),y=g[0],h=g[1],T=(0,c.useState)(!1),m=(0,a.Z)(T,2),w=m[0],z=m[1],S=(0,c.useState)(""),p=(0,a.Z)(S,2),D=p[0],b=p[1];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:o.Wx,children:I("checkout.share_mail.easy_share")}),(0,j.jsxs)("div",{className:s.cW,children:[(0,j.jsx)("input",{className:s.qH,type:"email",value:D,onChange:function onChange(e){return function onChange(e){var n=M.ZP.validateEmail(e);h(n),n&&z(!1),b(e)}(e.target.value)},placeholder:I("checkout.share_mail.placeholder")}),w&&(0,j.jsx)("div",{className:s.Mx,children:I("checkout.share_mail.mail_error")})]}),(0,j.jsxs)("div",{className:o.Z2,children:[" ",I("checkout.share_mail.mail_text")+i]}),(0,j.jsxs)("button",{className:l()(s.LI,s.KB,y?void 0:s.JU),onClick:function onClick(){return function sendMail(){if(!M.ZP.validateEmail(D))return h(!1),void z(!0);d.businessEvent("onPlannerShareConfiguration","Planner","Eine Konfiguration wurde als E-Mail geteilt",{shareType:"email",shareAction:"button_click"}),t.map((function(e){return r({showDialog:!1,content:_objectSpread(_objectSpread({},e),{},{to:D,divaNr:n.DivaNr,type:"basket",language:x.language})})}))}()},children:[(0,j.jsx)("div",{className:l()(s.Fj,s.X5)}),I("checkout.share_mail.button_text")]})]})}},50499:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L,shareSocial:()=>N});var i=t(80248),a=t(34988),c=t(87363),o=t(2179),s=t(5389),r=t(64263),l=t(65515),M=t.n(l);var u=t(88683),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var d=(0,u.getLogger)("Planner","WEB-PLANNER-REACT"),N=function shareSocial(e,n,t){var i=n.url,a=n.title,c=n.text,o=n.hashtags,s=n.via,r="";switch(d.businessEvent("onPlannerShareConfiguration","Planner","Eine Koniguration wurde über einen Social Kanal geteilt",{shareType:"social",shareAction:t?"qr_click":"button_click",sharePlatform:e}),e){case"facebook":r="https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(i),"&quote=").concat(encodeURIComponent(c));break;case"twitter":r="https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(i),"&text=").concat(encodeURIComponent(c)).concat(o?"&hashtags=".concat(encodeURIComponent(o)):"").concat(s?"&via=".concat(encodeURIComponent(s)):"");break;case"linkedin":r="https://www.linkedin.com/shareArticle?mini=true&url=".concat(encodeURIComponent(i),"&title=").concat(encodeURIComponent(a),"&summary=").concat(encodeURIComponent(c));break;case"whatsapp":r="https://web.whatsapp.com/send?text=".concat(encodeURIComponent("".concat(c,"\n").concat(i)));break;case"telegram":r="https://t.me/share/url?url=".concat(encodeURIComponent(i),"&text=").concat(encodeURIComponent(c))}"whatsapp"===e||"telegram"==e?window.open(r,"_blank"):I(r)},x={width:600,height:400,location:"no",toolbar:"no",status:"no",directories:"no",menubar:"no",scrollbars:"yes",resizable:"no",centerscreen:"yes",chrome:"yes"},I=function createShareWindow(e){var n=window.screen.width/2-x.width/2,t=window.screen.height/2-x.height/2;return window.open(e,"share",Object.entries(_objectSpread(_objectSpread({},x),{},{left:n,top:t})).map((function(e){var n=(0,a.Z)(e,2),t=n[0],i=n[1];return"".concat(t,"=").concat(i)})).join(","))};const L=function ShareViaSocialMedias(e){var n=e.url,t=e.config,i=t.title,l=void 0===i?"":i,d=t.text,x=void 0===d?"":d,I=(0,u.useTranslation)().t,L=I(l),g=I(x),y={text:g,title:L,url:n},h=(0,c.useState)("WHATSAPP"),T=(0,a.Z)(h,2),m=T[0],w=T[1];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:s.Wx,children:I("checkout.share_social.share_whatsapp")}),(0,j.jsx)(o.t,{size:200,minVersion:6,value:"WHATSAPP"==m?"https://wa.me/?text="+encodeURIComponent("".concat(g,"\n").concat(n)):"https://t.me/share/url?url="+encodeURIComponent(n)+"&text="+encodeURIComponent(g),style:{cursor:"pointer"},onClick:function onClick(){return N("WHATSAPP"==m?"whatsapp":"telegram",y,!0)},imageSettings:{src:"WHATSAPP"==m?"data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTc1LjIxNiAxNzUuNTUyIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSI4NS45MTUiIHgyPSI4Ni41MzUiIHkxPSIzMi41NjciIHkyPSIxMzcuMDkyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNTdkMTYzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjNiMzNhIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMS4xMTUiIGhlaWdodD0iMS4xMTQiIHg9Ii0uMDU3IiB5PSItLjA1NyIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzLjUzMSIvPjwvZmlsdGVyPjwvZGVmcz48cGF0aCBmaWxsPSIjYjNiM2IzIiBkPSJtNTQuNTMyIDEzOC40NSAyLjIzNSAxLjMyNGM5LjM4NyA1LjU3MSAyMC4xNSA4LjUxOCAzMS4xMjYgOC41MjNoLjAyM2MzMy43MDcgMCA2MS4xMzktMjcuNDI2IDYxLjE1My02MS4xMzUuMDA2LTE2LjMzNS02LjM0OS0zMS42OTYtMTcuODk1LTQzLjI1MUE2MC43NSA2MC43NSAwIDAgMCA4Ny45NCAyNS45ODNjLTMzLjczMyAwLTYxLjE2NiAyNy40MjMtNjEuMTc4IDYxLjEzYTYwLjk4IDYwLjk4IDAgMCAwIDkuMzQ5IDMyLjUzNWwxLjQ1NSAyLjMxMi02LjE3OSAyMi41NTh6bS00MC44MTEgMjMuNTQ0TDI0LjE2IDEyMy44OGMtNi40MzgtMTEuMTU0LTkuODI1LTIzLjgwOC05LjgyMS0zNi43NzIuMDE3LTQwLjU1NiAzMy4wMjEtNzMuNTUgNzMuNTc4LTczLjU1IDE5LjY4MS4wMSAzOC4xNTQgNy42NjkgNTIuMDQ3IDIxLjU3MnMyMS41MzcgMzIuMzgzIDIxLjUzIDUyLjAzN2MtLjAxOCA0MC41NTMtMzMuMDI3IDczLjU1My03My41NzggNzMuNTUzaC0uMDMyYy0xMi4zMTMtLjAwNS0yNC40MTItMy4wOTQtMzUuMTU5LTguOTU0em0wIDAiIGZpbHRlcj0idXJsKCNhKSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xMi45NjYgMTYxLjIzOCAxMC40MzktMzguMTE0YTczLjQyIDczLjQyIDAgMCAxLTkuODIxLTM2Ljc3MmMuMDE3LTQwLjU1NiAzMy4wMjEtNzMuNTUgNzMuNTc4LTczLjU1IDE5LjY4MS4wMSAzOC4xNTQgNy42NjkgNTIuMDQ3IDIxLjU3MnMyMS41MzcgMzIuMzgzIDIxLjUzIDUyLjAzN2MtLjAxOCA0MC41NTMtMzMuMDI3IDczLjU1My03My41NzggNzMuNTUzaC0uMDMyYy0xMi4zMTMtLjAwNS0yNC40MTItMy4wOTQtMzUuMTU5LTguOTU0eiIvPjxwYXRoIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQxNzgwKSIgZD0iTTg3LjE4NCAyNS4yMjdjLTMzLjczMyAwLTYxLjE2NiAyNy40MjMtNjEuMTc4IDYxLjEzYTYwLjk4IDYwLjk4IDAgMCAwIDkuMzQ5IDMyLjUzNWwxLjQ1NSAyLjMxMi02LjE3OSAyMi41NTkgMjMuMTQ2LTYuMDY5IDIuMjM1IDEuMzI0YzkuMzg3IDUuNTcxIDIwLjE1IDguNTE4IDMxLjEyNiA4LjUyNGguMDIzYzMzLjcwNyAwIDYxLjE0LTI3LjQyNiA2MS4xNTMtNjEuMTM1YTYwLjc1IDYwLjc1IDAgMCAwLTE3Ljg5NS00My4yNTEgNjAuNzUgNjAuNzUgMCAwIDAtNDMuMjM1LTE3LjkyOXoiLz48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNODcuMTg0IDI1LjIyN2MtMzMuNzMzIDAtNjEuMTY2IDI3LjQyMy02MS4xNzggNjEuMTNhNjAuOTggNjAuOTggMCAwIDAgOS4zNDkgMzIuNTM1bDEuNDU1IDIuMzEzLTYuMTc5IDIyLjU1OCAyMy4xNDYtNi4wNjkgMi4yMzUgMS4zMjRjOS4zODcgNS41NzEgMjAuMTUgOC41MTcgMzEuMTI2IDguNTIzaC4wMjNjMzMuNzA3IDAgNjEuMTQtMjcuNDI2IDYxLjE1My02MS4xMzVhNjAuNzUgNjAuNzUgMCAwIDAtMTcuODk1LTQzLjI1MSA2MC43NSA2MC43NSAwIDAgMC00My4yMzUtMTcuOTI4eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTY4Ljc3MiA1NS42MDNjLTEuMzc4LTMuMDYxLTIuODI4LTMuMTIzLTQuMTM3LTMuMTc2bC0zLjUyNC0uMDQzYy0xLjIyNiAwLTMuMjE4LjQ2LTQuOTAyIDIuM3MtNi40MzUgNi4yODctNi40MzUgMTUuMzMyIDYuNTg4IDE3Ljc4NSA3LjUwNiAxOS4wMTMgMTIuNzE4IDIwLjM4MSAzMS40MDUgMjcuNzVjMTUuNTI5IDYuMTI0IDE4LjY4OSA0LjkwNiAyMi4wNjEgNC42czEwLjg3Ny00LjQ0NyAxMi40MDgtOC43NCAxLjUzMi03Ljk3MSAxLjA3My04Ljc0LTEuNjg1LTEuMjI2LTMuNTI1LTIuMTQ2LTEwLjg3Ny01LjM2Ny0xMi41NjItNS45ODEtMi45MS0uOTE5LTQuMTM3LjkyMS00Ljc0NiA1Ljk3OS01LjgxOSA3LjIwNi0yLjE0NCAxLjM4MS0zLjk4NC40NjItNy43Ni0yLjg2MS0xNC43ODQtOS4xMjRjLTUuNDY1LTQuODczLTkuMTU0LTEwLjg5MS0xMC4yMjgtMTIuNzNzLS4xMTQtMi44MzUuODA4LTMuNzUxYy44MjUtLjgyNCAxLjgzOC0yLjE0NyAyLjc1OS0zLjIyczEuMjI0LTEuODQgMS44MzYtMy4wNjUuMzA3LTIuMzAxLS4xNTMtMy4yMi00LjAzMi0xMC4wMTEtNS42NjYtMTMuNjQ3Ii8+PC9zdmc+":"data:image/svg+xml;base64,CjxzdmcgaWQ9IkxpdmVsbG9fMSIgZGF0YS1uYW1lPSJMaXZlbGxvIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAyNDAgMjQwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjEyMCIgeTE9IjI0MCIgeDI9IjEyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFkOTNkMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzM4YjBlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5UZWxlZ3JhbV9sb2dvPC90aXRsZT48Y2lyY2xlIGN4PSIxMjAiIGN5PSIxMjAiIHI9IjEyMCIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+PHBhdGggZD0iTTgxLjIyOSwxMjguNzcybDE0LjIzNywzOS40MDZzMS43OCwzLjY4NywzLjY4NiwzLjY4NywzMC4yNTUtMjkuNDkyLDMwLjI1NS0yOS40OTJsMzEuNTI1LTYwLjg5TDgxLjczNywxMTguNloiIGZpbGw9IiNjOGRhZWEiLz48cGF0aCBkPSJNMTAwLjEwNiwxMzguODc4bC0yLjczMywyOS4wNDZzLTEuMTQ0LDguOSw3Ljc1NCwwLDE3LjQxNS0xNS43NjMsMTcuNDE1LTE1Ljc2MyIgZmlsbD0iI2E5YzZkOCIvPjxwYXRoIGQ9Ik04MS40ODYsMTMwLjE3OCw1Mi4yLDEyMC42MzZzLTMuNS0xLjQyLTIuMzczLTQuNjRjLjIzMi0uNjY0LjctMS4yMjksMi4xLTIuMiw2LjQ4OS00LjUyMywxMjAuMTA2LTQ1LjM2LDEyMC4xMDYtNDUuMzZzMy4yMDgtMS4wODEsNS4xLS4zNjJhMi43NjYsMi43NjYsMCwwLDEsMS44ODUsMi4wNTUsOS4zNTcsOS4zNTcsMCwwLDEsLjI1NCwyLjU4NWMtLjAwOS43NTItLjEsMS40NDktLjE2OSwyLjU0Mi0uNjkyLDExLjE2NS0yMS40LDk0LjQ5My0yMS40LDk0LjQ5M3MtMS4yMzksNC44NzYtNS42NzgsNS4wNDNBOC4xMyw4LjEzLDAsMCwxLDE0Ni4xLDE3Mi41Yy04LjcxMS03LjQ5My0zOC44MTktMjcuNzI3LTQ1LjQ3Mi0zMi4xNzdhMS4yNywxLjI3LDAsMCwxLS41NDYtLjljLS4wOTMtLjQ2OS40MTctMS4wNS40MTctMS4wNXM1Mi40MjYtNDYuNiw1My44MjEtNTEuNDkyYy4xMDgtLjM3OS0uMy0uNTY2LS44NDgtLjQtMy40ODIsMS4yODEtNjMuODQ0LDM5LjQtNzAuNTA2LDQzLjYwN0EzLjIxLDMuMjEsMCwwLDEsODEuNDg2LDEzMC4xNzhaIiBmaWxsPSIjZmZmIi8+PC9zdmc+",height:40,width:40,excavate:!0}}),(0,j.jsx)("div",{className:s.Do,children:I("WHATSAPP"==m?"checkout.share_social.text_whatsapp":"checkout.share_social.text_telegram")}),(0,j.jsx)("button",{className:M()(r.LI,r.KB),onClick:function onClick(){return N("WHATSAPP"==m?"whatsapp":"telegram",y)},children:I("WHATSAPP"==m?"checkout.share_social.text_whatsapp2":"checkout.share_social.text_telegram2")}),(0,j.jsx)("div",{className:s.Qp}),(0,j.jsx)("div",{className:s.Wx,children:I("checkout.share_social.other_socials")}),(0,j.jsxs)("div",{className:s.r1,children:[(0,j.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return N("facebook",y)},children:[(0,j.jsx)("div",{className:M()(r.Fj,r.qv)}),(0,j.jsx)("div",{children:"Facebook"})]}),(0,j.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return N("linkedin",y)},children:[(0,j.jsx)("div",{className:M()(r.Fj,r.kG)}),(0,j.jsx)("div",{children:"LinkedIn"})]}),(0,j.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return w("WHATSAPP"==m?"TELEGRAM":"WHATSAPP")},children:[(0,j.jsx)("div",{className:M()(r.Fj,r.yw)}),(0,j.jsx)("div",{children:"WHATSAPP"==m?"Telegram":"Whatsapp"})]}),(0,j.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return N("twitter",y)},children:[(0,j.jsx)("div",{className:M()(r.Fj,r.km)}),(0,j.jsx)("div",{children:"Twitter"})]})]})]})}},44217:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(34988),a=t(87363),c=t(2179),o=t(5389),s=t(64263),r=t(65515),l=t.n(r),M=t(88683),u=t(47514),j=(0,M.getLogger)("Planner","WEB-PLANNER-REACT");const d=function ShareViaUrl(e){var n=e.url,t=(0,a.useState)(!1),r=(0,i.Z)(t,2),d=r[0],N=r[1],x=(0,a.useState)(),I=(0,i.Z)(x,2),L=I[0],g=I[1],y=(0,M.useTranslation)().t;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:o.Wx,children:y("checkout.share_url.share_via_QR")}),(0,u.jsx)(c.t,{style:{cursor:"pointer"},size:200,value:n,onClick:function onClickQRCode(){var e;j.businessEvent("onPlannerShareConfiguration","Planner","Eine Konfiguration wurde über eine URL geöffnet",{shareType:"link",shareAction:"qr_click"}),null===(e=window.open(n,"_blank"))||void 0===e||e.focus()}}),(0,u.jsxs)("div",{className:o.E3,children:[(0,u.jsx)("input",{className:s.qH,type:"text",value:n}),(0,u.jsx)("button",{className:l()(s.LI,s.KB,d?s._4:void 0),onClick:function onCopy(){j.businessEvent("onPlannerShareConfiguration","Planner","Der Link zum Konfigurations-PDF wurde kopiert",{shareType:"link",shareAction:"copy_url"}),N(!0),navigator.clipboard.writeText(n),L&&clearTimeout(L),g(setTimeout((function(){return N(!1)}),3e3))},children:d?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:l()(s.Fj,s.BF)}),y("checkout.share_url.copied")]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:l()(s.Fj,s.JG)}),y("checkout.share_url.copy")]})})]}),(0,u.jsx)("div",{className:o.Do,children:y("checkout.share_url.scann_QR")})]})}},15890:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(12952),a=t(34988),c=t(87363),o=t(20405),s=t(5389),r=t(64263),l=t(65515),M=t.n(l),u=t(44217),j=t(50499),d=t(56201),N=t(88683),x=t(47514);const I=function Share(e){var n=e.config,t=e.basket,l=e.url,I=(0,c.useState)([]),L=(0,a.Z)(I,2),g=L[0],y=L[1],h=(0,N.useDivaCore)(),T=h.state.dimensions.isMobile,m=h.actions,w=m.closeModal,z=m.openModal,S=(0,N.useTranslation)().t;(0,c.useEffect)((function(){var e,t;T&&navigator.share&&z({accept:!0,text:S("share.now_text"),title:S("share.now_title"),callback:function callback(e){var t,i,a,c;e&&navigator.share({title:null!==(t=n.socialMedia)&&void 0!==t&&t.title?S(null===(i=n.socialMedia)||void 0===i?void 0:i.title):void 0,text:null!==(a=n.socialMedia)&&void 0!==a&&a.text?S(null===(c=n.socialMedia)||void 0===c?void 0:c.text):void 0,url:l});w()}});var i=[];n.url&&i.push("SHARE_URL"),n.socialMedia&&i.push("SHARE_WHATSAPP"),null!==(e=n.emailConfig)&&void 0!==e&&e.length&&i.push("SHARE_EMAIL"),A(i.indexOf(null!==(t=n.default)&&void 0!==t?t:i[0])),y(i)}),[n]);var p=(0,c.useState)(),D=(0,a.Z)(p,2),b=D[0],A=D[1];return g.length&&void 0!==b?(0,x.jsxs)("div",{className:s.YS,children:[(0,x.jsx)(o.default,{state:[b,A],values:[].concat((0,i.Z)(n.url?[(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("div",{className:M()(s.qv,r.HQ)})," ",S("checkout.share.title.url")]})]:[]),(0,i.Z)(n.socialMedia?[(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("div",{className:M()(s.qv,r.yw)})," ",S("checkout.share.title.socials")]})]:[]),(0,i.Z)(n.emailConfig?[(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("div",{className:M()(s.qv,r.X5)})," ",S("checkout.share.title.mail")]})]:[]))}),"SHARE_URL"==g[b]&&(0,x.jsx)(u.default,{url:l}),"SHARE_WHATSAPP"==g[b]&&(0,x.jsx)(j.default,{config:n.socialMedia,url:l}),"SHARE_EMAIL"==g[b]&&(0,x.jsx)(d.default,{config:n.emailConfig,basket:t,url:l})]}):(0,x.jsx)(x.Fragment,{})}},61948:(e,n,t)=>{t.d(n,{F2:()=>M,No:()=>r,YS:()=>s,ZP:()=>u,wb:()=>l});var i=t(8081),a=t.n(i),c=t(23645),o=t.n(c)()(a());o.push([e.id,".index-module--BOkA2 {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--Ilm5G {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--GRFWE {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--aIbWt {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition: color 0.25s ease-out;\n}\n",""]);var s="index-module--BOkA2",r="index-module--Ilm5G",l="index-module--GRFWE",M="index-module--aIbWt";const u=o},7136:(e,n,t)=>{t.d(n,{Do:()=>l,E3:()=>d,Qp:()=>N,Wx:()=>r,YS:()=>s,Z2:()=>j,ZP:()=>x,qv:()=>M,r1:()=>u});var i=t(8081),a=t.n(i),c=t(23645),o=t.n(c)()(a());o.push([e.id,".index-module--o8DYG {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  width: 360px;\n  max-width: 100%;\n}\n.index-module--YUl2v {\n  color: #71717a;\n  font-size: 14px;\n}\n\n.index-module--QHHJt {\n  color: #000;\n  font-size: 14px;\n  text-align: center;\n  width: 100%;\n}\n\n.index-module--N_7QD {\n  width: 16px;\n  height: 16px;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 70%;\n}\n\n.index-module--Z68JJ {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n  grid-column-gap: 8px;\n  grid-row-gap: 8px;\n  width: 100%;\n}\n\n.index-module--IdNwR {\n  background-color: #f4f4f5;\n  padding: 12px;\n  width: calc(100% - 24px);\n  border-radius: 6px;\n  overflow: hidden;\n  line-break: anywhere;\n}\n\n.index-module--k_FKj {\n  display: flex;\n  width: 100%;\n  gap: 8px;\n}\n\n.index-module--k_FKj input {\n  width: 60%;\n}\n.index-module--k_FKj button {\n  width: 40%;\n}\n\n.index-module--l6aB4 {\n  border-bottom: 1px solid rgb(228, 228, 231);\n  width: 100%;\n}\n",""]);var s="index-module--o8DYG",r="index-module--YUl2v",l="index-module--QHHJt",M="index-module--N_7QD",u="index-module--Z68JJ",j="index-module--IdNwR",d="index-module--k_FKj",N="index-module--l6aB4";const x=o},5389:(e,n,t)=>{t.d(n,{Do:()=>x.Do,E3:()=>x.E3,Qp:()=>x.Qp,Wx:()=>x.Wx,YS:()=>x.YS,Z2:()=>x.Z2,qv:()=>x.qv,r1:()=>x.r1});var i=t(93379),a=t.n(i),c=t(7795),o=t.n(c),s=t(90569),r=t.n(s),l=t(3565),M=t.n(l),u=t(19216),j=t.n(u),d=t(44589),N=t.n(d),x=t(7136),I={};I.styleTagTransform=N(),I.setAttributes=M(),I.insert=r().bind(null,"head"),I.domAPI=o(),I.insertStyleElement=j();a()(x.ZP,I),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5890,405,6201,499,4217],{20405:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),a=(t(87363),t(93379)),c=t.n(a),o=t(7795),s=t.n(o),r=t(90569),l=t.n(r),M=t(3565),u=t.n(M),j=t(19216),d=t.n(j),N=t(44589),I=t.n(N),L=t(61948),x={};x.styleTagTransform=I(),x.setAttributes=u(),x.insert=l().bind(null,"head"),x.domAPI=s(),x.insertStyleElement=d();c()(L.ZP,x);L.ZP&&L.ZP.locals&&L.ZP.locals;var g=t(47514);const y=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),a=t[0],c=t[1],o=100/n.length;return(0,g.jsx)("div",{className:L.YS,children:(0,g.jsxs)("div",{className:L.No,children:[n.map((function(e,n){return(0,g.jsx)("div",{style:{width:o+"%"},children:(0,g.jsx)("label",{onClick:function onClick(){return c(n)},className:L.F2,children:e})},n)})),(0,g.jsx)("div",{className:L.wb,style:{left:a/n.length*100+"%",width:o+"%"}})]})})}},56201:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(80248),a=t(34988),c=t(87363),o=t(5389),s=t(64263),r=t(65515),l=t.n(r),M=t(17868),u=t(88683),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var d=(0,u.getLogger)("Planner","WEB-PLANNER-REACT");const N=function ShareViaEmail(e){var n=e.basket,t=e.config,i=(e.url,(0,u.useDivaCore)().actions.sendEmail),r=(0,u.useTranslation)(),N=r.i18n,I=r.t,L=(0,c.useState)(!0),x=(0,a.Z)(L,2),g=x[0],y=x[1],m=(0,c.useState)(!1),h=(0,a.Z)(m,2),w=h[0],T=h[1],S=(0,c.useState)(""),z=(0,a.Z)(S,2),A=z[0],D=z[1],p=new M.CZ(M.DO.EMAIL,M.rq.EMAIL,M.__.PLANNER_SHARE).getQueryString();return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:o.Wx,children:I("checkout.share_mail.easy_share")}),(0,j.jsxs)("div",{className:s.cW,children:[(0,j.jsx)("input",{className:s.qH,type:"email",value:A,onChange:function onChange(e){return function onChange(e){var n=M.ZP.validateEmail(e);y(n),n&&T(!1),D(e)}(e.target.value)},placeholder:I("checkout.share_mail.placeholder")}),w&&(0,j.jsx)("div",{className:s.Mx,children:I("checkout.share_mail.mail_error")})]}),(0,j.jsxs)("div",{className:o.Z2,children:[" ",I("checkout.share_mail.mail_text")]}),(0,j.jsxs)("button",{className:l()(s.LI,s.KB,g?void 0:s.JU),onClick:function onClick(){return function sendMail(){if(!M.ZP.validateEmail(A))return y(!1),void T(!0);d.businessEvent("onPlannerShareConfiguration","Planner","Eine Konfiguration wurde als E-Mail geteilt",{shareType:"email",shareAction:"button_click"}),t.map((function(e){return i({showDialog:!1,content:_objectSpread(_objectSpread({},e),{},{to:A,divaNr:n.DivaNr,type:"basket",language:N.language,data:{utmQueryString:p}})})}))}()},children:[(0,j.jsx)("div",{className:l()(s.Fj,s.X5)}),I("checkout.share_mail.button_text")]})]})}},50499:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g,shareSocial:()=>I});var i=t(80248),a=t(34988),c=t(87363),o=t(2179),s=t(5389),r=t(64263),l=t(65515),M=t.n(l);var u=t(88683),j=t(17868),d=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var N=(0,u.getLogger)("Planner","WEB-PLANNER-REACT"),I=function shareSocial(e,n,t){var i=n.url,a=n.title,c=n.text,o=n.hashtags,s=n.via,r="";N.businessEvent("onPlannerShareConfiguration","Planner","Eine Koniguration wurde über einen Social Kanal geteilt",{shareType:"social",shareAction:t?"qr_click":"button_click",sharePlatform:e});var l="";switch(e){case"facebook":l=new j.CZ(j.DO.FACEBOOK,j.rq.SOCIAL,j.__.PLANNER_SHARE).addUtmParams(i),r="https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(l),"&quote=").concat(encodeURIComponent(c));break;case"twitter":l=new j.CZ(j.DO.X,j.rq.SOCIAL,j.__.PLANNER_SHARE).addUtmParams(i),r="https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(l),"&text=").concat(encodeURIComponent(c)).concat(o?"&hashtags=".concat(encodeURIComponent(o)):"").concat(s?"&via=".concat(encodeURIComponent(s)):"");break;case"linkedin":l=new j.CZ(j.DO.LINKEDIN,j.rq.SOCIAL,j.__.PLANNER_SHARE).addUtmParams(i),r="https://www.linkedin.com/shareArticle?mini=true&url=".concat(encodeURIComponent(l),"&title=").concat(encodeURIComponent(a),"&summary=").concat(encodeURIComponent(c));break;case"whatsapp":l=new j.CZ(j.DO.WHATSAPP,j.rq.SOCIAL,j.__.PLANNER_SHARE).addUtmParams(i),r="https://web.whatsapp.com/send?text=".concat(encodeURIComponent("".concat(c,"\n").concat(l)));break;case"telegram":l=new j.CZ(j.DO.TELEGRAM,j.rq.SOCIAL,j.__.PLANNER_SHARE).addUtmParams(i),r="https://t.me/share/url?url=".concat(encodeURIComponent(l),"&text=").concat(encodeURIComponent(c))}"whatsapp"===e||"telegram"==e?window.open(r,"_blank"):x(r)},L={width:600,height:400,location:"no",toolbar:"no",status:"no",directories:"no",menubar:"no",scrollbars:"yes",resizable:"no",centerscreen:"yes",chrome:"yes"},x=function createShareWindow(e){var n=window.screen.width/2-L.width/2,t=window.screen.height/2-L.height/2;return window.open(e,"share",Object.entries(_objectSpread(_objectSpread({},L),{},{left:n,top:t})).map((function(e){var n=(0,a.Z)(e,2),t=n[0],i=n[1];return"".concat(t,"=").concat(i)})).join(","))};const g=function ShareViaSocialMedias(e){var n=e.url,t=e.config,i=t.title,l=void 0===i?"":i,N=t.text,L=void 0===N?"":N,x=(0,u.useTranslation)().t,g=x(l),y=x(L),m={text:y,title:g,url:n},h=(0,c.useState)("WHATSAPP"),w=(0,a.Z)(h,2),T=w[0],S=w[1],z="WHATSAPP"==T?j.DO.WHATSAPP:j.DO.TELEGRAM,A=new j.CZ(z,j.rq.SOCIAL,j.__.PLANNER_SHARE).addUtmParams(n);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:s.Wx,children:x("checkout.share_social.share_whatsapp")}),(0,d.jsx)(o.t,{size:200,minVersion:6,value:"WHATSAPP"==T?"https://wa.me/?text="+encodeURIComponent("".concat(y,"\n").concat(A)):"https://t.me/share/url?url="+encodeURIComponent(A)+"&text="+encodeURIComponent(y),style:{cursor:"pointer"},onClick:function onClick(){return I("WHATSAPP"==T?"whatsapp":"telegram",m,!0)},imageSettings:{src:"WHATSAPP"==T?"data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTc1LjIxNiAxNzUuNTUyIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSI4NS45MTUiIHgyPSI4Ni41MzUiIHkxPSIzMi41NjciIHkyPSIxMzcuMDkyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNTdkMTYzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjNiMzNhIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMS4xMTUiIGhlaWdodD0iMS4xMTQiIHg9Ii0uMDU3IiB5PSItLjA1NyIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzLjUzMSIvPjwvZmlsdGVyPjwvZGVmcz48cGF0aCBmaWxsPSIjYjNiM2IzIiBkPSJtNTQuNTMyIDEzOC40NSAyLjIzNSAxLjMyNGM5LjM4NyA1LjU3MSAyMC4xNSA4LjUxOCAzMS4xMjYgOC41MjNoLjAyM2MzMy43MDcgMCA2MS4xMzktMjcuNDI2IDYxLjE1My02MS4xMzUuMDA2LTE2LjMzNS02LjM0OS0zMS42OTYtMTcuODk1LTQzLjI1MUE2MC43NSA2MC43NSAwIDAgMCA4Ny45NCAyNS45ODNjLTMzLjczMyAwLTYxLjE2NiAyNy40MjMtNjEuMTc4IDYxLjEzYTYwLjk4IDYwLjk4IDAgMCAwIDkuMzQ5IDMyLjUzNWwxLjQ1NSAyLjMxMi02LjE3OSAyMi41NTh6bS00MC44MTEgMjMuNTQ0TDI0LjE2IDEyMy44OGMtNi40MzgtMTEuMTU0LTkuODI1LTIzLjgwOC05LjgyMS0zNi43NzIuMDE3LTQwLjU1NiAzMy4wMjEtNzMuNTUgNzMuNTc4LTczLjU1IDE5LjY4MS4wMSAzOC4xNTQgNy42NjkgNTIuMDQ3IDIxLjU3MnMyMS41MzcgMzIuMzgzIDIxLjUzIDUyLjAzN2MtLjAxOCA0MC41NTMtMzMuMDI3IDczLjU1My03My41NzggNzMuNTUzaC0uMDMyYy0xMi4zMTMtLjAwNS0yNC40MTItMy4wOTQtMzUuMTU5LTguOTU0em0wIDAiIGZpbHRlcj0idXJsKCNhKSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xMi45NjYgMTYxLjIzOCAxMC40MzktMzguMTE0YTczLjQyIDczLjQyIDAgMCAxLTkuODIxLTM2Ljc3MmMuMDE3LTQwLjU1NiAzMy4wMjEtNzMuNTUgNzMuNTc4LTczLjU1IDE5LjY4MS4wMSAzOC4xNTQgNy42NjkgNTIuMDQ3IDIxLjU3MnMyMS41MzcgMzIuMzgzIDIxLjUzIDUyLjAzN2MtLjAxOCA0MC41NTMtMzMuMDI3IDczLjU1My03My41NzggNzMuNTUzaC0uMDMyYy0xMi4zMTMtLjAwNS0yNC40MTItMy4wOTQtMzUuMTU5LTguOTU0eiIvPjxwYXRoIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQxNzgwKSIgZD0iTTg3LjE4NCAyNS4yMjdjLTMzLjczMyAwLTYxLjE2NiAyNy40MjMtNjEuMTc4IDYxLjEzYTYwLjk4IDYwLjk4IDAgMCAwIDkuMzQ5IDMyLjUzNWwxLjQ1NSAyLjMxMi02LjE3OSAyMi41NTkgMjMuMTQ2LTYuMDY5IDIuMjM1IDEuMzI0YzkuMzg3IDUuNTcxIDIwLjE1IDguNTE4IDMxLjEyNiA4LjUyNGguMDIzYzMzLjcwNyAwIDYxLjE0LTI3LjQyNiA2MS4xNTMtNjEuMTM1YTYwLjc1IDYwLjc1IDAgMCAwLTE3Ljg5NS00My4yNTEgNjAuNzUgNjAuNzUgMCAwIDAtNDMuMjM1LTE3LjkyOXoiLz48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNODcuMTg0IDI1LjIyN2MtMzMuNzMzIDAtNjEuMTY2IDI3LjQyMy02MS4xNzggNjEuMTNhNjAuOTggNjAuOTggMCAwIDAgOS4zNDkgMzIuNTM1bDEuNDU1IDIuMzEzLTYuMTc5IDIyLjU1OCAyMy4xNDYtNi4wNjkgMi4yMzUgMS4zMjRjOS4zODcgNS41NzEgMjAuMTUgOC41MTcgMzEuMTI2IDguNTIzaC4wMjNjMzMuNzA3IDAgNjEuMTQtMjcuNDI2IDYxLjE1My02MS4xMzVhNjAuNzUgNjAuNzUgMCAwIDAtMTcuODk1LTQzLjI1MSA2MC43NSA2MC43NSAwIDAgMC00My4yMzUtMTcuOTI4eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTY4Ljc3MiA1NS42MDNjLTEuMzc4LTMuMDYxLTIuODI4LTMuMTIzLTQuMTM3LTMuMTc2bC0zLjUyNC0uMDQzYy0xLjIyNiAwLTMuMjE4LjQ2LTQuOTAyIDIuM3MtNi40MzUgNi4yODctNi40MzUgMTUuMzMyIDYuNTg4IDE3Ljc4NSA3LjUwNiAxOS4wMTMgMTIuNzE4IDIwLjM4MSAzMS40MDUgMjcuNzVjMTUuNTI5IDYuMTI0IDE4LjY4OSA0LjkwNiAyMi4wNjEgNC42czEwLjg3Ny00LjQ0NyAxMi40MDgtOC43NCAxLjUzMi03Ljk3MSAxLjA3My04Ljc0LTEuNjg1LTEuMjI2LTMuNTI1LTIuMTQ2LTEwLjg3Ny01LjM2Ny0xMi41NjItNS45ODEtMi45MS0uOTE5LTQuMTM3LjkyMS00Ljc0NiA1Ljk3OS01LjgxOSA3LjIwNi0yLjE0NCAxLjM4MS0zLjk4NC40NjItNy43Ni0yLjg2MS0xNC43ODQtOS4xMjRjLTUuNDY1LTQuODczLTkuMTU0LTEwLjg5MS0xMC4yMjgtMTIuNzNzLS4xMTQtMi44MzUuODA4LTMuNzUxYy44MjUtLjgyNCAxLjgzOC0yLjE0NyAyLjc1OS0zLjIyczEuMjI0LTEuODQgMS44MzYtMy4wNjUuMzA3LTIuMzAxLS4xNTMtMy4yMi00LjAzMi0xMC4wMTEtNS42NjYtMTMuNjQ3Ii8+PC9zdmc+":"data:image/svg+xml;base64,CjxzdmcgaWQ9IkxpdmVsbG9fMSIgZGF0YS1uYW1lPSJMaXZlbGxvIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAyNDAgMjQwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjEyMCIgeTE9IjI0MCIgeDI9IjEyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFkOTNkMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzM4YjBlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5UZWxlZ3JhbV9sb2dvPC90aXRsZT48Y2lyY2xlIGN4PSIxMjAiIGN5PSIxMjAiIHI9IjEyMCIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+PHBhdGggZD0iTTgxLjIyOSwxMjguNzcybDE0LjIzNywzOS40MDZzMS43OCwzLjY4NywzLjY4NiwzLjY4NywzMC4yNTUtMjkuNDkyLDMwLjI1NS0yOS40OTJsMzEuNTI1LTYwLjg5TDgxLjczNywxMTguNloiIGZpbGw9IiNjOGRhZWEiLz48cGF0aCBkPSJNMTAwLjEwNiwxMzguODc4bC0yLjczMywyOS4wNDZzLTEuMTQ0LDguOSw3Ljc1NCwwLDE3LjQxNS0xNS43NjMsMTcuNDE1LTE1Ljc2MyIgZmlsbD0iI2E5YzZkOCIvPjxwYXRoIGQ9Ik04MS40ODYsMTMwLjE3OCw1Mi4yLDEyMC42MzZzLTMuNS0xLjQyLTIuMzczLTQuNjRjLjIzMi0uNjY0LjctMS4yMjksMi4xLTIuMiw2LjQ4OS00LjUyMywxMjAuMTA2LTQ1LjM2LDEyMC4xMDYtNDUuMzZzMy4yMDgtMS4wODEsNS4xLS4zNjJhMi43NjYsMi43NjYsMCwwLDEsMS44ODUsMi4wNTUsOS4zNTcsOS4zNTcsMCwwLDEsLjI1NCwyLjU4NWMtLjAwOS43NTItLjEsMS40NDktLjE2OSwyLjU0Mi0uNjkyLDExLjE2NS0yMS40LDk0LjQ5My0yMS40LDk0LjQ5M3MtMS4yMzksNC44NzYtNS42NzgsNS4wNDNBOC4xMyw4LjEzLDAsMCwxLDE0Ni4xLDE3Mi41Yy04LjcxMS03LjQ5My0zOC44MTktMjcuNzI3LTQ1LjQ3Mi0zMi4xNzdhMS4yNywxLjI3LDAsMCwxLS41NDYtLjljLS4wOTMtLjQ2OS40MTctMS4wNS40MTctMS4wNXM1Mi40MjYtNDYuNiw1My44MjEtNTEuNDkyYy4xMDgtLjM3OS0uMy0uNTY2LS44NDgtLjQtMy40ODIsMS4yODEtNjMuODQ0LDM5LjQtNzAuNTA2LDQzLjYwN0EzLjIxLDMuMjEsMCwwLDEsODEuNDg2LDEzMC4xNzhaIiBmaWxsPSIjZmZmIi8+PC9zdmc+",height:40,width:40,excavate:!0}}),(0,d.jsx)("div",{className:s.Do,children:x("WHATSAPP"==T?"checkout.share_social.text_whatsapp":"checkout.share_social.text_telegram")}),(0,d.jsx)("button",{className:M()(r.LI,r.KB),onClick:function onClick(){return I("WHATSAPP"==T?"whatsapp":"telegram",m)},children:x("WHATSAPP"==T?"checkout.share_social.text_whatsapp2":"checkout.share_social.text_telegram2")}),(0,d.jsx)("div",{className:s.Qp}),(0,d.jsx)("div",{className:s.Wx,children:x("checkout.share_social.other_socials")}),(0,d.jsxs)("div",{className:s.r1,children:[(0,d.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return I("facebook",m)},children:[(0,d.jsx)("div",{className:M()(r.Fj,r.qv)}),(0,d.jsx)("div",{children:"Facebook"})]}),(0,d.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return I("linkedin",m)},children:[(0,d.jsx)("div",{className:M()(r.Fj,r.kG)}),(0,d.jsx)("div",{children:"LinkedIn"})]}),(0,d.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return S("WHATSAPP"==T?"TELEGRAM":"WHATSAPP")},children:[(0,d.jsx)("div",{className:M()(r.Fj,r.yw)}),(0,d.jsx)("div",{children:"WHATSAPP"==T?"Telegram":"Whatsapp"})]}),(0,d.jsxs)("button",{className:M()(r.LI,r.$9),onClick:function onClick(){return I("twitter",m)},children:[(0,d.jsx)("div",{className:M()(r.Fj,r.km)}),(0,d.jsx)("div",{children:"Twitter"})]})]})]})}},44217:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),a=t(87363),c=t(2179),o=t(5389),s=t(64263),r=t(65515),l=t.n(r),M=t(88683),u=t(17868),j=t(47514),d=(0,M.getLogger)("Planner","WEB-PLANNER-REACT");const N=function ShareViaUrl(e){var n=e.url,t=(0,a.useState)(!1),r=(0,i.Z)(t,2),N=r[0],I=r[1],L=(0,a.useState)(),x=(0,i.Z)(L,2),g=x[0],y=x[1],m=new u.CZ(u.DO.DIRECT,u.rq.REFERRAL,u.__.PLANNER_SHARE).addUtmParams(n),h=new u.CZ(u.DO.DIRECT,u.rq.SOCIAL,u.__.PLANNER_QR_SHARE).addUtmParams(n),w=(0,M.useTranslation)().t;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:o.Wx,children:w("checkout.share_url.share_via_QR")}),(0,j.jsx)(c.t,{style:{cursor:"pointer"},size:200,value:h,onClick:function onClickQRCode(){var e;d.businessEvent("onPlannerShareConfiguration","Planner","Eine Konfiguration wurde über eine URL geöffnet",{shareType:"link",shareAction:"qr_click"}),null===(e=window.open(h,"_blank"))||void 0===e||e.focus()}}),(0,j.jsxs)("div",{className:o.E3,children:[(0,j.jsx)("input",{className:s.qH,type:"text",value:m}),(0,j.jsx)("button",{className:l()(s.LI,s.KB,N?s._4:void 0),onClick:function onCopy(){var e;d.businessEvent("onPlannerShareConfiguration","Planner","Der Link zum Konfigurations-PDF wurde kopiert",{shareType:"link",shareAction:"copy_url"}),I(!0),null===(e=navigator)||void 0===e||e.clipboard.writeText(m),g&&clearTimeout(g),y(setTimeout((function(){return I(!1)}),3e3))},children:N?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:l()(s.Fj,s.BF)}),w("checkout.share_url.copied")]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:l()(s.Fj,s.JG)}),w("checkout.share_url.copy")]})})]}),(0,j.jsx)("div",{className:o.Do,children:w("checkout.share_url.scann_QR")})]})}},15890:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var i=t(12952),a=t(34988),c=t(87363),o=t(20405),s=t(5389),r=t(64263),l=t(65515),M=t.n(l),u=t(44217),j=t(50499),d=t(56201),N=t(88683),I=t(47514);const L=function Share(e){var n=e.config,t=e.basket,l=e.url,L=(0,c.useState)([]),x=(0,a.Z)(L,2),g=x[0],y=x[1],m=(0,N.useDivaCore)(),h=m.state.dimensions.isMobile,w=m.actions,T=w.closeModal,S=w.openModal,z=(0,N.useTranslation)().t;(0,c.useEffect)((function(){var e,t;h&&navigator.share&&S({accept:!0,text:z("share.now_text"),title:z("share.now_title"),callback:function callback(e){var t,i,a,c;e&&navigator.share({title:null!==(t=n.socialMedia)&&void 0!==t&&t.title?z(null===(i=n.socialMedia)||void 0===i?void 0:i.title):void 0,text:null!==(a=n.socialMedia)&&void 0!==a&&a.text?z(null===(c=n.socialMedia)||void 0===c?void 0:c.text):void 0,url:l});T()}});var i=[];n.url&&i.push("SHARE_URL"),n.socialMedia&&i.push("SHARE_WHATSAPP"),null!==(e=n.emailConfig)&&void 0!==e&&e.length&&i.push("SHARE_EMAIL"),E(i.indexOf(null!==(t=n.default)&&void 0!==t?t:i[0])),y(i)}),[n]);var A=(0,c.useState)(),D=(0,a.Z)(A,2),p=D[0],E=D[1];return g.length&&void 0!==p?(0,I.jsxs)("div",{className:s.YS,children:[(0,I.jsx)(o.default,{state:[p,E],values:[].concat((0,i.Z)(n.url?[(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:M()(s.qv,r.HQ)})," ",z("checkout.share.title.url")]})]:[]),(0,i.Z)(n.socialMedia?[(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:M()(s.qv,r.yw)})," ",z("checkout.share.title.socials")]})]:[]),(0,i.Z)(n.emailConfig?[(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:M()(s.qv,r.X5)})," ",z("checkout.share.title.mail")]})]:[]))}),"SHARE_URL"==g[p]&&(0,I.jsx)(u.default,{url:l}),"SHARE_WHATSAPP"==g[p]&&(0,I.jsx)(j.default,{config:n.socialMedia,url:l}),"SHARE_EMAIL"==g[p]&&(0,I.jsx)(d.default,{config:n.emailConfig,basket:t,url:l})]}):(0,I.jsx)(I.Fragment,{})}},61948:(e,n,t)=>{t.d(n,{F2:()=>M,No:()=>r,YS:()=>s,ZP:()=>u,wb:()=>l});var i=t(8081),a=t.n(i),c=t(23645),o=t.n(c)()(a());o.push([e.id,".index-module--BOkA2 {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--Ilm5G {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--GRFWE {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--aIbWt {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition: color 0.25s ease-out;\n}\n",""]);var s="index-module--BOkA2",r="index-module--Ilm5G",l="index-module--GRFWE",M="index-module--aIbWt";const u=o},7136:(e,n,t)=>{t.d(n,{Do:()=>l,E3:()=>d,Qp:()=>N,Wx:()=>r,YS:()=>s,Z2:()=>j,ZP:()=>I,qv:()=>M,r1:()=>u});var i=t(8081),a=t.n(i),c=t(23645),o=t.n(c)()(a());o.push([e.id,".index-module--o8DYG {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  width: 360px;\n  max-width: 100%;\n}\n.index-module--YUl2v {\n  color: #71717a;\n  font-size: 14px;\n}\n\n.index-module--QHHJt {\n  color: #000;\n  font-size: 14px;\n  text-align: center;\n  width: 100%;\n}\n\n.index-module--N_7QD {\n  width: 16px;\n  height: 16px;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 70%;\n}\n\n.index-module--Z68JJ {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n  grid-column-gap: 8px;\n  grid-row-gap: 8px;\n  width: 100%;\n}\n\n.index-module--IdNwR {\n  background-color: #f4f4f5;\n  padding: 12px;\n  width: calc(100% - 24px);\n  border-radius: 6px;\n  overflow: hidden;\n  line-break: anywhere;\n}\n\n.index-module--k_FKj {\n  display: flex;\n  width: 100%;\n  gap: 8px;\n}\n\n.index-module--k_FKj input {\n  width: 60%;\n}\n.index-module--k_FKj button {\n  width: 40%;\n}\n\n.index-module--l6aB4 {\n  border-bottom: 1px solid rgb(228, 228, 231);\n  width: 100%;\n}\n",""]);var s="index-module--o8DYG",r="index-module--YUl2v",l="index-module--QHHJt",M="index-module--N_7QD",u="index-module--Z68JJ",j="index-module--IdNwR",d="index-module--k_FKj",N="index-module--l6aB4";const I=o},5389:(e,n,t)=>{t.d(n,{Do:()=>I.Do,E3:()=>I.E3,Qp:()=>I.Qp,Wx:()=>I.Wx,YS:()=>I.YS,Z2:()=>I.Z2,qv:()=>I.qv,r1:()=>I.r1});var i=t(93379),a=t.n(i),c=t(7795),o=t.n(c),s=t(90569),r=t.n(s),l=t(3565),M=t.n(l),u=t(19216),j=t.n(u),d=t(44589),N=t.n(d),I=t(7136),L={};L.styleTagTransform=N(),L.setAttributes=M(),L.insert=r().bind(null,"head"),L.domAPI=o(),L.insertStyleElement=j();a()(I.ZP,L),I.ZP&&I.ZP.locals&&I.ZP.locals}}]);