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

@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.10

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

Files changed (447) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8607.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8607,9534,9001,4190,5070,5820],{49534:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(80248),i=t(9204),r=t(9420),a=(t(87363),t(93379)),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(38921),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(65515),S=t.n(y),w=t(88683),j=t(19047),I=t(39667),k=t(40976),P=t(56340),C=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const O=(0,r.Pi)((function BasketActionStandard(n){var e,t,o,r,a=n.buttonTextClassName,d=void 0===a?h.UU:a,l=n.buttonPriceClassName,s=void 0===l?h.QD:l,u=n.containerClassName,c=n.price,x=n.showCheckoutButtons,p=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,m=(0,w.useTranslation)().t,b=null===(e=p.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,C.jsxs)("div",{className:S()(h.tM,u),children:[x&&(null===(t=p.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.filter((function(n){return(0,j.evalVisible)(n,p,"navigator")})).map((function(n){return(0,C.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,j.onClickCheckout)(n,p,n.index,m)},children:(0,C.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,C.jsxs)("div",{className:h.m2,onClick:function onClick(){b?(0,j.onClickCheckout)(b,p,b.index,m):p.actionButtonState.onClickAddToBasket(p)},id:"wcConfigurator-action-tobasket",children:[b?(0,C.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,C.jsx)("div",{className:d,children:m("configurator.ADD_TO_BASKET")}),!g&&void 0!==c&&"horizontal"==p.tabGroupState.curTabGroupType&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:S()(h.DC,h.F0,p.productState.formatedBruttoPrice?void 0:h.al),children:(0,C.jsx)(P.default,{price:null!==(o=p.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,C.jsx)("div",{className:s,children:(0,C.jsx)(P.default,{price:null!==(r=p.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var o=t(80248),i=t(88291),r=(t(87363),t(9204)),a=t(39667),d=t(19047),l=t(88683),s=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,i.Z)(n),n)),o=(0,r.NP)(),u=null===(e=o.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsx)("div",{onClick:function onClick(){return(0,d.onClickCheckout)(u,o,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,s.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return o.actionButtonState.onClickAddToBasket(o)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},73666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(9204),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),f=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),w=t(39545),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},18607:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(88291),i=t(65515),r=t.n(i),a=t(9204),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),f=t.n(b),h=t(44589),v=t.n(h),y=t(52284),S={};S.styleTagTransform=v(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(73666),j=t(34190),I=t(97853),k=t(12576),P=t(69001),C=t(88683),O=t(49534),N=t(9420),M=t(68063),T=t(43958),B=t(47514),D={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,N.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("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:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,B.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,B.jsx)(I.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(M.default,{className:y.Bg}),(0,B.jsx)(T.default,{})]})}):(0,B.jsxs)("div",{className:y.g6,children:[(0,B.jsx)(k.default,{className:y.x6}),(0,B.jsx)(I.default,{className:y.vt}),(0,B.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,B.jsx)(O.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(9204)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(34988),i=t(9420),r=t(87363),a=t(9204),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),f=t(44589),h=t.n(f),v=t(76640),y={};y.styleTagTransform=h(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(65515),w=t.n(S),j=t(47514);const I=(0,i.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),i=(0,o.Z)(t,2),d=i[0],l=i[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,d&&v.oP,e.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},49202:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(9420),r=t(87363),a=t(37707),d=t(9204),l=t(82956),s=t(16567),u=t(74133),c=t(84658),x=t(12952),p=t(34988),g=t(50747),m=t.n(g),b=t(88683),f=t(45070),h=t(65515),v=t.n(h),y=t(47514);const S=(0,i.Pi)((function SettingsSwiper(n){(0,o.Z)(n);var e=(0,d.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),o=t[0],i=t[1],a=(0,r.useState)([]),d=(0,p.Z)(a,2),l=d[0],s=d[1];(0,r.useEffect)((function(){var e=(0,x.Z)(n.tabGroupState.allTabGroups.keys());s(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o||o.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,o]);var u=function(){var n=(0,c.Z)(m().mark((function _callee(){var n,e,t,i,r,a=arguments;return m().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,o){d.next=4;break}return d.abrupt("return");case 4:return t=.25*e,i=o.getTranslate(),r=i-n,o.allowTouchMove=!1,o.setTransition(2*t),o.setTranslate(r),d.next=12,b.DivaUtils.Sleep(2*t);case 12:return o.setTransition(t),o.setTranslate(i-.5*n),d.next=16,b.DivaUtils.Sleep(t);case 16:return o.setTransition(.5*t),o.setTranslate(.8*r),d.next=20,b.DivaUtils.Sleep(.5*t);case 20:o.setTransition(1.75*t),o.setTranslate(i),o.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:o,setSwiperRef:i,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var o=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);o&&n.tabGroupState.navigateToTabgroupByPosNr(o.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),i=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,S=t.handleSetTransition,w=t.handleTransitionEnd,j=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,y.jsx)(a.tq,{onSlideChange:h,onSetTransition:S,onTransitionEnd:w,initialSlide:j,onSwiper:i,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,o=e.tabGroupState.allTabGroups.get(n),i=o?null===(t=Array.from(o.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,y.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s.default,{},n),(0,y.jsx)(f.default,{})]}):(0,y.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,y.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,y.jsx)(y.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(9204)),a=t(80509),d=t(16567),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(49202),p=t(51451),g=t(71883),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:h?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&!f.wysiwygDebugState.wysiwygInspectView&&(0,m.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==f.tabGroupState.curTabGroupType?s.s1:void 0,f.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!f.uiState.isInMobileView&&v]}))}))},43958:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(9204),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);const S=(0,r.Pi)((function ProgressBar(n){var e;(0,o.Z)(n);var t=(0,i.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,y.jsx)(y.Fragment,{});var d=a.posNr,l=r.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>h,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",h="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>f,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",h="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>w,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>f,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>S,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",S="index-module--NOlUe",w="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>x,ZP:()=>b,oP:()=>g,qv:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(81165),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var x="index-module--OH1rD",p="index-module--GRTuu",g="index-module--BWnyQ",m="index-module--CF6oq";const b=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8607,9534,9001,4190,5070,5820],{49534:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(80248),i=t(75327),r=t(9420),a=(t(87363),t(93379)),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(38921),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(65515),S=t.n(y),w=t(88683),j=t(19047),I=t(39667),k=t(40976),P=t(56340),C=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const O=(0,r.Pi)((function BasketActionStandard(n){var e,t,o,r,a=n.buttonTextClassName,d=void 0===a?h.UU:a,l=n.buttonPriceClassName,s=void 0===l?h.QD:l,u=n.containerClassName,c=n.price,x=n.showCheckoutButtons,p=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,m=(0,w.useTranslation)().t,b=null===(e=p.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,C.jsxs)("div",{className:S()(h.tM,u),children:[x&&(null===(t=p.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.filter((function(n){return(0,j.evalVisible)(n,p,"navigator")})).map((function(n){return(0,C.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,j.onClickCheckout)(n,p,n.index,m)},children:(0,C.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,C.jsxs)("div",{className:h.m2,onClick:function onClick(){b?(0,j.onClickCheckout)(b,p,b.index,m):p.actionButtonState.onClickAddToBasket(p)},id:"wcConfigurator-action-tobasket",children:[b?(0,C.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,C.jsx)("div",{className:d,children:m("configurator.ADD_TO_BASKET")}),!g&&void 0!==c&&"horizontal"==p.tabGroupState.curTabGroupType&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:S()(h.DC,h.F0,p.productState.formatedBruttoPrice?void 0:h.al),children:(0,C.jsx)(P.default,{price:null!==(o=p.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,C.jsx)("div",{className:s,children:(0,C.jsx)(P.default,{price:null!==(r=p.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var o=t(80248),i=t(88291),r=(t(87363),t(75327)),a=t(39667),d=t(19047),l=t(88683),s=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,i.Z)(n),n)),o=(0,r.NP)(),u=null===(e=o.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsx)("div",{onClick:function onClick(){return(0,d.onClickCheckout)(u,o,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,s.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return o.actionButtonState.onClickAddToBasket(o)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},73666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(75327),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),f=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),w=t(39545),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},18607:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(88291),i=t(65515),r=t.n(i),a=t(75327),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),f=t.n(b),h=t(44589),v=t.n(h),y=t(52284),S={};S.styleTagTransform=v(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(73666),j=t(34190),I=t(97853),k=t(12576),P=t(69001),C=t(88683),O=t(49534),N=t(9420),M=t(68063),T=t(43958),B=t(47514),D={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,N.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("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:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,B.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,B.jsx)(I.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(M.default,{className:y.Bg}),(0,B.jsx)(T.default,{})]})}):(0,B.jsxs)("div",{className:y.g6,children:[(0,B.jsx)(k.default,{className:y.x6}),(0,B.jsx)(I.default,{className:y.vt}),(0,B.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,B.jsx)(O.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(75327)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(34988),i=t(9420),r=t(87363),a=t(75327),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),f=t(44589),h=t.n(f),v=t(76640),y={};y.styleTagTransform=h(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(65515),w=t.n(S),j=t(47514);const I=(0,i.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),i=(0,o.Z)(t,2),d=i[0],l=i[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,d&&v.oP,e.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},49202:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(9420),r=t(87363),a=t(37707),d=t(75327),l=t(82956),s=t(16567),u=t(74133),c=t(84658),x=t(12952),p=t(34988),g=t(50747),m=t.n(g),b=t(88683),f=t(45070),h=t(65515),v=t.n(h),y=t(47514);const S=(0,i.Pi)((function SettingsSwiper(n){(0,o.Z)(n);var e=(0,d.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),o=t[0],i=t[1],a=(0,r.useState)([]),d=(0,p.Z)(a,2),l=d[0],s=d[1];(0,r.useEffect)((function(){var e=(0,x.Z)(n.tabGroupState.allTabGroups.keys());s(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o||o.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,o]);var u=function(){var n=(0,c.Z)(m().mark((function _callee(){var n,e,t,i,r,a=arguments;return m().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,o){d.next=4;break}return d.abrupt("return");case 4:return t=.25*e,i=o.getTranslate(),r=i-n,o.allowTouchMove=!1,o.setTransition(2*t),o.setTranslate(r),d.next=12,b.DivaUtils.Sleep(2*t);case 12:return o.setTransition(t),o.setTranslate(i-.5*n),d.next=16,b.DivaUtils.Sleep(t);case 16:return o.setTransition(.5*t),o.setTranslate(.8*r),d.next=20,b.DivaUtils.Sleep(.5*t);case 20:o.setTransition(1.75*t),o.setTranslate(i),o.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:o,setSwiperRef:i,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var o=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);o&&n.tabGroupState.navigateToTabgroupByPosNr(o.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),i=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,S=t.handleSetTransition,w=t.handleTransitionEnd,j=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,y.jsx)(a.tq,{onSlideChange:h,onSetTransition:S,onTransitionEnd:w,initialSlide:j,onSwiper:i,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,o=e.tabGroupState.allTabGroups.get(n),i=o?null===(t=Array.from(o.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,y.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s.default,{},n),(0,y.jsx)(f.default,{})]}):(0,y.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,y.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,y.jsx)(y.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(75327)),a=t(80509),d=t(16567),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(49202),p=t(51451),g=t(71883),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:h?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&!f.wysiwygDebugState.wysiwygInspectView&&(0,m.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==f.tabGroupState.curTabGroupType?s.s1:void 0,f.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!f.uiState.isInMobileView&&v]}))}))},43958:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(75327),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);const S=(0,r.Pi)((function ProgressBar(n){var e;(0,o.Z)(n);var t=(0,i.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,y.jsx)(y.Fragment,{});var d=a.posNr,l=r.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>h,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",h="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>f,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",h="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>w,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>f,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>S,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",S="index-module--NOlUe",w="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>x,ZP:()=>b,oP:()=>g,qv:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(81165),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var x="index-module--OH1rD",p="index-module--GRTuu",g="index-module--BWnyQ",m="index-module--CF6oq";const b=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8616.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8616,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(9204),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(62052),t=o(9204);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8616,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(75327),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(87998),t=o(75327);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8686.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8686,1801],{21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});var t=i(34988),o=i(93379),d=i.n(o),r=i(7795),l=i.n(r),a=i(90569),s=i.n(a),x=i(3565),C=i.n(x),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),f=i(23240),v={};v.styleTagTransform=p(),v.setAttributes=C(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(87363),g=i(9204),y=i(65515),w=i.n(y),j=i(9420),P=i(47514);const b=(0,j.Pi)((function InfoIcon(e){var n,i,o,d=e.item,r=e.style,l=(0,g.NP)(),a=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,x=(0,h.useState)(!1),C=(0,t.Z)(x,2),c=C[0],u=C[1],m=d.sel||c;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&s==l.settingsState.clickedFrom;!e&&c&&u(!1),e&&!c&&u(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:f.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(a,s),u(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),e.stopPropagation()},style:r,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(f.hv,m?void 0:f.al,c?f.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(f.dA,m?f.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},68686:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),o=i(87363),d=i(9420),r=i(9204),l=i(65515),a=i.n(l),s=i(93379),x=i.n(s),C=i(7795),c=i.n(C),u=i(90569),m=i.n(u),p=i(3565),f=i.n(p),v=i(19216),h=i.n(v),g=i(44589),y=i.n(g),w=i(23623),j={};j.styleTagTransform=y(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();x()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=i(21801),b=i(91087),I=i(47514);const S=(0,d.Pi)((function Radio(e){var n=e.item,i=e.style,d=e.paletteId,l=e.displayMode,s=e.hidePricePreview,x=(0,r.NP)(),C=(0,o.useState)([]),c=(0,t.Z)(C,2),u=c[0],m=c[1],p=(0,o.useState)(),f=(0,t.Z)(p,2),v=f[0],h=f[1],g=(0,o.useState)(l||"boxed"),y=(0,t.Z)(g,2),j=y[0],S=(y[1],(0,o.useState)(!1)),Z=(0,t.Z)(S,2),N=Z[0],F=Z[1];(0,o.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),i=e.every((function(e){return e.text.endsWith("cm")}));m(e),F(i),h(e.findIndex((function(e){return e.sel})))}),[n]);var q=function onChangeValue(e){h(e);var n=u[e];n&&x.paletteViewHandler.clickedOnConfigPalette(n,void 0,d)};if(0===u.length)return(0,I.jsx)(I.Fragment,{});var M=function getLabelText(e){return N?e.text.replace("cm",""):e.text};return(0,I.jsxs)("div",{className:w.YS,ref:function ref(e){return n.htmlRef=e},style:i,children:[(0,I.jsx)("div",{className:w.TN,children:n.name+(N?" (cm)":"")}),"boxed"===j?function renderBoxed(){return(0,I.jsx)("div",{className:w.UH,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:a()(w.dm,v===n&&w.hv),onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,I.jsx)("div",{className:w.Lc,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:w.vd,onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{className:a()(w.w5,v===n&&w.hv),children:(0,I.jsx)("div",{className:a()(w.gB,v===n&&w.hv)})}),(0,I.jsx)("div",{className:a()(w.PS,v===n&&w.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>C,Oq:()=>x,ZP:()=>m,al:()=>u,dA:()=>s,fL:()=>c,hv:()=>a,um:()=>l});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",C="index-module--nTN4r",c="index-module--FaRqp",u="index-module--oBSZj";const m=r},23623:(e,n,i)=>{i.d(n,{Lc:()=>c,PS:()=>f,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>v,dm:()=>x,gB:()=>p,hv:()=>C,vd:()=>u,w5:()=>m});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",x="index-module--eoa3S",C="index-module--HoaxU",c="index-module--qUNzP",u="index-module--WgT0o",m="index-module--yqUyo",p="index-module--FeZni",f="index-module--q1nJs";const v=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8686,1801],{21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});var t=i(34988),o=i(93379),d=i.n(o),r=i(7795),l=i.n(r),a=i(90569),s=i.n(a),x=i(3565),C=i.n(x),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),f=i(23240),v={};v.styleTagTransform=p(),v.setAttributes=C(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(87363),g=i(75327),y=i(65515),w=i.n(y),j=i(9420),P=i(47514);const b=(0,j.Pi)((function InfoIcon(e){var n,i,o,d=e.item,r=e.style,l=(0,g.NP)(),a=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,x=(0,h.useState)(!1),C=(0,t.Z)(x,2),c=C[0],u=C[1],m=d.sel||c;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&s==l.settingsState.clickedFrom;!e&&c&&u(!1),e&&!c&&u(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:f.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(a,s),u(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),e.stopPropagation()},style:r,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(f.hv,m?void 0:f.al,c?f.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(f.dA,m?f.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},68686:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),o=i(87363),d=i(9420),r=i(75327),l=i(65515),a=i.n(l),s=i(93379),x=i.n(s),C=i(7795),c=i.n(C),u=i(90569),m=i.n(u),p=i(3565),f=i.n(p),v=i(19216),h=i.n(v),g=i(44589),y=i.n(g),w=i(23623),j={};j.styleTagTransform=y(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();x()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=i(21801),b=i(91087),I=i(47514);const S=(0,d.Pi)((function Radio(e){var n=e.item,i=e.style,d=e.paletteId,l=e.displayMode,s=e.hidePricePreview,x=(0,r.NP)(),C=(0,o.useState)([]),c=(0,t.Z)(C,2),u=c[0],m=c[1],p=(0,o.useState)(),f=(0,t.Z)(p,2),v=f[0],h=f[1],g=(0,o.useState)(l||"boxed"),y=(0,t.Z)(g,2),j=y[0],S=(y[1],(0,o.useState)(!1)),Z=(0,t.Z)(S,2),N=Z[0],F=Z[1];(0,o.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),i=e.every((function(e){return e.text.endsWith("cm")}));m(e),F(i),h(e.findIndex((function(e){return e.sel})))}),[n]);var q=function onChangeValue(e){h(e);var n=u[e];n&&x.paletteViewHandler.clickedOnConfigPalette(n,void 0,d)};if(0===u.length)return(0,I.jsx)(I.Fragment,{});var M=function getLabelText(e){return N?e.text.replace("cm",""):e.text};return(0,I.jsxs)("div",{className:w.YS,ref:function ref(e){return n.htmlRef=e},style:i,children:[(0,I.jsx)("div",{className:w.TN,children:n.name+(N?" (cm)":"")}),"boxed"===j?function renderBoxed(){return(0,I.jsx)("div",{className:w.UH,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:a()(w.dm,v===n&&w.hv),onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,I.jsx)("div",{className:w.Lc,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:w.vd,onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{className:a()(w.w5,v===n&&w.hv),children:(0,I.jsx)("div",{className:a()(w.gB,v===n&&w.hv)})}),(0,I.jsx)("div",{className:a()(w.PS,v===n&&w.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>C,Oq:()=>x,ZP:()=>m,al:()=>u,dA:()=>s,fL:()=>c,hv:()=>a,um:()=>l});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",C="index-module--nTN4r",c="index-module--FaRqp",u="index-module--oBSZj";const m=r},23623:(e,n,i)=>{i.d(n,{Lc:()=>c,PS:()=>f,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>v,dm:()=>x,gB:()=>p,hv:()=>C,vd:()=>u,w5:()=>m});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",x="index-module--eoa3S",C="index-module--HoaxU",c="index-module--qUNzP",u="index-module--WgT0o",m="index-module--yqUyo",p="index-module--FeZni",f="index-module--q1nJs";const v=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(t,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>D});var o=a(84658),i=a(13125),c=a(43860),d=a(80248),l=a(50747),h=a.n(l),g=a(63846),u=a(62052),v=a(88683);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,i=function F(){};return{s:i,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,d=!0,l=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return d=t.done,t},e:function e(t){l=!0,c=t},f:function f(){try{d||null==a.return||a.return()}finally{if(l)throw c}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var m=(0,v.getLogger)("Planner","Planner2DGrid"),D=function(){return(0,c.Z)((function Planner2DGrid(t,r,a,o,c,l){var h=this;(0,i.Z)(this,Planner2DGrid),(0,d.Z)(this,"autoDockingDistance",20),(0,d.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,d.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,d.Z)(this,"canvas",void 0),(0,d.Z)(this,"renderGeneration",0),(0,d.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,d.Z)(this,"borderFactorHori",.7),(0,d.Z)(this,"borderFactorVert",.64),(0,d.Z)(this,"maxZoom",4),(0,d.Z)(this,"deltaRotDeg",void 0),(0,d.Z)(this,"inDragMode",!1),(0,d.Z)(this,"currZoomFactor",1),(0,d.Z)(this,"currCenteringOffset",new u.FM(0,0)),(0,d.Z)(this,"zoomFactorBBoxDimLastFrame",new u.FM(0,0)),(0,d.Z)(this,"plannerPaletteViewInfo",void 0),(0,d.Z)(this,"settingsState",void 0),(0,d.Z)(this,"getConfiguratorState",void 0),(0,d.Z)(this,"updatePlannerTrans",void 0),(0,d.Z)(this,"getPlannerElementById",void 0),(0,d.Z)(this,"getPlannerViewConfig",void 0),(0,d.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,d.Z)(this,"onDragStarted",(function(t,r){h.inDragMode=!0,m.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(h.getConfiguratorState())||h.forceViewToEnterPlannerMode(!0),h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"START",h.autoDockingDistance)})),(0,d.Z)(this,"onDragMove",(function(t,r,a){h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(a.x/h.currZoomFactor,0,a.y/h.currZoomFactor),0,45,"UPDATE",h.autoDockingDistance)})),(0,d.Z)(this,"onDragEnd",(function(t,r){m.debug("On Drag END"),h.inDragMode=!1,h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"END",h.autoDockingDistance)})),(0,d.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,d.Z)(this,"getContentAsJPG",(function(){if(h.canvas){var t=h.canvas.backgroundColor,r=h.canvas.width,a=h.canvas.height;h.canvas.backgroundColor="#fff";for(var o=h.canvas.getObjects(),i=void 0,c=void 0,d=0;d<o.length;d++){var l=o[d];if(l.name==h.dimGroupHeightName||l.name==h.dimGroupWidthName){l.dirty=!0;for(var g=0;g<l.getObjects().length;g++)if("text"==l.getObjects()[g].type){var u=l.getObjects()[g];l.name==h.dimGroupHeightName?c=u:l.name==h.dimGroupWidthName&&(i=u)}}}var v=0,D=0,p=0,P=30,w=13,S=!1;h.canvas.width&&h.canvas.width<500&&(P=17,w=7,S=!0),null!=i&&(v=i.fontSize,D=i.top,i.fontSize=P,i.dirty=!0,i.top=i.top+w),null!=c&&(p=c.fontSize,c.fontSize=P,c.dirty=!0),m.debug("This.canvas.width: "+h.canvas.width+"; this.canvas.height: "+h.canvas.height),h.canvas.width&&S&&h.canvas.setWidth(1.15*h.canvas.width),h.canvas.height&&S&&h.canvas.setHeight(1.15*h.canvas.height),h.canvas.renderAll();var y=h.canvas.toDataURL({format:"jpeg",quality:.8});return null!=i&&(i.fontSize=v,i.top=D,i.group.dirty=!0),null!=c&&(c.fontSize=p,c.group.dirty=!0),h.canvas.backgroundColor=t,r&&h.canvas.setWidth(r),a&&h.canvas.setHeight(a),h.canvas.renderAll(),y}return""})),this.getConfiguratorState=t,this.getPlannerElementById=r,this.getPlannerViewConfig=a,this.forceViewToEnterPlannerMode=o,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=c,this.settingsState=l}),[{key:"initialize",value:function initialize(t){this.updatePlannerTrans=t,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new g.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(t,r,a){switch(this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"START",0),a){case"CLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(t,r,a,o,i){var c=this;this.inDragMode||(t.clear2D3DViewerUI(),m.debug("UpdateUI","Planner2DGrid"),r.forEach((function(r,d){for(var l=0;l<r.length;l++)if(r[l].getSVGShapeOLF2D()){var h=r[l],g=!1,u=i;if(a.has(d))for(var v=a.get(d),m=0;m<v.length;m++)if(h.getElementId()==v[m].getElementId()){g=!0;break}if(!g&&!u&&o.has(d)){var D=o.get(d);for(m=0;m<D.length;m++)if(h.getElementId()==D[m].getElementId()){u=!0;break}}c.addPosNrUI(t,h,g,u),c.addDPUI(t,h),g?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(c.getConfiguratorState())&&(c.addDelIcon(t,h),c.addRotIcon(t,h)),c.addElemOutline(t,h,!0,!1)):u&&c.addElemOutline(t,h,!1,!0),"ACC_PLANNER"==c.getConfiguratorState()&&(h.getIsDockedAccessoire()||h.getIsNotDockedAccessoire())&&c.addDelIcon(t,h)}})))}},{key:"getWorldCorner",value:function getWorldCorner(t,r){return r&&t.HasOLFPolygon?t.WorldPosCornerIgnoreOLF:!r&&t.HasOLFPolygon?t.getWorldPosCornerOLF():t.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(t,r,a,o){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getWorldCorner(r,!0),c=r.getWidth(),d=r.getDepth(),l=this.worldPosToScreenPos(new u.FM(i.x,i.z));t.addElemOutlineUI(r.getSetId(),r.getElementId(),r.getRotDeg(),l,new u.FM(Math.round(c*this.currZoomFactor),Math.round(d*this.currZoomFactor)),this.getIconState(a,o),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(t,r){return t?"selected":r?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(t,r,a,o){var i;if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var c=this.getPlannerViewConfig(),d=new u.FM(0,0,"pixel");if("TOP_LEFT_BACK"==c.posNumIcon){var l=this.getWorldCorner(r,!1);d=this.worldPosToScreenPos(new u.FM(l.x,l.z))}t.addPosNrUI(r.getSetId(),r.getElementId(),r.getIsDockedAccessoire(),d,r.getRotDeg(),this.currZoomFactor,null===(i=t.getPosNrByBasketId(r.getBasketId()))||void 0===i?void 0:i.toString(),this.getIconState(a,o),"2D")}}},{key:"addDelIcon",value:function addDelIcon(t,r){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var a=new u.FM(0,0),o=this.getWorldCorner(r,!1),i=this.worldPosToScreenPos(new u.FM(o.x,o.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":a=i;break;case"TOP_RIGHT_BACK":var c=new u.FM(r.getWidth()*this.currZoomFactor,0);c=u.FM.rotateOrigin(c,r.getRotDeg()),a=new u.FM(i.x+c.x,i.y+c.y)}t.addTrashIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),a,"2D")}}},{key:"addRotIcon",value:function addRotIcon(t,r){r.getIsDockedAccessoire()&&!r.getIsNotDockedAccessoire()||(t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateC",new u.FM(0,0),"2D"),t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateCC",new u.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(t,r){for(var a=r.getAllDockingPoints(),o=0;o<a.length;o++){var i,c=a[o];if(null===(i=this.plannerPaletteViewInfo)||void 0===i||null===(i=i.plannerConfiguration.hideAVButtons)||void 0===i||!i.includes(c.Type))if(c.IsDocking||"AVR"!=c.Type&&"AVL"!=c.Type){if(!("AVO"!=c.Type&&"AVU"!=c.Type&&"AVC"!=c.Type&&"AVN"!=c.Type&&"AVS"!=c.Type||c.IsDocking&&r.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var d=this.getWorldCorner(r,!1),l=this.worldPosToScreenPos(new u.FM(d.x+c.LocalWorldPos.x,d.z+c.LocalWorldPos.z)),h=this.worldPosToScreenPos(new u.FM(d.x,d.z));l=u.FM.rotateAround(l,h,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,"ACC",c.IsDocking?"DOCKING":"NOT_DOCKING",c.OnElementId,r.getRotDeg(),c.RotDeg,l,"2D")}}else{var g=this.getWorldCorner(r,!1),v=this.worldPosToScreenPos(new u.FM(g.x+c.LocalWorldPos.x,g.z+c.LocalWorldPos.z)),m=this.worldPosToScreenPos(new u.FM(g.x,g.z));v=u.FM.rotateAround(v,m,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,c.Type,"NOT_DOCKING",void 0,r.getRotDeg(),c.RotDeg,v,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(t){var r=1,a=t.size.x/t.size.z,o=this.canvas.getHeight()-62;a>=this.canvas.getWidth()/o?(r=this.canvas.getWidth()*this.borderFactorHori/t.size.x,m.debug("ATTENTION: "+(o-t.size.z*v.DivaUtils.UnitRecalc/r))):r=o*this.borderFactorVert/t.size.z,(Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=r),this.zoomFactorBBoxDimLastFrame=new u.FM(t.size.x,t.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(t){t.update2DGridBackground({zoom:this.currZoomFactor,position:new u.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(t){var r=new u.FM(t.x*this.currZoomFactor,t.y*this.currZoomFactor);return r.x+=this.currCenteringOffset.x,r.y+=this.currCenteringOffset.y,r}},{key:"drawDimensions",value:function drawDimensions(t,r){if(0!=r.size.x&&0!=r.size.z){var a=10,o=null,i=null,c=null,d=t.width*this.currZoomFactor,l=t.height*this.currZoomFactor,h=0,u=0;0==r.digitsAfterComma||null==r.digitsAfterComma?(h=Math.round(r.size.x),u=Math.round(r.size.z)):1==r.digitsAfterComma?(h=Math.round(10*r.size.x)/10,u=Math.round(10*r.size.z)/10):2==r.digitsAfterComma?(h=Math.round(100*r.size.x)/100,u=Math.round(100*r.size.z)/100):3==r.digitsAfterComma?(h=Math.round(1e3*r.size.x)/1e3,u=Math.round(1e3*r.size.z)/1e3):4==r.digitsAfterComma&&(h=Math.round(1e4*r.size.x)/1e4,u=Math.round(1e4*r.size.z)/1e4);var v={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};o=new g.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:t.left-50,top:t.top,height:l,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-25,-l/2,-25,l/2],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-20,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-30,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-20,l/2-a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-30,l/2-a],v),o.add(i),c=new g.fabric.Text(u+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront(),o=new g.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:t.left,top:t.top+l,width:d,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-d/2,-25,d/2,-25],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-20],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-30],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-20],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-30],v),o.add(i),c=new g.fabric.Text(h+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront()}}},{key:"ensureSvgShapes",value:(r=(0,o.Z)(h().mark((function _callee(t){var r,a=this;return h().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return r=[],t.forEach((function(t){var o,i=_createForOfIteratorHelper(t);try{for(i.s();!(o=i.n()).done;){var c=o.value;!c.getSVGShapeOLF2D()&&c.SvgData&&r.push(a.buildSvgShape(c))}}catch(t){i.e(t)}finally{i.f()}})),o.next=4,Promise.all(r);case 4:case"end":return o.stop()}}),_callee)}))),function ensureSvgShapes(t){return r.apply(this,arguments)})},{key:"buildSvgShape",value:function buildSvgShape(t){var r=this;return new Promise((function(a){var o=!1,i=function finish(){o||(o=!0,clearTimeout(c),a())},c=setTimeout((function(){m.warn("2D shape build timed out after ".concat(1e4,"ms — element rendered without its SVG shape"),"Planner2DGrid"),i()}),1e4);try{g.fabric.loadSVGFromString(t.SvgData,(function(a,c){if(!o){try{r.applySvgShape(t,a,c)}catch(t){m.warn("2D shape build failed: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid")}i()}}))}catch(t){m.warn("2D shape parse threw: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid"),i()}}))}},{key:"applySvgShape",value:function applySvgShape(t,r,a){for(var o=0;o<r.length;o++){var i,c=r[o];c.setCoords();var d=null===(i=c.id)||void 0===i?void 0:i.toString();d&&(d.startsWith("OLF")||d.startsWith("OLT"))&&(c.stroke="none")}var l=g.fabric.util.groupSVGElements(r,a);l.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),t.SvgShapeOLF2D=l}},{key:"updatePlannerView",value:(t=(0,o.Z)(h().mark((function _callee2(t,r,a){var o,i,c,d,l,D,p,P=this;return h().wrap((function _callee2$(h){for(;;)switch(h.prev=h.next){case 0:return m.debug("UpdatePlanner2DGrid","Planner2DGrid"),o=++this.renderGeneration,h.next=4,this.ensureSvgShapes(r);case 4:if(o===this.renderGeneration){h.next=6;break}return h.abrupt("return");case 6:if(this.clearView(),i=t.getCanvas2DGridSize(),this.canvas.getWidth()!=i.x&&this.canvas.setWidth(i.x),this.canvas.getHeight()!=i.y&&this.canvas.setHeight(i.y),0!=r.size){h.next=12;break}return h.abrupt("return");case 12:c=[],r.forEach((function(t,r){for(var o=0;o<t.length;o++)if(t[o].getSVGShapeOLF2D()){var i=t[o].getSVGShapeOLF2D();i.scaleX=1/v.DivaUtils.UnitRecalc,i.scaleY=1/v.DivaUtils.UnitRecalc;var d=P.getWorldCorner(t[o],!1);i.left=d.x-a.worldPos.x,i.top=d.z-a.worldPos.y,i.angle=t[o].getRotDeg(),c.push(i)}})),this.calcZoomFactor(a),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom),d=new u.FM(a.worldPos.x*this.currZoomFactor,a.worldPos.y*this.currZoomFactor),l=new g.fabric.Group(c,{originX:"left",originY:"top",left:d.x,top:d.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),D=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),p=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2),this.currCenteringOffset=new u.FM(D,p),l.left+=D,l.top+=p,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(t),this.drawDimensions(l,a),this.canvas.renderAll();case 28:case"end":return h.stop()}}),_callee2,this)}))),function updatePlannerView(r,a,o){return t.apply(this,arguments)})}]);var t,r}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(t,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>D});var o=a(84658),i=a(13125),c=a(43860),d=a(80248),l=a(50747),h=a.n(l),g=a(63846),u=a(87998),v=a(88683);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,i=function F(){};return{s:i,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,d=!0,l=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return d=t.done,t},e:function e(t){l=!0,c=t},f:function f(){try{d||null==a.return||a.return()}finally{if(l)throw c}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var m=(0,v.getLogger)("Planner","Planner2DGrid"),D=function(){return(0,c.Z)((function Planner2DGrid(t,r,a,o,c,l){var h=this;(0,i.Z)(this,Planner2DGrid),(0,d.Z)(this,"autoDockingDistance",20),(0,d.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,d.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,d.Z)(this,"canvas",void 0),(0,d.Z)(this,"renderGeneration",0),(0,d.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,d.Z)(this,"borderFactorHori",.7),(0,d.Z)(this,"borderFactorVert",.64),(0,d.Z)(this,"maxZoom",4),(0,d.Z)(this,"deltaRotDeg",void 0),(0,d.Z)(this,"inDragMode",!1),(0,d.Z)(this,"currZoomFactor",1),(0,d.Z)(this,"currCenteringOffset",new u.FM(0,0)),(0,d.Z)(this,"zoomFactorBBoxDimLastFrame",new u.FM(0,0)),(0,d.Z)(this,"plannerPaletteViewInfo",void 0),(0,d.Z)(this,"settingsState",void 0),(0,d.Z)(this,"getConfiguratorState",void 0),(0,d.Z)(this,"updatePlannerTrans",void 0),(0,d.Z)(this,"getPlannerElementById",void 0),(0,d.Z)(this,"getPlannerViewConfig",void 0),(0,d.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,d.Z)(this,"onDragStarted",(function(t,r){h.inDragMode=!0,m.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(h.getConfiguratorState())||h.forceViewToEnterPlannerMode(!0),h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"START",h.autoDockingDistance)})),(0,d.Z)(this,"onDragMove",(function(t,r,a){h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(a.x/h.currZoomFactor,0,a.y/h.currZoomFactor),0,45,"UPDATE",h.autoDockingDistance)})),(0,d.Z)(this,"onDragEnd",(function(t,r){m.debug("On Drag END"),h.inDragMode=!1,h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"END",h.autoDockingDistance)})),(0,d.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,d.Z)(this,"getContentAsJPG",(function(){if(h.canvas){var t=h.canvas.backgroundColor,r=h.canvas.width,a=h.canvas.height;h.canvas.backgroundColor="#fff";for(var o=h.canvas.getObjects(),i=void 0,c=void 0,d=0;d<o.length;d++){var l=o[d];if(l.name==h.dimGroupHeightName||l.name==h.dimGroupWidthName){l.dirty=!0;for(var g=0;g<l.getObjects().length;g++)if("text"==l.getObjects()[g].type){var u=l.getObjects()[g];l.name==h.dimGroupHeightName?c=u:l.name==h.dimGroupWidthName&&(i=u)}}}var v=0,D=0,p=0,P=30,w=13,S=!1;h.canvas.width&&h.canvas.width<500&&(P=17,w=7,S=!0),null!=i&&(v=i.fontSize,D=i.top,i.fontSize=P,i.dirty=!0,i.top=i.top+w),null!=c&&(p=c.fontSize,c.fontSize=P,c.dirty=!0),m.debug("This.canvas.width: "+h.canvas.width+"; this.canvas.height: "+h.canvas.height),h.canvas.width&&S&&h.canvas.setWidth(1.15*h.canvas.width),h.canvas.height&&S&&h.canvas.setHeight(1.15*h.canvas.height),h.canvas.renderAll();var y=h.canvas.toDataURL({format:"jpeg",quality:.8});return null!=i&&(i.fontSize=v,i.top=D,i.group.dirty=!0),null!=c&&(c.fontSize=p,c.group.dirty=!0),h.canvas.backgroundColor=t,r&&h.canvas.setWidth(r),a&&h.canvas.setHeight(a),h.canvas.renderAll(),y}return""})),this.getConfiguratorState=t,this.getPlannerElementById=r,this.getPlannerViewConfig=a,this.forceViewToEnterPlannerMode=o,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=c,this.settingsState=l}),[{key:"initialize",value:function initialize(t){this.updatePlannerTrans=t,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new g.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(t,r,a){switch(this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"START",0),a){case"CLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(t,r,a,o,i){var c=this;this.inDragMode||(t.clear2D3DViewerUI(),m.debug("UpdateUI","Planner2DGrid"),r.forEach((function(r,d){for(var l=0;l<r.length;l++)if(r[l].getSVGShapeOLF2D()){var h=r[l],g=!1,u=i;if(a.has(d))for(var v=a.get(d),m=0;m<v.length;m++)if(h.getElementId()==v[m].getElementId()){g=!0;break}if(!g&&!u&&o.has(d)){var D=o.get(d);for(m=0;m<D.length;m++)if(h.getElementId()==D[m].getElementId()){u=!0;break}}c.addPosNrUI(t,h,g,u),c.addDPUI(t,h),g?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(c.getConfiguratorState())&&(c.addDelIcon(t,h),c.addRotIcon(t,h)),c.addElemOutline(t,h,!0,!1)):u&&c.addElemOutline(t,h,!1,!0),"ACC_PLANNER"==c.getConfiguratorState()&&(h.getIsDockedAccessoire()||h.getIsNotDockedAccessoire())&&c.addDelIcon(t,h)}})))}},{key:"getWorldCorner",value:function getWorldCorner(t,r){return r&&t.HasOLFPolygon?t.WorldPosCornerIgnoreOLF:!r&&t.HasOLFPolygon?t.getWorldPosCornerOLF():t.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(t,r,a,o){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getWorldCorner(r,!0),c=r.getWidth(),d=r.getDepth(),l=this.worldPosToScreenPos(new u.FM(i.x,i.z));t.addElemOutlineUI(r.getSetId(),r.getElementId(),r.getRotDeg(),l,new u.FM(Math.round(c*this.currZoomFactor),Math.round(d*this.currZoomFactor)),this.getIconState(a,o),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(t,r){return t?"selected":r?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(t,r,a,o){var i;if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var c=this.getPlannerViewConfig(),d=new u.FM(0,0,"pixel");if("TOP_LEFT_BACK"==c.posNumIcon){var l=this.getWorldCorner(r,!1);d=this.worldPosToScreenPos(new u.FM(l.x,l.z))}t.addPosNrUI(r.getSetId(),r.getElementId(),r.getIsDockedAccessoire(),d,r.getRotDeg(),this.currZoomFactor,null===(i=t.getPosNrByBasketId(r.getBasketId()))||void 0===i?void 0:i.toString(),this.getIconState(a,o),"2D")}}},{key:"addDelIcon",value:function addDelIcon(t,r){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var a=new u.FM(0,0),o=this.getWorldCorner(r,!1),i=this.worldPosToScreenPos(new u.FM(o.x,o.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":a=i;break;case"TOP_RIGHT_BACK":var c=new u.FM(r.getWidth()*this.currZoomFactor,0);c=u.FM.rotateOrigin(c,r.getRotDeg()),a=new u.FM(i.x+c.x,i.y+c.y)}t.addTrashIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),a,"2D")}}},{key:"addRotIcon",value:function addRotIcon(t,r){r.getIsDockedAccessoire()&&!r.getIsNotDockedAccessoire()||(t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateC",new u.FM(0,0),"2D"),t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateCC",new u.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(t,r){for(var a=r.getAllDockingPoints(),o=0;o<a.length;o++){var i,c=a[o];if(null===(i=this.plannerPaletteViewInfo)||void 0===i||null===(i=i.plannerConfiguration.hideAVButtons)||void 0===i||!i.includes(c.Type))if(c.IsDocking||"AVR"!=c.Type&&"AVL"!=c.Type){if(!("AVO"!=c.Type&&"AVU"!=c.Type&&"AVC"!=c.Type&&"AVN"!=c.Type&&"AVS"!=c.Type||c.IsDocking&&r.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var d=this.getWorldCorner(r,!1),l=this.worldPosToScreenPos(new u.FM(d.x+c.LocalWorldPos.x,d.z+c.LocalWorldPos.z)),h=this.worldPosToScreenPos(new u.FM(d.x,d.z));l=u.FM.rotateAround(l,h,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,"ACC",c.IsDocking?"DOCKING":"NOT_DOCKING",c.OnElementId,r.getRotDeg(),c.RotDeg,l,"2D")}}else{var g=this.getWorldCorner(r,!1),v=this.worldPosToScreenPos(new u.FM(g.x+c.LocalWorldPos.x,g.z+c.LocalWorldPos.z)),m=this.worldPosToScreenPos(new u.FM(g.x,g.z));v=u.FM.rotateAround(v,m,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,c.Type,"NOT_DOCKING",void 0,r.getRotDeg(),c.RotDeg,v,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(t){var r=1,a=t.size.x/t.size.z,o=this.canvas.getHeight()-62;a>=this.canvas.getWidth()/o?(r=this.canvas.getWidth()*this.borderFactorHori/t.size.x,m.debug("ATTENTION: "+(o-t.size.z*v.DivaUtils.UnitRecalc/r))):r=o*this.borderFactorVert/t.size.z,(Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=r),this.zoomFactorBBoxDimLastFrame=new u.FM(t.size.x,t.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(t){t.update2DGridBackground({zoom:this.currZoomFactor,position:new u.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(t){var r=new u.FM(t.x*this.currZoomFactor,t.y*this.currZoomFactor);return r.x+=this.currCenteringOffset.x,r.y+=this.currCenteringOffset.y,r}},{key:"drawDimensions",value:function drawDimensions(t,r){if(0!=r.size.x&&0!=r.size.z){var a=10,o=null,i=null,c=null,d=t.width*this.currZoomFactor,l=t.height*this.currZoomFactor,h=0,u=0;0==r.digitsAfterComma||null==r.digitsAfterComma?(h=Math.round(r.size.x),u=Math.round(r.size.z)):1==r.digitsAfterComma?(h=Math.round(10*r.size.x)/10,u=Math.round(10*r.size.z)/10):2==r.digitsAfterComma?(h=Math.round(100*r.size.x)/100,u=Math.round(100*r.size.z)/100):3==r.digitsAfterComma?(h=Math.round(1e3*r.size.x)/1e3,u=Math.round(1e3*r.size.z)/1e3):4==r.digitsAfterComma&&(h=Math.round(1e4*r.size.x)/1e4,u=Math.round(1e4*r.size.z)/1e4);var v={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};o=new g.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:t.left-50,top:t.top,height:l,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-25,-l/2,-25,l/2],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-20,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-30,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-20,l/2-a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-30,l/2-a],v),o.add(i),c=new g.fabric.Text(u+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront(),o=new g.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:t.left,top:t.top+l,width:d,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-d/2,-25,d/2,-25],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-20],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-30],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-20],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-30],v),o.add(i),c=new g.fabric.Text(h+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront()}}},{key:"ensureSvgShapes",value:(r=(0,o.Z)(h().mark((function _callee(t){var r,a=this;return h().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return r=[],t.forEach((function(t){var o,i=_createForOfIteratorHelper(t);try{for(i.s();!(o=i.n()).done;){var c=o.value;!c.getSVGShapeOLF2D()&&c.SvgData&&r.push(a.buildSvgShape(c))}}catch(t){i.e(t)}finally{i.f()}})),o.next=4,Promise.all(r);case 4:case"end":return o.stop()}}),_callee)}))),function ensureSvgShapes(t){return r.apply(this,arguments)})},{key:"buildSvgShape",value:function buildSvgShape(t){var r=this;return new Promise((function(a){var o=!1,i=function finish(){o||(o=!0,clearTimeout(c),a())},c=setTimeout((function(){m.warn("2D shape build timed out after ".concat(1e4,"ms — element rendered without its SVG shape"),"Planner2DGrid"),i()}),1e4);try{g.fabric.loadSVGFromString(t.SvgData,(function(a,c){if(!o){try{r.applySvgShape(t,a,c)}catch(t){m.warn("2D shape build failed: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid")}i()}}))}catch(t){m.warn("2D shape parse threw: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid"),i()}}))}},{key:"applySvgShape",value:function applySvgShape(t,r,a){for(var o=0;o<r.length;o++){var i,c=r[o];c.setCoords();var d=null===(i=c.id)||void 0===i?void 0:i.toString();d&&(d.startsWith("OLF")||d.startsWith("OLT"))&&(c.stroke="none")}var l=g.fabric.util.groupSVGElements(r,a);l.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),t.SvgShapeOLF2D=l}},{key:"updatePlannerView",value:(t=(0,o.Z)(h().mark((function _callee2(t,r,a){var o,i,c,d,l,D,p,P=this;return h().wrap((function _callee2$(h){for(;;)switch(h.prev=h.next){case 0:return m.debug("UpdatePlanner2DGrid","Planner2DGrid"),o=++this.renderGeneration,h.next=4,this.ensureSvgShapes(r);case 4:if(o===this.renderGeneration){h.next=6;break}return h.abrupt("return");case 6:if(this.clearView(),i=t.getCanvas2DGridSize(),this.canvas.getWidth()!=i.x&&this.canvas.setWidth(i.x),this.canvas.getHeight()!=i.y&&this.canvas.setHeight(i.y),0!=r.size){h.next=12;break}return h.abrupt("return");case 12:c=[],r.forEach((function(t,r){for(var o=0;o<t.length;o++)if(t[o].getSVGShapeOLF2D()){var i=t[o].getSVGShapeOLF2D();i.scaleX=1/v.DivaUtils.UnitRecalc,i.scaleY=1/v.DivaUtils.UnitRecalc;var d=P.getWorldCorner(t[o],!1);i.left=d.x-a.worldPos.x,i.top=d.z-a.worldPos.y,i.angle=t[o].getRotDeg(),c.push(i)}})),this.calcZoomFactor(a),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom),d=new u.FM(a.worldPos.x*this.currZoomFactor,a.worldPos.y*this.currZoomFactor),l=new g.fabric.Group(c,{originX:"left",originY:"top",left:d.x,top:d.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),D=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),p=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2),this.currCenteringOffset=new u.FM(D,p),l.left+=D,l.top+=p,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(t),this.drawDimensions(l,a),this.canvas.renderAll();case 28:case"end":return h.stop()}}),_callee2,this)}))),function updatePlannerView(r,a,o){return t.apply(this,arguments)})}]);var t,r}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8717.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,1801,9456],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),m=t.n(c),u=t(19216),C=t.n(u),p=t(44589),x=t.n(p),v=t(23240),f={};f.styleTagTransform=x(),f.setAttributes=m(),f.insert=d().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=C();r()(v.ZP,f);v.ZP&&v.ZP.locals&&v.ZP.locals;var h=t(87363),g=t(9204),w=t(65515),j=t.n(w),S=t(9420),y=t(47514);const N=(0,S.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),m=(0,i.Z)(c,2),u=m[0],C=m[1],p=r.sel||u;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&u&&C(!1),e&&!u&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,y.jsx)("div",{className:v.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(v.hv,p?void 0:v.al,u?v.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:v.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,y.jsx)("path",{className:v.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,y.jsx)("div",{className:j()(v.dA,p?v.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,y.jsx)(y.Fragment,{})}))},19456:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(87363),r=t(65515),l=t.n(r),s=t(16008),a=t(75275),d=t(88683),c=t(9204),m=t(93379),u=t.n(m),C=t(7795),p=t.n(C),x=t(90569),v=t.n(x),f=t(3565),h=t.n(f),g=t(19216),w=t.n(g),j=t(44589),S=t.n(j),y=t(8441),N={};N.styleTagTransform=S(),N.setAttributes=h(),N.insert=v().bind(null,"head"),N.domAPI=p(),N.insertStyleElement=w();u()(y.ZP,N);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(69369),b=t(47514),I=(0,d.getLogger)("Planner","ReverseCheck");const k=function ReverseCheck(e){var n=e.item,t=e.paletteId,r=(0,c.NP)(),m=(0,d.useTranslation)().t,u=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,C=(0,o.useState)(null),p=(0,i.Z)(C,2),x=p[0],v=p[1],f=(0,o.useState)(!1),h=(0,i.Z)(f,2),g=h[0],w=h[1];(0,o.useEffect)((function(){var e=!0;return u?(w(!0),u.promise.then((function(n){e&&v(n.reversingCheck)})).catch((function(e){I.error(new P.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):v(null),function(){e=!1}}),[u]);return u?g?(0,b.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,b.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.IN,y.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var t=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=r.actions)||void 0===n||n.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,b.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.J9),onClick:function handleWarningClick(e){var i;e.stopPropagation();var o=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(i=r.actions)||void 0===i||i.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:o}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,b.jsx)(a.Z,{className:y.tO})}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{})}},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});t(87363);var i=t(65515),o=t.n(i),r=t(550),l=t(9204),s=t(85092),a=t(88683),d=t(21801),c=t(91087),m=t(19456),u=t(47514),C=(0,a.getLogger)("Planner","ToggleName");const p=function ToggleName(e){var n,t,i,a=e.item,p=e.paletteId,x=e.style,v=(0,l.NP)(),f=a.groups[0].items;if(!f)return(0,u.jsx)(u.Fragment,{});for(var h=0;h<f.length;h++){var g,w;null!==(g=f[h].codex)&&void 0!==g&&g.startsWith("OPVNEIN")&&(i=f[h]),null!==(w=f[h].codex)&&void 0!==w&&w.startsWith("OPVJA")&&(t=f[h])}if(!(i&&t||(2==f.length&&(i=f[0],t=f[1]),i&&t)))return C.warn("Achtung! Bei der Option: "+f[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,u.jsx)(u.Fragment,{});var j=0==i.sel,S=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,u.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,u.jsxs)("div",{className:o()(r.Fl,r.TN,r.u2),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(i,void 0,p)},children:[void 0!==i.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,u.jsx)("div",{className:j?void 0:r.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,u.jsx)("div",{className:o()(r.Fl,r.ZN),children:(0,u.jsx)(s.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,p)},val:a,alwaysActiveColor:!0,state:j})}),(0,u.jsxs)("div",{className:o()(r.Fl,r.TN,r.u2),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(t,void 0,p)},children:[void 0!==t.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),void 0!==t.checkForReversingChanges&&(0,u.jsx)(m.default,{item:t,paletteId:p}),(0,u.jsx)("div",{className:j?r.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),S&&(0,u.jsx)(d.default,{item:S,style:{position:"relative"}},a.configStepKey)]})}},23240:(e,n,t)=>{t.d(n,{FJ:()=>m,Oq:()=>c,ZP:()=>p,al:()=>C,dA:()=>d,fL:()=>u,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",C="index-module--oBSZj";const p=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>p,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>m,tL:()=>u,tO:()=>C});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--o8212",a="index-module--dDHyo",d="index-module--oyt7q",c="index-module--CTeV9",m="index-module--j1YrR",u="index-module--bG0Fi",C="index-module--Ej4oh",p="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>m,ZP:()=>p,eR:()=>a,pA:()=>C,u2:()=>u});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD {\n  color: #fff;\n}\n",""]);var s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",m="index-module--NNRCj",u="index-module--z1OwD",C="index-module--PkMF3";const p=l},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),s=t(90569),a=t.n(s),d=t(3565),c=t.n(d),m=t(19216),u=t.n(m),C=t(44589),p=t.n(C),x=t(43078),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();o()(x.ZP,v),x.ZP&&x.ZP.locals&&x.ZP.locals},16008:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var i=t(87363),o=t(87726),r=t(91104),l=t(94299),s=t(5230),a=t(90659),d=t(56047),c=t(18685),m=t(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=t(47514);const C=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,"inherit"!==t.color&&n[`color${(0,l.Z)(t.color)}`],n[`fontSize${(0,l.Z)(t.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const t=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:x,inheritViewBox:v=!1,titleAccess:f,viewBox:h="0 0 24 24",...g}=t,w=i.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:h,hasSvgAsChild:w},S={};v||(S.viewBox=h);const y=(e=>{const{color:n,fontSize:t,classes:i}=e,o={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(o,getSvgIconUtilityClass,i)})(j);return(0,u.jsxs)(C,{as:m,className:(0,o.Z)(y.root,a),focusable:"false",color:x,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...g,...w&&s.props,ownerState:j,children:[w?s.props.children:s,f?(0,u.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const x=p;function createSvgIcon(e,n){function Component(n,t){return(0,u.jsx)(x,{"data-testid":void 0,ref:t,...n,children:e})}return Component.muiName=x.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,1801,9456],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),m=t.n(c),u=t(19216),C=t.n(u),p=t(44589),x=t.n(p),v=t(23240),f={};f.styleTagTransform=x(),f.setAttributes=m(),f.insert=d().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=C();r()(v.ZP,f);v.ZP&&v.ZP.locals&&v.ZP.locals;var h=t(87363),g=t(75327),w=t(65515),j=t.n(w),S=t(9420),y=t(47514);const N=(0,S.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),m=(0,i.Z)(c,2),u=m[0],C=m[1],p=r.sel||u;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&u&&C(!1),e&&!u&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,y.jsx)("div",{className:v.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(v.hv,p?void 0:v.al,u?v.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:v.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,y.jsx)("path",{className:v.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,y.jsx)("div",{className:j()(v.dA,p?v.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,y.jsx)(y.Fragment,{})}))},19456:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(87363),r=t(65515),l=t.n(r),s=t(16008),a=t(75275),d=t(88683),c=t(75327),m=t(93379),u=t.n(m),C=t(7795),p=t.n(C),x=t(90569),v=t.n(x),f=t(3565),h=t.n(f),g=t(19216),w=t.n(g),j=t(44589),S=t.n(j),y=t(8441),N={};N.styleTagTransform=S(),N.setAttributes=h(),N.insert=v().bind(null,"head"),N.domAPI=p(),N.insertStyleElement=w();u()(y.ZP,N);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(69369),b=t(47514),I=(0,d.getLogger)("Planner","ReverseCheck");const k=function ReverseCheck(e){var n=e.item,t=e.paletteId,r=(0,c.NP)(),m=(0,d.useTranslation)().t,u=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,C=(0,o.useState)(null),p=(0,i.Z)(C,2),x=p[0],v=p[1],f=(0,o.useState)(!1),h=(0,i.Z)(f,2),g=h[0],w=h[1];(0,o.useEffect)((function(){var e=!0;return u?(w(!0),u.promise.then((function(n){e&&v(n.reversingCheck)})).catch((function(e){I.error(new P.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):v(null),function(){e=!1}}),[u]);return u?g?(0,b.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,b.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.IN,y.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var t=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=r.actions)||void 0===n||n.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,b.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.J9),onClick:function handleWarningClick(e){var i;e.stopPropagation();var o=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(i=r.actions)||void 0===i||i.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:o}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,b.jsx)(a.Z,{className:y.tO})}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{})}},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});t(87363);var i=t(65515),o=t.n(i),r=t(550),l=t(75327),s=t(85092),a=t(88683),d=t(21801),c=t(91087),m=t(19456),u=t(47514),C=(0,a.getLogger)("Planner","ToggleName");const p=function ToggleName(e){var n,t,i,a=e.item,p=e.paletteId,x=e.style,v=(0,l.NP)(),f=a.groups[0].items;if(!f)return(0,u.jsx)(u.Fragment,{});for(var h=0;h<f.length;h++){var g,w;null!==(g=f[h].codex)&&void 0!==g&&g.startsWith("OPVNEIN")&&(i=f[h]),null!==(w=f[h].codex)&&void 0!==w&&w.startsWith("OPVJA")&&(t=f[h])}if(!(i&&t||(2==f.length&&(i=f[0],t=f[1]),i&&t)))return C.warn("Achtung! Bei der Option: "+f[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,u.jsx)(u.Fragment,{});var j=0==i.sel,S=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,u.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,u.jsxs)("div",{className:o()(r.Fl,r.TN,r.u2),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(i,void 0,p)},children:[void 0!==i.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,u.jsx)("div",{className:j?void 0:r.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,u.jsx)("div",{className:o()(r.Fl,r.ZN),children:(0,u.jsx)(s.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,p)},val:a,alwaysActiveColor:!0,state:j})}),(0,u.jsxs)("div",{className:o()(r.Fl,r.TN,r.u2),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(t,void 0,p)},children:[void 0!==t.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),void 0!==t.checkForReversingChanges&&(0,u.jsx)(m.default,{item:t,paletteId:p}),(0,u.jsx)("div",{className:j?r.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),S&&(0,u.jsx)(d.default,{item:S,style:{position:"relative"}},a.configStepKey)]})}},23240:(e,n,t)=>{t.d(n,{FJ:()=>m,Oq:()=>c,ZP:()=>p,al:()=>C,dA:()=>d,fL:()=>u,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",C="index-module--oBSZj";const p=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>p,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>m,tL:()=>u,tO:()=>C});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--o8212",a="index-module--dDHyo",d="index-module--oyt7q",c="index-module--CTeV9",m="index-module--j1YrR",u="index-module--bG0Fi",C="index-module--Ej4oh",p="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>m,ZP:()=>p,eR:()=>a,pA:()=>C,u2:()=>u});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD {\n  color: #fff;\n}\n",""]);var s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",m="index-module--NNRCj",u="index-module--z1OwD",C="index-module--PkMF3";const p=l},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),s=t(90569),a=t.n(s),d=t(3565),c=t.n(d),m=t(19216),u=t.n(m),C=t(44589),p=t.n(C),x=t(43078),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();o()(x.ZP,v),x.ZP&&x.ZP.locals&&x.ZP.locals},16008:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var i=t(87363),o=t(87726),r=t(91104),l=t(94299),s=t(5230),a=t(90659),d=t(56047),c=t(18685),m=t(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=t(47514);const C=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,"inherit"!==t.color&&n[`color${(0,l.Z)(t.color)}`],n[`fontSize${(0,l.Z)(t.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const t=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:x,inheritViewBox:v=!1,titleAccess:f,viewBox:h="0 0 24 24",...g}=t,w=i.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:h,hasSvgAsChild:w},S={};v||(S.viewBox=h);const y=(e=>{const{color:n,fontSize:t,classes:i}=e,o={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(o,getSvgIconUtilityClass,i)})(j);return(0,u.jsxs)(C,{as:m,className:(0,o.Z)(y.root,a),focusable:"false",color:x,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...g,...w&&s.props,ownerState:j,children:[w?s.props.children:s,f?(0,u.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const x=p;function createSvgIcon(e,n){function Component(n,t){return(0,u.jsx)(x,{"data-testid":void 0,ref:t,...n,children:e})}return Component.muiName=x.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8742.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,1930],{21930:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),h=i(22693),p={};p.styleTagTransform=b(),p.setAttributes=c(),p.insert=a().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=u();r()(h.Z,p);h.Z&&h.Z.locals&&h.Z.locals;var x=i(9204),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:h.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(9204),l=i(21930),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,h=!1,p=0;p<s.Cells.length;p++){var x=s.Cells[p];if(x.IsDisabled)h?u[0].heightCount++:u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:!0,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete}),h=!0,g=-1;else if(h=!1,-1==x.InUse)u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:x.IsDisabled,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete});else if(g!=x.InUse&&g!=x.OnBoard){var v,y;g=x.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:x.Type,isDisabled:x.IsDisabled,isRequired:x.IsRequired,articleText:null===(v=x.Article)||void 0===v?void 0:v.name,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete,basketId:null===(y=x.Article)||void 0===y?void 0:y.basketId})}else{var D=u.find((function(e){return e.inUse==g}));if(D){var k;if(g===x.OnBoard&&!b)b=!0,D.articleText=(null===(k=x.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+D.articleText,D.onBoard=!0;D.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},I=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:I(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,1930],{21930:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),h=i(22693),p={};p.styleTagTransform=b(),p.setAttributes=c(),p.insert=a().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=u();r()(h.Z,p);h.Z&&h.Z.locals&&h.Z.locals;var x=i(75327),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:h.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(75327),l=i(21930),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,h=!1,p=0;p<s.Cells.length;p++){var x=s.Cells[p];if(x.IsDisabled)h?u[0].heightCount++:u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:!0,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete}),h=!0,g=-1;else if(h=!1,-1==x.InUse)u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:x.IsDisabled,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete});else if(g!=x.InUse&&g!=x.OnBoard){var v,y;g=x.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:x.Type,isDisabled:x.IsDisabled,isRequired:x.IsRequired,articleText:null===(v=x.Article)||void 0===v?void 0:v.name,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete,basketId:null===(y=x.Article)||void 0===y?void 0:y.basketId})}else{var D=u.find((function(e){return e.inUse==g}));if(D){var k;if(g===x.OnBoard&&!b)b=!0,D.articleText=(null===(k=x.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+D.articleText,D.onBoard=!0;D.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},I=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:I(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8759.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8759],{68759:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),a=t(87363),u=t(9420),s=t(93379),r=t.n(s),l=t(7795),o=t.n(l),d=t(90569),m=t.n(d),c=t(3565),f=t.n(c),v=t(19216),p=t.n(v),b=t(44589),h=t.n(b),g=t(26748),x={};x.styleTagTransform=h(),x.setAttributes=f(),x.insert=m().bind(null,"head"),x.domAPI=o(),x.insertStyleElement=p();r()(g.ZP,x);g.ZP&&g.ZP.locals&&g.ZP.locals;var N=t(9204),P=t(65515),C=t.n(P),Z=t(47514);const w=(0,u.Pi)((function NumberInput(e){var n=e.item,t=(0,N.NP)(),u=(0,a.useState)(n.numberInput),s=(0,i.Z)(u,2),r=s[0],l=s[1],o=(0,a.useState)(!1),d=(0,i.Z)(o,2),m=d[0],c=d[1],f=(0,a.useState)(!1),v=(0,i.Z)(f,2),p=v[0],b=v[1];(0,a.useEffect)((function(){var e,t=null===(e=n.groups)||void 0===e||null===(e=e[0].items)||void 0===e?void 0:e[0];r&&t&&!isNaN(r)&&Number(t.measureMinimum)<=r&&Number(t.measureMaximum)>=r?(b(!1),r!==Number(t.freeText)&&m&&(c(!1),h(t))):b(!0)}),[r]),(0,a.useEffect)((function(){l(n.numberInput)}),[n]);var h=function onRangeChange(e){r&&t.paletteViewHandler.onRangeClickChange(n,e,r.toString())};return(0,Z.jsxs)(Z.Fragment,{children:[": ",(0,Z.jsx)("input",{className:C()(g.UA,t.uiState.isInMobileView?g.ai:void 0),onChange:function onChange(e){var n=Number(e.target.value);n>=0&&(c(!0),l(n))},style:{color:p?"red":void 0},type:"number",value:void 0===r||Number.isNaN(r)?"":r})," ",n.measureUnit]})}))},26748:(e,n,t)=>{t.d(n,{UA:()=>r,ZP:()=>o,ai:()=>l});var i=t(8081),a=t.n(i),u=t(23645),s=t.n(u)()(a());s.push([e.id,".index-module--ilsYe {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n\n.index-module--ilsYe.index-module--ljQqf {\n  font-size: 16px;\n  height: 18px;\n  width: 50px;\n}\n",""]);var r="index-module--ilsYe",l="index-module--ljQqf";const o=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8759],{68759:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),a=t(87363),u=t(9420),s=t(93379),r=t.n(s),l=t(7795),o=t.n(l),d=t(90569),m=t.n(d),c=t(3565),f=t.n(c),v=t(19216),p=t.n(v),b=t(44589),h=t.n(b),g=t(26748),x={};x.styleTagTransform=h(),x.setAttributes=f(),x.insert=m().bind(null,"head"),x.domAPI=o(),x.insertStyleElement=p();r()(g.ZP,x);g.ZP&&g.ZP.locals&&g.ZP.locals;var N=t(75327),P=t(65515),C=t.n(P),Z=t(47514);const w=(0,u.Pi)((function NumberInput(e){var n=e.item,t=(0,N.NP)(),u=(0,a.useState)(n.numberInput),s=(0,i.Z)(u,2),r=s[0],l=s[1],o=(0,a.useState)(!1),d=(0,i.Z)(o,2),m=d[0],c=d[1],f=(0,a.useState)(!1),v=(0,i.Z)(f,2),p=v[0],b=v[1];(0,a.useEffect)((function(){var e,t=null===(e=n.groups)||void 0===e||null===(e=e[0].items)||void 0===e?void 0:e[0];r&&t&&!isNaN(r)&&Number(t.measureMinimum)<=r&&Number(t.measureMaximum)>=r?(b(!1),r!==Number(t.freeText)&&m&&(c(!1),h(t))):b(!0)}),[r]),(0,a.useEffect)((function(){l(n.numberInput)}),[n]);var h=function onRangeChange(e){r&&t.paletteViewHandler.onRangeClickChange(n,e,r.toString())};return(0,Z.jsxs)(Z.Fragment,{children:[": ",(0,Z.jsx)("input",{className:C()(g.UA,t.uiState.isInMobileView?g.ai:void 0),onChange:function onChange(e){var n=Number(e.target.value);n>=0&&(c(!0),l(n))},style:{color:p?"red":void 0},type:"number",value:void 0===r||Number.isNaN(r)?"":r})," ",n.measureUnit]})}))},26748:(e,n,t)=>{t.d(n,{UA:()=>r,ZP:()=>o,ai:()=>l});var i=t(8081),a=t.n(i),u=t(23645),s=t.n(u)()(a());s.push([e.id,".index-module--ilsYe {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n\n.index-module--ilsYe.index-module--ljQqf {\n  font-size: 16px;\n  height: 18px;\n  width: 50px;\n}\n",""]);var r="index-module--ilsYe",l="index-module--ljQqf";const o=s}}]);