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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7853.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,5262],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(91214)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},5262:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(38946),a=n(9420),r=n(87363),o=n(91214),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),x=n(44589),v=n.n(x),h=n(76640),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const I=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},13947:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(91214),l=n(82956),u=n(97037),c=n(74133),d=n(84658),p=n(61965),S=n(38946),g=n(50747),b=n.n(g),f=n(88683),x=n(5262),v=n(65515),h=n.n(v),w=n(47514);const m=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,S.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,S.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:c}}(t),a=n.setSwiperRef,g=n.allSwipes,v=n.handleSlideChange,m=n.handleSetTransition,T=n.handleTransitionEnd,y=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,w.jsx)(o.tq,{onSlideChange:v,onSetTransition:m,onTransitionEnd:T,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,w.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(u.default,{},e),(0,w.jsx)(x.default,{})]}):(0,w.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,w.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,w.jsx)(w.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var i=n(80248),a=n(72874),r=(n(87363),n(91214)),o=n(80509),s=n(97037),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(13947),S=n(51451),g=n(79566),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const x=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,f),x=(0,r.NP)(),v=x.getIsInMobileView()&&x.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:v?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!x.uiState.isInMobileView&&!x.settingsState.forceSettingsHeaderInScrollContainer&&!x.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=x.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==x.tabGroupState.curTabGroupType?u.s1:void 0,x.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!x.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.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("+d+");\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 p="index-module--OH1rD",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,5262],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var i=n(9420),a=(n(87363),n(25443)),r=n(82956),o=n(65515),s=n.n(o),u=n(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,u.jsxs)(u.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,u.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,u.jsxs)(u.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,u.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,u.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},5262:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(38946),a=n(9420),r=n(87363),o=n(25443),s=n(93379),u=n.n(s),l=n(7795),c=n.n(l),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),v=n(44589),x=n.n(v),h=n(76640),w={};w.styleTagTransform=x(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();u()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),y=n.n(m),T=n(47514);const G=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],u=a[1];return(0,r.useEffect)((function(){setTimeout((function(){u(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,T.jsx)("div",{className:y()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,T.jsx)("div",{className:h.qv})})}))},13947:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(88291),a=n(9420),r=n(87363),o=n.n(r),s=n(37707),u=n(25443),l=n(82956),c=n(97037),d=n(74133),p=n(84658),S=n(61965),g=n(38946),b=n(50747),f=n.n(b),v=n(88683),x=n(5262),h=n(18881),w=n(65515),m=n.n(w),y=n(47514),T=o().lazy((function(){return n.e(3374).then(n.bind(n,30580)).catch((function(){return{default:function _default(){return null}}}))}));const G=(0,a.Pi)((function SettingsSwiper(e){var t;(0,i.Z)(e);var n=(0,u.NP)(),a=null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.key,o=n.productState.rtvNext&&n.divaWebPlanner.getRtvFeatures().coachHints,b=(0,h.u)(a,o),w=b.stepped,G=b.noteSwipe,j=function useSwiperHook(e,t){var n=(0,r.useState)(null),i=(0,g.Z)(n,2),a=i[0],o=i[1],s=(0,r.useState)([]),u=(0,g.Z)(s,2),l=u[0],c=u[1];(0,r.useEffect)((function(){var t=(0,S.Z)(e.tabGroupState.allTabGroups.keys());c(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==a?void 0:a.activeIndex)&&(null==a||a.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,a]);var d=function(){var e=(0,p.Z)(f().mark((function _callee(){var e,t,n,i,r,o=arguments;return f().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,a){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,i=a.getTranslate(),r=i-e,a.allowTouchMove=!1,a.setTransition(2*n),a.setTranslate(r),s.next=12,v.DivaUtils.Sleep(2*n);case 12:return a.setTransition(n),a.setTranslate(i-.5*e),s.next=16,v.DivaUtils.Sleep(n);case 16:return a.setTransition(.5*n),a.setTranslate(.8*r),s.next=20,v.DivaUtils.Sleep(.5*n);case 20:a.setTransition(1.75*n),a.setTranslate(i),a.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),b=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:a,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(n){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=n.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(0!==i&&(null==t||t()),1==i)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var a=e.tabGroupState.allTabGroups.get(l[n.activeIndex]);a&&e.tabGroupState.navigateToTabgroupByPosNr(a.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:b,teaseSwipe:d}}(n,G),I=j.swiperRef,k=j.setSwiperRef,C=j.allSwipes,O=j.handleSlideChange,P=j.handleSetTransition,N=j.handleTransitionEnd,E=j.initialSlide,D=void 0===a?-1:C.indexOf(a);return n.tabGroupState.curTabGroup&&null!=C&&C.length?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s.tq,{onSlideChange:O,onSetTransition:P,onTransitionEnd:N,initialSlide:E,onSwiper:k,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:m()("swiper-wrapper",l.Iz),children:C.map((function(e){var t,i=n.tabGroupState.allTabGroups.get(e),a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,y.jsx)(s.o5,{className:l.AI,children:e==n.tabGroupState.curTabGroup.key?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(c.default,{},e),(0,y.jsx)(x.default,{})]}):(0,y.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,y.jsx)(d.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}),o&&(0,y.jsx)(r.Suspense,{fallback:null,children:(0,y.jsx)(T,{swiper:I,wanted:w&&!!I&&D>=0&&D<C.length-1})})]}):(0,y.jsx)(y.Fragment,{})}))},18881:(e,t,n)=>{n.d(t,{G:()=>o,u:()=>useSteppedWithoutSwipe});var i=n(38946),a=n(87363),r=n(30012),o="drawerSwipe";function useSteppedWithoutSwipe(e,t){var n=(0,a.useState)(!1),s=(0,i.Z)(n,2),u=s[0],l=s[1],c=(0,a.useRef)(e),d=(0,a.useRef)(!1);return(0,a.useEffect)((function(){var t=c.current;c.current=e,void 0!==t&&void 0!==e&&t!==e&&(d.current?d.current=!1:l(!0))}),[e]),{stepped:u,noteSwipe:(0,a.useCallback)((function(){d.current=!0,t&&(0,r.l)().then((function(e){return null==e?void 0:e.markCoachHintSeen(o)}))}),[t])}}},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(80248),a=n(72874),r=(n(87363),n(25443)),o=n(80509),s=n(97037),u=n(9420),l=n(82956),c=n(65515),d=n.n(c),p=n(13947),S=n(51451),g=n(79566),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const v=(0,u.Pi)((function Settings(e){var t,n,i=e.className,u=e.tabgroupElement,c=(0,a.Z)(e,f),v=(0,r.NP)(),x=v.getIsInMobileView()&&v.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:x?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!v.uiState.isInMobileView&&!v.settingsState.forceSettingsHeaderInScrollContainer&&!v.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=v.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,l.vt,"horizontal"==v.tabGroupState.curTabGroupType?l.s1:void 0,v.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:u,children:h}),!v.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),u=n.n(s),l=new URL(n(81165),n.b),c=o()(a()),d=u()(l);c.push([e.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("+d+");\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 p="index-module--OH1rD",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7887.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7887],{77887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(38946),o=t(9420),d=t(88683),r=t(87363),l=t(93379),a=t.n(l),u=t(7795),s=t.n(u),c=t(90569),x=t.n(c),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(28564),P={};P.styleTagTransform=v(),P.setAttributes=p(),P.insert=x().bind(null,"head"),P.domAPI=s(),P.insertStyleElement=h();a()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(65515),b=t.n(S),y=t(91214),k=t(56340),C=t(47514);const Z=(0,o.Pi)((function SummaryHeader(e){var n,t,o,l,a,u=(0,d.useTranslation)().t,s=(0,y.NP)(),c=(0,d.useDivaCore)().state.hidePrices,x=(0,r.useState)(Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100),m=(0,i.Z)(x,2),p=m[0],f=m[1];(0,r.useEffect)((function(){var e=Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100;e!==p&&f(e)}),[s.productState.formatedCurSetPrice,s.productState.formatedBruttoPrice]);var h=void 0!==s.productState.formatedBruttoPrice&&!s.getViewConfig().hideRabattPrice;return(0,C.jsxs)("div",{className:b()(w.YS,s.getIsInMobileView()?w.ai:void 0,h?w.y6:void 0,(null!==(n=null===(t=s.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?w.yG:void 0),children:[(0,C.jsx)("div",{className:w.TN,children:u(null!==(o=s.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!c&&(0,C.jsxs)("div",{className:w.wZ,children:[(0,C.jsx)("div",{className:w.h0,children:(0,C.jsx)(k.default,{price:null!==(l=s.productState.formatedBruttoPrice)&&void 0!==l?l:0,duration:1.5})}),(0,C.jsx)("div",{className:w.nt,children:(0,C.jsx)(k.default,{price:null!==(a=s.productState.formatedCurSetPrice)&&void 0!==a?a:0,duration:1.5})}),h&&(0,C.jsx)("div",{className:w.e9,children:(0,C.jsx)(k.default,{price:p,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},28564:(e,n,t)=>{t.d(n,{TN:()=>x,YS:()=>l,ZP:()=>h,ai:()=>m,e9:()=>f,h0:()=>c,nt:()=>u,wZ:()=>a,y6:()=>s,yG:()=>p});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var l="index-module--tgY3n",a="index-module--ZQBOj",u="index-module--kcl1K",s="index-module--kGHzf",c="index-module--ZJwYg",x="index-module--Qoi4e",m="index-module--eO4iO",p="index-module--pxDVX",f="index-module--G4dak";const h=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7887],{77887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(38946),o=t(9420),d=t(88683),r=t(87363),l=t(93379),a=t.n(l),u=t(7795),s=t.n(u),c=t(90569),x=t.n(c),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(28564),P={};P.styleTagTransform=v(),P.setAttributes=p(),P.insert=x().bind(null,"head"),P.domAPI=s(),P.insertStyleElement=h();a()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(65515),b=t.n(S),y=t(25443),k=t(56340),C=t(47514);const Z=(0,o.Pi)((function SummaryHeader(e){var n,t,o,l,a,u=(0,d.useTranslation)().t,s=(0,y.NP)(),c=(0,d.useDivaCore)().state.hidePrices,x=(0,r.useState)(Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100),m=(0,i.Z)(x,2),p=m[0],f=m[1];(0,r.useEffect)((function(){var e=Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100;e!==p&&f(e)}),[s.productState.formatedCurSetPrice,s.productState.formatedBruttoPrice]);var h=void 0!==s.productState.formatedBruttoPrice&&!s.getViewConfig().hideRabattPrice;return(0,C.jsxs)("div",{className:b()(w.YS,s.getIsInMobileView()?w.ai:void 0,h?w.y6:void 0,(null!==(n=null===(t=s.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?w.yG:void 0),children:[(0,C.jsx)("div",{className:w.TN,children:u(null!==(o=s.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!c&&(0,C.jsxs)("div",{className:w.wZ,children:[(0,C.jsx)("div",{className:w.h0,children:(0,C.jsx)(k.default,{price:null!==(l=s.productState.formatedBruttoPrice)&&void 0!==l?l:0,duration:1.5})}),(0,C.jsx)("div",{className:w.nt,children:(0,C.jsx)(k.default,{price:null!==(a=s.productState.formatedCurSetPrice)&&void 0!==a?a:0,duration:1.5})}),h&&(0,C.jsx)("div",{className:w.e9,children:(0,C.jsx)(k.default,{price:p,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},28564:(e,n,t)=>{t.d(n,{TN:()=>x,YS:()=>l,ZP:()=>h,ai:()=>m,e9:()=>f,h0:()=>c,nt:()=>u,wZ:()=>a,y6:()=>s,yG:()=>p});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var l="index-module--tgY3n",a="index-module--ZQBOj",u="index-module--kcl1K",s="index-module--kGHzf",c="index-module--ZJwYg",x="index-module--Qoi4e",m="index-module--eO4iO",p="index-module--pxDVX",f="index-module--G4dak";const h=r}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8029.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8029],{41064:(e,n,t)=>{t.r(n),t.d(n,{default:()=>U});var r=t(84658),a=t(38946),o=t(50747),i=t.n(o),l=t(91214),s=t(87363),d=t(9420),c=t(88683),u=t(70318),p=t.n(u),A=t(62383),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),b=t(90569),m=t.n(b),h=t(3565),R=t.n(h),S=t(19216),C=t.n(S),y=t(44589),D=t.n(y),E=t(42044),I={};I.styleTagTransform=D(),I.setAttributes=R(),I.insert=m().bind(null,"head"),I.domAPI=f(),I.insertStyleElement=C();v()(E.Z,I);E.Z&&E.Z.locals&&E.Z.locals;var T=t(14514),P=t(47514),L=(0,c.getLogger)("Planner","Planner3D");const U=(0,d.Pi)((function Planner3D(){var e,n,t,o=(0,l.NP)(),d=(0,s.useRef)(),u=(0,s.useRef)(null),g=(0,c.useTranslation)().t,v=(0,s.useState)(!1),w=(0,a.Z)(v,2),f=w[0],b=w[1],m=(0,s.useState)(),h=(0,a.Z)(m,2),R=h[0],S=h[1],C=(0,s.useRef)(),y=(0,s.useState)([]),D=(0,a.Z)(y,2),E=D[0],I=D[1],U=(0,s.useRef)(!0),x=o.viewPlannerHandler.getPlannerViewConfig(),k=(0,c.useDivaCore)(),B=k.actions,Y=k.state,j=Y.apiConfig,X=Y.isMobile,K=Y.jwt,W=Y.isFirefox,G=Y.idm3DEnvironmentEnabled,F=Y.dimensions,J=F.isTablet,Q=F.isMobile||J,V=Q&&o.uiState.AllConfig.arViewerIframe,O=o.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){B.loadModelViewer();var e=function messageListener(e){var n;u.current&&("AR_CLOSE"===e.data.type&&(o.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.style.opacity="0",o.productState.setIsARIframeVisible(!1),u.current.src=O,b(!1)),"AR_READY"===e.data.type&&o.productState.doShowARQRCode&&(L.debug("[AR-DEBUG-PARENT] Planner3D received AR_READY, currentBlob:",!!C.current),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",o.productState.setIsARIframeVisible(!0),B.closeModal(),C.current&&(L.debug("[AR-DEBUG-PARENT] Planner3D resending SET_AR_OBJECT on AR_READY, blob size:",C.current.size),null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:C.current},"*"))))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e,n;(L.debug("[AR-DEBUG-PARENT] Planner3D useEffect doShowARQRCode:",o.productState.doShowARQRCode,"arViewerIframe:",V,"currentBlob:",!!C.current,"iframeRef:",!!u.current),u.current&&V&&o.productState.doShowARQRCode&&C.current)&&(L.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via useEffect, blob size:",null===(e=C.current)||void 0===e?void 0:e.size),o.productState.setIsARIframeVisible(!0),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:C.current},"*"))}),[o.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];o.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type&&"TrashIcon"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(E)&&I(e)}),[o.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!o.hqRenderScript&&o.productState.doShow3DComb?(B.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return B.toggleLoading("HQRenderScript",!1,!1)}),5e3)):o.hqRenderScript&&B.toggleLoading("HQRenderScript",!1,!1)}),[o.productState.doShow3DComb,o.hqRenderScript]),!o.productState.doShow3DComb&&!0===U.current||!o.isParentViewVisible?(0,P.jsx)(P.Fragment,{}):(U.current=!1,void 0===o.hqRenderScript?(0,P.jsx)(P.Fragment,{}):(0,P.jsxs)(P.Fragment,{children:[o.productState.doShow3DComb&&!o.uiState.isInMobileView&&(0,P.jsx)(T.default,{}),(0,P.jsx)(p(),{renderjob:o.hqRenderScript,viewpoint:o.camInfo,isMobile:X,elementsInfo:E,inBackground:f,stopRender:!o.isParentViewVisible,viewHandler:o,freePlacesOnGrids:o.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:o.settingsState.plannedPlacesOnGrids,apiConfig:j,jwt:K,renderInBackground:!!V,overlayImage:o.divaWebPlanner.getEnableUnityRtvKombi()?{base64:o.productState.diva3dImgSrc,isStaticBg:o.productState.plannerRenderingIsStaticBG,isStart:o.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=o.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:x.posNumIcon,posTrashIcon:x.posTrashRotIcon,hideUiIcons:null!==(t=o.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:o.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",idm3DEnvironmentEnabled:G},callbacks:{setGlb:Q?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:L.debug("[AR-DEBUG-PARENT] Planner3D setGlb called, glb:",!!e,"glb size:",null==e?void 0:e.size,"arViewerIframe:",V,"iframeRef:",!!u.current),C.current=e,V&&u.current&&e?(L.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via setGlb"),null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(o.productState.glbUrl&&URL.revokeObjectURL(o.productState.glbUrl),t=URL.createObjectURL(e),o.productState.glbUrl=t,S(t));case 3:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){o.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){o.productState.loadRTVForAr&&B.openModal({title:g("configurator.missinggeo_title"),text:g("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){o.productState.setPlannerRenderingIsStart(!1),o.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return o.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),V&&o.productState.loadRTVForAr&&(0,P.jsx)("iframe",{src:O,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100vw",height:o.uiState.isMobilePortrait?"100vh":"100%",opacity:"0"}}),R&&o.productState.loadRTVForAr&&!V&&(0,P.jsx)("div",{id:"ar-viewer",children:(0,P.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;d.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=d.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;o.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?b(!1):b(!0)})),null===(t=d.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&o.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()}))}))},src:R,ar:!0,"ar-scale":"fixed","ar-modes":W?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,P.jsx)("div",{id:"ar-prompt",children:(0,P.jsx)("img",{src:A})}),(0,P.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),a=t.n(r),o=t(23645),i=t.n(o),l=t(61667),s=t.n(l),d=new URL(t(62383),t.b),c=i()(a()),u=s()(d);c.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=c},62383:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8029],{41064:(e,n,t)=>{t.r(n),t.d(n,{default:()=>U});var r=t(84658),a=t(38946),o=t(50747),i=t.n(o),l=t(25443),s=t(87363),d=t(9420),c=t(88683),u=t(70318),p=t.n(u),A=t(62383),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),b=t(90569),m=t.n(b),h=t(3565),R=t.n(h),S=t(19216),C=t.n(S),y=t(44589),D=t.n(y),E=t(42044),I={};I.styleTagTransform=D(),I.setAttributes=R(),I.insert=m().bind(null,"head"),I.domAPI=f(),I.insertStyleElement=C();v()(E.Z,I);E.Z&&E.Z.locals&&E.Z.locals;var T=t(14514),P=t(47514),L=(0,c.getLogger)("Planner","Planner3D");const U=(0,d.Pi)((function Planner3D(){var e,n,t,o=(0,l.NP)(),d=(0,s.useRef)(),u=(0,s.useRef)(null),g=(0,c.useTranslation)().t,v=(0,s.useState)(!1),w=(0,a.Z)(v,2),f=w[0],b=w[1],m=(0,s.useState)(),h=(0,a.Z)(m,2),R=h[0],S=h[1],C=(0,s.useRef)(),y=(0,s.useState)([]),D=(0,a.Z)(y,2),E=D[0],I=D[1],U=(0,s.useRef)(!0),x=o.viewPlannerHandler.getPlannerViewConfig(),k=(0,c.useDivaCore)(),B=k.actions,Y=k.state,j=Y.apiConfig,X=Y.isMobile,K=Y.jwt,W=Y.isFirefox,G=Y.idm3DEnvironmentEnabled,F=Y.dimensions,J=F.isTablet,Q=F.isMobile||J,V=Q&&o.uiState.AllConfig.arViewerIframe,O=o.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){B.loadModelViewer();var e=function messageListener(e){var n;u.current&&("AR_CLOSE"===e.data.type&&(o.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.style.opacity="0",o.productState.setIsARIframeVisible(!1),u.current.src=O,b(!1)),"AR_READY"===e.data.type&&o.productState.doShowARQRCode&&(L.debug("[AR-DEBUG-PARENT] Planner3D received AR_READY, currentBlob:",!!C.current),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",o.productState.setIsARIframeVisible(!0),B.closeModal(),C.current&&(L.debug("[AR-DEBUG-PARENT] Planner3D resending SET_AR_OBJECT on AR_READY, blob size:",C.current.size),null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:C.current},"*"))))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e,n;(L.debug("[AR-DEBUG-PARENT] Planner3D useEffect doShowARQRCode:",o.productState.doShowARQRCode,"arViewerIframe:",V,"currentBlob:",!!C.current,"iframeRef:",!!u.current),u.current&&V&&o.productState.doShowARQRCode&&C.current)&&(L.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via useEffect, blob size:",null===(e=C.current)||void 0===e?void 0:e.size),o.productState.setIsARIframeVisible(!0),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:C.current},"*"))}),[o.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];o.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type&&"TrashIcon"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(E)&&I(e)}),[o.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!o.hqRenderScript&&o.productState.doShow3DComb?(B.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return B.toggleLoading("HQRenderScript",!1,!1)}),5e3)):o.hqRenderScript&&B.toggleLoading("HQRenderScript",!1,!1)}),[o.productState.doShow3DComb,o.hqRenderScript]),!o.productState.doShow3DComb&&!0===U.current||!o.isParentViewVisible?(0,P.jsx)(P.Fragment,{}):(U.current=!1,void 0===o.hqRenderScript?(0,P.jsx)(P.Fragment,{}):(0,P.jsxs)(P.Fragment,{children:[o.productState.doShow3DComb&&!o.uiState.isInMobileView&&(0,P.jsx)(T.default,{}),(0,P.jsx)(p(),{renderjob:o.hqRenderScript,viewpoint:o.camInfo,isMobile:X,elementsInfo:E,inBackground:f,stopRender:!o.isParentViewVisible,viewHandler:o,freePlacesOnGrids:o.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:o.settingsState.plannedPlacesOnGrids,apiConfig:j,jwt:K,renderInBackground:!!V,overlayImage:o.divaWebPlanner.getEnableUnityRtvKombi()?{base64:o.productState.diva3dImgSrc,isStaticBg:o.productState.plannerRenderingIsStaticBG,isStart:o.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=o.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:x.posNumIcon,posTrashIcon:x.posTrashRotIcon,hideUiIcons:null!==(t=o.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:o.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",idm3DEnvironmentEnabled:G},callbacks:{setGlb:Q?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:L.debug("[AR-DEBUG-PARENT] Planner3D setGlb called, glb:",!!e,"glb size:",null==e?void 0:e.size,"arViewerIframe:",V,"iframeRef:",!!u.current),C.current=e,V&&u.current&&e?(L.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via setGlb"),null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(o.productState.glbUrl&&URL.revokeObjectURL(o.productState.glbUrl),t=URL.createObjectURL(e),o.productState.glbUrl=t,S(t));case 3:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){o.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){o.productState.loadRTVForAr&&B.openModal({title:g("configurator.missinggeo_title"),text:g("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){o.productState.setPlannerRenderingIsStart(!1),o.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return o.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),V&&o.productState.loadRTVForAr&&(0,P.jsx)("iframe",{src:O,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100vw",height:o.uiState.isMobilePortrait?"100vh":"100%",opacity:"0"}}),R&&o.productState.loadRTVForAr&&!V&&(0,P.jsx)("div",{id:"ar-viewer",children:(0,P.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;d.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=d.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;o.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?b(!1):b(!0)})),null===(t=d.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&o.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()}))}))},src:R,ar:!0,"ar-scale":"fixed","ar-modes":W?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,P.jsx)("div",{id:"ar-prompt",children:(0,P.jsx)("img",{src:A})}),(0,P.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),a=t.n(r),o=t(23645),i=t.n(o),l=t(61667),s=t.n(l),d=new URL(t(62383),t.b),c=i()(a()),u=s()(d);c.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=c},62383:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8063.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8063,8291,58],{68063:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(80248),c=n(88291),o=(n(87363),n(91214)),i=n(39667),s=n(19047),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=function BasketMobile(e){var t,n=Object.assign({},((0,c.Z)(e),e)),r=(0,o.NP)(),l=null===(t=r.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.find((function(e){return"ADD_TO_BASKET"===e.type})),b=(0,a.useTranslation)().t;return(0,u.jsx)(u.Fragment,{children:l?(0,u.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(l,r,l.index,b)},className:n.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)(i.default,{checkoutButton:_objectSpread({isPrimary:!0},l),size:32})}):(0,u.jsx)("div",_objectSpread(_objectSpread({},n),{},{onClick:function onClick(){return r.actionButtonState.onClickAddToBasket(r)}}))})}},88291:(e,t,n)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}n.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8063,8291,58],{68063:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(80248),c=n(88291),o=(n(87363),n(25443)),i=n(39667),s=n(19047),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=function BasketMobile(e){var t,n=Object.assign({},((0,c.Z)(e),e)),r=(0,o.NP)(),l=null===(t=r.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.find((function(e){return"ADD_TO_BASKET"===e.type})),b=(0,a.useTranslation)().t;return(0,u.jsx)(u.Fragment,{children:l?(0,u.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(l,r,l.index,b)},className:n.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)(i.default,{checkoutButton:_objectSpread({isPrimary:!0},l),size:32})}):(0,u.jsx)("div",_objectSpread(_objectSpread({},n),{},{onClick:function onClick(){return r.actionButtonState.onClickAddToBasket(r)}}))})}},88291:(e,t,n)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}n.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8234.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8234],{18234:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(61965),o=t(65515),r=t.n(o),a=t(91214),l=t(9420),d=t(87363),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),h=t.n(x),v=t(3565),f=t.n(v),g=t(19216),b=t.n(g),y=t(44589),k=t.n(y),T=t(92961),w={};w.styleTagTransform=k(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=b();c()(T.ZP,w);T.ZP&&T.ZP.locals&&T.ZP.locals;var G=t(47514);const P=(0,l.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,a.NP)(),o=(0,s.useTranslation)().t,l=(0,d.useRef)(null),u=t.tabGroupState.curTabGroup;(0,d.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var c=(0,i.Z)(t.tabGroupState.allTabGroups.keys()),p=e.posNr==(null==u?void 0:u.posNr),m=c[c.length-1]==e.key;return(0,G.jsxs)("div",{className:r()(T.YS,t.uiState.isMobilePortrait?T.tW:void 0,t.uiState.isTablet?T.Mq:void 0,e.title==(null==u?void 0:u.title)&&p?T.F1:void 0),children:[(0,G.jsx)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(T.TI),children:o("configurator."+e.title,e.title)}),!m&&(0,G.jsx)("div",{className:T.Sf,children:(0,G.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,G.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8234],{18234:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(61965),o=t(65515),r=t.n(o),a=t(25443),l=t(9420),d=t(87363),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),h=t.n(x),v=t(3565),f=t.n(v),g=t(19216),b=t.n(g),y=t(44589),k=t.n(y),T=t(92961),w={};w.styleTagTransform=k(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=b();c()(T.ZP,w);T.ZP&&T.ZP.locals&&T.ZP.locals;var G=t(47514);const P=(0,l.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,a.NP)(),o=(0,s.useTranslation)().t,l=(0,d.useRef)(null),u=t.tabGroupState.curTabGroup;(0,d.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var c=(0,i.Z)(t.tabGroupState.allTabGroups.keys()),p=e.posNr==(null==u?void 0:u.posNr),m=c[c.length-1]==e.key;return(0,G.jsxs)("div",{className:r()(T.YS,t.uiState.isMobilePortrait?T.tW:void 0,t.uiState.isTablet?T.Mq:void 0,e.title==(null==u?void 0:u.title)&&p?T.F1:void 0),children:[(0,G.jsx)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(T.TI),children:o("configurator."+e.title,e.title)}),!m&&(0,G.jsx)("div",{className:T.Sf,children:(0,G.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,G.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8449.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8449,1017,1559],{41017:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(38946),o=i(93379),d=i.n(o),l=i(7795),a=i.n(l),r=i(90569),s=i.n(r),c=i(3565),x=i.n(c),u=i(19216),m=i.n(u),C=i(44589),h=i.n(C),p=i(23240),f={};f.styleTagTransform=h(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=m();d()(p.ZP,f);p.ZP&&p.ZP.locals&&p.ZP.locals;var g=i(87363),v=i(91214),b=i(65515),w=i.n(b),y=i(9420),k=i(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,i,o,d=e.item,l=e.style,a=(0,v.NP)(),r=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,c=(0,g.useState)(!1),x=(0,t.Z)(c,2),u=x[0],m=x[1],C=d.sel||u;if((0,g.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r&&s==a.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,k.jsx)("div",{className:p.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(r,s),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(p.hv,C?void 0:p.al,u?p.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:p.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,k.jsx)("path",{className:p.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,k.jsx)("div",{className:w()(p.dA,C?p.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},81559:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(38946),o=i(91214),d=i(87363),l=i(93379),a=i.n(l),r=i(7795),s=i.n(r),c=i(90569),x=i.n(c),u=i(3565),m=i.n(u),C=i(19216),h=i.n(C),p=i(44589),f=i.n(p),g=i(84887),v={};v.styleTagTransform=f(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();a()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,a=void 0===l?(0,d.useState)(""):l,r=(0,t.Z)(a,2),s=r[0],c=r[1],x=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),C=m[0],h=m[1],p=x.getViewConfig().displayMetaDatas,f=null==i?void 0:i.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===p[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)t(o)}h(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:g.B,children:C}):(0,b.jsx)(b.Fragment,{})}},48449:(e,n,i)=>{i.r(n),i.d(n,{default:()=>A});var t=i(80248),o=i(38946),d=i(88683),l=i(65515),a=i.n(l),r=i(91214),s=i(9420),c=i(87363),x=i(93379),u=i.n(x),m=i(7795),C=i.n(m),h=i(90569),p=i.n(h),f=i(3565),g=i.n(f),v=i(19216),b=i.n(v),w=i(44589),y=i.n(w),k=i(57771),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=p().bind(null,"head"),j.domAPI=C(),j.insertStyleElement=b();u()(k.ZP,j);k.ZP&&k.ZP.locals&&k.ZP.locals;var P=i(58292),N=i(81559),S=i(93355),Z=i(93536),I=i(41017),O=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 A=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,l=e.grids,s=(0,r.NP)(),x=(0,d.useTranslation)(),u=(0,d.useDivaCore)().state,m=u.hidePrices,C=u.dimensions,h=C.isMobile,p=C.isTablet,f=(0,c.useState)(""),g=(0,o.Z)(f,2),v=g[0],b=g[1],w={},y={},j=void 0,A=!1,F={},B=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),V=(0,P.sJ)({isOpen:B[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return h||p||s.getViewConfig().hideTooltip||(A=B[0],F=B[1],w=V.triggerProps,y=V.layerProps,j=V.renderLayer),(0,O.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(l,t.articleCodex,void 0,!0)},className:k.RV},w),F),{},{children:[(0,O.jsxs)("div",{className:a()(k.iZ,k.vc),children:[(0,O.jsx)("div",{className:a()(k.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,O.jsxs)("div",{className:a()(k.TX),children:[(0,O.jsx)("div",{className:a()(k.db,""!==v?k.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,O.jsx)(N.default,{metaData:t.metaData,visible:[v,b]},t.articleCodex),(0,O.jsx)("div",{className:a()(k.WN),children:d.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},x)})]})]}),!m&&!!t.price&&(0,O.jsx)(Z.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,O.jsx)(I.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),A&&(null===(n=j)||void 0===n?void 0:n((0,O.jsx)(S.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>x,Oq:()=>c,ZP:()=>C,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>r,um:()=>a});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(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 a="index-module--CjCgr",r="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",x="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const C=l},84887:(e,n,i)=>{i.d(n,{B:()=>a,Z:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const r=l},57771:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>c,RV:()=>a,TX:()=>x,WN:()=>C,ZP:()=>h,db:()=>u,iZ:()=>r,vc:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",r="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",x="index-module--S4zFL",u="index-module--PoiMR",m="index-module--Khqca",C="index-module--gYuZ8";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8449,1017,1559,2240],{41017:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(38946),o=i(93379),d=i.n(o),l=i(7795),a=i.n(l),r=i(90569),s=i.n(r),c=i(3565),x=i.n(c),u=i(19216),m=i.n(u),C=i(44589),h=i.n(C),p=i(23240),f={};f.styleTagTransform=h(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=m();d()(p.ZP,f);p.ZP&&p.ZP.locals&&p.ZP.locals;var g=i(87363),v=i(25443),b=i(65515),w=i.n(b),y=i(9420),k=i(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,i,o,d=e.item,l=e.style,a=(0,v.NP)(),r=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,c=(0,g.useState)(!1),x=(0,t.Z)(c,2),u=x[0],m=x[1],C=d.sel||u;if((0,g.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r&&s==a.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,k.jsx)("div",{className:p.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(r,s),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(p.hv,C?void 0:p.al,u?p.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:p.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,k.jsx)("path",{className:p.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,k.jsx)("div",{className:w()(p.dA,C?p.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},81559:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(38946),o=i(25443),d=i(87363),l=i(93379),a=i.n(l),r=i(7795),s=i.n(r),c=i(90569),x=i.n(c),u=i(3565),m=i.n(u),C=i(19216),h=i.n(C),p=i(44589),f=i.n(p),g=i(84887),v={};v.styleTagTransform=f(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();a()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,a=void 0===l?(0,d.useState)(""):l,r=(0,t.Z)(a,2),s=r[0],c=r[1],x=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),C=m[0],h=m[1],p=x.getViewConfig().displayMetaDatas,f=null==i?void 0:i.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===p[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)t(o)}h(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:g.B,children:C}):(0,b.jsx)(b.Fragment,{})}},48449:(e,n,i)=>{i.r(n),i.d(n,{default:()=>A});var t=i(80248),o=i(38946),d=i(88683),l=i(65515),a=i.n(l),r=i(25443),s=i(9420),c=i(87363),x=i(93379),u=i.n(x),m=i(7795),C=i.n(m),h=i(90569),p=i.n(h),f=i(3565),g=i.n(f),v=i(19216),b=i.n(v),w=i(44589),y=i.n(w),k=i(57771),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=p().bind(null,"head"),j.domAPI=C(),j.insertStyleElement=b();u()(k.ZP,j);k.ZP&&k.ZP.locals&&k.ZP.locals;var P=i(58292),N=i(81559),S=i(93355),Z=i(93536),I=i(41017),O=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 A=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,l=e.grids,s=(0,r.NP)(),x=(0,d.useTranslation)(),u=(0,d.useDivaCore)().state,m=u.hidePrices,C=u.dimensions,h=C.isMobile,p=C.isTablet,f=(0,c.useState)(""),g=(0,o.Z)(f,2),v=g[0],b=g[1],w={},y={},j=void 0,A=!1,F={},B=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),V=(0,P.sJ)({isOpen:B[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return h||p||s.getViewConfig().hideTooltip||(A=B[0],F=B[1],w=V.triggerProps,y=V.layerProps,j=V.renderLayer),(0,O.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(l,t.articleCodex,void 0,!0)},className:k.RV},w),F),{},{children:[(0,O.jsxs)("div",{className:a()(k.iZ,k.vc),children:[(0,O.jsx)("div",{className:a()(k.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,O.jsxs)("div",{className:a()(k.TX),children:[(0,O.jsx)("div",{className:a()(k.db,""!==v?k.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,O.jsx)(N.default,{metaData:t.metaData,visible:[v,b]},t.articleCodex),(0,O.jsx)("div",{className:a()(k.WN),children:d.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},x)})]})]}),!m&&!!t.price&&(0,O.jsx)(Z.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,O.jsx)(I.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),A&&(null===(n=j)||void 0===n?void 0:n((0,O.jsx)(S.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>x,Oq:()=>c,ZP:()=>C,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>r,um:()=>a});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(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 a="index-module--CjCgr",r="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",x="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const C=l},84887:(e,n,i)=>{i.d(n,{B:()=>a,Z:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const r=l},57771:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>c,RV:()=>a,TX:()=>x,WN:()=>C,ZP:()=>h,db:()=>u,iZ:()=>r,vc:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",r="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",x="index-module--S4zFL",u="index-module--PoiMR",m="index-module--Khqca",C="index-module--gYuZ8";const h=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8487.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8487,3257],{18487:(n,e,o)=>{o.r(e),o.d(e,{default:()=>w});var t=o(80248),i=o(91214),r=(o(87363),o(3257)),d=o(93379),a=o.n(d),l=o(7795),c=o.n(l),u=o(90569),s=o.n(u),x=o(3565),m=o.n(x),g=o(19216),p=o.n(g),b=o(44589),f=o.n(b),v=o(30550),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=s().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=p();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=o(9420),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const w=(0,y.Pi)((function BasketActionGold(n){var e=(0,i.NP)();return(0,j.jsx)(r.default,_objectSpread(_objectSpread({},n),{},{buttonTextClassName:v.UU,buttonPriceClassName:v.QD,price:e.productState.formatedCurSetPrice}))}))},3257:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var t=o(80248),i=o(91214),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),c=o.n(l),u=o(90569),s=o.n(u),x=o(3565),m=o.n(x),g=o(19216),p=o.n(g),b=o(44589),f=o.n(b),v=o(38921),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=s().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=p();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=o(65515),j=o.n(y),w=o(88683),k=o(19047),I=o(39667),C=o(40976),N=o(56340),P=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const S=(0,r.Pi)((function BasketActionStandard(n){var e,o,t,r,d=n.buttonTextClassName,a=void 0===d?v.UU:d,l=n.buttonPriceClassName,c=void 0===l?v.QD:l,u=n.containerClassName,s=n.price,x=n.showCheckoutButtons,m=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,p=(0,w.useTranslation)().t,b=null===(e=m.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,P.jsxs)("div",{className:j()(v.tM,u),children:[x&&(null===(o=m.uiState.checkoutConfig)||void 0===o?void 0:o.buttons.filter((function(n){return(0,k.evalVisible)(n,m,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,k.onClickCheckout)(n,m,n.index,p)},children:(0,P.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,P.jsxs)("div",{className:v.m2,onClick:function onClick(){b?(0,k.onClickCheckout)(b,m,b.index,p):m.actionButtonState.onClickAddToBasket(m)},id:"wcConfigurator-action-tobasket",children:[b?(0,P.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,P.jsx)("div",{className:a,children:p("configurator.ADD_TO_BASKET")}),!g&&void 0!==s&&"horizontal"==m.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:j()(v.DC,v.F0,m.productState.formatedBruttoPrice?void 0:v.al),children:(0,P.jsx)(N.default,{price:null!==(t=m.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:c,children:(0,P.jsx)(N.default,{price:null!==(r=m.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},30550:(n,e,o)=>{o.d(e,{QD:()=>l,UU:()=>a,ZP:()=>c});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--RchPf {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.index-module--td3Gy {\n  float: right;\n  margin-right: 16px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n",""]);var a="index-module--RchPf",l="index-module--td3Gy";const c=d},38921:(n,e,o)=>{o.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>v,m2:()=>m,tM:()=>x});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),c=new URL(o(2431),o.b),u=d()(i()),s=l()(c);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("+s+");\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",m="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",v="index-module--H3WLd";const h=u},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>b,Is:()=>p,KR:()=>c,LI:()=>u,Qv:()=>f,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>m,rK:()=>s,tW:()=>v});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.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 a="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",u="index-module--NUblS",s="index-module--mfwxp",x="index-module--vWg5_",m="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",v="index-module--KE5Qn";const h=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),c=o(3565),u=o.n(c),s=o(19216),x=o.n(s),m=o(44589),g=o.n(m),p=o(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();i()(p.ZP,b),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8487,3257],{18487:(n,e,o)=>{o.r(e),o.d(e,{default:()=>w});var t=o(80248),i=o(25443),r=(o(87363),o(3257)),d=o(93379),a=o.n(d),l=o(7795),c=o.n(l),u=o(90569),s=o.n(u),x=o(3565),m=o.n(x),g=o(19216),p=o.n(g),b=o(44589),f=o.n(b),v=o(30550),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=s().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=p();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=o(9420),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const w=(0,y.Pi)((function BasketActionGold(n){var e=(0,i.NP)();return(0,j.jsx)(r.default,_objectSpread(_objectSpread({},n),{},{buttonTextClassName:v.UU,buttonPriceClassName:v.QD,price:e.productState.formatedCurSetPrice}))}))},3257:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var t=o(80248),i=o(25443),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),c=o.n(l),u=o(90569),s=o.n(u),x=o(3565),m=o.n(x),g=o(19216),p=o.n(g),b=o(44589),f=o.n(b),v=o(38921),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=s().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=p();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=o(65515),j=o.n(y),w=o(88683),k=o(19047),I=o(39667),C=o(40976),N=o(56340),P=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const S=(0,r.Pi)((function BasketActionStandard(n){var e,o,t,r,d=n.buttonTextClassName,a=void 0===d?v.UU:d,l=n.buttonPriceClassName,c=void 0===l?v.QD:l,u=n.containerClassName,s=n.price,x=n.showCheckoutButtons,m=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,p=(0,w.useTranslation)().t,b=null===(e=m.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,P.jsxs)("div",{className:j()(v.tM,u),children:[x&&(null===(o=m.uiState.checkoutConfig)||void 0===o?void 0:o.buttons.filter((function(n){return(0,k.evalVisible)(n,m,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,k.onClickCheckout)(n,m,n.index,p)},children:(0,P.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,P.jsxs)("div",{className:v.m2,onClick:function onClick(){b?(0,k.onClickCheckout)(b,m,b.index,p):m.actionButtonState.onClickAddToBasket(m)},id:"wcConfigurator-action-tobasket",children:[b?(0,P.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,P.jsx)("div",{className:a,children:p("configurator.ADD_TO_BASKET")}),!g&&void 0!==s&&"horizontal"==m.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:j()(v.DC,v.F0,m.productState.formatedBruttoPrice?void 0:v.al),children:(0,P.jsx)(N.default,{price:null!==(t=m.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:c,children:(0,P.jsx)(N.default,{price:null!==(r=m.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},30550:(n,e,o)=>{o.d(e,{QD:()=>l,UU:()=>a,ZP:()=>c});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--RchPf {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.index-module--td3Gy {\n  float: right;\n  margin-right: 16px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n",""]);var a="index-module--RchPf",l="index-module--td3Gy";const c=d},38921:(n,e,o)=>{o.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>v,m2:()=>m,tM:()=>x});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),c=new URL(o(2431),o.b),u=d()(i()),s=l()(c);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("+s+");\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",m="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",v="index-module--H3WLd";const h=u},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>b,Is:()=>p,KR:()=>c,LI:()=>u,Qv:()=>f,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>m,rK:()=>s,tW:()=>v});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.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 a="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",u="index-module--NUblS",s="index-module--mfwxp",x="index-module--vWg5_",m="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",v="index-module--KE5Qn";const h=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),c=o(3565),u=o.n(c),s=o(19216),x=o.n(s),m=o(44589),g=o.n(m),p=o(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();i()(p.ZP,b),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 858.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[858,6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(38946),u=o(65515),s=o.n(u),l=o(9420),i=o(87363),r=o(91214),a=o(47514),c=!1,d=!1;const p=(0,l.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),l=(0,t.Z)(u,2),p=l[0],f=l[1],g=(0,r.NP)(),v=(0,r._w)();if(g.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var y=function on3DPlannerBGClick(n){g.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){c&&!p&&f(!0)},onTouchMove:function onTouchMove(n){c&&!p&&f(!0)},onMouseUp:function onMouseUp(n){p||d||y(),c=!1},onTouchEnd:function onTouchEnd(n){p||d||y(),c=!1},ref:function ref(n){g.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:s()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||v.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){v.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:s()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:s()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>a});var t=o(61965),u=o(91214),s=o(9420),l=(o(87363),o(26871)),i=o(13167),r=o(47514);const a=(0,s.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,u._w)(),s=o.getItems(),a=o.getItemsOutline3D();return(0,r.jsxs)(r.Fragment,{children:[(0,t.Z)(s.keys()).map((function(n){return(0,t.Z)(s.get(n).keys()).map((function(o){return(0,r.jsx)(i.default,{plannerUIProps:e,items:s.get(n).get(o)},n+"_"+o)}))})),(0,r.jsx)(l.default,{items:a,plannerUIProps:e})]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[858,6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(38946),u=o(65515),s=o.n(u),l=o(9420),i=o(87363),r=o(25443),a=o(47514),c=!1,d=!1;const p=(0,l.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),l=(0,t.Z)(u,2),p=l[0],f=l[1],g=(0,r.NP)(),v=(0,r._w)();if(g.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var y=function on3DPlannerBGClick(n){g.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){c&&!p&&f(!0)},onTouchMove:function onTouchMove(n){c&&!p&&f(!0)},onMouseUp:function onMouseUp(n){p||d||y(),c=!1},onTouchEnd:function onTouchEnd(n){p||d||y(),c=!1},ref:function ref(n){g.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:s()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||v.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){v.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:s()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:s()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>a});var t=o(61965),u=o(25443),s=o(9420),l=(o(87363),o(26871)),i=o(13167),r=o(47514);const a=(0,s.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,u._w)(),s=o.getItems(),a=o.getItemsOutline3D();return(0,r.jsxs)(r.Fragment,{children:[(0,t.Z)(s.keys()).map((function(n){return(0,t.Z)(s.get(n).keys()).map((function(o){return(0,r.jsx)(i.default,{plannerUIProps:e,items:s.get(n).get(o)},n+"_"+o)}))})),(0,r.jsx)(l.default,{items:a,plannerUIProps:e})]})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8584.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,1017,5464],{41017:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var o=t(38946),i=t(93379),r=t.n(i),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),m=t.n(c),u=t(19216),p=t.n(u),C=t(44589),x=t.n(C),v=t(23240),f={};f.styleTagTransform=x(),f.setAttributes=m(),f.insert=d().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=p();r()(v.ZP,f);v.ZP&&v.ZP.locals&&v.ZP.locals;var h=t(87363),g=t(91214),w=t(65515),j=t.n(w),S=t(9420),N=t(47514);const y=(0,S.Pi)((function InfoIcon(e){var n,t,i,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(i=r.codex)&&void 0!==i?i:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),m=(0,o.Z)(c,2),u=m[0],p=m[1],C=r.sel||u;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&u&&p(!1),e&&!u&&p(!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||C}()?(0,N.jsx)("div",{className:v.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),p(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:j()(v.hv,C?void 0:v.al,u?v.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.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,N.jsx)("div",{className:j()(v.dA,C?v.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.jsx)(N.Fragment,{})}))},35464:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(38946),i=t(87363),r=t(65515),l=t.n(r),s=t(16008),a=t(75275),d=t(88683),c=t(91214),m=t(93379),u=t.n(m),p=t(7795),C=t.n(p),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),N=t(8441),y={};y.styleTagTransform=S(),y.setAttributes=h(),y.insert=v().bind(null,"head"),y.domAPI=C(),y.insertStyleElement=w();u()(N.ZP,y);N.ZP&&N.ZP.locals&&N.ZP.locals;var I=t(27058),P=t(47514),b=(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,p=(0,i.useState)(null),C=(0,o.Z)(p,2),x=C[0],v=C[1],f=(0,i.useState)(!1),h=(0,o.Z)(f,2),g=h[0],w=h[1];(0,i.useEffect)((function(){var e=!0;return u?(w(!0),u.promise.then((function(n){e&&v(n.reversingCheck)})).catch((function(e){b.error(new I.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):v(null),function(){e=!1}}),[u]);return u?g?(0,P.jsx)("div",{className:l()(N.Nh,N.V_),children:(0,P.jsx)("div",{className:N.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(N.Nh,N.IN,N.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,P.jsx)(s.Z,{className:N.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(N.Nh,N.J9),onClick:function handleWarningClick(e){var o;e.stopPropagation();var i=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(o=r.actions)||void 0===o||o.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:i}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,P.jsx)(a.Z,{className:N.tO})}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});t(87363);var o=t(65515),i=t.n(o),r=t(550),l=t(91214),s=t(56582),a=t(9420),d=t(88683),c=t(27058),m=t(41017),u=t(93536),p=t(35464),C=t(47514),x=(0,d.getLogger)("Planner","ToggleOption");const v=(0,a.Pi)((function ToggleOption(e){var n,t,o,a=e.item,d=e.paletteId,v=e.style,f=(0,l.NP)(),h=a.groups[0].items;if(!h)return(0,C.jsx)(C.Fragment,{});for(var g=0;g<h.length;g++){var w,j;null!==(w=h[g].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(o=h[g]),null!==(j=h[g].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(t=h[g])}if(!(o&&t||(2==h.length&&(o=h[0],t=h[1]),o&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,C.jsx)(C.Fragment,{});var 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,C.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:v,children:[(0,C.jsx)("div",{className:i()(r.eR,r.TN),children:a.name}),(0,C.jsxs)("div",{className:i()(r.eR,r.ZN),children:[void 0!==o.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"left"}),(0,C.jsx)(s.default,{onChange:function onChange(){f.paletteViewHandler.clickedOnConfigPalette(o.sel?t:o,void 0,d)},val:a,state:0==o.sel,off:o.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,C.jsx)(p.default,{item:t,paletteId:d})]}),S&&(0,C.jsx)(m.default,{item:S,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>m,Oq:()=>c,ZP:()=>C,al:()=>p,dA:()=>d,fL:()=>u,hv:()=>a,um:()=>s});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());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",p="index-module--oBSZj";const C=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>C,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>m,tL:()=>u,tO:()=>p});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());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",p="index-module--Ej4oh",C="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>m,ZP:()=>C,eR:()=>a,pA:()=>p,u2:()=>u});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());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_PRODUCT_ONBOARDING .darkmode .index-module--BYNhM,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--z1OwD,\n.diva-component-DIVA_DATA_ENGINE .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",p="index-module--PkMF3";const C=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 o=t(93379),i=t.n(o),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),p=t(44589),C=t.n(p),x=t(43078),v={};v.styleTagTransform=C(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();i()(x.ZP,v),x.ZP&&x.ZP.locals&&x.ZP.locals},16008:(e,n,t)=>{t.d(n,{Z:()=>r});var o=t(59654),i=t(47514);const r=(0,o.Z)((0,i.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 o=t(59654),i=t(47514);const r=(0,o.Z)((0,i.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var o=t(87363),i=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 p=(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}}]})))),C=o.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:C="medium",htmlColor:x,inheritViewBox:v=!1,titleAccess:f,viewBox:h="0 0 24 24",...g}=t,w=o.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:m,fontSize:C,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:h,hasSvgAsChild:w},S={};v||(S.viewBox=h);const N=(e=>{const{color:n,fontSize:t,classes:o}=e,i={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(i,getSvgIconUtilityClass,o)})(j);return(0,u.jsxs)(p,{as:m,className:(0,i.Z)(N.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]})}));C.muiName="SvgIcon";const x=C;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,o.memo(o.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,1017,5464],{41017:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var o=t(38946),i=t(93379),r=t.n(i),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),m=t.n(c),u=t(19216),p=t.n(u),C=t(44589),x=t.n(C),v=t(23240),f={};f.styleTagTransform=x(),f.setAttributes=m(),f.insert=d().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=p();r()(v.ZP,f);v.ZP&&v.ZP.locals&&v.ZP.locals;var h=t(87363),g=t(25443),w=t(65515),j=t.n(w),S=t(9420),N=t(47514);const y=(0,S.Pi)((function InfoIcon(e){var n,t,i,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(i=r.codex)&&void 0!==i?i:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),m=(0,o.Z)(c,2),u=m[0],p=m[1],C=r.sel||u;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&u&&p(!1),e&&!u&&p(!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||C}()?(0,N.jsx)("div",{className:v.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),p(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:j()(v.hv,C?void 0:v.al,u?v.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.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,N.jsx)("div",{className:j()(v.dA,C?v.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.jsx)(N.Fragment,{})}))},35464:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(38946),i=t(87363),r=t(65515),l=t.n(r),s=t(16008),a=t(75275),d=t(88683),c=t(25443),m=t(93379),u=t.n(m),p=t(7795),C=t.n(p),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),N=t(8441),y={};y.styleTagTransform=S(),y.setAttributes=h(),y.insert=v().bind(null,"head"),y.domAPI=C(),y.insertStyleElement=w();u()(N.ZP,y);N.ZP&&N.ZP.locals&&N.ZP.locals;var I=t(27058),P=t(47514),b=(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,p=(0,i.useState)(null),C=(0,o.Z)(p,2),x=C[0],v=C[1],f=(0,i.useState)(!1),h=(0,o.Z)(f,2),g=h[0],w=h[1];(0,i.useEffect)((function(){var e=!0;return u?(w(!0),u.promise.then((function(n){e&&v(n.reversingCheck)})).catch((function(e){b.error(new I.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):v(null),function(){e=!1}}),[u]);return u?g?(0,P.jsx)("div",{className:l()(N.Nh,N.V_),children:(0,P.jsx)("div",{className:N.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(N.Nh,N.IN,N.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,P.jsx)(s.Z,{className:N.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(N.Nh,N.J9),onClick:function handleWarningClick(e){var o;e.stopPropagation();var i=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(o=r.actions)||void 0===o||o.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:i}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,P.jsx)(a.Z,{className:N.tO})}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});t(87363);var o=t(65515),i=t.n(o),r=t(550),l=t(25443),s=t(56582),a=t(9420),d=t(88683),c=t(27058),m=t(41017),u=t(93536),p=t(35464),C=t(47514),x=(0,d.getLogger)("Planner","ToggleOption");const v=(0,a.Pi)((function ToggleOption(e){var n,t,o,a=e.item,d=e.paletteId,v=e.style,f=(0,l.NP)(),h=a.groups[0].items;if(!h)return(0,C.jsx)(C.Fragment,{});for(var g=0;g<h.length;g++){var w,j;null!==(w=h[g].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(o=h[g]),null!==(j=h[g].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(t=h[g])}if(!(o&&t||(2==h.length&&(o=h[0],t=h[1]),o&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,C.jsx)(C.Fragment,{});var 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,C.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:v,children:[(0,C.jsx)("div",{className:i()(r.eR,r.TN),children:a.name}),(0,C.jsxs)("div",{className:i()(r.eR,r.ZN),children:[void 0!==o.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"left"}),(0,C.jsx)(s.default,{onChange:function onChange(){f.paletteViewHandler.clickedOnConfigPalette(o.sel?t:o,void 0,d)},val:a,state:0==o.sel,off:o.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,C.jsx)(p.default,{item:t,paletteId:d})]}),S&&(0,C.jsx)(m.default,{item:S,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>m,Oq:()=>c,ZP:()=>C,al:()=>p,dA:()=>d,fL:()=>u,hv:()=>a,um:()=>s});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());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",p="index-module--oBSZj";const C=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>C,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>m,tL:()=>u,tO:()=>p});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());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",p="index-module--Ej4oh",C="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>m,ZP:()=>C,eR:()=>a,pA:()=>p,u2:()=>u});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());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_PRODUCT_ONBOARDING .darkmode .index-module--BYNhM,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--z1OwD,\n.diva-component-DIVA_DATA_ENGINE .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",p="index-module--PkMF3";const C=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 o=t(93379),i=t.n(o),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),p=t(44589),C=t.n(p),x=t(43078),v={};v.styleTagTransform=C(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();i()(x.ZP,v),x.ZP&&x.ZP.locals&&x.ZP.locals},16008:(e,n,t)=>{t.d(n,{Z:()=>r});var o=t(59654),i=t(47514);const r=(0,o.Z)((0,i.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 o=t(59654),i=t(47514);const r=(0,o.Z)((0,i.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var o=t(87363),i=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 p=(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}}]})))),C=o.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:C="medium",htmlColor:x,inheritViewBox:v=!1,titleAccess:f,viewBox:h="0 0 24 24",...g}=t,w=o.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:m,fontSize:C,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:h,hasSvgAsChild:w},S={};v||(S.viewBox=h);const N=(e=>{const{color:n,fontSize:t,classes:o}=e,i={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(i,getSvgIconUtilityClass,o)})(j);return(0,u.jsxs)(p,{as:m,className:(0,i.Z)(N.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]})}));C.muiName="SvgIcon";const x=C;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,o.memo(o.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 859.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859],{70859:(e,i,n)=>{n.r(i),n.d(i,{default:()=>d});n(87363);var t=n(88683),l=n(91214),a=n(56582),s=n(47514);const d=function Varaint(e){var i,n=e.item,d=(0,l.NP)();return(0,s.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,s.jsx)("button",{onClick:n.onClick,children:"konfigurieren"}),(0,s.jsx)("div",{children:n.index}),null===(i=n.variantValues)||void 0===i?void 0:i.map((function(e){return(0,s.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.optionValueImage&&(0,s.jsx)("img",{src:e.optionValueImage,style:{height:40}}),(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,s.jsx)("div",{children:e.optionName}),(0,s.jsx)("div",{children:e.optionValueName})]})]},e.opt)})),(0,s.jsx)("div",{children:n.title}),(0,s.jsx)("div",{children:t.DivaUtils.formatPrice(n.price)}),(0,s.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,s.jsx)(a.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){n.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!n.disabled})})]},n.hash)}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859],{70859:(e,i,n)=>{n.r(i),n.d(i,{default:()=>d});n(87363);var t=n(88683),l=n(25443),a=n(56582),s=n(47514);const d=function Varaint(e){var i,n=e.item,d=(0,l.NP)();return(0,s.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,s.jsx)("button",{onClick:n.onClick,children:"konfigurieren"}),(0,s.jsx)("div",{children:n.index}),null===(i=n.variantValues)||void 0===i?void 0:i.map((function(e){return(0,s.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.optionValueImage&&(0,s.jsx)("img",{src:e.optionValueImage,style:{height:40}}),(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,s.jsx)("div",{children:e.optionName}),(0,s.jsx)("div",{children:e.optionValueName})]})]},e.opt)})),(0,s.jsx)("div",{children:n.title}),(0,s.jsx)("div",{children:t.DivaUtils.formatPrice(n.price)}),(0,s.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,s.jsx)(a.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){n.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!n.disabled})})]},n.hash)}}}]);