@crystaldesign/diva-web-planner-react 25.15.0-beta.6 → 25.15.0-beta.7

package/build/esm/{index-799b13c0.js → index-fcb7d63a.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-1ac30cc5.js';
+import { s as styleInject, u as useViewHandler } from './index-546b9202.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-b8797f80.js';
-import { S as SettingsItem } from './index-1cec46cc.js';
+import SettingsHeaderContainer from './index-cba225c1.js';
+import { S as SettingsItem } from './index-ff3d75d1.js';
 import classnames from 'classnames';
-import TotalPrice from './index-e0ad477e.js';
+import TotalPrice from './index-ebf1c26d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,80 +23,80 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-347f2b77.js';
+import './index-1b42cec3.js';
 import 'sift';
-import './index-66707331.js';
-import './index-5aa94962.js';
-import './index-4cc733f2.js';
-import './index-5e49ab68.js';
-import './index.module-66e78051.js';
-import './index-0b0f510d.js';
+import './index-550d5d42.js';
+import './index-4638027a.js';
+import './index-76e27ec5.js';
+import './index-69dee873.js';
+import './index.module-b4948a10.js';
+import './index-cac8e985.js';
 import 'react-switch';
-import './index-8633d2e3.js';
-import './index-6a1a1bbf.js';
-import './index-fbfd0601.js';
+import './index-f408792c.js';
+import './index-bb663ba4.js';
+import './index-5260f867.js';
 import 'react-countup';
-import './index-405a09a4.js';
+import './index-bfd9de9e.js';
 import 'react-dropdown';
-import './index-7ea79fab.js';
-import './index-2bc1e98b.js';
-import './index-52bc87de.js';
-import './index-0a45a56f.js';
+import './index-cce8e900.js';
+import './index-79b57077.js';
+import './index-409576ef.js';
+import './index-a1c0a24b.js';
 import '@crystaldesign/content-box';
-import './index-ad9f1a33.js';
-import './index-c2250c85.js';
-import './index-e142c987.js';
-import './index-70a36aa8.js';
-import './index-fc1cc428.js';
-import './index-b3cebd82.js';
-import './index-574648ea.js';
-import './index-a5524d18.js';
-import './index-d22cb1d1.js';
+import './index-7000bc9b.js';
+import './index-9676044f.js';
+import './index-64c18a2f.js';
+import './index-a776b0b2.js';
+import './index-5c29522d.js';
+import './index-a925fdae.js';
+import './index-42b9ac00.js';
+import './index-87ad9f17.js';
+import './index-2f3833ed.js';
 import 'react-laag';
-import './index.module-7cec84ef.js';
-import './index-d7914bdc.js';
-import './index-40f55cfb.js';
-import './index-41b20574.js';
-import './index-b167e1d5.js';
-import './index-f6e80a58.js';
-import './index-bcc43398.js';
-import './index.module-20668df9.js';
-import './index-a7c7b9a1.js';
-import './index-aac09918.js';
-import './index-36e83707.js';
-import './index-8c0fae76.js';
-import './index-28e5acf6.js';
-import './index-8952846c.js';
-import './index-657dcdfc.js';
-import './index-44fd1b67.js';
-import './index-b0fb1a23.js';
-import './index-2ba5f045.js';
-import './index-4e5a0a99.js';
-import './index-b6883b3f.js';
+import './index.module-b62dca09.js';
+import './index-75082ae4.js';
+import './index-b3072301.js';
+import './index-7b78f085.js';
+import './index-a12745d4.js';
+import './index-250a3026.js';
+import './index-381ff47f.js';
+import './index.module-48ca70ed.js';
+import './index-b46b7631.js';
+import './index-e6973419.js';
+import './index-4568edb9.js';
+import './index-7ee0d6f5.js';
+import './index-b786ff72.js';
+import './index-3a6a40c1.js';
+import './index-51be6e73.js';
+import './index-ef7529bf.js';
+import './index-44de2972.js';
+import './index-8afa4a9b.js';
+import './index-18cd6ef5.js';
+import './index-6cc6c0f1.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-a0908971.js';
+import './index-fb95f8b5.js';
 import 'rc-slider';
-import './index-b802a015.js';
-import './index-d1884ffe.js';
-import './index-762cdece.js';
-import './index-966e2728.js';
+import './index-9bd0907f.js';
+import './index-a8389e8c.js';
+import './index-1659aec6.js';
+import './index-05529a87.js';
 import 'react-confetti-explosion';
-import './index-2967b5ea.js';
-import './index-8a462636.js';
-import './index-30db572a.js';
+import './index-61d4959b.js';
+import './index-64e529e7.js';
+import './index-693e4f4c.js';
 import 'react-qr-code';
-import './index-08368ece.js';
-import './useCustomDimensions-b31d299b.js';
-import './index-fd18cfdb.js';
-import './ussIsSticky-2c2e96e1.js';
-import './index-08d99cd6.js';
-import './index-a838824d.js';
-import './index-370f8ed5.js';
-import './index.module-0a41d9e4.js';
-import './index-a724f9d2.js';
-import './index-ef971344.js';
-import './index-ef7f99a2.js';
+import './index-f324b46b.js';
+import './useCustomDimensions-089e39fc.js';
+import './index-ac6c5b8a.js';
+import './ussIsSticky-dbf3bf67.js';
+import './index-1c1e7fa2.js';
+import './index-09797bd2.js';
+import './index-c39c62ad.js';
+import './index.module-c7c76f22.js';
+import './index-79193c15.js';
+import './index-b59c6306.js';
+import './index-3642440c.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-e1054c23.js → index-fccbfeb8.js}

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-1ac30cc5.js';
+import { s as styleInject, u as useViewHandler } from './index-546b9202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-6e56c8ed.js';
-import LayoutSelection from './index-ee97b003.js';
+import OptionSelector from './index-c2d5abb4.js';
+import LayoutSelection from './index-4525b434.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -21,7 +21,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-8b51e01b.js';
+import './index.module-7e9e4bd4.js';
 import 'react-select';
 
 var wrapper = "wrapper-XC8ci";

package/build/esm/{index-c4315314.js → index-fdc836a8.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-1ac30cc5.js';
+import { s as styleInject, u as useViewHandler } from './index-546b9202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import PriceCounter from './index-fbfd0601.js';
+import PriceCounter from './index-5260f867.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-0627ce77.js → index-fe3cd510.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1ac30cc5.js';
+import { s as styleInject } from './index-546b9202.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-76a40a98.js → index-fe81fec1.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-1ac30cc5.js';
+import { u as useViewHandler } from './index-546b9202.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-8afebf09.js';
+import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-198ba844.js';
 import classnames from 'classnames';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -23,9 +23,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-40f55cfb.js';
-import './index-6a1a1bbf.js';
-import './index-fbfd0601.js';
+import './index-b3072301.js';
+import './index-bb663ba4.js';
+import './index-5260f867.js';
 import 'react-countup';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-1cec46cc.js → index-ff3d75d1.js}

@@ -1,27 +1,27 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1ac30cc5.js';
+import { s as styleInject, u as useViewHandler } from './index-546b9202.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-66707331.js';
-import ItemVariant from './index-5aa94962.js';
-import SettingsPaletteGroup from './index-4cc733f2.js';
-import ToggleOption from './index-5e49ab68.js';
-import GroupDropdown from './index-405a09a4.js';
-import PromotedProducts from './index-e142c987.js';
-import ToggleName from './index-70a36aa8.js';
-import itemPaletteTypeComponentMap from './index-fc1cc428.js';
+import TextBox from './index-550d5d42.js';
+import ItemVariant from './index-4638027a.js';
+import SettingsPaletteGroup from './index-76e27ec5.js';
+import ToggleOption from './index-69dee873.js';
+import GroupDropdown from './index-bfd9de9e.js';
+import PromotedProducts from './index-64c18a2f.js';
+import ToggleName from './index-a776b0b2.js';
+import itemPaletteTypeComponentMap from './index-5c29522d.js';
 import classnames from 'classnames';
-import StepInfo from './index-aac09918.js';
-import SettingsHeader from './index-347f2b77.js';
-import ReplaceSwitch from './index-b6883b3f.js';
+import StepInfo from './index-e6973419.js';
+import SettingsHeader from './index-1b42cec3.js';
+import ReplaceSwitch from './index-6cc6c0f1.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-a0908971.js';
-import MultiToggle from './index-b802a015.js';
+import Slider from './index-fb95f8b5.js';
+import MultiToggle from './index-9bd0907f.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-762cdece.js';
+import SummaryOverview from './index-1659aec6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -143,7 +143,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-3da78b45.js');
+  return import('./index-53161626.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -265,13 +265,13 @@ var useGridVariables = function useGridVariables(item) {
 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; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b60a0c43.js');
+  return import('./index-cf8a0534.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f9a40a0c.js');
+  return import('./index-593cd5ad.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-d70752f8.js');
+  return import('./index-e115f8aa.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _item$groups$;

package/build/esm/{index-b8ccd376.js → index-ffb7513d.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1ac30cc5.js';
+import './index-546b9202.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-8f1c854d.js';
-import JsonEditor from './index-ac004ef2.js';
+import ArticleOverview from './index-ce87239d.js';
+import JsonEditor from './index-4694875e.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,9 +21,9 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-39d92830.js';
-import './index.module-1aab7a4e.js';
-import './index.module-a4400ef9.js';
+import './index.module-7df03276.js';
+import './index.module-06521bce.js';
+import './index.module-fee97abe.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-1ac30cc5.js';
+export { W as WebPlannerReact, c as default } from './index-546b9202.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-1aab7a4e.js → index.module-06521bce.js}

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

package/build/esm/{index.module-1eb23314.js → index.module-3aec4ce2.js}

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

package/build/esm/{index.module-20668df9.js → index.module-48ca70ed.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1ac30cc5.js';
+import { s as styleInject } from './index-546b9202.js';
 
 var paletteItem = "palette-item-efwMm";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-6b141882.js → index.module-6680a83c.js}

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

package/build/esm/{index.module-39d92830.js → index.module-7df03276.js}

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

package/build/esm/{index.module-8b51e01b.js → index.module-7e9e4bd4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1ac30cc5.js';
+import { s as styleInject } from './index-546b9202.js';
 
 var wrapper = "wrapper-TcEZn";
 var css_248z = ".wrapper-TcEZn {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.Dropdown-root-7zz-C {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.Dropdown-control-x--YK {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n";

package/build/esm/{index.module-3cee5d72.js → index.module-9d691956.js}

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

package/build/esm/{index.module-66e78051.js → index.module-b4948a10.js}

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

package/build/esm/{index.module-7cec84ef.js → index.module-b62dca09.js}

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

package/build/esm/{index.module-0a41d9e4.js → index.module-c7c76f22.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1ac30cc5.js';
+import { s as styleInject } from './index-546b9202.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{index.module-37cc68c9.js → index.module-d53694c1.js}

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

package/build/esm/{index.module-320ee726.js → index.module-dd42702d.js}

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

package/build/esm/{index.module-a4400ef9.js → index.module-fee97abe.js}

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

package/build/esm/{react-json-viewer-bfdade01.js → react-json-viewer-357119df.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1ac30cc5.js';
+import { s as styleInject } from './index-546b9202.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-b31d299b.js → useCustomDimensions-089e39fc.js}

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

package/build/esm/{ussIsSticky-2c2e96e1.js → ussIsSticky-dbf3bf67.js}

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4585.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,4207,2650],{44207:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),A=t(88683),y=t(47514),S=(0,A.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,A.useTranslation)().t;return(0,y.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,A.useTranslation)().t;return 0!=t&&i?(0,y.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,y.jsxs)("div",{className:p.YS,children:[(0,y.jsx)("div",{className:p.aS,children:(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,y.jsxs)("div",{className:p.$D,children:[(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.ti)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,y.jsx)("div",{className:p.Yq,children:(0,y.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,y.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,y.jsxs)("div",{className:p.J3,children:[(0,y.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,y.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},52650:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(76189),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),A=t(16033),y={};y.styleTagTransform=m(),y.setAttributes=I(),y.insert=g().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=T();s()(A.ZP,y);A.ZP&&A.ZP.locals&&A.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:A.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:A.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:A.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:A.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:A.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:A.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:A.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(76189),M=t(87363),c=t(46770),l=t(52650),u=t(88683),s=t(65515),N=t.n(s),x=t(44207),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,A=m.isMobile,y=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=A||y,R=v&&!a.productState.allow3DComb&&!a.productState.allowRTV,U=(0,M.useState)(a.productState.arCodeWasVisibleOnce),k=(0,o.Z)(U,2),P=k[0],Y=k[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y})}):T({id:"ar-qr-code",mountElement:null!==(e=a.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0,showOverlay:!0,direction:"bottom",onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&R&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();R?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0):"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,E(!0))};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>A,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>R,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>U,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>k,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>y,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n  gap: 32px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",A="index-module--Wih2i",y="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",R="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,4207,2650],{44207:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),A=t(88683),y=t(47514),S=(0,A.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,A.useTranslation)().t;return(0,y.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,A.useTranslation)().t;return 0!=t&&i?(0,y.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,y.jsxs)("div",{className:p.YS,children:[(0,y.jsx)("div",{className:p.aS,children:(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,y.jsxs)("div",{className:p.$D,children:[(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.ti)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,y.jsx)("div",{className:p.Yq,children:(0,y.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,y.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,y.jsxs)("div",{className:p.J3,children:[(0,y.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,y.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},52650:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(76189),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),A=t(16033),y={};y.styleTagTransform=m(),y.setAttributes=I(),y.insert=g().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=T();s()(A.ZP,y);A.ZP&&A.ZP.locals&&A.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:A.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:A.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:A.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:A.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:A.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:A.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:A.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(76189),M=t(87363),c=t(46770),l=t(52650),u=t(88683),s=t(65515),N=t.n(s),x=t(44207),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,A=m.isMobile,y=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=A||y,R=v&&!a.productState.allow3DComb&&!a.productState.allowRTV,U=(0,M.useState)(a.productState.arCodeWasVisibleOnce),k=(0,o.Z)(U,2),P=k[0],Y=k[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y})}):T({id:"ar-qr-code",mountElement:null!==(e=a.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0,showOverlay:!0,direction:"bottom",onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&R&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();R?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0):!v||"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,E(!0))};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>A,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>R,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>U,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>k,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>y,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n  gap: 32px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",A="index-module--Wih2i",y="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",R="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);