@crystaldesign/diva-web-planner-react 26.4.0-beta.1 → 26.4.0-beta.11

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7793.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7793,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(30658),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:()=>u});var t=o(34988),r=o(30658),d=o(87363),i=o(9420),a=o(2400),l=o(47514);const u=(0,i.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,d.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,l.jsx)(l.Fragment,{});var o=Object.entries(n.tabGroupState.allTabGroups);return(0,l.jsx)(l.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),u=i[0],c=i[1];return(0,l.jsx)(a.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+")"},u)}))})}))},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:()=>u});var t=o(34988),r=o(30658),d=o(87363),i=o(34725),a=o(9420),l=o(47514);const u=(0,a.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),a=(0,d.useState)(!1),u=(0,t.Z)(a,2),c=u[0],s=u[1],m=o.tabGroupState.allTabGroups;if((0,d.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,d.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||s(!c),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!m)return(0,l.jsx)(l.Fragment,{});var p=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,x=Object.keys(m).length,g=0;p?(g=p/x,80*x>p&&(b=80)):setTimeout((function(){return s(!c)}),100);var f=Object.keys(m)[0],j=Object.keys(m)[Object.keys(m).length-1];return(0,l.jsx)(l.Fragment,{children:Object.entries(m).map((function(e){var n=(0,t.Z)(e,2),o=(n[0],n[1]);return(0,l.jsx)(i.default,{tabGroup:o,height:g,isFirstItem:m[f].key==o.key,isLastItem:m[j].key==o.key,minHeight:b},o.title)}))})}))},17793:(e,n,o)=>{o.r(n),o.d(n,{default:()=>k});var t=o(80248),r=o(72874),d=o(30658),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),j=o(3565),v=o.n(j),h=o(19216),O=o.n(h),y=o(44589),w=o.n(y),G=o(31638),S={};S.styleTagTransform=w(),S.setAttributes=v(),S.insert=f().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=O();p()(G.ZP,S);G.ZP&&G.ZP.locals&&G.ZP.locals;var C=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 k=(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,j=(0,a.useRef)(null);return(0,a.useEffect)((function(){return j.current&&l.tabGroupState.setTabGroupScroller(j.current),function(){}}),[j]),(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:j,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)(C.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:()=>j,Sl:()=>b,ZP:()=>G,_z:()=>v,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.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",j="index-module--BXnzB",v="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([[7793,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(30658),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:()=>u});var t=o(34988),r=o(30658),d=o(87363),i=o(9420),a=o(2400),l=o(47514);const u=(0,i.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,d.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,l.jsx)(l.Fragment,{});var o=Object.entries(n.tabGroupState.allTabGroups);return(0,l.jsx)(l.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),u=i[0],c=i[1];return(0,l.jsx)(a.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+")"},u)}))})}))},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:()=>u});var t=o(34988),r=o(30658),d=o(87363),i=o(34725),a=o(9420),l=o(47514);const u=(0,a.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),a=(0,d.useState)(!1),u=(0,t.Z)(a,2),c=u[0],s=u[1],m=o.tabGroupState.allTabGroups;if((0,d.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,d.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||s(!c),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!m)return(0,l.jsx)(l.Fragment,{});var p=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,x=Object.keys(m).length,g=0;p?(g=p/x,80*x>p&&(b=80)):setTimeout((function(){return s(!c)}),100);var f=Object.keys(m)[0],j=Object.keys(m)[Object.keys(m).length-1];return(0,l.jsx)(l.Fragment,{children:Object.entries(m).map((function(e){var n=(0,t.Z)(e,2),o=(n[0],n[1]);return(0,l.jsx)(i.default,{tabGroup:o,height:g,isFirstItem:m[f].key==o.key,isLastItem:m[j].key==o.key,minHeight:b},o.title)}))})}))},17793:(e,n,o)=>{o.r(n),o.d(n,{default:()=>k});var t=o(80248),r=o(72874),d=o(30658),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),j=o(3565),v=o.n(j),O=o(19216),h=o.n(O),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=h();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 k=(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,j=(0,a.useRef)(null);return(0,a.useEffect)((function(){return j.current&&l.tabGroupState.setTabGroupScroller(j.current),function(){}}),[j]),(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:j,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:()=>j,Sl:()=>b,ZP:()=>G,_z:()=>v,b6:()=>h,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>O,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",j="index-module--BXnzB",v="index-module--GvXsI",O="index-module--RZGEF",h="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=="}}]);