@crystaldesign/diva-web-planner-react 25.7.0-beta.18 → 25.7.0-beta.19

package/build/esm/{index-5bfcb719.js → index-f13a5f36.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-962caf33.js';
-import { S as SettingsItem } from './index-7f570fab.js';
+import SettingsHeaderContainer from './index-e95bdda4.js';
+import { S as SettingsItem } from './index-7c7085f5.js';
 import classnames from 'classnames';
-import TotalPrice from './index-419fd04d.js';
+import TotalPrice from './index-fd82098a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,56 +24,56 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-f5d753b5.js';
-import './index-0b07d399.js';
-import './index-4b775200.js';
-import './index-87251fdc.js';
+import './index-02cd6982.js';
+import './index-a7dc21f0.js';
+import './index-6b81680f.js';
+import './index-1c50c3dc.js';
 import 'react-laag';
-import './index-54c03759.js';
+import './index-29e79867.js';
 import 'sift';
-import './index-6a86a59e.js';
-import './index-e909c902.js';
-import './index-a11cd948.js';
-import './index-86feb3cb.js';
-import './index.module-c1e933f5.js';
-import './index-e73ebacd.js';
+import './index-64555795.js';
+import './index-d7e0b238.js';
+import './index-331a0380.js';
+import './index-26729cf7.js';
+import './index.module-ab9bacb7.js';
+import './index-4420b095.js';
 import 'react-switch';
-import './index-b9fa1b62.js';
-import './index-278f9071.js';
-import './index-8c9ffb24.js';
+import './index-32468258.js';
+import './index-573f8ddc.js';
+import './index-3910c446.js';
 import 'react-dropdown';
-import './index-9ebfa678.js';
-import './index-6f02d31b.js';
-import './index-01dd17d9.js';
-import './index-fe86096d.js';
+import './index-aac550f6.js';
+import './index-27a546ea.js';
+import './index-7db542b3.js';
+import './index-d65318ab.js';
 import '@crystaldesign/content-box';
-import './index-23d99f7e.js';
-import './index-57e7a31c.js';
-import './index-05d2f1ef.js';
-import './index-2973e329.js';
-import './index-5b1094fb.js';
-import './index-b45f7046.js';
-import './index-1e41342d.js';
-import './index-fac8a9eb.js';
-import './index-6ab0fdb3.js';
-import './index-95df36ba.js';
-import './index-c1fc1f70.js';
-import './index-0551be5d.js';
-import './index-c6ffbd32.js';
-import './index-3a86ae35.js';
-import './index-f36fd0aa.js';
-import './index-bfecf36b.js';
-import './index.module-6abf1c22.js';
-import './index-7ebc8d91.js';
-import './index-08523bca.js';
-import './index-0413072a.js';
-import './index-684f7de0.js';
-import './index-fbcccf1b.js';
-import './index-d987952d.js';
-import './index-108d5088.js';
-import './index.module-208a3e8a.js';
-import './index-5b61d09a.js';
-import './index-f04f5dc2.js';
+import './index-ccfe5229.js';
+import './index-f8ccdf0e.js';
+import './index-99a9f940.js';
+import './index-4c1f4dbb.js';
+import './index-4b2649c5.js';
+import './index-7c537db8.js';
+import './index-ba4ff8c0.js';
+import './index-1a724062.js';
+import './index-0c3d6b0c.js';
+import './index-1ca3b26d.js';
+import './index-1b67967b.js';
+import './index-e819e455.js';
+import './index-0b3c39a5.js';
+import './index-52f4ee4d.js';
+import './index-2607970a.js';
+import './index-71e69872.js';
+import './index.module-9e0dc079.js';
+import './index-76a23394.js';
+import './index-a0d0dfa5.js';
+import './index-23ffcd71.js';
+import './index-716e8c22.js';
+import './index-912fa2eb.js';
+import './index-a7038082.js';
+import './index-fab549c1.js';
+import './index.module-0ccc63ea.js';
+import './index-384d0b19.js';
+import './index-8ed7954f.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-46312056.js → index-f2f723f0.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-d69b9e84.js';
+import ShelfDeleteButton from './index-bb11892a.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-99541c33.js → index-f401a8a0.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-18dd54e0.js';
+import { s as svgWrapper } from './index.module-ceedaeb5.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f76bc4ae.js → index-f5a9a538.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-6abf1c22.js';
-import IsActive from './index-7ebc8d91.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-9e0dc079.js';
+import IsActive from './index-76a23394.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-52c5ad53.js → index-f7053489.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import { useRef, useEffect } from 'react';
-import ProductHeader from './index-047e645f.js';
-import ContentItemWrapper from './index-aef6d4a3.js';
-import ProductSettings from './index-18e232c8.js';
-import ProductCenter from './index-ad48338b.js';
-import ProductFooter from './index-29b49a3f.js';
-import ProductInfo from './index-13fb5a98.js';
+import ProductHeader from './index-a313f305.js';
+import ContentItemWrapper from './index-808bdd8b.js';
+import ProductSettings from './index-08b0be6a.js';
+import ProductCenter from './index-49401006.js';
+import ProductFooter from './index-50c73e62.js';
+import ProductInfo from './index-488e9239.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -28,70 +28,70 @@ import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-7f570fab.js';
+import './index-7c7085f5.js';
 import 'sift';
-import './index-6a86a59e.js';
-import './index-f5d753b5.js';
-import './index-e909c902.js';
-import './index-a11cd948.js';
-import './index-86feb3cb.js';
-import './index.module-c1e933f5.js';
-import './index-e73ebacd.js';
+import './index-64555795.js';
+import './index-02cd6982.js';
+import './index-d7e0b238.js';
+import './index-331a0380.js';
+import './index-26729cf7.js';
+import './index.module-ab9bacb7.js';
+import './index-4420b095.js';
 import 'react-switch';
-import './index-b9fa1b62.js';
-import './index-278f9071.js';
-import './index-8c9ffb24.js';
+import './index-32468258.js';
+import './index-573f8ddc.js';
+import './index-3910c446.js';
 import 'react-dropdown';
-import './index-9ebfa678.js';
+import './index-aac550f6.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6f02d31b.js';
-import './index-01dd17d9.js';
-import './index-fe86096d.js';
+import './index-27a546ea.js';
+import './index-7db542b3.js';
+import './index-d65318ab.js';
 import '@crystaldesign/content-box';
-import './index-23d99f7e.js';
-import './index-57e7a31c.js';
-import './index-05d2f1ef.js';
-import './index-2973e329.js';
-import './index-5b1094fb.js';
-import './index-b45f7046.js';
+import './index-ccfe5229.js';
+import './index-f8ccdf0e.js';
+import './index-99a9f940.js';
+import './index-4c1f4dbb.js';
+import './index-4b2649c5.js';
+import './index-7c537db8.js';
 import 'react-laag';
-import './index-1e41342d.js';
-import './index-fac8a9eb.js';
-import './index-6ab0fdb3.js';
-import './index-95df36ba.js';
-import './index-c1fc1f70.js';
-import './index-0551be5d.js';
-import './index-c6ffbd32.js';
-import './index-3a86ae35.js';
-import './index-f36fd0aa.js';
-import './index-bfecf36b.js';
-import './index.module-6abf1c22.js';
-import './index-7ebc8d91.js';
-import './index-08523bca.js';
-import './index-0413072a.js';
-import './index-684f7de0.js';
-import './index-fbcccf1b.js';
-import './index-d987952d.js';
-import './index-108d5088.js';
-import './index.module-208a3e8a.js';
-import './index-5b61d09a.js';
-import './index-f04f5dc2.js';
-import './index-43008571.js';
-import './index-9e5abda8.js';
-import './index-d9e9df1b.js';
-import './index.module-4f82557c.js';
-import './index-1869cec4.js';
-import './index-f5e43c96.js';
-import './index-a8381fa0.js';
-import './index-696fbe58.js';
-import './index-b552ffa9.js';
-import './index-b5d8ece9.js';
-import './index-4605be7f.js';
-import './index-6c47b0b1.js';
-import './index-200f64ee.js';
-import './index-1646a678.js';
+import './index-ba4ff8c0.js';
+import './index-1a724062.js';
+import './index-0c3d6b0c.js';
+import './index-1ca3b26d.js';
+import './index-1b67967b.js';
+import './index-e819e455.js';
+import './index-0b3c39a5.js';
+import './index-52f4ee4d.js';
+import './index-2607970a.js';
+import './index-71e69872.js';
+import './index.module-9e0dc079.js';
+import './index-76a23394.js';
+import './index-a0d0dfa5.js';
+import './index-23ffcd71.js';
+import './index-716e8c22.js';
+import './index-912fa2eb.js';
+import './index-a7038082.js';
+import './index-fab549c1.js';
+import './index.module-0ccc63ea.js';
+import './index-384d0b19.js';
+import './index-8ed7954f.js';
+import './index-82367198.js';
+import './index-2e3ceab6.js';
+import './index-abef5e7e.js';
+import './index.module-46457f02.js';
+import './index-920ee6ba.js';
+import './index-e11f1b88.js';
+import './index-380c4893.js';
+import './index-17a7d687.js';
+import './index-ac4d9aa5.js';
+import './index-d5e9ceef.js';
+import './index-41545468.js';
+import './index-75c97523.js';
+import './index-3f8ff4c2.js';
+import './index-a23821a4.js';
 import 'react-qr-code';
-import './index-afb9f590.js';
+import './index-0d57b025.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-873fe432.js → index-f733d0b0.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-9a872b93.js';
+import RoomSerious from './index-70e17828.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-57e7a31c.js → index-f8ccdf0e.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-108d5088.js → index-fab549c1.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-208a3e8a.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-0ccc63ea.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-fac8a9eb.js';
-import MetaData from './index-1e41342d.js';
+import GenericToolTip from './index-1a724062.js';
+import MetaData from './index-ba4ff8c0.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b9fa1b62.js';
-import PricePreview from './index-278f9071.js';
+import InfoIcon from './index-32468258.js';
+import PricePreview from './index-573f8ddc.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-419fd04d.js → index-fd82098a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-d2eeedb4.js';
+import { s as styleInject, u as useViewHandler } from './index-dac66244.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-de2b45de.js → index-ff4d9a76.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-d2eeedb4.js';
+import { u as useViewHandler } from './index-dac66244.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-cf5dd4b1.js';
-import Arrow from './index-01dd17d9.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-9436d9f4.js';
+import Arrow from './index-7db542b3.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-d2eeedb4.js';
+export { W as WebPlannerReact, c as default } from './index-dac66244.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-208a3e8a.js → index.module-0ccc63ea.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-f9561dbf.js → index.module-2ed0a9ef.js}

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

package/build/esm/{index.module-695a92fe.js → index.module-3ad4d389.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-4f82557c.js → index.module-46457f02.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-92537d26.js → index.module-56598eab.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var mobile = "mobile--gThy";

package/build/esm/{index.module-7808a850.js → index.module-8b11a786.js}

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

package/build/esm/{index.module-cf5dd4b1.js → index.module-9436d9f4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-6abf1c22.js → index.module-9e0dc079.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-c1e933f5.js → index.module-ab9bacb7.js}

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

package/build/esm/{index.module-9b28cbac.js → index.module-ad4ba251.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-ed693bc8.js → index.module-bed4bfb6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-542cc476.js → index.module-c738cf8e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-18dd54e0.js → index.module-ceedaeb5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{react-json-viewer-0b3968cb.js → react-json-viewer-43366188.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d2eeedb4.js';
+import { s as styleInject } from './index-dac66244.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/types/web-planner-react/src/components/Product/ContentItemWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Product/ContentItemWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,KAAK,KAAK,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;uDAEZ,KAAK;;;AAiGvE,wBAA4C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Product/ContentItemWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,KAAK,KAAK,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;uDAEZ,KAAK;;;AAqFvE,wBAA4C"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1948.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1948],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(91923),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(39545),k={};k.styleTagTransform=y(),k.setAttributes=m(),k.insert=g().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const P=(0,d.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},1948:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>B});var o=t(91923),i=t(87363),r=t(61448),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(48930),y=t(58069),w=t(14312),k=t(9420),j=t(65515),P=t.n(j),I=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const B=(0,k.Pi)((function Serious(n){var e,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,I.jsx)(w.default,{className:h.x6}),(0,I.jsx)(y.default,{className:P()(h.vt,a?h.Uu:void 0)}),(0,I.jsx)(S.default,{className:P()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,I.jsx)(r.default,{})]})}))},48930:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(80248),i=t(72874),r=t(87363),a=t(91923),s=t(9420),l=t(63793),d=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(23522),k={};k.styleTagTransform=y(),k.setAttributes=m(),k.insert=g().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(w.Z,k);w.Z&&w.Z.locals&&w.Z.locals;var j=t(78485),P=t(47514),I=["contentItemStartPos"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const C=(0,s.Pi)((function Product(n){var e,t=n.contentItemStartPos,o=(0,i.Z)(n,I),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!s.uiState.isLoading&&null!==(n=s.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=s.configState.paramters)||void 0===e?void 0:e.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),s.settingsState.contentItemVisible&&s.settingsState.contentItemId&&(0,P.jsx)(j.default,{id:s.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(i()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const b=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(n,e,t)=>{t.d(e,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(66993),t.b),u=a()(i()),c=l()(d);u.push([n.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("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1948],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(91923),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(39545),k={};k.styleTagTransform=y(),k.setAttributes=m(),k.insert=g().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const P=(0,d.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},1948:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>B});var o=t(91923),i=t(87363),r=t(61448),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(48930),y=t(58069),w=t(14312),k=t(9420),j=t(65515),P=t.n(j),I=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const B=(0,k.Pi)((function Serious(n){var e,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,I.jsx)(w.default,{className:h.x6}),(0,I.jsx)(y.default,{className:P()(h.vt,a?h.Uu:void 0)}),(0,I.jsx)(S.default,{className:P()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,I.jsx)(r.default,{})]})}))},48930:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(80248),i=t(72874),r=t(87363),a=t(91923),s=t(9420),l=t(63793),d=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(23522),k={};k.styleTagTransform=y(),k.setAttributes=m(),k.insert=g().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(w.Z,k);w.Z&&w.Z.locals&&w.Z.locals;var j=t(48545),P=t(47514),I=["contentItemStartPos"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const C=(0,s.Pi)((function Product(n){var e,t=n.contentItemStartPos,o=(0,i.Z)(n,I),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!s.uiState.isLoading&&null!==(n=s.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=s.configState.paramters)||void 0===e?void 0:e.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),s.settingsState.contentItemVisible&&s.settingsState.contentItemId&&(0,P.jsx)(j.default,{id:s.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(i()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const b=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(n,e,t)=>{t.d(e,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(66993),t.b),u=a()(i()),c=l()(d);u.push([n.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("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u}}]);