@crystaldesign/diva-web-planner-react 24.11.0-rc.4 → 24.11.0-rc.6

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7422.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7422,8739,5803,7207,409],{93193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(13587),o=n(36520),a=n(32134),i=n(970),u=n(5219),l=n(41594),d=n(14488),c=n(82246);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.A)(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 s=(0,i.PA)((function TabSearch(e){var t=Object.assign({},((0,a.A)(e),e)),n=(0,l.useState)(""),r=(0,o.A)(n,2),i=r[0],s=r[1],b=(0,d.useTranslation)().t,p=(0,u.hV)();return(0,l.useEffect)((function(){p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsx)("div",_objectSpread(_objectSpread({},t),{},{children:(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:b("filter.global")})}))}))},48739:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(36520),o=n(5219),a=n(41594),i=n(970),u=n(85803),l=n(82246);const d=(0,i.PA)((function TabGroupHorizontal(e){var t=(0,o.hV)();return(0,a.useEffect)((function(){if(t.tabGroupState.curTabGroup){var e=t.tabGroupState.tabGroupItems.get(t.tabGroupState.curTabGroup.key);if(t.tabGroupState.tabGroupScroller&&e){var n=t.tabGroupState.tabGroupScroller.getBoundingClientRect().width/100*20,r=e.getBoundingClientRect().left-t.tabGroupState.tabGroupScroller.getBoundingClientRect().left,o=t.tabGroupState.tabGroupScroller.scrollLeft,a=r-(t.uiState.isInMobileView?0:n)+o;t.tabGroupState.tabGroupScroller.scrollTo({left:a,top:0,behavior:"smooth"})}}}),[t.tabGroupState.curTabGroup]),t.tabGroupState.allTabGroups?(0,l.jsx)(l.Fragment,{children:Object.entries(t.tabGroupState.allTabGroups).map((function(e){var n,o,a=(0,r.A)(e,2),i=a[0],d=a[1];return(0,l.jsx)(u.default,{tabGroup:d,width:"calc("+(null!==(n=null===(o=t.tabGroupState)||void 0===o||null===(o=o.tabGroupScroller)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==n?n:0)+"px / "+Object.entries(t.tabGroupState.allTabGroups).length+")"},i)}))}):(0,l.jsx)(l.Fragment,{})}))},85803:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});var r=n(13587),o=(n(41594),n(53370)),a=n(82246);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.A)(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 i=function ItemVariant(e){return(0,a.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},17207:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});var r=n(13587),o=(n(41594),n(53370)),a=n(82246);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.A)(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 i=function ItemVariant(e){return(0,a.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},10409:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(36520),o=n(5219),a=n(41594),i=n(17207),u=n(970),l=n(82246);const d=(0,u.PA)((function TabGroupVertical(e){var t,n=(0,o.hV)(),u=(0,a.useState)(!1),d=(0,r.A)(u,2),c=d[0],s=d[1],b=n.tabGroupState.allTabGroups;if((0,a.useEffect)((function(){if(n.tabGroupState.curTabGroup){var e=n.tabGroupState.tabGroupItems.get(n.tabGroupState.curTabGroup.key);if(n.tabGroupState.tabGroupScroller&&e){var t=n.tabGroupState.tabGroupScroller.getBoundingClientRect().height/100*10,r=e.getBoundingClientRect().top-n.tabGroupState.tabGroupScroller.getBoundingClientRect().top-t+n.tabGroupState.tabGroupScroller.scrollTop;n.tabGroupState.tabGroupScroller.scrollTo({left:0,top:r,behavior:"smooth"})}}}),[n.tabGroupState.curTabGroup]),(0,a.useEffect)((function(){var e=!1,t=window.setInterval((function(){var r,o=null===(r=n.tabGroupState.tabGroupScroller)||void 0===r?void 0:r.getBoundingClientRect().height;o&&o>0&&(e||s(!c),window.clearInterval(t))}),100);return function(){e=!0,window.clearInterval(t)}}),[n.tabGroupState.tabGroupScroller]),!b)return(0,l.jsx)(l.Fragment,{});var p=null===(t=n.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height,m=void 0,x=Object.keys(b).length,f=0;p?(f=p/x,80*x>p&&(m=80)):setTimeout((function(){return s(!c)}),100);var g=Object.keys(b)[0],h=Object.keys(b)[Object.keys(b).length-1];return(0,l.jsx)(l.Fragment,{children:Object.entries(b).map((function(e){var t=(0,r.A)(e,2),n=(t[0],t[1]);return(0,l.jsx)(i.default,{tabGroup:n,height:f,isFirstItem:b[g].key==n.key,isLastItem:b[h].key==n.key,minHeight:m},n.title)}))})}))},77422:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var r=n(13587),o=n(23170),a=n(5219),i=n(970),u=n(41594),l=n(72919),d=n.n(l),c=n(14488),s=n(48739),b=n(25835),p=n.n(b),m=n(69120),x=n.n(m),f=n(91148),g=n.n(f),h=n(73035),S=n.n(h),v=n(24959),O=n.n(v),j=n(15004),y=n.n(j),G=n(3343),w={};w.styleTagTransform=y(),w.setAttributes=S(),w.insert=g().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=O();p()(G.Ay,w);G.Ay&&G.Ay.locals&&G.Ay.locals;var C=n(10409),A=n(93193),P=n(82246),z=["className","showCloseButtonInMobile","tabSearchClass"];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.A)(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 T=(0,i.PA)((function TabGroupContainer(e){var t=e.className,n=e.showCloseButtonInMobile,r=e.tabSearchClass,i=(0,o.A)(e,z),l=(0,a.hV)(),b=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,m=p.isFullscreenComponent,x=p.dimensions.isMobile,f=m&&"none"!==n||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!n||"none"==n)&&l.getIsInMobileView()),g=l.uiState.ViewConfig.tabGroupSearchVisible,h=(0,u.useRef)(null);return(0,u.useEffect)((function(){return h.current&&l.tabGroupState.setTabGroupScroller(h.current),function(){}}),[h]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:d()(t,G.vL,l.uiState.isMobilePortrait?G.o4:void 0,l.uiState.isMobileLandscape?G.eJ:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.xM:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.Vd:void 0,f?void 0:G.PS,g?G.sw:void 0,x?"left"==n?G.Eq:G.dl:void 0),children:[g&&(0,P.jsx)(A.default,{className:r}),(0,P.jsx)("div",{className:d()(G.tZ),ref:h,children:(0,P.jsxs)("div",{className:G.Ix,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(C.default,{})]})}),f&&(0,P.jsx)("div",{className:G.t5,title:b("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},3343:(e,t,n)=>{n.d(t,{Ay:()=>G,Eq:()=>g,Ix:()=>y,PS:()=>j,Vd:()=>h,dl:()=>f,eJ:()=>v,o4:()=>x,sw:()=>S,t5:()=>O,tZ:()=>m,vL:()=>b,xM:()=>p});var r=n(38634),o=n.n(r),a=n(92083),i=n.n(a),u=n(1946),l=n.n(u),d=new URL(n(78306),n.b),c=i()(o()),s=l()(d);c.push([e.id,`.index-module--zPNxN {\n  z-index: 300;\n}\n\n.index-module--zq5eQ.index-module--zPNxN {\n  background-color: var(--thirdColor);\n}\n.index-module--zq5eQ .index-module--OQHnA {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--zq5eQ.index-module--CA91u.index-module--PzzTv .index-module--OQHnA {\n  width: calc(100% - 3.6rem);\n}\n.index-module--zq5eQ.index-module--CA91u.index-module--tzHKU .index-module--OQHnA {\n  width: 100%;\n}\n\n.index-module--SCJSs .index-module--OQHnA {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--YcObr.index-module--SCJSs .index-module--OQHnA {\n  height: calc(100% - 46px);\n}\n.index-module--zq5eQ.index-module--WuYtZ .index-module--OQHnA {\n  width: 100%;\n}\n\n.index-module--kuCrt {\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--SCJSs .index-module--kuCrt {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--CA91u .index-module--kuCrt {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--CA91u.index-module--PzzTv .index-module--kuCrt {\n  right: 0;\n}\n\n.index-module--CA91u.index-module--tzHKU .index-module--kuCrt {\n  left: -50px;\n}\n\n.index-module--kuCrt:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kuCrt:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--JsmWY:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--zq5eQ.index-module--zPNxN .index-module--OQHnA {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  border-width: 0px;\n  overflow-x: auto;\n}\n.index-module--RQ8FN .index-module--lk4e6 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--zq5eQ .index-module--OQHnA {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--zq5eQ.index-module--CQAGz .index-module--OQHnA,\n.index-module--zq5eQ.index-module--CQAGz.index-module--CA91u .index-module--OQHnA,\n.index-module--zq5eQ.index-module--CQAGz.index-module--WuYtZ .index-module--OQHnA {\n  width: 100%;\n}\n\n.index-module--zq5eQ.index-module--zPNxN .index-module--OQHnA::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--zq5eQ.index-module--zPNxN .index-module--OQHnA,\n.index-module--zPNxN .index-module--OQHnA {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--SCJSs.index-module--zPNxN .index-module--OQHnA {\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--SCJSs.index-module--zPNxN .index-module--OQHnA::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--zq5eQ .index-module--ZXdX1 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--SCJSs .index-module--ZXdX1 {\n  width: 100%;\n  height: 100%;\n}\n`,""]);var b="index-module--zPNxN",p="index-module--zq5eQ",m="index-module--OQHnA",x="index-module--CA91u",f="index-module--PzzTv",g="index-module--tzHKU",h="index-module--SCJSs",S="index-module--YcObr",v="index-module--WuYtZ",O="index-module--kuCrt",j="index-module--CQAGz",y="index-module--ZXdX1";const G=c},78306:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7422,8739,5803,7207,409],{93193:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var r=t(13587),o=t(36520),i=t(32134),a=t(970),u=t(5219),d=t(41594),l=t(14488),c=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const s=(0,a.PA)((function TabSearch(e){var n=Object.assign({},((0,i.A)(e),e)),t=(0,d.useState)(""),r=(0,o.A)(t,2),a=r[0],s=r[1],b=(0,l.useTranslation)().t,p=(0,u.hV)();return(0,d.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!a;p.tabGroupState.setFilterTabgroup(a&&""!==a?a:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[a]),(0,d.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&a&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:a,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:b("filter.global")}),!!a&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},48739:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var r=t(36520),o=t(5219),i=t(41594),a=t(970),u=t(85803),d=t(82246);const l=(0,a.PA)((function TabGroupHorizontal(e){var n=(0,o.hV)();return(0,i.useEffect)((function(){if(n.tabGroupState.curTabGroup){var e=n.tabGroupState.tabGroupItems.get(n.tabGroupState.curTabGroup.key);if(n.tabGroupState.tabGroupScroller&&e){var t=n.tabGroupState.tabGroupScroller.getBoundingClientRect().width/100*20,r=e.getBoundingClientRect().left-n.tabGroupState.tabGroupScroller.getBoundingClientRect().left,o=n.tabGroupState.tabGroupScroller.scrollLeft,i=r-(n.uiState.isInMobileView?0:t)+o;n.tabGroupState.tabGroupScroller.scrollTo({left:i,top:0,behavior:"smooth"})}}}),[n.tabGroupState.curTabGroup]),n.tabGroupState.allTabGroups?(0,d.jsx)(d.Fragment,{children:Object.entries(n.tabGroupState.allTabGroups).map((function(e){var t,o,i=(0,r.A)(e,2),a=i[0],l=i[1];return(0,d.jsx)(u.default,{tabGroup:l,width:"calc("+(null!==(t=null===(o=n.tabGroupState)||void 0===o||null===(o=o.tabGroupScroller)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==t?t:0)+"px / "+Object.entries(n.tabGroupState.allTabGroups).length+")"},a)}))}):(0,d.jsx)(d.Fragment,{})}))},85803:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var r=t(13587),o=(t(41594),t(53370)),i=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function ItemVariant(e){return(0,i.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},17207:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var r=t(13587),o=(t(41594),t(53370)),i=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function ItemVariant(e){return(0,i.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},10409:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var r=t(36520),o=t(5219),i=t(41594),a=t(17207),u=t(970),d=t(82246);const l=(0,u.PA)((function TabGroupVertical(e){var n,t=(0,o.hV)(),u=(0,i.useState)(!1),l=(0,r.A)(u,2),c=l[0],s=l[1],b=t.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){t.tabGroupState.scrollToCurTabgroup()}),[t.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var r,o=null===(r=t.tabGroupState.tabGroupScroller)||void 0===r?void 0:r.getBoundingClientRect().height;o&&o>0&&(e||s(!c),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[t.tabGroupState.tabGroupScroller]),!b)return(0,d.jsx)(d.Fragment,{});var p=null===(n=t.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,m=void 0,x=Object.keys(b).length,f=0;p?(f=p/x,80*x>p&&(m=80)):setTimeout((function(){return s(!c)}),100);var g=Object.keys(b)[0],h=Object.keys(b)[Object.keys(b).length-1];return(0,d.jsx)(d.Fragment,{children:Object.entries(b).map((function(e){var n=(0,r.A)(e,2),t=(n[0],n[1]);return(0,d.jsx)(a.default,{tabGroup:t,height:f,isFirstItem:b[g].key==t.key,isLastItem:b[h].key==t.key,minHeight:m},t.title)}))})}))},77422:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var r=t(13587),o=t(23170),i=t(5219),a=t(970),u=t(41594),d=t(72919),l=t.n(d),c=t(14488),s=t(48739),b=t(25835),p=t.n(b),m=t(69120),x=t.n(m),f=t(91148),g=t.n(f),h=t(73035),O=t.n(h),j=t(24959),v=t.n(j),y=t(15004),S=t.n(y),w=t(3343),G={};G.styleTagTransform=S(),G.setAttributes=O(),G.insert=g().bind(null,"head"),G.domAPI=x(),G.insertStyleElement=v();p()(w.Ay,G);w.Ay&&w.Ay.locals&&w.Ay.locals;var C=t(10409),A=t(93193),P=t(82246),T=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,a.PA)((function TabGroupContainer(e){var n=e.className,t=e.showCloseButtonInMobile,r=e.tabSearchClass,a=(0,o.A)(e,T),d=(0,i.hV)(),b=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,m=p.isFullscreenComponent,x=p.dimensions.isMobile,f=m&&"none"!==t||"vertical"!=d.tabGroupState.curTabGroupType&&!d.uiState.ViewConfig.hideCloseButton&&d.eventIsManagedByClient("onWebPlanerClose")&&!((!t||"none"==t)&&d.getIsInMobileView()),g=d.uiState.ViewConfig.tabGroupSearchVisible,h=(0,u.useRef)(null);return(0,u.useEffect)((function(){return h.current&&d.tabGroupState.setTabGroupScroller(h.current),function(){}}),[h]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},a),{},{className:l()(n,w.vL,d.uiState.isMobilePortrait?w.o4:void 0,d.uiState.isMobileLandscape?w.eJ:void 0,"horizontal"==d.tabGroupState.curTabGroupType?w.xM:void 0,"vertical"==d.tabGroupState.curTabGroupType?w.Vd:void 0,f?void 0:w.PS,g?w.sw:void 0,x?"left"==t?w.Eq:w.dl:void 0),children:[g&&(0,P.jsx)(A.default,{className:r}),(0,P.jsx)("div",{className:l()(w.tZ),ref:h,children:(0,P.jsxs)("div",{className:w.Ix,children:["horizontal"==d.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==d.tabGroupState.curTabGroupType&&(0,P.jsx)(C.default,{})]})}),f&&(0,P.jsx)("div",{className:w.t5,title:b("configurator.ConfigClose"),onClick:d.onCloseConfigurator})]}))}))},3343:(e,n,t)=>{t.d(n,{Ay:()=>w,Eq:()=>g,Ix:()=>S,PS:()=>y,Vd:()=>h,dl:()=>f,eJ:()=>j,o4:()=>x,sw:()=>O,t5:()=>v,tZ:()=>m,vL:()=>b,xM:()=>p});var r=t(38634),o=t.n(r),i=t(92083),a=t.n(i),u=t(1946),d=t.n(u),l=new URL(t(78306),t.b),c=a()(o()),s=d()(l);c.push([e.id,`.index-module--zPNxN {\n  z-index: 300;\n}\n\n.index-module--zq5eQ.index-module--zPNxN {\n  background-color: var(--thirdColor);\n}\n.index-module--zq5eQ .index-module--OQHnA {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--zq5eQ.index-module--CA91u.index-module--PzzTv .index-module--OQHnA {\n  width: calc(100% - 3.6rem);\n}\n.index-module--zq5eQ.index-module--CA91u.index-module--tzHKU .index-module--OQHnA {\n  width: 100%;\n}\n\n.index-module--SCJSs .index-module--OQHnA {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--YcObr.index-module--SCJSs .index-module--OQHnA {\n  height: calc(100% - 46px);\n}\n.index-module--zq5eQ.index-module--WuYtZ .index-module--OQHnA {\n  width: 100%;\n}\n\n.index-module--kuCrt {\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--SCJSs .index-module--kuCrt {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--CA91u .index-module--kuCrt {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--CA91u.index-module--PzzTv .index-module--kuCrt {\n  right: 0;\n}\n\n.index-module--CA91u.index-module--tzHKU .index-module--kuCrt {\n  left: -50px;\n}\n\n.index-module--kuCrt:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kuCrt:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--JsmWY:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--zq5eQ.index-module--zPNxN .index-module--OQHnA {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  border-width: 0px;\n  overflow-x: auto;\n}\n.index-module--RQ8FN .index-module--lk4e6 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--zq5eQ .index-module--OQHnA {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--zq5eQ.index-module--CQAGz .index-module--OQHnA,\n.index-module--zq5eQ.index-module--CQAGz.index-module--CA91u .index-module--OQHnA,\n.index-module--zq5eQ.index-module--CQAGz.index-module--WuYtZ .index-module--OQHnA {\n  width: 100%;\n}\n\n.index-module--zq5eQ.index-module--zPNxN .index-module--OQHnA::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--zq5eQ.index-module--zPNxN .index-module--OQHnA,\n.index-module--zPNxN .index-module--OQHnA {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--SCJSs.index-module--zPNxN .index-module--OQHnA {\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--SCJSs.index-module--zPNxN .index-module--OQHnA::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--zq5eQ .index-module--ZXdX1 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--SCJSs .index-module--ZXdX1 {\n  width: 100%;\n  height: 100%;\n}\n`,""]);var b="index-module--zPNxN",p="index-module--zq5eQ",m="index-module--OQHnA",x="index-module--CA91u",f="index-module--PzzTv",g="index-module--tzHKU",h="index-module--SCJSs",O="index-module--YcObr",j="index-module--WuYtZ",v="index-module--kuCrt",y="index-module--CQAGz",S="index-module--ZXdX1";const w=c},78306:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7566.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7566,3667,2256,4209],{54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(84451),o=t(32134),r=t(64281),a=t.n(r),d=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),x=t(69120),g=t.n(x),p=t(91148),m=t.n(p),f=t(73035),b=t.n(f),h=t(24959),v=t.n(h),S=t(15004),y=t.n(S),w=t(54605),k={};k.styleTagTransform=y(),k.setAttributes=b(),k.insert=m().bind(null,"head"),k.domAPI=g(),k.insertStyleElement=v();c()(w.Ay,k);w.Ay&&w.Ay.locals&&w.Ay.locals;var A=t(82246);const C=(0,s.PA)((function Inputbox(n){(0,o.A)(n);var e=(0,d.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.A)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:w.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Bw,children:"✖"}),(0,A.jsxs)("div",{style:{width:"100%"},children:[(0,A.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,A.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:w.hn,onClick:s})]})]})})}))},47566:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(5219),o=t(41594),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),x=t.n(c),g=t(24959),p=t.n(g),m=t(15004),f=t.n(m),b=t(60956),h={};h.styleTagTransform=f(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var v=t(4209),S=t(77422),y=t(970),w=t(54751),k=t(82246),A={"--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const C=(0,y.PA)((function Classification(n){var e=(0,i.hV)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(A)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:b.Ao,children:[(0,k.jsx)(S.default,{className:b.vL,tabSearchClass:b.gd}),(0,k.jsx)(v.default,{className:b.$e}),e.settingsState.inputBoxVisible&&(0,k.jsx)(w.default,{})]})})}))},93667:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(970),o=(t(41594),t(14488)),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),x=t.n(c),g=t(24959),p=t.n(g),m=t(15004),f=t.n(m),b=t(29443),h={};h.styleTagTransform=f(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(b.Ay,h);b.Ay&&b.Ay.locals&&b.Ay.locals;var v=t(5219),S=t(82246);const y=(0,i.PA)((function SummaryTotalPrice(n){var e=(0,o.useTranslation)().t,t=(0,v.hV)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,S.jsx)(S.Fragment,{children:!i&&(0,S.jsxs)("div",{className:b.kL,children:[(0,S.jsx)("div",{className:b.kc,children:e("configurator.TotalPrice","TotalPrice")}),(0,S.jsx)("div",{className:b.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(n,e,t)=>{t.r(e),t.d(e,{default:()=>M});var i=t(36520),o=t(32134),r=t(5219),a=t(970),d=t(41594),l=t(32356),s=t(25835),u=t.n(s),c=t(69120),x=t.n(c),g=t(91148),p=t.n(g),m=t(73035),f=t.n(m),b=t(24959),h=t.n(b),v=t(15004),S=t.n(v),y=t(40810),w={};w.styleTagTransform=S(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var k=t(10968),A=t(72919),C=t.n(A),I=t(93667),j=t(82246);const M=(0,a.PA)((function SettingsScroller(n){var e,t;(0,o.A)(n);var a=(0,r.hV)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var x,g,p={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?p.height="100%":p.height="calc(100% - "+(null!==(x=null===(g=a.settingsState.settingsHeaderElement)||void 0===g?void 0:g.getBoundingClientRect().height)&&void 0!==x?x:0)+"px)";for(var m=0;m<a.settingsState.itemPaletteArr.length;m++){var f=a.settingsState.itemPaletteArr[m][1],b=Number(f.id),h=f.pairWithOptionsToGroup;h&&f.visible&&(c[h]||(c[h]=[]),c[h].push(b)),f.isRenderedNotInSettingPalette||u.push([b,f])}return(0,j.jsxs)("div",{style:p,className:C()(y.Rq,a.uiState.configSettingsIsExpanded?y.sz:void 0,a.uiState.configSettingsIsMinExpanded?y.QC:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,j.jsx)(l.default,{isScroller:!0},null!==(e=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,j.jsxs)("div",{children:[u.map((function(n){var e=(0,i.A)(n,2),t=e[0],o=e[1];return(0,j.jsx)(k.default,{item:o,id:t,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,j.jsx)(I.default,{})]})]})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(13587),o=t(23170),r=(t(41594),t(5219)),a=t(32356),d=t(22256),l=t(970),s=t(25835),u=t.n(s),c=t(69120),x=t.n(c),g=t(91148),p=t.n(g),m=t(73035),f=t.n(m),b=t(24959),h=t.n(b),v=t(15004),S=t.n(v),y=t(32956),w={};w.styleTagTransform=S(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var k=t(72919),A=t.n(k),C=t(82246),I=["className"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const j=(0,l.PA)((function Settings(n){var e,t,i=n.className,l=(0,o.A)(n,I),s=(0,r.hV)();return(0,C.jsxs)("div",_objectSpread(_objectSpread({},l),{},{className:A()(i,y.$e,"horizontal"==s.tabGroupState.curTabGroupType?y.Nk:void 0,s.uiState.configSettingsIsExpanded?y.sz:void 0),children:[s.uiState.doShowConfSettingsExpander&&!s.uiState.isInMobileView&&(0,C.jsx)("div",{className:y.GQ,onClick:s.uiState.onClickExpandConfigSettings}),!s.uiState.isInMobileView&&!s.settingsState.forceSettingsHeaderInScrollContainer&&(0,C.jsx)(a.default,{},null!==(e=null===(t=s.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,C.jsx)(d.default,{}),!s.uiState.isInMobileView&&s.uiState.doShowConfSettingsMaxMinExpander&&(0,C.jsxs)(C.Fragment,{children:[!s.uiState.configSettingsIsMaxExpanded&&(0,C.jsx)("div",{className:y.ys,onClick:s.uiState.onClickExpandMaxConfigSettings}),!s.uiState.configSettingsIsMinExpanded&&(0,C.jsx)("div",{className:y.k,onClick:s.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>f,Bw:()=>p,Ig:()=>x,hn:()=>m,m7:()=>g});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=a()(o()),c=l()(s);u.push([n.id,`.index-module--hLZKG {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--uzMQY {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--cx2sU {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var x="index-module--hLZKG",g="index-module--uzMQY",p="index-module--cx2sU",m="index-module--_9Crt";const f=u},60956:(n,e,t)=>{t.d(e,{$e:()=>s,Ao:()=>d,Ay:()=>c,gd:()=>u,vL:()=>l});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--T0Zkq {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--T0Zkq *,\n.index-module--T0Zkq *::before,\n.index-module--T0Zkq *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--LVnYR {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--H4VIb {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--iDPAC {\n  background-color: #0d3040;\n  padding: 12px 16px;\n\n  position: relative;\n}\n\n.index-module--iDPAC input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--iDPAC input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n",""]);var d="index-module--T0Zkq",l="index-module--LVnYR",s="index-module--H4VIb",u="index-module--iDPAC";const c=a},29443:(n,e,t)=>{t.d(e,{Ay:()=>u,kL:()=>d,kc:()=>l,q9:()=>s});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.id,".index-module--pDgck {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--U3M2N {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--qKp1_ {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--pDgck",l="index-module--U3M2N",s="index-module--qKp1_";const u=a},40810:(n,e,t)=>{t.d(e,{Ay:()=>u,QC:()=>s,Rq:()=>d,sz:()=>l});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.id,".index-module--RLEOe {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--gKH7d.index-module--RLEOe {\n  z-index: 600;\n}\n\n.index-module--mMgBF {\n  visibility: hidden;\n}\n",""]);var d="index-module--RLEOe",l="index-module--gKH7d",s="index-module--mMgBF";const u=a},32956:(n,e,t)=>{t.d(e,{$e:()=>p,Ay:()=>S,GQ:()=>f,Nk:()=>m,k:()=>h,sz:()=>b,ys:()=>v});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(o()),x=l()(s),g=l()(u);c.push([n.id,`.index-module--E51P2 {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${x});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${g});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var p="index-module--E51P2",m="index-module--mgvLD",f="index-module--dLjl5",b="index-module--hpghF",h="index-module--hYAg_",v="index-module--rBWYr";const S=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7566,3667,2256,4209],{54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(84451),o=t(32134),r=t(64281),a=t.n(r),d=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),g=t(69120),x=t.n(g),p=t(91148),m=t.n(p),b=t(73035),f=t.n(b),h=t(24959),v=t.n(h),S=t(15004),y=t.n(S),w=t(54605),A={};A.styleTagTransform=y(),A.setAttributes=f(),A.insert=m().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=v();c()(w.Ay,A);w.Ay&&w.Ay.locals&&w.Ay.locals;var k=t(82246);const I=(0,s.PA)((function Inputbox(n){(0,o.A)(n);var e=(0,d.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,k.jsx)(k.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.A)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,k.jsx)("div",{children:(0,k.jsxs)("div",{className:w.m7,children:[(0,k.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Bw,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:w.hn,onClick:s})]})]})})}))},47566:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(5219),o=t(41594),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),g=t.n(c),x=t(24959),p=t.n(x),m=t(15004),b=t.n(m),f=t(60956),h={};h.styleTagTransform=b(),h.setAttributes=g(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(f.Ay,h);f.Ay&&f.Ay.locals&&f.Ay.locals;var v=t(4209),S=t(77422),y=t(970),w=t(54751),A=t(82246),k={"--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const I=(0,y.PA)((function Classification(n){var e=(0,i.hV)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(k)}),[]),(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:f.Ao,children:[(0,A.jsx)(S.default,{className:f.vL,tabSearchClass:f.gd}),(0,A.jsx)(v.default,{className:f.$e}),e.settingsState.inputBoxVisible&&(0,A.jsx)(w.default,{})]})})}))},93667:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(970),o=(t(41594),t(14488)),r=t(25835),a=t.n(r),d=t(69120),l=t.n(d),s=t(91148),u=t.n(s),c=t(73035),g=t.n(c),x=t(24959),p=t.n(x),m=t(15004),b=t.n(m),f=t(29443),h={};h.styleTagTransform=b(),h.setAttributes=g(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(f.Ay,h);f.Ay&&f.Ay.locals&&f.Ay.locals;var v=t(5219),S=t(82246);const y=(0,i.PA)((function SummaryTotalPrice(n){var e=(0,o.useTranslation)().t,t=(0,v.hV)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,S.jsx)(S.Fragment,{children:!i&&(0,S.jsxs)("div",{className:f.kL,children:[(0,S.jsx)("div",{className:f.kc,children:e("configurator.TotalPrice","TotalPrice")}),(0,S.jsx)("div",{className:f.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(36520),o=t(32134),r=t(5219),a=t(970),d=t(41594),l=t(32356),s=t(25835),u=t.n(s),c=t(69120),g=t.n(c),x=t(91148),p=t.n(x),m=t(73035),b=t.n(m),f=t(24959),h=t.n(f),v=t(15004),S=t.n(v),y=t(40810),w={};w.styleTagTransform=S(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=t(10968),k=t(72919),I=t.n(k),C=t(93667),M=t(82246);const j=(0,a.PA)((function SettingsScroller(n){var e,t;(0,o.A)(n);var a=(0,r.hV)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var g,x,p={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?p.height="100%":p.height="calc(100% - "+(null!==(g=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==g?g:0)+"px)";for(var m=0;m<a.settingsState.itemPaletteArr.length;m++){var b=a.settingsState.itemPaletteArr[m][1],f=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(f)),b.isRenderedNotInSettingPalette||u.push([f,b])}return(0,M.jsxs)("div",{style:p,className:I()(y.Rq,a.uiState.configSettingsIsExpanded?y.sz:void 0,a.uiState.configSettingsIsMinExpanded?y.QC:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,M.jsx)(l.default,{isScroller:!0},null!==(e=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,M.jsxs)("div",{children:[u.map((function(n){var e=(0,i.A)(n,2),t=e[0],o=e[1];return(0,M.jsx)(A.default,{item:o,id:t,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,M.jsx)(C.default,{})]})]})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>M});var i=t(13587),o=t(23170),r=(t(41594),t(5219)),a=t(32356),d=t(22256),l=t(970),s=t(25835),u=t.n(s),c=t(69120),g=t.n(c),x=t(91148),p=t.n(x),m=t(73035),b=t.n(m),f=t(24959),h=t.n(f),v=t(15004),S=t.n(v),y=t(32956),w={};w.styleTagTransform=S(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=h();u()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=t(72919),k=t.n(A),I=t(82246),C=["className"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const M=(0,l.PA)((function Settings(n){var e,t,i=n.className,l=(0,o.A)(n,C),s=(0,r.hV)();return(0,I.jsxs)("div",_objectSpread(_objectSpread({},l),{},{className:k()(i,y.$e,"horizontal"==s.tabGroupState.curTabGroupType?y.Nk:void 0,s.uiState.configSettingsIsExpanded?y.sz:void 0),children:[s.uiState.doShowConfSettingsExpander&&!s.uiState.isInMobileView&&(0,I.jsx)("div",{className:y.GQ,onClick:s.uiState.onClickExpandConfigSettings}),!s.uiState.isInMobileView&&!s.settingsState.forceSettingsHeaderInScrollContainer&&(0,I.jsx)(a.default,{},null!==(e=null===(t=s.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,I.jsx)(d.default,{}),!s.uiState.isInMobileView&&s.uiState.doShowConfSettingsMaxMinExpander&&(0,I.jsxs)(I.Fragment,{children:[!s.uiState.configSettingsIsMaxExpanded&&(0,I.jsx)("div",{className:y.ys,onClick:s.uiState.onClickExpandMaxConfigSettings}),!s.uiState.configSettingsIsMinExpanded&&(0,I.jsx)("div",{className:y.k,onClick:s.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>b,Bw:()=>p,Ig:()=>g,hn:()=>m,m7:()=>x});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=a()(o()),c=l()(s);u.push([n.id,`.index-module--hLZKG {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--uzMQY {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--cx2sU {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var g="index-module--hLZKG",x="index-module--uzMQY",p="index-module--cx2sU",m="index-module--_9Crt";const b=u},60956:(n,e,t)=>{t.d(e,{$e:()=>p,Ao:()=>g,Ay:()=>b,gd:()=>m,vL:()=>x});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(29821),t.b),u=a()(o()),c=l()(s);u.push([n.id,`body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--T0Zkq {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--T0Zkq *,\n.index-module--T0Zkq *::before,\n.index-module--T0Zkq *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--LVnYR {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--H4VIb {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--iDPAC {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--iDPAC input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--iDPAC input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--iDPAC div {\n  background-image: url(${c});\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--iDPAC div:hover {\n  background-size: 100%;\n}\n`,""]);var g="index-module--T0Zkq",x="index-module--LVnYR",p="index-module--H4VIb",m="index-module--iDPAC";const b=u},29443:(n,e,t)=>{t.d(e,{Ay:()=>u,kL:()=>d,kc:()=>l,q9:()=>s});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.id,".index-module--pDgck {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--U3M2N {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--qKp1_ {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--pDgck",l="index-module--U3M2N",s="index-module--qKp1_";const u=a},40810:(n,e,t)=>{t.d(e,{Ay:()=>u,QC:()=>s,Rq:()=>d,sz:()=>l});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r)()(o());a.push([n.id,".index-module--RLEOe {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--gKH7d.index-module--RLEOe {\n  z-index: 600;\n}\n\n.index-module--mMgBF {\n  visibility: hidden;\n}\n",""]);var d="index-module--RLEOe",l="index-module--gKH7d",s="index-module--mMgBF";const u=a},32956:(n,e,t)=>{t.d(e,{$e:()=>p,Ay:()=>S,GQ:()=>b,Nk:()=>m,k:()=>h,sz:()=>f,ys:()=>v});var i=t(38634),o=t.n(i),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(o()),g=l()(s),x=l()(u);c.push([n.id,`.index-module--E51P2 {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${g});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var p="index-module--E51P2",m="index-module--mgvLD",b="index-module--dLjl5",f="index-module--hpghF",h="index-module--hYAg_",v="index-module--rBWYr";const S=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},29821:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);