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

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

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

Files changed (450) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2576.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2576,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(9204),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),r=o(12952),d=o(9204),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,d.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,r.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),r=o(34988),d=o(9204),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,d.NP)(),l=(0,i.useState)(!1),c=(0,r.Z)(l,2),s=c[0],m=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||m(!s),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var b=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,x=void 0,g=p.size,f=0;b?(f=b/g,80*g>b&&(x=80)):setTimeout((function(){return m(!s)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:x},e.key)}))})}))},12576:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var t=o(80248),r=o(72874),d=o(9204),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=j(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=O();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:v,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>v,Sl:()=>b,ZP:()=>G,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2576,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(75327),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),r=o(12952),d=o(75327),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,d.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,r.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),r=o(34988),d=o(75327),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,d.NP)(),l=(0,i.useState)(!1),c=(0,r.Z)(l,2),s=c[0],m=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||m(!s),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var b=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,x=void 0,g=p.size,f=0;b?(f=b/g,80*g>b&&(x=80)):setTimeout((function(){return m(!s)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:x},e.key)}))})}))},12576:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var t=o(80248),r=o(72874),d=o(75327),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=j(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=O();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:v,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>v,Sl:()=>b,ZP:()=>G,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2607.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2607,304,8193],{10304:(e,n,t)=>{n.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var n=_getRequireWildcardCache();if(n&&n.has(e))return n.get(e);var t={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}t.default=e,n&&n.set(e,t);return t}(t(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(t(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _defineProperty(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _defineProperties(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,n){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,n){return e.__proto__=n,e},_setPrototypeOf(e,n)}var i="Select...",a=function(e){function Dropdown(e){var n;return function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(n=function _possibleConstructorReturn(e,n){return!n||"object"!==_typeof(n)&&"function"!=typeof n?_assertThisInitialized(e):n}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:n.parseValue(e.value,e.options)||{label:void 0===e.placeholder?i:e.placeholder,value:""},isOpen:!1},n.dropdownRef=(0,o.createRef)(),n.mounted=!0,n.handleDocumentClick=n.handleDocumentClick.bind(_assertThisInitialized(n)),n.fireChangeEvent=n.fireChangeEvent.bind(_assertThisInitialized(n)),n}return function _inherits(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&_setPrototypeOf(e,n)}(Dropdown,e),function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var n=this.parseValue(this.props.value,this.props.options);n!==this.state.selected&&this.setState({selected:n})}else this.setState({selected:{label:void 0===this.props.placeholder?i:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,n){var t;if("string"==typeof e)for(var o=0,r=n.length;o<r;o++)if("group"===n[o].type){var i=n[o].items.filter((function(n){return n.value===e}));i.length&&(t=i[0])}else void 0!==n[o].value&&n[o].value===e&&(t=n[o]);return t||e}},{key:"setValue",value:function setValue(e,n){var t={selected:{value:e,label:n},isOpen:!1};this.fireChangeEvent(t),this.setState(t)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var n,t=e.value;void 0===t&&(t=e.label||e);var i=e.label||e.value||e,a=t===this.state.selected.value||t===this.state.selected,l=(_defineProperty(n={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(n,e.className,!!e.className),_defineProperty(n,"is-selected",a),n),s=(0,r.default)(l),d=Object.keys(e.data||{}).reduce((function(n,t){return function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(t,!0).forEach((function(n){_defineProperty(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(t).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},n,_defineProperty({},"data-".concat(t),e.data[t]))}),{});return o.default.createElement("div",_extends({key:t,className:s,onMouseDown:this.setValue.bind(this,t,i),onClick:this.setValue.bind(this,t,i),role:"option","aria-selected":a?"true":"false"},d),i)}},{key:"buildMenu",value:function buildMenu(){var e=this,n=this.props,t=n.options,r=n.baseClassName,i=t.map((function(n){if("group"===n.type){var t=o.default.createElement("div",{className:"".concat(r,"-title")},n.name),i=n.items.map((function(n){return e.renderOption(n)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:n.name,role:"listbox",tabIndex:"-1"},t,i)}return e.renderOption(n)}));return i.length?i:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,n,t,i,a,l=this.props,s=l.baseClassName,d=l.controlClassName,u=l.placeholderClassName,c=l.menuClassName,p=l.arrowClassName,f=l.arrowClosed,h=l.arrowOpen,m=l.className,b=this.props.disabled?"Dropdown-disabled":"",y="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,x=(0,r.default)((_defineProperty(e={},"".concat(s,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),v=(0,r.default)((_defineProperty(n={},"".concat(s,"-control"),!0),_defineProperty(n,d,!!d),_defineProperty(n,b,!!b),n)),g=(0,r.default)((_defineProperty(t={},"".concat(s,"-placeholder"),!0),_defineProperty(t,u,!!u),_defineProperty(t,"is-selected",this.isValueSelected()),t)),w=(0,r.default)((_defineProperty(i={},"".concat(s,"-menu"),!0),_defineProperty(i,c,!!c),i)),P=(0,r.default)((_defineProperty(a={},"".concat(s,"-arrow"),!0),_defineProperty(a,p,!!p),a)),_=o.default.createElement("div",{className:g},y),D=this.state.isOpen?o.default.createElement("div",{className:w,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:x},o.default.createElement("div",{className:v,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,o.default.createElement("div",{className:"".concat(s,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),D)}}]),Dropdown}(o.Component);a.defaultProps={baseClassName:"Dropdown"};var l=a;n.Z=l},18193:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(72874),r=(t(87363),t(93379)),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(8368),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(65515),v=t.n(x),g=t(47514),w=["onClick","iconAsDelete","open"];const P=function Arrow(e){var n=e.onClick,t=e.iconAsDelete,r=e.open,i=(0,o.Z)(e,w);return(0,g.jsx)("span",{onClick:n,onTouchEnd:n,className:v()(b.xX,t?b.zl:void 0,t?void 0:r?b.h1:b.Oe,i.className)})}},32607:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});t(87363);var o=t(10304),r=t(93379),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(55116),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(88683),v=t(9204),g=t(65515),w=t.n(g),P=t(18193),_=t(47514);const D=function RalDropdownFilter(e){var n,t=e.visibleColorItems,r=e.dropdownRootClass,i=void 0===r?b.oF:r,a=e.deleteCurValue,l=e.id,s=(0,x.useTranslation)().t,d=(0,v.NP)(),u=null===(n=d.settingsState.itemPalettes.get(l))||void 0===n?void 0:n.filterValue,c=t.map((function(e){return{label:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("span",{className:b.oM,style:{backgroundColor:e.rgb}})," ",s("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,_.jsx)("div",{className:w()(b.YS,d.uiState.isInMobileView?b.ai:void 0,d.uiState.isTablet?b.Mq:void 0),"data-test-id":"ral-dropdown",children:(0,_.jsx)(o.Z,{className:w()(i),controlClassName:b.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(l,e.value,"RAL")},placeholder:s("configurator.colors"),arrowClosed:(0,_.jsx)(P.default,{onClick:a,open:!1,iconAsDelete:!!u}),arrowOpen:(0,_.jsx)(P.default,{onClick:a,open:!0,iconAsDelete:!!u})})})}},8368:(e,n,t)=>{t.d(n,{Oe:()=>y,ZP:()=>x,h1:()=>b,xX:()=>h,zl:()=>m});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(49797),t.b),u=new URL(t(24827),t.b),c=a()(r()),p=s()(d),f=s()(u);c.push([e.id,".index-module--kpDq_ {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",b="index-module--GLLUM",y="index-module--ctBIw";const x=c},55116:(e,n,t)=>{t.d(n,{Mq:()=>d,YS:()=>p,ZP:()=>f,ai:()=>s,oF:()=>u,oM:()=>l,x_:()=>c});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1px;\n  margin-right: 6px;\n  font-size: 14px;\n  color: #333;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--rh3_P {\n  font-size: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--kEhTd {\n  width: 120px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n\n.index-module--EzQnl .Dropdown-root {\n  position: relative;\n}\n\n.index-module--EzQnl .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--YFpyP .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--vbcLk .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--EzQnl .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--EzQnl .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 7px;\n  width: 0;\n}\n\n.index-module--EzQnl .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--EzQnl .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--EzQnl .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--EzQnl .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--EzQnl .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--EzQnl .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--EzQnl .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--EzQnl .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var l="index-module--rh3_P",s="index-module--YFpyP",d="index-module--vbcLk",u="index-module--kEhTd",c="index-module--qJ16N",p="index-module--EzQnl";const f=a},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2607,304,8193],{10304:(e,n,t)=>{n.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var n=_getRequireWildcardCache();if(n&&n.has(e))return n.get(e);var t={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}t.default=e,n&&n.set(e,t);return t}(t(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(t(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _defineProperty(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _defineProperties(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,n){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,n){return e.__proto__=n,e},_setPrototypeOf(e,n)}var i="Select...",a=function(e){function Dropdown(e){var n;return function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(n=function _possibleConstructorReturn(e,n){return!n||"object"!==_typeof(n)&&"function"!=typeof n?_assertThisInitialized(e):n}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:n.parseValue(e.value,e.options)||{label:void 0===e.placeholder?i:e.placeholder,value:""},isOpen:!1},n.dropdownRef=(0,o.createRef)(),n.mounted=!0,n.handleDocumentClick=n.handleDocumentClick.bind(_assertThisInitialized(n)),n.fireChangeEvent=n.fireChangeEvent.bind(_assertThisInitialized(n)),n}return function _inherits(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&_setPrototypeOf(e,n)}(Dropdown,e),function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var n=this.parseValue(this.props.value,this.props.options);n!==this.state.selected&&this.setState({selected:n})}else this.setState({selected:{label:void 0===this.props.placeholder?i:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,n){var t;if("string"==typeof e)for(var o=0,r=n.length;o<r;o++)if("group"===n[o].type){var i=n[o].items.filter((function(n){return n.value===e}));i.length&&(t=i[0])}else void 0!==n[o].value&&n[o].value===e&&(t=n[o]);return t||e}},{key:"setValue",value:function setValue(e,n){var t={selected:{value:e,label:n},isOpen:!1};this.fireChangeEvent(t),this.setState(t)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var n,t=e.value;void 0===t&&(t=e.label||e);var i=e.label||e.value||e,a=t===this.state.selected.value||t===this.state.selected,l=(_defineProperty(n={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(n,e.className,!!e.className),_defineProperty(n,"is-selected",a),n),s=(0,r.default)(l),d=Object.keys(e.data||{}).reduce((function(n,t){return function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(t,!0).forEach((function(n){_defineProperty(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(t).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},n,_defineProperty({},"data-".concat(t),e.data[t]))}),{});return o.default.createElement("div",_extends({key:t,className:s,onMouseDown:this.setValue.bind(this,t,i),onClick:this.setValue.bind(this,t,i),role:"option","aria-selected":a?"true":"false"},d),i)}},{key:"buildMenu",value:function buildMenu(){var e=this,n=this.props,t=n.options,r=n.baseClassName,i=t.map((function(n){if("group"===n.type){var t=o.default.createElement("div",{className:"".concat(r,"-title")},n.name),i=n.items.map((function(n){return e.renderOption(n)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:n.name,role:"listbox",tabIndex:"-1"},t,i)}return e.renderOption(n)}));return i.length?i:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,n,t,i,a,l=this.props,s=l.baseClassName,d=l.controlClassName,u=l.placeholderClassName,c=l.menuClassName,p=l.arrowClassName,f=l.arrowClosed,h=l.arrowOpen,m=l.className,b=this.props.disabled?"Dropdown-disabled":"",y="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,x=(0,r.default)((_defineProperty(e={},"".concat(s,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),v=(0,r.default)((_defineProperty(n={},"".concat(s,"-control"),!0),_defineProperty(n,d,!!d),_defineProperty(n,b,!!b),n)),g=(0,r.default)((_defineProperty(t={},"".concat(s,"-placeholder"),!0),_defineProperty(t,u,!!u),_defineProperty(t,"is-selected",this.isValueSelected()),t)),w=(0,r.default)((_defineProperty(i={},"".concat(s,"-menu"),!0),_defineProperty(i,c,!!c),i)),P=(0,r.default)((_defineProperty(a={},"".concat(s,"-arrow"),!0),_defineProperty(a,p,!!p),a)),_=o.default.createElement("div",{className:g},y),D=this.state.isOpen?o.default.createElement("div",{className:w,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:x},o.default.createElement("div",{className:v,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,o.default.createElement("div",{className:"".concat(s,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),D)}}]),Dropdown}(o.Component);a.defaultProps={baseClassName:"Dropdown"};var l=a;n.Z=l},18193:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(72874),r=(t(87363),t(93379)),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(8368),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(65515),v=t.n(x),g=t(47514),w=["onClick","iconAsDelete","open"];const P=function Arrow(e){var n=e.onClick,t=e.iconAsDelete,r=e.open,i=(0,o.Z)(e,w);return(0,g.jsx)("span",{onClick:n,onTouchEnd:n,className:v()(b.xX,t?b.zl:void 0,t?void 0:r?b.h1:b.Oe,i.className)})}},32607:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});t(87363);var o=t(10304),r=t(93379),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(55116),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(88683),v=t(75327),g=t(65515),w=t.n(g),P=t(18193),_=t(47514);const D=function RalDropdownFilter(e){var n,t=e.visibleColorItems,r=e.dropdownRootClass,i=void 0===r?b.oF:r,a=e.deleteCurValue,l=e.id,s=(0,x.useTranslation)().t,d=(0,v.NP)(),u=null===(n=d.settingsState.itemPalettes.get(l))||void 0===n?void 0:n.filterValue,c=t.map((function(e){return{label:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("span",{className:b.oM,style:{backgroundColor:e.rgb}})," ",s("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,_.jsx)("div",{className:w()(b.YS,d.uiState.isInMobileView?b.ai:void 0,d.uiState.isTablet?b.Mq:void 0),"data-test-id":"ral-dropdown",children:(0,_.jsx)(o.Z,{className:w()(i),controlClassName:b.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(l,e.value,"RAL")},placeholder:s("configurator.colors"),arrowClosed:(0,_.jsx)(P.default,{onClick:a,open:!1,iconAsDelete:!!u}),arrowOpen:(0,_.jsx)(P.default,{onClick:a,open:!0,iconAsDelete:!!u})})})}},8368:(e,n,t)=>{t.d(n,{Oe:()=>y,ZP:()=>x,h1:()=>b,xX:()=>h,zl:()=>m});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(49797),t.b),u=new URL(t(24827),t.b),c=a()(r()),p=s()(d),f=s()(u);c.push([e.id,".index-module--kpDq_ {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",b="index-module--GLLUM",y="index-module--ctBIw";const x=c},55116:(e,n,t)=>{t.d(n,{Mq:()=>d,YS:()=>p,ZP:()=>f,ai:()=>s,oF:()=>u,oM:()=>l,x_:()=>c});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1px;\n  margin-right: 6px;\n  font-size: 14px;\n  color: #333;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--rh3_P {\n  font-size: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--kEhTd {\n  width: 120px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n\n.index-module--EzQnl .Dropdown-root {\n  position: relative;\n}\n\n.index-module--EzQnl .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--YFpyP .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--vbcLk .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--EzQnl .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--EzQnl .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 7px;\n  width: 0;\n}\n\n.index-module--EzQnl .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--EzQnl .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--EzQnl .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--EzQnl .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--EzQnl .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--EzQnl .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--EzQnl .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--EzQnl .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var l="index-module--rh3_P",s="index-module--YFpyP",d="index-module--vbcLk",u="index-module--kEhTd",c="index-module--qJ16N",p="index-module--EzQnl";const f=a},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2610.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2610],{2610:(e,t,n)=>{n.r(t),n.d(t,{default:()=>R});var i=n(88683),o=n(9204),r=n(87363),a=n(9420),d=n(20638),s=n(65515),l=n.n(s),c=n(93379),u=n.n(c),p=n(7795),m=n.n(p),g=n(90569),f=n.n(g),x=n(3565),v=n.n(x),P=n(19216),h=n.n(P),S=n(44589),b=n.n(S),y=n(77113),C={};C.styleTagTransform=b(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=h();u()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(74133),L=n(47514),I=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(e-o);return i};const R=(0,a.Pi)((function PromotedProducts(e){var t,n,a,s=e.item,c=(0,i.useDivaCore)(),u=c.actions.openComponent,p=c.handler.productHandler,m=c.state,g=m.organization,f=m.hidePrices,x=(0,o.NP)(),v=x.settingsState,P=x.getViewConfig().productsConfig,h=(0,r.useRef)(!1),S=(0,r.useRef)(!1),b=(0,r.useCallback)((function(e){x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current||(h.current=!0,S.current=!1,v.setPromotedOptimisticProductId(e),u({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}}))}),[u,v,x.uiState]),C=null!==(t=x.configState.productId)&&void 0!==t?t:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId(),R=null!==(n=v.promotedOptimisticProductId)&&void 0!==n?n:C;(0,r.useEffect)((function(){h.current&&(x.uiState.isLogicLoading?S.current=!0:S.current&&(h.current=!1,S.current=!1,v.setPromotedOptimisticProductId(null)))}),[v,x.uiState.isLogicLoading]),(0,r.useEffect)((function(){v.setPromotedOptimisticProductId(null)}),[g._id,v]);var _=null===(a=x.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var e;x.uiState.isLogicLoading||v.loadPromotedProducts(p,g._id,_,null===(e=x.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),P)}),[g._id,x.uiState.isLogicLoading,_]);var j=v.promotedGroups,k=null!=P&&P.maxCount&&P.showSkeletions?I(P.maxCount,j.length):[],N=x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,L.jsxs)("div",{className:l()(y.Ry,N?y.Z_:void 0),"aria-disabled":N,children:[j.map((function(e,t){var n;return(0,L.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:b,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==R}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"},hidePrices:null!==(n=f||x.getViewConfig().promotedHidePrices)&&void 0!==n&&n}}},e._id)})),k.map((function(e){return(0,L.jsx)("div",{className:y.F1,children:(0,L.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>l,Ry:()=>d,ZP:()=>c,Z_:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",l="index-module--tgKwN";const c=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2610],{2610:(e,t,n)=>{n.r(t),n.d(t,{default:()=>R});var i=n(88683),o=n(75327),r=n(87363),a=n(9420),d=n(20638),s=n(65515),l=n.n(s),c=n(93379),u=n.n(c),p=n(7795),m=n.n(p),g=n(90569),f=n.n(g),x=n(3565),v=n.n(x),P=n(19216),h=n.n(P),S=n(44589),b=n.n(S),y=n(77113),C={};C.styleTagTransform=b(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=h();u()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(74133),L=n(47514),I=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(e-o);return i};const R=(0,a.Pi)((function PromotedProducts(e){var t,n,a,s=e.item,c=(0,i.useDivaCore)(),u=c.actions.openComponent,p=c.handler.productHandler,m=c.state,g=m.organization,f=m.hidePrices,x=(0,o.NP)(),v=x.settingsState,P=x.getViewConfig().productsConfig,h=(0,r.useRef)(!1),S=(0,r.useRef)(!1),b=(0,r.useCallback)((function(e){x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current||(h.current=!0,S.current=!1,v.setPromotedOptimisticProductId(e),u({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}}))}),[u,v,x.uiState]),C=null!==(t=x.configState.productId)&&void 0!==t?t:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId(),R=null!==(n=v.promotedOptimisticProductId)&&void 0!==n?n:C;(0,r.useEffect)((function(){h.current&&(x.uiState.isLogicLoading?S.current=!0:S.current&&(h.current=!1,S.current=!1,v.setPromotedOptimisticProductId(null)))}),[v,x.uiState.isLogicLoading]),(0,r.useEffect)((function(){v.setPromotedOptimisticProductId(null)}),[g._id,v]);var _=null===(a=x.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var e;x.uiState.isLogicLoading||v.loadPromotedProducts(p,g._id,_,null===(e=x.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),P)}),[g._id,x.uiState.isLogicLoading,_]);var j=v.promotedGroups,k=null!=P&&P.maxCount&&P.showSkeletions?I(P.maxCount,j.length):[],N=x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,L.jsxs)("div",{className:l()(y.Ry,N?y.Z_:void 0),"aria-disabled":N,children:[j.map((function(e,t){var n;return(0,L.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:b,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==R}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"},hidePrices:null!==(n=f||x.getViewConfig().promotedHidePrices)&&void 0!==n&&n}}},e._id)})),k.map((function(e){return(0,L.jsx)("div",{className:y.F1,children:(0,L.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>l,Ry:()=>d,ZP:()=>c,Z_:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",l="index-module--tgKwN";const c=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2636.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2636,6587],{39060:(e,o,n)=>{n.r(o),n.d(o,{default:()=>B});var r=n(80248),t=n(34988),i=n(9204),l=n(87363),s=n(46770),a=n(9420),d=n(93379),c=n.n(d),p=n(7795),m=n.n(p),u=n(90569),v=n.n(u),h=n(3565),g=n.n(h),y=n(19216),f=n.n(y),x=n(44589),b=n.n(x),S=n(28491),w={};w.styleTagTransform=b(),w.setAttributes=g(),w.insert=v().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=f();c()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=n(13838),P=n(65515),O=n.n(P),C=n(86587),I=n(88683),k=n(55461),z=n(21801),Z=n(91087),D=n(19456),V=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const B=(0,a.Pi)((function Gallery(e){var o,n,r=e.item,a=e.hidePricePreview,d=e.paletteId,c=e.style,p=e.isActive,m=void 0===p?(0,V.jsx)(C.default,{listenToGalleryVariables:!0}):p,u=e.namePostFix,v=r,h=(0,i.NP)(),g=(0,I.useDivaCore)().state.dimensions,y=g.isMobile,f=g.isTablet,x=(0,l.useState)(""),b=(0,t.Z)(x,2),w=b[0],P=(b[1],{}),B={},N=void 0,A=!1,R={},F=(0,s.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,s.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return y||f||h.getViewConfig().hideTooltip||!v.image&&!v.hexColor||v.contentItemId||(A=F[0],R=F[1],P=T.triggerProps,B=T.layerProps,N=T.renderLayer),(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:v.codex,"data-test-id":"plannerPaletteItem",className:O()(S.CA,S.TD,v.sel?S.pA:void 0),onClick:function onClick(){v.doShowFav&&h.paletteViewHandler.clickedOnFavIcon(v),h.paletteViewHandler.clickedOnConfigPalette(v,void 0,d)}},P),R),{},{children:[(0,V.jsxs)("div",{className:O()(S.iZ,S.VF),children:[!v.doShowFav&&v.sel&&void 0!==m&&m,v.contentItemId&&(0,V.jsx)(z.default,{item:v},v.codex),(h.getViewConfig().showVCodexInGallery&&v.vCodex||v.freeText)&&(0,V.jsx)("div",{className:S.eE,children:(0,V.jsx)("div",{className:O()(S.rq),children:null!==(o=v.freeText)&&void 0!==o?o:v.vCodex+(u||"")})}),v.image?(0,V.jsx)("img",{src:v.image}):v.hexColor?(0,V.jsx)("div",{className:S.CO,style:{backgroundColor:"#"+v.hexColor}}):(0,V.jsx)(V.Fragment,{}),v.doShowFav&&(0,V.jsx)("div",{className:v.isFav?j.Md:j.Hq})]}),!a&&void 0!==v.pricePreviewPromise&&(0,V.jsx)(Z.default,{asyncPricePreview:v.pricePreviewPromise,sel:v.sel}),void 0!==v.checkForReversingChanges&&(0,V.jsx)(D.default,{item:v,paletteId:d})]})),A&&(null===(n=N)||void 0===n?void 0:n((0,V.jsx)(k.default,{text:v.text+(u||""),desciption:w,image:v.image,layerProps:B,pricePreviewPromise:v.pricePreviewPromise,hexColor:v.hexColor},v.codex)))]})}))},86587:(e,o,n)=>{n.r(o),n.d(o,{default:()=>l});var r=n(80248),t=(n(87363),n(2765)),i=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const l=function IsActive(e){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,o,n)=>{n.d(o,{CA:()=>s,CO:()=>v,TD:()=>u,VF:()=>d,ZP:()=>h,eE:()=>p,iZ:()=>a,pA:()=>c,rq:()=>m});var r=n(8081),t=n.n(r),i=n(23645),l=n.n(i)()(t());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var s="index-module--vXVD4",a="index-module--ecuNz",d="index-module--hkKLj",c="index-module--bpPyh",p="index-module--Ur6oS",m="index-module--vybus",u="index-module--hf53S",v="index-module--VYcNk";const h=l},16008:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.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,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,o,n)=>{n.d(o,{Z:()=>createSvgIcon});var r=n(87363),t=n(87726),i=n(91104),l=n(94299),s=n(5230),a=n(90659),d=n(56047),c=n(18685),p=n(36735);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=n(47514);const u=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,"inherit"!==n.color&&o[`color${(0,l.Z)(n.color)}`],o[`fontSize${(0,l.Z)(n.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((([o])=>({props:{color:o},style:{color:(e.vars??e).palette?.[o]?.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}}]})))),v=r.forwardRef((function SvgIcon(e,o){const n=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:p="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:g=!1,titleAccess:y,viewBox:f="0 0 24 24",...x}=n,b=r.isValidElement(s)&&"svg"===s.type,S={...n,color:c,component:p,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:g,viewBox:f,hasSvgAsChild:b},w={};g||(w.viewBox=f);const j=(e=>{const{color:o,fontSize:n,classes:r}=e,t={root:["root","inherit"!==o&&`color${(0,l.Z)(o)}`,`fontSize${(0,l.Z)(n)}`]};return(0,i.Z)(t,getSvgIconUtilityClass,r)})(S);return(0,m.jsxs)(u,{as:p,className:(0,t.Z)(j.root,a),focusable:"false",color:h,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:o,...w,...x,...b&&s.props,ownerState:S,children:[b?s.props.children:s,y?(0,m.jsx)("title",{children:y}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,o){function Component(o,n){return(0,m.jsx)(h,{"data-testid":void 0,ref:n,...o,children:e})}return Component.muiName=h.muiName,r.memo(r.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2636,6587],{39060:(e,o,n)=>{n.r(o),n.d(o,{default:()=>B});var r=n(80248),t=n(34988),i=n(75327),l=n(87363),s=n(46770),a=n(9420),d=n(93379),c=n.n(d),p=n(7795),m=n.n(p),u=n(90569),v=n.n(u),h=n(3565),g=n.n(h),y=n(19216),f=n.n(y),x=n(44589),b=n.n(x),S=n(28491),w={};w.styleTagTransform=b(),w.setAttributes=g(),w.insert=v().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=f();c()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=n(13838),P=n(65515),O=n.n(P),C=n(86587),I=n(88683),k=n(55461),z=n(21801),Z=n(91087),D=n(19456),V=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const B=(0,a.Pi)((function Gallery(e){var o,n,r=e.item,a=e.hidePricePreview,d=e.paletteId,c=e.style,p=e.isActive,m=void 0===p?(0,V.jsx)(C.default,{listenToGalleryVariables:!0}):p,u=e.namePostFix,v=r,h=(0,i.NP)(),g=(0,I.useDivaCore)().state.dimensions,y=g.isMobile,f=g.isTablet,x=(0,l.useState)(""),b=(0,t.Z)(x,2),w=b[0],P=(b[1],{}),B={},N=void 0,A=!1,R={},F=(0,s.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,s.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return y||f||h.getViewConfig().hideTooltip||!v.image&&!v.hexColor||v.contentItemId||(A=F[0],R=F[1],P=T.triggerProps,B=T.layerProps,N=T.renderLayer),(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:v.codex,"data-test-id":"plannerPaletteItem",className:O()(S.CA,S.TD,v.sel?S.pA:void 0),onClick:function onClick(){v.doShowFav&&h.paletteViewHandler.clickedOnFavIcon(v),h.paletteViewHandler.clickedOnConfigPalette(v,void 0,d)}},P),R),{},{children:[(0,V.jsxs)("div",{className:O()(S.iZ,S.VF),children:[!v.doShowFav&&v.sel&&void 0!==m&&m,v.contentItemId&&(0,V.jsx)(z.default,{item:v},v.codex),(h.getViewConfig().showVCodexInGallery&&v.vCodex||v.freeText)&&(0,V.jsx)("div",{className:S.eE,children:(0,V.jsx)("div",{className:O()(S.rq),children:null!==(o=v.freeText)&&void 0!==o?o:v.vCodex+(u||"")})}),v.image?(0,V.jsx)("img",{src:v.image}):v.hexColor?(0,V.jsx)("div",{className:S.CO,style:{backgroundColor:"#"+v.hexColor}}):(0,V.jsx)(V.Fragment,{}),v.doShowFav&&(0,V.jsx)("div",{className:v.isFav?j.Md:j.Hq})]}),!a&&void 0!==v.pricePreviewPromise&&(0,V.jsx)(Z.default,{asyncPricePreview:v.pricePreviewPromise,sel:v.sel}),void 0!==v.checkForReversingChanges&&(0,V.jsx)(D.default,{item:v,paletteId:d})]})),A&&(null===(n=N)||void 0===n?void 0:n((0,V.jsx)(k.default,{text:v.text+(u||""),desciption:w,image:v.image,layerProps:B,pricePreviewPromise:v.pricePreviewPromise,hexColor:v.hexColor},v.codex)))]})}))},86587:(e,o,n)=>{n.r(o),n.d(o,{default:()=>l});var r=n(80248),t=(n(87363),n(2765)),i=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const l=function IsActive(e){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,o,n)=>{n.d(o,{CA:()=>s,CO:()=>v,TD:()=>u,VF:()=>d,ZP:()=>h,eE:()=>p,iZ:()=>a,pA:()=>c,rq:()=>m});var r=n(8081),t=n.n(r),i=n(23645),l=n.n(i)()(t());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var s="index-module--vXVD4",a="index-module--ecuNz",d="index-module--hkKLj",c="index-module--bpPyh",p="index-module--Ur6oS",m="index-module--vybus",u="index-module--hf53S",v="index-module--VYcNk";const h=l},16008:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.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,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,o,n)=>{n.d(o,{Z:()=>createSvgIcon});var r=n(87363),t=n(87726),i=n(91104),l=n(94299),s=n(5230),a=n(90659),d=n(56047),c=n(18685),p=n(36735);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=n(47514);const u=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,"inherit"!==n.color&&o[`color${(0,l.Z)(n.color)}`],o[`fontSize${(0,l.Z)(n.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((([o])=>({props:{color:o},style:{color:(e.vars??e).palette?.[o]?.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}}]})))),v=r.forwardRef((function SvgIcon(e,o){const n=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:p="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:g=!1,titleAccess:y,viewBox:f="0 0 24 24",...x}=n,b=r.isValidElement(s)&&"svg"===s.type,S={...n,color:c,component:p,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:g,viewBox:f,hasSvgAsChild:b},w={};g||(w.viewBox=f);const j=(e=>{const{color:o,fontSize:n,classes:r}=e,t={root:["root","inherit"!==o&&`color${(0,l.Z)(o)}`,`fontSize${(0,l.Z)(n)}`]};return(0,i.Z)(t,getSvgIconUtilityClass,r)})(S);return(0,m.jsxs)(u,{as:p,className:(0,t.Z)(j.root,a),focusable:"false",color:h,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:o,...w,...x,...b&&s.props,ownerState:S,children:[b?s.props.children:s,y?(0,m.jsx)("title",{children:y}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,o){function Component(o,n){return(0,m.jsx)(h,{"data-testid":void 0,ref:n,...o,children:e})}return Component.muiName=h.muiName,r.memo(r.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2748.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2748,7444,1099,6937],{12748:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var i=e(34988),D=e(9204),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,D.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,i.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},67444:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var i=e(9420),D=e(93379),g=e.n(D),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(9204),z=e(47514);const c=(0,i.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[n.emoji&&(0,z.jsx)("div",{className:N.rP,children:n.emoji}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),n.id&&(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){!function isUrl(M){return/^https?:\/\//.test(M)}(n.id)?e.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var i=e(37486),D=e(9204),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(67444),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,D.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var i=e(34988),D=e(87363),g=e(9420),t=e(37486),I=e(9204),A=e(81099),o=e(67444),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=M.zIndexBase,g=(0,I.NP)(),d=(0,D.useState)([]),u=(0,i.Z)(d,2),r=u[0],l=u[1];return(0,D.useEffect)((function(){for(var M=[],e=function _loop(){var e=n[i],D=g.configuratorStructureHandler.getOptionStepByCodex(e.optionCodex),t=null==D?void 0:D.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:e.configStepKey+e.id)===M.groupName}));if(I)I.palettes.push(e);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:e.configStepKey+e.id,palettes:[e],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(e.id):"r"===(null==t?void 0:t.position)&&I.right.push(e.id)},i=0;i<n.length;i++)e();l(M)}),[n]),(0,x.jsx)(x.Fragment,{children:r.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var i=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,x.jsx)(o.default,{item:i}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id),zIndexBase:e},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,x.jsx)(o.default,{item:i})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(D()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2748,7444,1099,6937],{12748:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var i=e(34988),D=e(75327),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,D.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,i.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},67444:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var i=e(9420),D=e(93379),g=e.n(D),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(75327),z=e(47514);const c=(0,i.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[n.emoji&&(0,z.jsx)("div",{className:N.rP,children:n.emoji}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),n.id&&(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){!function isUrl(M){return/^https?:\/\//.test(M)}(n.id)?e.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var i=e(37486),D=e(75327),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(67444),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,D.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var i=e(34988),D=e(87363),g=e(9420),t=e(37486),I=e(75327),A=e(81099),o=e(67444),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=M.zIndexBase,g=(0,I.NP)(),d=(0,D.useState)([]),u=(0,i.Z)(d,2),r=u[0],l=u[1];return(0,D.useEffect)((function(){for(var M=[],e=function _loop(){var e=n[i],D=g.configuratorStructureHandler.getOptionStepByCodex(e.optionCodex),t=null==D?void 0:D.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:e.configStepKey+e.id)===M.groupName}));if(I)I.palettes.push(e);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:e.configStepKey+e.id,palettes:[e],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(e.id):"r"===(null==t?void 0:t.position)&&I.right.push(e.id)},i=0;i<n.length;i++)e();l(M)}),[n]),(0,x.jsx)(x.Fragment,{children:r.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var i=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,x.jsx)(o.default,{item:i}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id),zIndexBase:e},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,x.jsx)(o.default,{item:i})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(D()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2794.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2794,3492,3605,1681,5195],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(80248),o=n(34988),i=n(9420),a=n(87363),c=n(73898),s=n(9204),l=n(88683),d=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}var u=(0,l.getLogger)("Planner","InfoBox");const p=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,r=e.drawerStyle,i=(0,s.NP)(),p=(0,a.useState)(!1),b=(0,o.Z)(p,2),f=b[0],g=b[1],y=(0,l.useDivaCore)().actions,O=y.openDrawerMenu,P=y.closeDrawerMenu;return(0,a.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){g(!0);var e,a,s=i.getIsInMobileView(),l=function onClose(){P("content-item",!0),i.settingsState.setContentItemId()},p=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),b=i.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),y=(0,d.jsx)(c.Q,{onClose:l,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){u.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:b},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=i.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),r=t[0],i=t[1];n["OPT".concat(r)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||l()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(s)O({id:"content-item",content:y,onClose:l,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=i.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else O({id:"content-item",content:y,onClose:l,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:i.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else f&&(P("content-item",!0),setTimeout((function(){g(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,d.jsx)(d.Fragment,{})}))},2794:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(80248),o=n(88291),i=n(9420),a=n(87363),c=n(53492),s=n(19679),l=n(9204),d=n(93379),u=n.n(d),p=n(7795),b=n.n(p),f=n(90569),g=n.n(f),y=n(3565),O=n.n(y),P=n(19216),m=n.n(P),j=n(44589),x=n.n(j),S=n(89965),v={};v.styleTagTransform=x(),v.setAttributes=O(),v.insert=g().bind(null,"head"),v.domAPI=b(),v.insertStyleElement=m();u()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=n(32699),h=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}var C={Options:"OptionTree",PartList:"PartListTable",DecisionAnalyzer:"DecisionAnalyzer",AiCatalogChat:"AiCatalogChat",PriceAnalyzer:"PriceAnalyzer",Artikelübersicht:"ArticleOverview",SVGübersicht:"SVGAnalyzer",ekText:"EkTextViewer",CatalogMakeup:"CatalogMakeup",RTVAnalyzer:"RTVAnalyzer",J3DEditor:"J3DEditor",PropertiesEditor:"PropertiesEditor",GridOverview:"GridOverview"};const I=(0,i.Pi)((function CatalogProduct(e){var t=Object.assign({},((0,o.Z)(e),e)),n=(0,l.NP)(),r=(0,w.me)();(0,a.useEffect)((function(){switch(n.uiState.activeCatalogSection){case"Options":n.uiState.setConfigSettingsIsExpanded(!0);break;case"ekText":case"3D/2D":case"PartList":case"Artikelübersicht":case"SVGübersicht":case"DecisionAnalyzer":case"AiCatalogChat":case"CatalogMakeup":case"RTVAnalyzer":case"J3DEditor":case"PropertiesEditor":case"GridOverview":n.uiState.setConfigSettingsIsExpanded(!1)}}),[n.uiState.activeCatalogSection]),(0,a.useEffect)((function(){n.getIsInMobileView()&&n.uiState.setActiveCatalogSection("3D/2D")}),[]);var i=n.uiState.activeCatalogSection,d=t.className+" "+S.pb,u=void 0;if("3D/2D"!==i){var p=C[i];if(p){var b=r[p];if(b){var f="Options"===i?{style:{zIndex:700}}:{className:d};u=(0,h.jsx)(b,_objectSpread(_objectSpread({},t),f))}else u=(0,h.jsx)(w.oF,{name:p})}}return(0,h.jsxs)(h.Fragment,{children:[!n.uiState.isInMobileView&&(0,h.jsx)(s.default,_objectSpread(_objectSpread({},t),{},{currentWindowActive:n.uiState.activeCatalogSection,setCurrentWindowActive:function changeVal(e){localStorage.setItem("lastWindow",e),n.uiState.setActiveCatalogSection(e)}})),(0,a.createElement)(c.default,_objectSpread(_objectSpread({},t),{},{style:{boxSizing:"border-box",borderLeft:n.uiState.isInMobileView?void 0:"50px solid transparent"},key:"product"})),u]})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(80248),o=n(87363),i=n(81681),a=n(34384),c=n(12748),s=n(9204),l=n(19715),d=n(83605),u=n(25195),p=n(9420),b=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 f=(0,p.Pi)((function Product(e){var t=(0,s.NP)(),n=(0,o.useRef)(null);return(0,o.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,b.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},e),{},{ref:function setRef(e){n.current=e,t.productState.setProductElement(e)},onTouchStart:function onTouchStart(){3==t.settingsState.activeSnapPointIndex&&t.settingsState.setActiveSnapPointIndex(2)},children:[(0,b.jsx)(i.default,{}),(0,b.jsx)(l.default,{}),t.productState.footerVisible.length>1&&(0,b.jsx)(d.default,{}),(0,b.jsx)(u.default,{}),(0,b.jsx)(c.default,{}),(0,b.jsx)(a.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var r=n(80248),o=(n(87363),n(2765)),i=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 a=function ProductFooter(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var r=n(80248),o=(n(87363),n(2765)),i=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 a=function ProductHeader(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},25195:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var r=n(65515),o=n.n(r),i=n(88623),a=n(9420),c=(n(87363),n(9204)),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),p=n(90569),b=n.n(p),f=n(3565),g=n.n(f),y=n(19216),O=n.n(y),P=n(44589),m=n.n(P),j=n(73475),x={};x.styleTagTransform=m(),x.setAttributes=g(),x.insert=b().bind(null,"head"),x.domAPI=u(),x.insertStyleElement=O();l()(j.ZP,x);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=n(47514);const v=(0,a.Pi)((function ProductInfo(e){var t=(0,c.NP)();return(0,S.jsx)(S.Fragment,{children:t.settingsState.infoBoxContent&&(0,S.jsx)("div",{className:o()(j.RZ,t.uiState.isInMobileView?j.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},89965:(e,t,n)=>{n.d(t,{ZP:()=>s,pb:()=>c});var r=n(8081),o=n.n(r),i=n(23645),a=n.n(i)()(o());a.push([e.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var c="index-module--WGNyK";const s=a},73475:(e,t,n)=>{n.d(t,{RZ:()=>c,ZP:()=>l,ai:()=>s});var r=n(8081),o=n.n(r),i=n(23645),a=n.n(i)()(o());a.push([e.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var c="index-module--TDdLn",s="index-module--96TgJ";const l=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2794,3492,3605,1681,5195],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(80248),o=n(34988),i=n(9420),a=n(87363),c=n(73898),s=n(75327),l=n(88683),d=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}var u=(0,l.getLogger)("Planner","InfoBox");const p=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,r=e.drawerStyle,i=(0,s.NP)(),p=(0,a.useState)(!1),b=(0,o.Z)(p,2),f=b[0],g=b[1],y=(0,l.useDivaCore)().actions,O=y.openDrawerMenu,P=y.closeDrawerMenu;return(0,a.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){g(!0);var e,a,s=i.getIsInMobileView(),l=function onClose(){P("content-item",!0),i.settingsState.setContentItemId()},p=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),b=i.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),y=(0,d.jsx)(c.Q,{onClose:l,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){u.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:b},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=i.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),r=t[0],i=t[1];n["OPT".concat(r)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||l()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(s)O({id:"content-item",content:y,onClose:l,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=i.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else O({id:"content-item",content:y,onClose:l,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:i.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else f&&(P("content-item",!0),setTimeout((function(){g(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,d.jsx)(d.Fragment,{})}))},2794:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(80248),o=n(88291),i=n(9420),a=n(87363),c=n(53492),s=n(19679),l=n(75327),d=n(93379),u=n.n(d),p=n(7795),b=n.n(p),f=n(90569),g=n.n(f),y=n(3565),O=n.n(y),P=n(19216),m=n.n(P),j=n(44589),x=n.n(j),S=n(89965),v={};v.styleTagTransform=x(),v.setAttributes=O(),v.insert=g().bind(null,"head"),v.domAPI=b(),v.insertStyleElement=m();u()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=n(32699),h=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}var C={Options:"OptionTree",PartList:"PartListTable",DecisionAnalyzer:"DecisionAnalyzer",AiCatalogChat:"AiCatalogChat",PriceAnalyzer:"PriceAnalyzer",Artikelübersicht:"ArticleOverview",SVGübersicht:"SVGAnalyzer",ekText:"EkTextViewer",CatalogMakeup:"CatalogMakeup",RTVAnalyzer:"RTVAnalyzer",J3DEditor:"J3DEditor",PropertiesEditor:"PropertiesEditor",GridOverview:"GridOverview"};const I=(0,i.Pi)((function CatalogProduct(e){var t=Object.assign({},((0,o.Z)(e),e)),n=(0,l.NP)(),r=(0,w.me)();(0,a.useEffect)((function(){switch(n.uiState.activeCatalogSection){case"Options":n.uiState.setConfigSettingsIsExpanded(!0);break;case"ekText":case"3D/2D":case"PartList":case"Artikelübersicht":case"SVGübersicht":case"DecisionAnalyzer":case"AiCatalogChat":case"CatalogMakeup":case"RTVAnalyzer":case"J3DEditor":case"PropertiesEditor":case"GridOverview":n.uiState.setConfigSettingsIsExpanded(!1)}}),[n.uiState.activeCatalogSection]),(0,a.useEffect)((function(){n.getIsInMobileView()&&n.uiState.setActiveCatalogSection("3D/2D")}),[]);var i=n.uiState.activeCatalogSection,d=t.className+" "+S.pb,u=void 0;if("3D/2D"!==i){var p=C[i];if(p){var b=r[p];if(b){var f="Options"===i?{style:{zIndex:700}}:{className:d};u=(0,h.jsx)(b,_objectSpread(_objectSpread({},t),f))}else u=(0,h.jsx)(w.oF,{name:p})}}return(0,h.jsxs)(h.Fragment,{children:[!n.uiState.isInMobileView&&(0,h.jsx)(s.default,_objectSpread(_objectSpread({},t),{},{currentWindowActive:n.uiState.activeCatalogSection,setCurrentWindowActive:function changeVal(e){localStorage.setItem("lastWindow",e),n.uiState.setActiveCatalogSection(e)}})),(0,a.createElement)(c.default,_objectSpread(_objectSpread({},t),{},{style:{boxSizing:"border-box",borderLeft:n.uiState.isInMobileView?void 0:"50px solid transparent"},key:"product"})),u]})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(80248),o=n(87363),i=n(81681),a=n(34384),c=n(12748),s=n(75327),l=n(19715),d=n(83605),u=n(25195),p=n(9420),b=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 f=(0,p.Pi)((function Product(e){var t=(0,s.NP)(),n=(0,o.useRef)(null);return(0,o.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,b.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},e),{},{ref:function setRef(e){n.current=e,t.productState.setProductElement(e)},onTouchStart:function onTouchStart(){3==t.settingsState.activeSnapPointIndex&&t.settingsState.setActiveSnapPointIndex(2)},children:[(0,b.jsx)(i.default,{}),(0,b.jsx)(l.default,{}),t.productState.footerVisible.length>1&&(0,b.jsx)(d.default,{}),(0,b.jsx)(u.default,{}),(0,b.jsx)(c.default,{}),(0,b.jsx)(a.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var r=n(80248),o=(n(87363),n(2765)),i=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 a=function ProductFooter(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var r=n(80248),o=(n(87363),n(2765)),i=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 a=function ProductHeader(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},25195:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var r=n(65515),o=n.n(r),i=n(88623),a=n(9420),c=(n(87363),n(75327)),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),p=n(90569),b=n.n(p),f=n(3565),g=n.n(f),y=n(19216),O=n.n(y),P=n(44589),m=n.n(P),j=n(73475),x={};x.styleTagTransform=m(),x.setAttributes=g(),x.insert=b().bind(null,"head"),x.domAPI=u(),x.insertStyleElement=O();l()(j.ZP,x);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=n(47514);const v=(0,a.Pi)((function ProductInfo(e){var t=(0,c.NP)();return(0,S.jsx)(S.Fragment,{children:t.settingsState.infoBoxContent&&(0,S.jsx)("div",{className:o()(j.RZ,t.uiState.isInMobileView?j.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},89965:(e,t,n)=>{n.d(t,{ZP:()=>s,pb:()=>c});var r=n(8081),o=n.n(r),i=n(23645),a=n.n(i)()(o());a.push([e.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var c="index-module--WGNyK";const s=a},73475:(e,t,n)=>{n.d(t,{RZ:()=>c,ZP:()=>l,ai:()=>s});var r=n(8081),o=n.n(r),i=n(23645),a=n.n(i)()(o());a.push([e.id,".index-module--TDdLn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n",""]);var c="index-module--TDdLn",s="index-module--96TgJ";const l=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 282.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[282],{80282:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var d=o(65515),t=o.n(d),i=o(9204),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),s=o(7795),c=o.n(s),x=o(90569),m=o.n(x),p=o(3565),v=o.n(p),g=o(19216),h=o.n(g),b=o(44589),S=o.n(b),w=o(42490),f={};f.styleTagTransform=S(),f.setAttributes=v(),f.insert=m().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=h();u()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var C=o(47514);const P=(0,r.Pi)((function ProductFooter(n){var e,o,d,r,l,u,s=(0,i.NP)(),c=(0,a.useTranslation)().t,x=null!==(e=s.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return s.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=s.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!x.length)||s.uiState.ViewConfig.roomListInProduct&&s.productState.roomListExpanded&&s.settingsState.roomListInitialized?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)("div",{className:t()(w.j4,s.uiState.isMobileLandscape?w.rK:void 0,s.uiState.isMobilePortrait?w.tW:void 0,s.uiState.configSettingsIsExpanded?w.zh:void 0),children:(0,C.jsxs)("ul",{className:w.hM,children:[s.productState.allow3DComb&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShow3DComb?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3DCOMB")},children:c("configurator.Foto")}),s.productState.allowRendering&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("li",{className:t()(w.aT,s.productState.is3DViewActive&&void 0===s.productState.curAlternateRendering?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3D")},children:c("configurator.Foto")}),"SUMMARY"==(null===(d=s.tabGroupState.curTabGroup)||void 0===d?void 0:d.type)&&x.map((function(n){var e;return(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowRenderImage&&(null===(e=s.productState.curAlternateRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3D",n)},children:n.title})}))]}),["SUMMARY","STYLE_CONSULTANT"].includes(null!==(r=null===(l=s.tabGroupState.curTabGroup)||void 0===l?void 0:l.type)&&void 0!==r?r:"")&&(null===(u=s.aiState)||void 0===u||null===(u=u.generatedImageHistory)||void 0===u?void 0:u.length)>0&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowAIRoom?w.pA:void 0),onClick:function onClick(){return s.productState.showAIRoom()},children:c("configurator.AiRooms")}),s.productState.allowGrid&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowGrid?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("2D")},children:c("configurator.Grundriss")}),s.productState.showRtvFooterEntry&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowRTV?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("RTV")},children:c("configurator.RTV")})]})})}))},42490:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>c,hM:()=>m,j4:()=>a,pA:()=>x,rK:()=>u,tW:()=>l,zh:()=>s});var d=o(8081),t=o.n(d),i=o(23645),r=o.n(i)()(t());r.push([n.id,"/* footer */\n\n.index-module--PNvTO {\n  text-align: center;\n  z-index: 350;\n}\n\n.index-module--PNvTO {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.index-module--d7b3d.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--r_gj8.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--VFvNF.index-module--PNvTO {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g:active,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:active {\n  background: #616161;\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.index-module--PNvTO .index-module--dMa6g:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--BFjun .index-module--dMa6g:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.index-module--BFjun .index-module--dMa6g:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.index-module--BFjun {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.index-module--BFjun li {\n  display: block;\n  float: left;\n}\n",""]);var a="index-module--PNvTO",l="index-module--d7b3d",u="index-module--r_gj8",s="index-module--VFvNF",c="index-module--dMa6g",x="index-module--MGYnW",m="index-module--BFjun";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[282],{80282:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var d=o(65515),t=o.n(d),i=o(75327),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),s=o(7795),c=o.n(s),x=o(90569),m=o.n(x),p=o(3565),v=o.n(p),g=o(19216),h=o.n(g),b=o(44589),S=o.n(b),w=o(42490),f={};f.styleTagTransform=S(),f.setAttributes=v(),f.insert=m().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=h();u()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var C=o(47514);const P=(0,r.Pi)((function ProductFooter(n){var e,o,d,r,l,u,s=(0,i.NP)(),c=(0,a.useTranslation)().t,x=null!==(e=s.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return s.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=s.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!x.length)||s.uiState.ViewConfig.roomListInProduct&&s.productState.roomListExpanded&&s.settingsState.roomListInitialized?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)("div",{className:t()(w.j4,s.uiState.isMobileLandscape?w.rK:void 0,s.uiState.isMobilePortrait?w.tW:void 0,s.uiState.configSettingsIsExpanded?w.zh:void 0),children:(0,C.jsxs)("ul",{className:w.hM,children:[s.productState.allow3DComb&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShow3DComb?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3DCOMB")},children:c("configurator.Foto")}),s.productState.allowRendering&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("li",{className:t()(w.aT,s.productState.is3DViewActive&&void 0===s.productState.curAlternateRendering?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3D")},children:c("configurator.Foto")}),"SUMMARY"==(null===(d=s.tabGroupState.curTabGroup)||void 0===d?void 0:d.type)&&x.map((function(n){var e;return(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowRenderImage&&(null===(e=s.productState.curAlternateRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3D",n)},children:n.title})}))]}),["SUMMARY","STYLE_CONSULTANT"].includes(null!==(r=null===(l=s.tabGroupState.curTabGroup)||void 0===l?void 0:l.type)&&void 0!==r?r:"")&&(null===(u=s.aiState)||void 0===u||null===(u=u.generatedImageHistory)||void 0===u?void 0:u.length)>0&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowAIRoom?w.pA:void 0),onClick:function onClick(){return s.productState.showAIRoom()},children:c("configurator.AiRooms")}),s.productState.allowGrid&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowGrid?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("2D")},children:c("configurator.Grundriss")}),s.productState.showRtvFooterEntry&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowRTV?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("RTV")},children:c("configurator.RTV")})]})})}))},42490:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>c,hM:()=>m,j4:()=>a,pA:()=>x,rK:()=>u,tW:()=>l,zh:()=>s});var d=o(8081),t=o.n(d),i=o(23645),r=o.n(i)()(t());r.push([n.id,"/* footer */\n\n.index-module--PNvTO {\n  text-align: center;\n  z-index: 350;\n}\n\n.index-module--PNvTO {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.index-module--d7b3d.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--r_gj8.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--VFvNF.index-module--PNvTO {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g:active,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:active {\n  background: #616161;\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.index-module--PNvTO .index-module--dMa6g:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--BFjun .index-module--dMa6g:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.index-module--BFjun .index-module--dMa6g:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.index-module--BFjun {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.index-module--BFjun li {\n  display: block;\n  float: left;\n}\n",""]);var a="index-module--PNvTO",l="index-module--d7b3d",u="index-module--r_gj8",s="index-module--VFvNF",c="index-module--dMa6g",x="index-module--MGYnW",m="index-module--BFjun";const p=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2939.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2939],{12939:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var t=o(65515),i=o.n(t),d=o(9204),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),c=o(7795),s=o.n(c),x=o(90569),m=o.n(x),p=o(3565),h=o.n(p),g=o(19216),v=o.n(g),S=o(44589),w=o.n(S),f=o(45072),k={};k.styleTagTransform=w(),k.setAttributes=h(),k.insert=m().bind(null,"head"),k.domAPI=s(),k.insertStyleElement=v();u()(f.ZP,k);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=o(47514);const y=(0,r.Pi)((function ProductFooter(n){var e,o,t,r=(0,d.NP)(),l=(0,a.useTranslation)().t,u=null!==(e=r.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return r.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=r.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!u.length)||r.uiState.ViewConfig.roomListInProduct&&r.productState.roomListExpanded&&r.settingsState.roomListInitialized?(0,b.jsx)(b.Fragment,{}):(0,b.jsx)("div",{className:i()(f.j4,r.uiState.isMobileLandscape?f.rK:void 0,r.uiState.isMobilePortrait?f.tW:void 0,r.uiState.configSettingsIsExpanded?f.zh:void 0),children:(0,b.jsxs)("ul",{className:f.hM,children:[r.productState.allow3DComb&&(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShow3DComb?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3DCOMB")},children:l("configurator.Foto")}),r.productState.allowGrid&&(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShowGrid?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("2D")},children:l("configurator.Grundriss")}),r.productState.allowRendering&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("li",{className:i()(f.aT,r.productState.is3DViewActive&&void 0===r.productState.curAlternateRendering?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D")},children:l("configurator.Foto")}),"SUMMARY"==(null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.type)&&u.map((function(n){var e;return(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShowRenderImage&&(null===(e=r.productState.curAlternateRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D",n)},children:n.title})}))]}),r.productState.showRtvFooterEntry&&(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShowRTV?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("RTV")},children:l("configurator.RTV")})]})})}))},45072:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>s,hM:()=>m,j4:()=>a,pA:()=>x,rK:()=>u,tW:()=>l,zh:()=>c});var t=o(8081),i=o.n(t),d=o(23645),r=o.n(d)()(i());r.push([n.id,"/* footer */\n\n.index-module--KJhyX {\n  text-align: center;\n  z-index: 350;\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: flex;\n  gap: 10px;\n}\n\n.index-module--rgBrB.index-module--KJhyX {\n  display: none;\n}\n\n.index-module--kLzww.index-module--KJhyX {\n  display: none;\n}\n\n.index-module--hlgAa.index-module--KJhyX {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--KJhyX .index-module--DskcR.index-module--GffVS,\n.index-module--KJhyX .index-module--DskcR.index-module--GffVS:hover {\n  background: #262626;\n  color: white;\n}\n\n.index-module--KJhyX .index-module--DskcR:active,\n.index-module--KJhyX .index-module--DskcR.index-module--GffVS:active {\n  background: #262626;\n  color: white;\n}\n\n.index-module--KJhyX .index-module--DskcR {\n  background: white;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 150px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #262626;\n}\n\n.index-module--rgBrB.index-module--KJhyX .index-module--DskcR {\n  min-width: 140px;\n}\n.index-module--KJhyX .index-module--DskcR:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n/* ViewAs  */\n.index-module--xJREk {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.index-module--xJREk li {\n  display: block;\n}\n",""]);var a="index-module--KJhyX",l="index-module--rgBrB",u="index-module--kLzww",c="index-module--hlgAa",s="index-module--DskcR",x="index-module--GffVS",m="index-module--xJREk";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2939],{12939:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var t=o(65515),i=o.n(t),d=o(75327),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),c=o(7795),s=o.n(c),x=o(90569),m=o.n(x),p=o(3565),h=o.n(p),g=o(19216),v=o.n(g),S=o(44589),w=o.n(S),f=o(45072),k={};k.styleTagTransform=w(),k.setAttributes=h(),k.insert=m().bind(null,"head"),k.domAPI=s(),k.insertStyleElement=v();u()(f.ZP,k);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=o(47514);const y=(0,r.Pi)((function ProductFooter(n){var e,o,t,r=(0,d.NP)(),l=(0,a.useTranslation)().t,u=null!==(e=r.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return r.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=r.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!u.length)||r.uiState.ViewConfig.roomListInProduct&&r.productState.roomListExpanded&&r.settingsState.roomListInitialized?(0,b.jsx)(b.Fragment,{}):(0,b.jsx)("div",{className:i()(f.j4,r.uiState.isMobileLandscape?f.rK:void 0,r.uiState.isMobilePortrait?f.tW:void 0,r.uiState.configSettingsIsExpanded?f.zh:void 0),children:(0,b.jsxs)("ul",{className:f.hM,children:[r.productState.allow3DComb&&(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShow3DComb?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3DCOMB")},children:l("configurator.Foto")}),r.productState.allowGrid&&(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShowGrid?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("2D")},children:l("configurator.Grundriss")}),r.productState.allowRendering&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("li",{className:i()(f.aT,r.productState.is3DViewActive&&void 0===r.productState.curAlternateRendering?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D")},children:l("configurator.Foto")}),"SUMMARY"==(null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.type)&&u.map((function(n){var e;return(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShowRenderImage&&(null===(e=r.productState.curAlternateRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D",n)},children:n.title})}))]}),r.productState.showRtvFooterEntry&&(0,b.jsx)("li",{className:i()(f.aT,r.productState.doShowRTV?f.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("RTV")},children:l("configurator.RTV")})]})})}))},45072:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>s,hM:()=>m,j4:()=>a,pA:()=>x,rK:()=>u,tW:()=>l,zh:()=>c});var t=o(8081),i=o.n(t),d=o(23645),r=o.n(d)()(i());r.push([n.id,"/* footer */\n\n.index-module--KJhyX {\n  text-align: center;\n  z-index: 350;\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: flex;\n  gap: 10px;\n}\n\n.index-module--rgBrB.index-module--KJhyX {\n  display: none;\n}\n\n.index-module--kLzww.index-module--KJhyX {\n  display: none;\n}\n\n.index-module--hlgAa.index-module--KJhyX {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--KJhyX .index-module--DskcR.index-module--GffVS,\n.index-module--KJhyX .index-module--DskcR.index-module--GffVS:hover {\n  background: #262626;\n  color: white;\n}\n\n.index-module--KJhyX .index-module--DskcR:active,\n.index-module--KJhyX .index-module--DskcR.index-module--GffVS:active {\n  background: #262626;\n  color: white;\n}\n\n.index-module--KJhyX .index-module--DskcR {\n  background: white;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 150px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #262626;\n}\n\n.index-module--rgBrB.index-module--KJhyX .index-module--DskcR {\n  min-width: 140px;\n}\n.index-module--KJhyX .index-module--DskcR:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n/* ViewAs  */\n.index-module--xJREk {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.index-module--xJREk li {\n  display: block;\n}\n",""]);var a="index-module--KJhyX",l="index-module--rgBrB",u="index-module--kLzww",c="index-module--hlgAa",s="index-module--DskcR",x="index-module--GffVS",m="index-module--xJREk";const p=r}}]);