npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.2.0-rc.3 → 26.2.0-rc.5 - Mend

@crystaldesign/diva-web-planner-react 26.2.0-rc.3 → 26.2.0-rc.5

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 (300) hide show

package/build/esm/{index.module-cdd459ce.js → index.module-da8b5495.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-07cb61ec.js';
+import { s as styleInject } from './index-86bed4df.js';
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";

package/build/esm/{index.module-4bef18c7.js → index.module-e4bc864e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-07cb61ec.js';
+import { s as styleInject } from './index-86bed4df.js';
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-a6f576f5.js → index.module-f46b19a2.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-07cb61ec.js';
+import { s as styleInject } from './index-86bed4df.js';
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-545ff36e.js → index.module-fae5060a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-07cb61ec.js';
+import { s as styleInject } from './index-86bed4df.js';
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{react-json-viewer-1de45503.js → react-json-viewer-3766d5f1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-07cb61ec.js';
+import { s as styleInject } from './index-86bed4df.js';
 var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
 styleInject(css_248z);

package/build/esm/{useCustomDimensions-606cd970.js → useCustomDimensions-ffabe70d.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-07cb61ec.js';
+import { u as useViewHandler } from './index-86bed4df.js';
 import { useState, useEffect } from 'react';
 var useCustomDimensions = function useCustomDimensions() {

package/build/esm/{ussIsSticky-b0c1c112.js → ussIsSticky-d588b982.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-07cb61ec.js';
+import './index-86bed4df.js';
 import { useRef, useState, useEffect } from 'react';
 function useStickyScroll() {

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionProperties.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,UAAU,EAAE;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;CACjE,~~EA6LA~~,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"OptionProperties.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,UAAU,EAAE;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;CACjE,EAkMA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItemsWrapper/ContentItemTeaser/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItemsWrapper/ContentItemTeaser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAI9F,KAAK,KAAK,GAAG;~~IACT~~,IAAI,EAAE,qBAAqB,CAAC;~~CAC/B~~,CAAC;oCAEmC,KAAK;;;~~AAyB1C~~,wBAA2C"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItemsWrapper/ContentItemTeaser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAI9F,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;oCAEmC,KAAK;;;AAmB1C,wBAA2C"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2645.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2645],{72645:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});t(87363);var i=t(47514);const r=[{catalogKey:"url",codex:"INFO_URL",desc:(0,i.jsx)(i.Fragment,{children:"URL um eine Webseite bei Option zu hinterlegen für info"}),type:"string"},{catalogKey:"ignoreGroups",codex:"IGNORE_GROUPS",desc:(0,i.jsx)(i.Fragment,{children:"Optionen werden nicht in Gruppen zusammengefasst"}),type:"boolean"},{catalogKey:"ignorePgrGroupPosition",codex:"IGNORE_PGR_GROUP_POSITION",desc:(0,i.jsx)(i.Fragment,{children:"Gruppen werden nicht in PGR Position sortiert sondern alphabetisch"}),type:"boolean"},{catalogKey:"showSearchbar",codex:"SHOW_SEARCHBAR",desc:(0,i.jsxs)(i.Fragment,{children:["1 = Suchfeld wird bei der Option angezeigt.",(0,i.jsx)("br",{})," 0 = Suchfeld wird ausgeblendet"]}),type:"boolean"},{catalogKey:"showFilter",codex:"SHOW_FILTER",desc:(0,i.jsxs)(i.Fragment,{children:["1 =Filter wird bei der Option angezeigt.",(0,i.jsx)("br",{})," 0 = Filter wird ausgeblendet"]}),type:"boolean"},{catalogKey:"pdfUrl",codex:"INFO_PDF",desc:(0,i.jsx)(i.Fragment,{children:"URL um eine PDF bei Option zu hinterlegen für pdf info"}),type:"string"},{catalogKey:"diameter",codex:"DIAMETER",desc:(0,i.jsx)(i.Fragment,{children:"Diesee Option ist Breite und Tiefe zugleich für preisberechung usw. (bei Runde Teppiche)"}),type:"boolean"},{catalogKey:"requiresUserInput",codex:"REQUIRES_USER_INPUT",desc:(0,i.jsx)(i.Fragment,{children:"Inputfelder bei Superior Seating forcieren den User kein Inputfeld zu überspringen"}),type:"boolean"},{catalogKey:"partOfGroup",codex:"GROUP_OPTIONS_LEFT_AND_RIGHT",desc:(0,i.jsx)(i.Fragment,{children:'Gruppenoptionen werden in der Gruppe an der Position hinterlegt. "Groupname;r" = rechts, "Groupname;l" = links'}),type:"complicated"},{catalogKey:"contentItemId",codex:"CONTENT_ITEM",desc:(0,i.jsx)(i.Fragment,{children:"contentItemId reference"}),type:"string"},{catalogKey:"isDescribingState",codex:"IS_STATE",desc:(0,i.jsx)(i.Fragment,{children:"Option ist nur ein State wie: Gartenschirm offen doer geschlossen. Diese Optionen sollen nicht bei Bestellungsrelevanten logiken entscheidend sein"}),type:"boolean"},{catalogKey:"hideOptionInConfigurator",codex:"HIDE_OPTION_IN_CONFIGURATOR",desc:(0,i.jsx)(i.Fragment,{children:"Option beim Konfigurieren wird verstecht"}),type:"boolean"},{catalogKey:"mergeIDMToOPG",codex:"MERGE_IDM_TO_OPG",desc:(0,i.jsx)(i.Fragment,{children:'Bei IDM Kataloge können "künstlich" OPGs erstellt werden: Bei Optionen welche zB bezugsgruppen sind kann dort der OptionsCodex der Bezüge hinterlegt werden und der Konfigurator generigert optionsgruppen'}),type:"string"},{catalogKey:"onlyVisibleIfNotDocked",codex:"ONLY_VISIBLE_IF_NOT_UNDOCK",desc:(0,i.jsx)(i.Fragment,{children:"Für Bali amalfi verwendet. Kann dies gelöscht werden?"}),type:"boolean"},{catalogKey:"onlyVisibleIfConfigSingle",codex:"ONLY_VISIBLE_IF_CONFIG_SINGLE",desc:(0,i.jsx)(i.Fragment,{children:"Hide this option when config single is not active"}),type:"boolean"},{catalogKey:"onlyVisibleIfConfigAll",codex:"ONLY_VISIBLE_IF_CONFIG_ALL",desc:(0,i.jsx)(i.Fragment,{children:"Hide this option when config single is active"}),type:"boolean"},{catalogKey:"isDefaultValueForOptions",codex:"ISDEFAULTVALUEFOROPTIONS",desc:(0,i.jsx)(i.Fragment,{children:"Global Bezug logik. Option überträgt auf andere Optionen die auswahl welche hier getroffen wird"}),type:"Array"},{catalogKey:"freetextDefaultValue",codex:"FREETEXT_DEFAULT_VALUE",desc:(0,i.jsx)(i.Fragment,{children:"Freitexteingabe Defaultwert: zB: Terra Arte -- Teppich startet bei 100 cm anstatt 30 cm "}),type:"string"},{catalogKey:"customDimension",codex:"CUSTOM_DIMENSION",desc:(0,i.jsx)(i.Fragment,{children:"Der OPV-Wert dieser Option wird als Custom Dimenstion im PDF & UI angezeigt"}),deprecated:!0,type:"boolean"},{catalogKey:"customDimensionText",codex:"CUSTOM_DIMENSION_TEXT",desc:(0,i.jsx)(i.Fragment,{children:"Text der als Kopftext für Custom Dimension angezeigt wird"}),type:"string"},{catalogKey:"forceShowVariantDesc",codex:"SHOW_IN_VARIANTDESC",desc:(0,i.jsx)(i.Fragment,{children:"Wird in Variantdescription angeziegt auch wenn die Option aus irgend einen Grund nicht sichtbar ist"}),type:"boolean"},{catalogKey:"showOnSeparatTabgroup",codex:"SHOW_SEPARAT_ON_TABGROUP",desc:(0,i.jsx)(i.Fragment,{children:'Option wird separat abgekapselt im zB: "PLANNER" angezeigt. wurde bis jetzt für zB. Sitztielfen verwendet (plannerrelevante optionen)'}),type:"string"},{catalogKey:"setName",codex:"SETNAME",desc:(0,i.jsx)(i.Fragment,{children:"Katalogname wird ergänzt mit dem Name der ausgewählten OptionValue dieser Option (den selben Flag gibt es auf OptionsWert ebene um einen Alternativen text zu hinterlegen wenn der optionswerttext nicht passend ist)"}),type:"string"},{catalogKey:"addOptionToTabgroupInPartlistSummary",codex:"ADD_OPT_TO_TABGROUP_IN_PL_SUM",desc:(0,i.jsx)(i.Fragment,{children:"anzeigelogik von Lück WWS. Diese Option wird in der Zusammenfassung unter der Tabgroup gruppiert welche in deser Propertie hinterlegt wird"}),type:"string"},{catalogKey:"addToWWS",codex:"ADD_TO_WWS",desc:(0,i.jsx)(i.Fragment,{children:"diese Option wird in WWS und PDF bei Lück mit einbezogen"}),type:"string"},{catalogKey:"additionalGroupFilter",codex:"ADDITIONAL_GROUP_FILTER",desc:(0,i.jsx)(i.Fragment,{children:'JSON object welches eine separates Filtern mit zusätzlichen "Konzeptgruppen" ermöglicht'}),type:"complicated"},{catalogKey:"contentItemTeaser",codex:"CONTENT_ITEM_TEASER",desc:(0,i.jsx)(i.Fragment,{children:'JSON object welches ein Content Item Teaser hinterlegt. "id" (contentItemId), "title", "description", "buttonText", "position"'}),type:"complicated"},{catalogKey:"isDefaultSiblingOption",codex:"DEFAULT_SIBLING_OPTION",desc:(0,i.jsx)(i.Fragment,{children:"hier wird eine Geschwisteroption hinterlegt, von welcher der gewählte OPV als default verwendet wird, bevor einfach der 1. sichtbare wert verwendet wird."}),type:"string"}]}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2645],{72645:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});t(87363);var i=t(47514);const r=[{catalogKey:"url",codex:"INFO_URL",desc:(0,i.jsx)(i.Fragment,{children:"URL um eine Webseite bei Option zu hinterlegen für info"}),type:"string"},{catalogKey:"ignoreGroups",codex:"IGNORE_GROUPS",desc:(0,i.jsx)(i.Fragment,{children:"Optionen werden nicht in Gruppen zusammengefasst"}),type:"boolean"},{catalogKey:"ignorePgrGroupPosition",codex:"IGNORE_PGR_GROUP_POSITION",desc:(0,i.jsx)(i.Fragment,{children:"Gruppen werden nicht in PGR Position sortiert sondern alphabetisch"}),type:"boolean"},{catalogKey:"showSearchbar",codex:"SHOW_SEARCHBAR",desc:(0,i.jsxs)(i.Fragment,{children:["1 = Suchfeld wird bei der Option angezeigt.",(0,i.jsx)("br",{})," 0 = Suchfeld wird ausgeblendet"]}),type:"boolean"},{catalogKey:"showFilter",codex:"SHOW_FILTER",desc:(0,i.jsxs)(i.Fragment,{children:["1 =Filter wird bei der Option angezeigt.",(0,i.jsx)("br",{})," 0 = Filter wird ausgeblendet"]}),type:"boolean"},{catalogKey:"pdfUrl",codex:"INFO_PDF",desc:(0,i.jsx)(i.Fragment,{children:"URL um eine PDF bei Option zu hinterlegen für pdf info"}),type:"string"},{catalogKey:"diameter",codex:"DIAMETER",desc:(0,i.jsx)(i.Fragment,{children:"Diesee Option ist Breite und Tiefe zugleich für preisberechung usw. (bei Runde Teppiche)"}),type:"boolean"},{catalogKey:"requiresUserInput",codex:"REQUIRES_USER_INPUT",desc:(0,i.jsx)(i.Fragment,{children:"Inputfelder bei Superior Seating forcieren den User kein Inputfeld zu überspringen"}),type:"boolean"},{catalogKey:"partOfGroup",codex:"GROUP_OPTIONS_LEFT_AND_RIGHT",desc:(0,i.jsx)(i.Fragment,{children:'Gruppenoptionen werden in der Gruppe an der Position hinterlegt. "Groupname;r" = rechts, "Groupname;l" = links'}),type:"complicated"},{catalogKey:"contentItemId",codex:"CONTENT_ITEM",desc:(0,i.jsx)(i.Fragment,{children:"contentItemId reference"}),type:"string"},{catalogKey:"isDescribingState",codex:"IS_STATE",desc:(0,i.jsx)(i.Fragment,{children:"Option ist nur ein State wie: Gartenschirm offen doer geschlossen. Diese Optionen sollen nicht bei Bestellungsrelevanten logiken entscheidend sein"}),type:"boolean"},{catalogKey:"hideOptionInConfigurator",codex:"HIDE_OPTION_IN_CONFIGURATOR",desc:(0,i.jsx)(i.Fragment,{children:"Option beim Konfigurieren wird verstecht"}),type:"boolean"},{catalogKey:"mergeIDMToOPG",codex:"MERGE_IDM_TO_OPG",desc:(0,i.jsx)(i.Fragment,{children:'Bei IDM Kataloge können "künstlich" OPGs erstellt werden: Bei Optionen welche zB bezugsgruppen sind kann dort der OptionsCodex der Bezüge hinterlegt werden und der Konfigurator generigert optionsgruppen'}),type:"string"},{catalogKey:"onlyVisibleIfNotDocked",codex:"ONLY_VISIBLE_IF_NOT_UNDOCK",desc:(0,i.jsx)(i.Fragment,{children:"Für Bali amalfi verwendet. Kann dies gelöscht werden?"}),type:"boolean"},{catalogKey:"onlyVisibleIfConfigSingle",codex:"ONLY_VISIBLE_IF_CONFIG_SINGLE",desc:(0,i.jsx)(i.Fragment,{children:"Hide this option when config single is not active"}),type:"boolean"},{catalogKey:"onlyVisibleIfConfigAll",codex:"ONLY_VISIBLE_IF_CONFIG_ALL",desc:(0,i.jsx)(i.Fragment,{children:"Hide this option when config single is active"}),type:"boolean"},{catalogKey:"isDefaultValueForOptions",codex:"ISDEFAULTVALUEFOROPTIONS",desc:(0,i.jsx)(i.Fragment,{children:"Global Bezug logik. Option überträgt auf andere Optionen die auswahl welche hier getroffen wird"}),type:"Array"},{catalogKey:"freetextDefaultValue",codex:"FREETEXT_DEFAULT_VALUE",desc:(0,i.jsx)(i.Fragment,{children:"Freitexteingabe Defaultwert: zB: Terra Arte -- Teppich startet bei 100 cm anstatt 30 cm "}),type:"string"},{catalogKey:"customDimension",codex:"CUSTOM_DIMENSION",desc:(0,i.jsx)(i.Fragment,{children:"Der OPV-Wert dieser Option wird als Custom Dimenstion im PDF & UI angezeigt"}),deprecated:!0,type:"boolean"},{catalogKey:"customDimensionText",codex:"CUSTOM_DIMENSION_TEXT",desc:(0,i.jsx)(i.Fragment,{children:"Text der als Kopftext für Custom Dimension angezeigt wird"}),type:"string"},{catalogKey:"forceShowVariantDesc",codex:"SHOW_IN_VARIANTDESC",desc:(0,i.jsx)(i.Fragment,{children:"Wird in Variantdescription angeziegt auch wenn die Option aus irgend einen Grund nicht sichtbar ist"}),type:"boolean"},{catalogKey:"showOnSeparatTabgroup",codex:"SHOW_SEPARAT_ON_TABGROUP",desc:(0,i.jsx)(i.Fragment,{children:'Option wird separat abgekapselt im zB: "PLANNER" angezeigt. wurde bis jetzt für zB. Sitztielfen verwendet (plannerrelevante optionen)'}),type:"string"},{catalogKey:"setName",codex:"SETNAME",desc:(0,i.jsx)(i.Fragment,{children:"Katalogname wird ergänzt mit dem Name der ausgewählten OptionValue dieser Option (den selben Flag gibt es auf OptionsWert ebene um einen Alternativen text zu hinterlegen wenn der optionswerttext nicht passend ist)"}),type:"string"},{catalogKey:"addOptionToTabgroupInPartlistSummary",codex:"ADD_OPT_TO_TABGROUP_IN_PL_SUM",desc:(0,i.jsx)(i.Fragment,{children:"anzeigelogik von Lück WWS. Diese Option wird in der Zusammenfassung unter der Tabgroup gruppiert welche in deser Propertie hinterlegt wird"}),type:"string"},{catalogKey:"addToWWS",codex:"ADD_TO_WWS",desc:(0,i.jsx)(i.Fragment,{children:"diese Option wird in WWS und PDF bei Lück mit einbezogen"}),type:"string"},{catalogKey:"additionalGroupFilter",codex:"ADDITIONAL_GROUP_FILTER",desc:(0,i.jsx)(i.Fragment,{children:'JSON object welches eine separates Filtern mit zusätzlichen "Konzeptgruppen" ermöglicht'}),type:"complicated"},{catalogKey:"contentItemTeaser",codex:"CONTENT_ITEM_TEASER",desc:(0,i.jsx)(i.Fragment,{children:'JSON object welches ein Content Item Teaser hinterlegt. "id" (contentItemId), "title", "description", "buttonText", "position" "BOTTOM" | "TOP", "emoji"'}),type:"complicated"},{catalogKey:"isDefaultSiblingOption",codex:"DEFAULT_SIBLING_OPTION",desc:(0,i.jsx)(i.Fragment,{children:"hier wird eine Geschwisteroption hinterlegt, von welcher der gewählte OPV als default verwendet wird, bevor einfach der 1. sichtbare wert verwendet wird."}),type:"string"}]}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3492.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165,830,9990,9967,6937],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var o=n(80248),M=n(34988),i=n(9420),r=n(87363),g=n(68636),d=n(8135),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 s=(0,a.getLogger)("Planner","InfoBox");const D=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,i=(0,d.NP)(),D=(0,r.useState)(!1),c=(0,M.Z)(D,2),l=c[0],I=c[1],x=(0,a.useDivaCore)().actions,j=x.openDrawerMenu,A=x.closeDrawerMenu;return(0,r.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){I(!0);var e,r,d=i.getIsInMobileView(),a=function onClose(){A("content-item",!0),i.settingsState.setContentItemId()},D=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),c=i.divaWebPlanner.getVariantValues(D).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),x=(0,u.jsx)(g.Q,{onClose:a,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){s.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:c},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,M.Z)(e,2),o=t[0],i=t[1];n["OPT".concat(o)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,D)}else"onCancel"!=e.type&&"onClose"!=e.type||a()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(d)j({id:"content-item",content:x,onClose:a,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 j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(r=null!=n?n:i.productState.productElement)&&void 0!==r?r: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"}),o),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 l&&(A("content-item"),setTimeout((function(){I(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var o=n(80248),M=n(87363),i=n(81681),r=n(34384),g=n(40830),d=n(8135),a=n(19715),u=n(83605),s=n(39165),D=n(9420),c=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=(0,D.Pi)((function Product(e){var t=(0,d.NP)(),n=(0,M.useRef)(null);return(0,M.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,c.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,c.jsx)(i.default,{}),(0,c.jsx)(a.default,{}),t.productState.footerVisible.length>1&&(0,c.jsx)(u.default,{}),(0,c.jsx)(s.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(r.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 r=function ProductFooter(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 r=function ProductHeader(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var o=n(65515),M=n.n(o),i=n(88623),r=n(9420),g=(n(87363),n(8135)),d=n(93379),a=n.n(d),u=n(7795),s=n.n(u),D=n(90569),c=n.n(D),l=n(3565),I=n.n(l),x=n(19216),j=n.n(x),A=n(44589),N=n.n(A),p=n(73475),w={};w.styleTagTransform=N(),w.setAttributes=I(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=j();a()(p.ZP,w);p.ZP&&p.ZP.locals&&p.ZP.locals;var O=n(47514);const y=(0,r.Pi)((function ProductInfo(e){var t=(0,g.NP)();return(0,O.jsx)(O.Fragment,{children:t.settingsState.infoBoxContent&&(0,O.jsx)("div",{className:M()(p.RZ,t.uiState.isInMobileView?p.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},40830:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var o=n(34988),M=n(8135),i=n(87363),r=n(9420),g=n(93379),d=n.n(g),a=n(7795),u=n.n(a),s=n(90569),D=n.n(s),c=n(3565),l=n.n(c),I=n(19216),x=n.n(I),j=n(44589),A=n.n(j),N=n(67279),p={};p.styleTagTransform=A(),p.setAttributes=l(),p.insert=D().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=x();d()(N.ZP,p);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=n(65515),O=n.n(w),y=n(26937),z=n(47514);const T=(0,r.Pi)((function ProductSettings(e){var t=(0,M.NP)(),n=(0,i.useState)(t.getIsInMobileView()),r=(0,o.Z)(n,2),g=r[0],d=r[1];return t.uiState.ItemsPaletteInProductVisible?(0,z.jsxs)("div",{className:O()(N.oE,g?N.QW:void 0),children:[(0,z.jsx)("div",{className:O()(N.LI),onClick:function onClick(){return d(!g)}}),(0,z.jsx)("div",{className:O()(N.jR,g?N.pB:void 0),children:(0,z.jsx)(y.default,{itemPalettesArr:t.settingsState.itemPaletteInProduct.map((function(e){return e.palette}))})})]}):(0,z.jsx)(z.Fragment,{})}))},89990:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});n(87363);var o=n(9420),M=n(93379),i=n.n(M),r=n(7795),g=n.n(r),d=n(90569),a=n.n(d),u=n(3565),s=n.n(u),D=n(19216),c=n.n(D),l=n(44589),I=n.n(l),x=n(91605),j={};j.styleTagTransform=I(),j.setAttributes=s(),j.insert=a().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=c();i()(x.ZP,j);x.ZP&&x.ZP.locals&&x.ZP.locals;var A=n(8135),N=n(47514);const p=(0,o.Pi)((function ContentItemTeaser(e){var t=e.item,n=(0,A.NP)();return(0,N.jsxs)("div",{className:x.bz,children:[(0,N.jsx)("div",{className:x.rP,children:"😴"}),(0,N.jsx)("div",{className:x.TN,children:t.title}),(0,N.jsx)("div",{className:x.WL,children:t.description}),(0,N.jsxs)("button",{className:x.LI,onClick:function onClick(){return n.settingsState.onClickContentItemId(t.id)},children:[(0,N.jsx)("span",{className:x.q5,children:t.buttonText}),(0,N.jsx)("div",{className:x.x7,children:(0,N.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,N.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});n(87363);var o=n(79182),M=n(8135),i=n(93379),r=n.n(i),g=n(7795),d=n.n(g),a=n(90569),u=n.n(a),s=n(3565),D=n.n(s),c=n(19216),l=n.n(c),I=n(44589),x=n.n(I),j=n(9668),A={};A.styleTagTransform=x(),A.setAttributes=D(),A.insert=u().bind(null,"head"),A.domAPI=d(),A.insertStyleElement=l();r()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var N=n(89990),p=n(47514);const w=function SettingsItemsGroup(e){var t=e.group;(0,M.NP)();return(0,p.jsxs)("div",{className:j.YS,children:[(0,p.jsx)("div",{className:j.t$,children:t.left.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))}),(0,p.jsx)("div",{className:j.eX}),(0,p.jsx)("div",{className:j.F2,children:t.right.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))})]})}},26937:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(34988),M=n(87363),i=n(9420),r=n(79182),g=n(8135),d=n(89967),a=n(89990),u=n(47514);const s=(0,i.Pi)((function SettingsItemsWrapper(e){var t=e.itemPalettesArr,n=(0,g.NP)(),i=(0,M.useState)([]),s=(0,o.Z)(i,2),D=s[0],c=s[1];return(0,M.useEffect)((function(){for(var e=[],o=function _loop(){var o=t[M],i=n.configuratorStructureHandler.getOptionStepByCodex(o.optionCodex),r=null==i?void 0:i.partOfGroup,g=e.find((function(e){var t;return(null!==(t=null==r?void 0:r.groupName)&&void 0!==t?t:o.configStepKey+o.id)===e.groupName}));if(g)g.palettes.push(o);else{var d,a={groupName:null!==(d=null==r?void 0:r.groupName)&&void 0!==d?d:o.configStepKey+o.id,palettes:[o],left:[],right:[]};e.push(a),g=a}"l"===(null==r?void 0:r.position)?g.left.push(o.id):"r"===(null==r?void 0:r.position)&&g.right.push(o.id)},M=0;M<t.length;M++)o();c(e)}),[t]),(0,u.jsx)(u.Fragment,{children:D.map((function(e){var t;if(e.palettes.length>1)return(0,u.jsx)(d.default,{group:e});var n=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n}),(0,u.jsx)(r.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(t=e.palettes[0].optionCodex)&&void 0!==t?t:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n})]})}))})}))},73475:(e,t,n)=>{n.d(t,{RZ:()=>g,ZP:()=>a,ai:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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 g="index-module--TDdLn",d="index-module--96TgJ";const a=r},67279:(e,t,n)=>{n.d(t,{LI:()=>j,QW:()=>x,ZP:()=>N,jR:()=>I,oE:()=>l,pB:()=>A});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i),g=n(61667),d=n.n(g),a=new URL(n(38403),n.b),u=new URL(n(97663),n.b),s=r()(M()),D=d()(a),c=d()(u);s.push([e.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("+D+");\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("+c+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",I="index-module--s2I80",x="index-module--vO3ZU",j="index-module--eczzg",A="index-module--o_3ds";const N=s},91605:(e,t,n)=>{n.d(t,{LI:()=>s,TN:()=>a,WL:()=>u,ZP:()=>l,bz:()=>g,q5:()=>D,rP:()=>d,x7:()=>c});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var g="index-module--YvhoM",d="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",s="index-module--tZsne",D="index-module--KlW5i",c="index-module--MViR0";const l=r},9668:(e,t,n)=>{n.d(t,{F2:()=>a,YS:()=>g,ZP:()=>s,eX:()=>u,t$:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var g="index-module--h2rQ7",d="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const s=r},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,9165,830,9990,9967,6937],{34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var o=n(80248),M=n(34988),i=n(9420),r=n(87363),g=n(8002),d=n(8135),a=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 s=(0,a.getLogger)("Planner","InfoBox");const D=(0,i.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,o=e.drawerStyle,i=(0,d.NP)(),D=(0,r.useState)(!1),c=(0,M.Z)(D,2),l=c[0],I=c[1],x=(0,a.useDivaCore)().actions,j=x.openDrawerMenu,A=x.closeDrawerMenu;return(0,r.useEffect)((function(){if(i.settingsState.contentItemVisible&&i.settingsState.contentItemId){I(!0);var e,r,d=i.getIsInMobileView(),a=function onClose(){A("content-item",!0),i.settingsState.setContentItemId()},D=i.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),c=i.divaWebPlanner.getVariantValues(D).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),x=(0,u.jsx)(g.Q,{onClose:a,contentItemId:i.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){s.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:i.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:c},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,M.Z)(e,2),o=t[0],i=t[1];n["OPT".concat(o)]="OPV".concat(i)})),i.paletteViewHandler.changeOnCheckoutConfig(n,D)}else"onCancel"!=e.type&&"onClose"!=e.type||a()}},i.settingsState.contentItemId+i.settingsState.contentItemVisible);if(d)j({id:"content-item",content:x,onClose:a,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 j({id:"content-item",content:x,onClose:a,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(r=null!=n?n:i.productState.productElement)&&void 0!==r?r: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"}),o),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 l&&(A("content-item"),setTimeout((function(){I(!1)}),400))}),[i.settingsState.contentItemVisible,i.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},53492:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var o=n(80248),M=n(87363),i=n(81681),r=n(34384),g=n(40830),d=n(8135),a=n(19715),u=n(83605),s=n(39165),D=n(9420),c=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=(0,D.Pi)((function Product(e){var t=(0,d.NP)(),n=(0,M.useRef)(null);return(0,M.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",t.settingsState.productHeight)}),[t.settingsState.productHeight]),(0,c.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,c.jsx)(i.default,{}),(0,c.jsx)(a.default,{}),t.productState.footerVisible.length>1&&(0,c.jsx)(u.default,{}),(0,c.jsx)(s.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(r.default,{direction:"right"})]}))}))},83605:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 r=function ProductFooter(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductFooter"}))}},81681:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var o=n(80248),M=(n(87363),n(2765)),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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,o.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 r=function ProductHeader(e){return(0,i.jsx)(M.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},39165:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var o=n(65515),M=n.n(o),i=n(88623),r=n(9420),g=(n(87363),n(8135)),d=n(93379),a=n.n(d),u=n(7795),s=n.n(u),D=n(90569),c=n.n(D),l=n(3565),I=n.n(l),x=n(19216),j=n.n(x),A=n(44589),N=n.n(A),p=n(73475),w={};w.styleTagTransform=N(),w.setAttributes=I(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=j();a()(p.ZP,w);p.ZP&&p.ZP.locals&&p.ZP.locals;var O=n(47514);const y=(0,r.Pi)((function ProductInfo(e){var t=(0,g.NP)();return(0,O.jsx)(O.Fragment,{children:t.settingsState.infoBoxContent&&(0,O.jsx)("div",{className:M()(p.RZ,t.uiState.isInMobileView?p.ai:void 0),children:t.settingsState.infoBoxContent&&(0,i.ZN)(t.settingsState.infoBoxContent.content)})})}))},40830:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var o=n(34988),M=n(8135),i=n(87363),r=n(9420),g=n(93379),d=n.n(g),a=n(7795),u=n.n(a),s=n(90569),D=n.n(s),c=n(3565),l=n.n(c),I=n(19216),x=n.n(I),j=n(44589),A=n.n(j),N=n(67279),p={};p.styleTagTransform=A(),p.setAttributes=l(),p.insert=D().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=x();d()(N.ZP,p);N.ZP&&N.ZP.locals&&N.ZP.locals;var w=n(65515),O=n.n(w),y=n(26937),z=n(47514);const T=(0,r.Pi)((function ProductSettings(e){var t=(0,M.NP)(),n=(0,i.useState)(t.getIsInMobileView()),r=(0,o.Z)(n,2),g=r[0],d=r[1];return t.uiState.ItemsPaletteInProductVisible?(0,z.jsxs)("div",{className:O()(N.oE,g?N.QW:void 0),children:[(0,z.jsx)("div",{className:O()(N.LI),onClick:function onClick(){return d(!g)}}),(0,z.jsx)("div",{className:O()(N.jR,g?N.pB:void 0),children:(0,z.jsx)(y.default,{itemPalettesArr:t.settingsState.itemPaletteInProduct.map((function(e){return e.palette}))})})]}):(0,z.jsx)(z.Fragment,{})}))},89990:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});n(87363);var o=n(9420),M=n(93379),i=n.n(M),r=n(7795),g=n.n(r),d=n(90569),a=n.n(d),u=n(3565),s=n.n(u),D=n(19216),c=n.n(D),l=n(44589),I=n.n(l),x=n(91605),j={};j.styleTagTransform=I(),j.setAttributes=s(),j.insert=a().bind(null,"head"),j.domAPI=g(),j.insertStyleElement=c();i()(x.ZP,j);x.ZP&&x.ZP.locals&&x.ZP.locals;var A=n(8135),N=n(47514);const p=(0,o.Pi)((function ContentItemTeaser(e){var t=e.item,n=(0,A.NP)();return(0,N.jsxs)("div",{className:x.bz,children:[t.emoji&&(0,N.jsx)("div",{className:x.rP,children:t.emoji}),(0,N.jsx)("div",{className:x.TN,children:t.title}),(0,N.jsx)("div",{className:x.WL,children:t.description}),(0,N.jsxs)("button",{className:x.LI,onClick:function onClick(){return n.settingsState.onClickContentItemId(t.id)},children:[(0,N.jsx)("span",{className:x.q5,children:t.buttonText}),(0,N.jsx)("div",{className:x.x7,children:(0,N.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,N.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});n(87363);var o=n(79182),M=n(8135),i=n(93379),r=n.n(i),g=n(7795),d=n.n(g),a=n(90569),u=n.n(a),s=n(3565),D=n.n(s),c=n(19216),l=n.n(c),I=n(44589),x=n.n(I),j=n(9668),A={};A.styleTagTransform=x(),A.setAttributes=D(),A.insert=u().bind(null,"head"),A.domAPI=d(),A.insertStyleElement=l();r()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var N=n(89990),p=n(47514);const w=function SettingsItemsGroup(e){var t=e.group;(0,M.NP)();return(0,p.jsxs)("div",{className:j.YS,children:[(0,p.jsx)("div",{className:j.t$,children:t.left.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))}),(0,p.jsx)("div",{className:j.eX}),(0,p.jsx)("div",{className:j.F2,children:t.right.map((function(e){var n,M,i,r=t.palettes.find((function(t){return t.id===e}));return(0,p.jsxs)(p.Fragment,{children:["TOP"===(null===(n=r.contentItemTeaser)||void 0===n?void 0:n.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{}),(0,p.jsx)(o.default,{item:r,id:Number(r.id)},null!==(M=r.optionCodex)&&void 0!==M?M:r.configStepKey+r.id),"BOTTOM"===(null===(i=r.contentItemTeaser)||void 0===i?void 0:i.position)?(0,p.jsx)(N.default,{item:r.contentItemTeaser}):(0,p.jsx)(p.Fragment,{})]})}))})]})}},26937:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var o=n(34988),M=n(87363),i=n(9420),r=n(79182),g=n(8135),d=n(89967),a=n(89990),u=n(47514);const s=(0,i.Pi)((function SettingsItemsWrapper(e){var t=e.itemPalettesArr,n=(0,g.NP)(),i=(0,M.useState)([]),s=(0,o.Z)(i,2),D=s[0],c=s[1];return(0,M.useEffect)((function(){for(var e=[],o=function _loop(){var o=t[M],i=n.configuratorStructureHandler.getOptionStepByCodex(o.optionCodex),r=null==i?void 0:i.partOfGroup,g=e.find((function(e){var t;return(null!==(t=null==r?void 0:r.groupName)&&void 0!==t?t:o.configStepKey+o.id)===e.groupName}));if(g)g.palettes.push(o);else{var d,a={groupName:null!==(d=null==r?void 0:r.groupName)&&void 0!==d?d:o.configStepKey+o.id,palettes:[o],left:[],right:[]};e.push(a),g=a}"l"===(null==r?void 0:r.position)?g.left.push(o.id):"r"===(null==r?void 0:r.position)&&g.right.push(o.id)},M=0;M<t.length;M++)o();c(e)}),[t]),(0,u.jsx)(u.Fragment,{children:D.map((function(e){var t;if(e.palettes.length>1)return(0,u.jsx)(d.default,{group:e});var n=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n}),(0,u.jsx)(r.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(t=e.palettes[0].optionCodex)&&void 0!==t?t:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==n?void 0:n.position)&&(0,u.jsx)(a.default,{item:n})]})}))})}))},73475:(e,t,n)=>{n.d(t,{RZ:()=>g,ZP:()=>a,ai:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.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 g="index-module--TDdLn",d="index-module--96TgJ";const a=r},67279:(e,t,n)=>{n.d(t,{LI:()=>j,QW:()=>x,ZP:()=>N,jR:()=>I,oE:()=>l,pB:()=>A});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i),g=n(61667),d=n.n(g),a=new URL(n(38403),n.b),u=new URL(n(97663),n.b),s=r()(M()),D=d()(a),c=d()(u);s.push([e.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("+D+");\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("+c+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",I="index-module--s2I80",x="index-module--vO3ZU",j="index-module--eczzg",A="index-module--o_3ds";const N=s},91605:(e,t,n)=>{n.d(t,{LI:()=>s,TN:()=>a,WL:()=>u,ZP:()=>l,bz:()=>g,q5:()=>D,rP:()=>d,x7:()=>c});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.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 g="index-module--YvhoM",d="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",s="index-module--tZsne",D="index-module--KlW5i",c="index-module--MViR0";const l=r},9668:(e,t,n)=>{n.d(t,{F2:()=>a,YS:()=>g,ZP:()=>s,eX:()=>u,t$:()=>d});var o=n(8081),M=n.n(o),i=n(23645),r=n.n(i)()(M());r.push([e.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var g="index-module--h2rQ7",d="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const s=r},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3704.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3704,5406,8763,6076,152,7625,5301,7197,8291,8488],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var c=r?Object.getOwnPropertyDescriptor(t,a):null;c&&(c.get||c.set)?Object.defineProperty(i,a,c):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var c="Select...",l=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?c:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?c: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(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var c=o[r].items.filter((function(o){return o.value===t}));c.length&&(i=c[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var c=t.label||t.value||t,l=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",l),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,c),onClick:this.setValue.bind(this,i,c),role:"option","aria-selected":l?"true":"false"},p),c)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,c=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),c=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,c)}return t.renderOption(o)}));return c.length?c:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.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 t,o,i,c,l,u=this.props,d=u.baseClassName,p=u.controlClassName,A=u.placeholderClassName,f=u.menuClassName,b=u.arrowClassName,g=u.arrowClosed,y=u.arrowOpen,m=u.className,v=this.props.disabled?"Dropdown-disabled":"",w="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,m,!!m),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,v,!!v),o)),x=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,A,!!A),_defineProperty(i,"is-selected",this.isValueSelected()),i)),C=(0,a.default)((_defineProperty(c={},"".concat(d,"-menu"),!0),_defineProperty(c,f,!!f),c)),k=(0,a.default)((_defineProperty(l={},"".concat(d,"-arrow"),!0),_defineProperty(l,b,!!b),l)),D=r.default.createElement("div",{className:x},w),j=this.state.isOpen?r.default.createElement("div",{className:C,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},D,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},y&&g?this.state.isOpen?y:g:r.default.createElement("span",{className:k}))),j)}}]),Dropdown}(r.Component);l.defaultProps={baseClassName:"Dropdown"};var u=l;o.Z=u},34384:(t,o,i)=>{i.r(o),i.d(o,{default:()=>b});var r=i(80248),a=i(34988),c=i(9420),l=i(87363),u=i(68636),d=i(8135),p=i(88683),A=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var f=(0,p.getLogger)("Planner","InfoBox");const b=(0,c.Pi)((function ContentItemWrapper(t){var o=t.direction,i=t.mountElement,r=t.drawerStyle,c=(0,d.NP)(),b=(0,l.useState)(!1),g=(0,a.Z)(b,2),y=g[0],m=g[1],v=(0,p.useDivaCore)().actions,w=v.openDrawerMenu,O=v.closeDrawerMenu;return(0,l.useEffect)((function(){if(c.settingsState.contentItemVisible&&c.settingsState.contentItemId){m(!0);var t,l,d=c.getIsInMobileView(),p=function onClose(){O("content-item",!0),c.settingsState.setContentItemId()},b=c.settingsState.selectedArticles.map((function(t){return t.basketId})).flat(),g=c.divaWebPlanner.getVariantValues(b).map((function(t){return{featureCodex:t.OPT.startsWith("OPT")?t.OPT.substring(3):t.OPT,selectedOptions:[t.OPV]}})),v=(0,A.jsx)(u.Q,{onClose:p,contentItemId:c.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(t){f.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:c.settingsState.contentItemId,title:null!=t?t:void 0})},params:{initialContext:g},onEvent:function onEvent(t){if("applyResults"==t.type){var o,i=t.payload;!(null!==(o=c.divaWebPlanner.actSet())&&void 0!==o&&o.CatalogData.isIDMFormat)&&Object.entries(i).forEach((function(t){var o=(0,a.Z)(t,2),r=o[0],c=o[1];i["OPT".concat(r)]="OPV".concat(c)})),c.paletteViewHandler.changeOnCheckoutConfig(i,b)}else"onCancel"!=t.type&&"onClose"!=t.type||p()}},c.settingsState.contentItemId+c.settingsState.contentItemVisible);if(d)w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(t=c.uiState.wrapperRef)&&void 0!==t?t:void 0,handleInternScroll:!0});else w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:o,mountElement:null!==(l=null!=i?i:c.productState.productElement)&&void 0!==l?l: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"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else y&&(O("content-item"),setTimeout((function(){m(!1)}),400))}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId]),(0,A.jsx)(A.Fragment,{})}))},34586:(t,o,i)=>{i.r(o),i.d(o,{default:()=>M});var r=i(80248),a=i(72874),c=i(87363),l=i(8135),u=i(9420),d=i(31355),p=i(19715),A=i(93379),f=i.n(A),b=i(7795),g=i.n(b),y=i(90569),m=i.n(y),v=i(3565),w=i.n(v),O=i(19216),P=i.n(O),x=i(44589),C=i.n(x),k=i(23522),D={};D.styleTagTransform=C(),D.setAttributes=w(),D.insert=m().bind(null,"head"),D.domAPI=g(),D.insertStyleElement=P();f()(k.Z,D);k.Z&&k.Z.locals&&k.Z.locals;var j=i(34384),S=i(47514),I=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const M=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,I),u=(0,l.NP)(),A=(0,c.useRef)(null),f=function onClick(){if(A.current){var t=A.current.getBoundingClientRect().height;A.current.scrollTop>100&&(t=0),A.current.scrollTo({top:t,behavior:"smooth"})}};return(0,c.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&f()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,S.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(t){A.current=t,u.productState.setProductElement(t)}},r),{},{id:"wcConfigurator-product",children:[!u.uiState.isLoading&&(0,S.jsx)("div",{className:k.x,onClick:f}),(0,S.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,S.jsx)(d.default,{}),(0,S.jsx)(j.default,{direction:i})]}))}))},98763:(t,o,i)=>{i.r(o),i.d(o,{default:()=>C});var r=i(65515),a=i.n(r),c=(i(87363),i(68692)),l=i(93379),u=i.n(l),d=i(7795),p=i.n(d),A=i(90569),f=i.n(A),b=i(3565),g=i.n(b),y=i(19216),m=i.n(y),v=i(44589),w=i.n(v),O=i(75581),P={};P.styleTagTransform=w(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=m();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var x=i(47514);const C=function Toggle(t){var o,i=t.onChange,r=t.val,l=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,A=t.height,f=void 0===A?40:A,b=t.width,g=void 0===b?80:b,y=t.handleDiameter,m=void 0===y?32:y,v=t.toggleTextClassName,w=void 0===v?O.f6:v,P=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,x.jsx)(c.Z,{className:"no-swiping",checkedIcon:u?(0,x.jsx)("div",{className:a()(w),id:"yes",children:u}):(0,x.jsx)(x.Fragment,{}),uncheckedIcon:d?(0,x.jsx)("div",{className:a()(w),id:"no",children:d}):(0,x.jsx)(x.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!l)},checked:l,onColor:P,offColor:p?P:"#CACACA",height:f,width:g,handleDiameter:m})}},23522:(t,o,i)=>{i.d(o,{Z:()=>g,x:()=>b});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),A=l()(a()),f=d()(p);A.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+f+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const g=A},75581:(t,o,i)=>{i.d(o,{ZP:()=>d,f6:()=>u});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c)()(a());l.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss";const d=l},27557:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},66993:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},64197:t=>{t.exports="data:application/font-woff;charset=utf-8;base64, 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"},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>l});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),c=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var c=(t-i)/(o-i);if(0===c)return r;if(1===c)return a;for(var l="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),A=Math.round((1-c)*d+c*p).toString(16);1===A.length&&(A="0"+A),l+=A}return l}(t,o,i,h(r),h(a))}var l=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var c=Math.min(this.i,Math.max(this.o,a));c!==r&&this.setState({h:c})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,c=this.props.checked,l=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||c&&i<=l||!c&&i>=l)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,c=t.offColor,l=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,A=t.uncheckedIcon,f=t.checkedHandleIcon,b=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,m=t.height,v=t.width,w=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,x=P.h,C=P.U,k=P.B,D={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:m/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:m,width:v,margin:Math.max(0,(this.t-m)/2),position:"relative",background:e(x,this.i,this.o,c,l),borderRadius:"number"==typeof w?w:m/2,cursor:i?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},S={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"relative",opacity:(x-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},I={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"absolute",opacity:1-(x-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(x,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+x+"px)",top:Math.max(0,(m-this.t)/2),outline:0,boxShadow:k?y:g,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},B={height:this.t,width:this.t,opacity:Math.max(2*((x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:D},r.createElement("div",{className:"react-switch-bg",style:j,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:S},p),A&&r.createElement("div",{style:I},A)),r.createElement("div",{className:"react-switch-handle",style:M,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:E},b),f&&r.createElement("div",{style:B},f)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);l.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:c,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3704,5406,8763,6076,152,7625,5301,7197,8291,8488],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var c=r?Object.getOwnPropertyDescriptor(t,a):null;c&&(c.get||c.set)?Object.defineProperty(i,a,c):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var c="Select...",l=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?c:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?c: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(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var c=o[r].items.filter((function(o){return o.value===t}));c.length&&(i=c[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var c=t.label||t.value||t,l=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",l),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,c),onClick:this.setValue.bind(this,i,c),role:"option","aria-selected":l?"true":"false"},p),c)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,c=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),c=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,c)}return t.renderOption(o)}));return c.length?c:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.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 t,o,i,c,l,u=this.props,d=u.baseClassName,p=u.controlClassName,A=u.placeholderClassName,f=u.menuClassName,b=u.arrowClassName,g=u.arrowClosed,y=u.arrowOpen,m=u.className,v=this.props.disabled?"Dropdown-disabled":"",w="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,m,!!m),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,v,!!v),o)),x=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,A,!!A),_defineProperty(i,"is-selected",this.isValueSelected()),i)),C=(0,a.default)((_defineProperty(c={},"".concat(d,"-menu"),!0),_defineProperty(c,f,!!f),c)),k=(0,a.default)((_defineProperty(l={},"".concat(d,"-arrow"),!0),_defineProperty(l,b,!!b),l)),D=r.default.createElement("div",{className:x},w),j=this.state.isOpen?r.default.createElement("div",{className:C,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},D,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},y&&g?this.state.isOpen?y:g:r.default.createElement("span",{className:k}))),j)}}]),Dropdown}(r.Component);l.defaultProps={baseClassName:"Dropdown"};var u=l;o.Z=u},34384:(t,o,i)=>{i.r(o),i.d(o,{default:()=>b});var r=i(80248),a=i(34988),c=i(9420),l=i(87363),u=i(8002),d=i(8135),p=i(88683),A=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var f=(0,p.getLogger)("Planner","InfoBox");const b=(0,c.Pi)((function ContentItemWrapper(t){var o=t.direction,i=t.mountElement,r=t.drawerStyle,c=(0,d.NP)(),b=(0,l.useState)(!1),g=(0,a.Z)(b,2),y=g[0],m=g[1],v=(0,p.useDivaCore)().actions,w=v.openDrawerMenu,O=v.closeDrawerMenu;return(0,l.useEffect)((function(){if(c.settingsState.contentItemVisible&&c.settingsState.contentItemId){m(!0);var t,l,d=c.getIsInMobileView(),p=function onClose(){O("content-item",!0),c.settingsState.setContentItemId()},b=c.settingsState.selectedArticles.map((function(t){return t.basketId})).flat(),g=c.divaWebPlanner.getVariantValues(b).map((function(t){return{featureCodex:t.OPT.startsWith("OPT")?t.OPT.substring(3):t.OPT,selectedOptions:[t.OPV]}})),v=(0,A.jsx)(u.Q,{onClose:p,contentItemId:c.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(t){f.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:c.settingsState.contentItemId,title:null!=t?t:void 0})},params:{initialContext:g},onEvent:function onEvent(t){if("applyResults"==t.type){var o,i=t.payload;!(null!==(o=c.divaWebPlanner.actSet())&&void 0!==o&&o.CatalogData.isIDMFormat)&&Object.entries(i).forEach((function(t){var o=(0,a.Z)(t,2),r=o[0],c=o[1];i["OPT".concat(r)]="OPV".concat(c)})),c.paletteViewHandler.changeOnCheckoutConfig(i,b)}else"onCancel"!=t.type&&"onClose"!=t.type||p()}},c.settingsState.contentItemId+c.settingsState.contentItemVisible);if(d)w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(t=c.uiState.wrapperRef)&&void 0!==t?t:void 0,handleInternScroll:!0});else w({id:"content-item",content:v,onClose:p,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:o,mountElement:null!==(l=null!=i?i:c.productState.productElement)&&void 0!==l?l: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"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),r),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===o?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else y&&(O("content-item"),setTimeout((function(){m(!1)}),400))}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId]),(0,A.jsx)(A.Fragment,{})}))},34586:(t,o,i)=>{i.r(o),i.d(o,{default:()=>M});var r=i(80248),a=i(72874),c=i(87363),l=i(8135),u=i(9420),d=i(31355),p=i(19715),A=i(93379),f=i.n(A),b=i(7795),g=i.n(b),y=i(90569),m=i.n(y),v=i(3565),w=i.n(v),O=i(19216),P=i.n(O),x=i(44589),C=i.n(x),k=i(23522),D={};D.styleTagTransform=C(),D.setAttributes=w(),D.insert=m().bind(null,"head"),D.domAPI=g(),D.insertStyleElement=P();f()(k.Z,D);k.Z&&k.Z.locals&&k.Z.locals;var j=i(34384),S=i(47514),I=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const M=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,I),u=(0,l.NP)(),A=(0,c.useRef)(null),f=function onClick(){if(A.current){var t=A.current.getBoundingClientRect().height;A.current.scrollTop>100&&(t=0),A.current.scrollTo({top:t,behavior:"smooth"})}};return(0,c.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&f()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,S.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(t){A.current=t,u.productState.setProductElement(t)}},r),{},{id:"wcConfigurator-product",children:[!u.uiState.isLoading&&(0,S.jsx)("div",{className:k.x,onClick:f}),(0,S.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,S.jsx)(d.default,{}),(0,S.jsx)(j.default,{direction:i})]}))}))},98763:(t,o,i)=>{i.r(o),i.d(o,{default:()=>C});var r=i(65515),a=i.n(r),c=(i(87363),i(68692)),l=i(93379),u=i.n(l),d=i(7795),p=i.n(d),A=i(90569),f=i.n(A),b=i(3565),g=i.n(b),y=i(19216),m=i.n(y),v=i(44589),w=i.n(v),O=i(75581),P={};P.styleTagTransform=w(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=m();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var x=i(47514);const C=function Toggle(t){var o,i=t.onChange,r=t.val,l=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,A=t.height,f=void 0===A?40:A,b=t.width,g=void 0===b?80:b,y=t.handleDiameter,m=void 0===y?32:y,v=t.toggleTextClassName,w=void 0===v?O.f6:v,P=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,x.jsx)(c.Z,{className:"no-swiping",checkedIcon:u?(0,x.jsx)("div",{className:a()(w),id:"yes",children:u}):(0,x.jsx)(x.Fragment,{}),uncheckedIcon:d?(0,x.jsx)("div",{className:a()(w),id:"no",children:d}):(0,x.jsx)(x.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!l)},checked:l,onColor:P,offColor:p?P:"#CACACA",height:f,width:g,handleDiameter:m})}},23522:(t,o,i)=>{i.d(o,{Z:()=>g,x:()=>b});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),A=l()(a()),f=d()(p);A.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+f+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const g=A},75581:(t,o,i)=>{i.d(o,{ZP:()=>d,f6:()=>u});var r=i(8081),a=i.n(r),c=i(23645),l=i.n(c)()(a());l.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss";const d=l},27557:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},66993:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},64197:t=>{t.exports="data:application/font-woff;charset=utf-8;base64, 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"},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>l});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),c=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var c=(t-i)/(o-i);if(0===c)return r;if(1===c)return a;for(var l="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),A=Math.round((1-c)*d+c*p).toString(16);1===A.length&&(A="0"+A),l+=A}return l}(t,o,i,h(r),h(a))}var l=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var c=Math.min(this.i,Math.max(this.o,a));c!==r&&this.setState({h:c})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,c=this.props.checked,l=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||c&&i<=l||!c&&i>=l)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,c=t.offColor,l=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,A=t.uncheckedIcon,f=t.checkedHandleIcon,b=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,m=t.height,v=t.width,w=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,x=P.h,C=P.U,k=P.B,D={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:m/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},j={height:m,width:v,margin:Math.max(0,(this.t-m)/2),position:"relative",background:e(x,this.i,this.o,c,l),borderRadius:"number"==typeof w?w:m/2,cursor:i?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},S={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"relative",opacity:(x-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},I={height:m,width:Math.min(1.5*m,v-(this.t+m)/2+1),position:"absolute",opacity:1-(x-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(x,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+x+"px)",top:Math.max(0,(m-this.t)/2),outline:0,boxShadow:k?y:g,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},B={height:this.t,width:this.t,opacity:Math.max(2*((x-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:D},r.createElement("div",{className:"react-switch-bg",style:j,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:S},p),A&&r.createElement("div",{style:I},A)),r.createElement("div",{className:"react-switch-handle",style:M,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:E},b),f&&r.createElement("div",{style:B},f)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);l.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:c,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5406.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(34988),r=t(9420),a=t(87363),i=t(68636),s=t(8135),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){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,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.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"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item"),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, 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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(34988),r=t(9420),a=t(87363),i=t(8002),s=t(8135),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){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,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.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"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item"),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, 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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5740.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,7446,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(8135),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[(0,E.jsx)("div",{className:L.rP,children:"😴"}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(8135),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(79182),O=x(8135),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(8135)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(8135),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,7446,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(8135),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,E.jsx)("div",{className:L.rP,children:m.emoji}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(8135),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(79182),O=x(8135),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(8135)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(8135),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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 O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6937.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,9990,9967],{89990:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=p();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(8135),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[(0,b.jsx)("div",{className:g.rP,children:"😴"}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(e.id)},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(79182),o=t(8135),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=m();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(89990),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(79182),d=t(8135),s=t(89967),a=t(89990),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),x=c[0],p=c[1];return(0,o.useEffect)((function(){for(var n=[],i=function _loop(){var i=e[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:i.configStepKey+i.id)===n.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<e.length;o++)i();p(n)}),[e]),(0,u.jsx)(u.Fragment,{children:x.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var t=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id)},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>m,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,9990,9967],{89990:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(8135),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(e.id)},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(79182),o=t(8135),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),m=t(19216),p=t.n(m),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=p();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(89990),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(79182),d=t(8135),s=t(89967),a=t(89990),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),x=c[0],m=c[1];return(0,o.useEffect)((function(){for(var n=[],i=function _loop(){var i=e[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:i.configStepKey+i.id)===n.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<e.length;o++)i();m(n)}),[e]),(0,u.jsx)(u.Fragment,{children:x.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var t=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id)},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>p,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>m});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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 d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",m="index-module--MViR0";const p=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);