@crystaldesign/diva-web-planner-react 24.10.0-beta.9 → 24.10.0-rc.2

package/build/esm/index-a8e4a404.js

@@ -1,134 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-df938e09.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-e3902551.js';
-import SettingsScroller from './index-59392ae7.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import './index-64c57a00.js';
-import './index-52b386be.js';
-import './index-ad5c8e67.js';
-import './index-84fe256f.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a0eaa471.js';
-import 'react-laag';
-import './index-b6220a84.js';
-import './index-64383149.js';
-import 'sift';
-import './index-2b3883fc.js';
-import './index-350d8b1f.js';
-import './index-ed3c1695.js';
-import './index-082300ef.js';
-import './index.module-2e57dd5c.js';
-import './index-16633363.js';
-import 'react-switch';
-import './index-b20e169e.js';
-import './index-353eecb9.js';
-import 'react-dropdown';
-import './index-fbc6f320.js';
-import './index-5134ead7.js';
-import './index-2f3efe9d.js';
-import './index-463b48d0.js';
-import '@crystaldesign/content-box';
-import './index-79645c9e.js';
-import './index-a66fbae4.js';
-import './index-2ddf5238.js';
-import './index-0f9d0da4.js';
-import './index-1b39597e.js';
-import '@crystaldesign/products-component';
-import './index-9f99a8fa.js';
-import './index-3c193068.js';
-import './index-5ca2154a.js';
-import './index-dfc6ce9a.js';
-import './index-fc153606.js';
-import './index-b3608d4a.js';
-import './index-4c84882c.js';
-import './index-75a0c65b.js';
-import './index-f4863358.js';
-import './index-cad87ce4.js';
-import './index-f752e8a0.js';
-import './index-f9309d78.js';
-import './index-dd56d95b.js';
-import './index.module-73422bd1.js';
-import './index-e8a7abed.js';
-import './index-c6b25ae7.js';
-import './index-1fa70e4d.js';
-import './index-5ec90b25.js';
-import './index-26008a76.js';
-import './index-fab630a6.js';
-import './index-b7634732.js';
-import './index.module-fe43cac5.js';
-import './index-2f04aeae.js';
-import './index-0b97bad0.js';
-import './index-a7437a21.js';
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _scollerElement$getBo, _viewHandler$settings, _viewHandler$settings2;
-  var subTabGroupName = _ref.subTabGroupName,
-    itemPalettes = _ref.itemPalettes,
-    index = _ref.index,
-    count = _ref.count;
-  var viewHandler = useViewHandler();
-  var _useState = useState(viewHandler.tabGroupState.currentSubTabGroupFolded == subTabGroupName),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  useEffect(function () {
-    if (viewHandler.tabGroupState.currentSubTabGroupFolded == subTabGroupName !== isOpen) {
-      setIsOpen(viewHandler.tabGroupState.currentSubTabGroupFolded == subTabGroupName);
-    }
-  }, [viewHandler.tabGroupState.currentSubTabGroupFolded]);
-  var scollerElement = viewHandler.settingsState.settingsScrollerElement;
-  if (!scollerElement) return /*#__PURE__*/jsx(Fragment, {});
-  var heightOfSubTabGroupHeaders = ((_scollerElement$getBo = scollerElement === null || scollerElement === void 0 ? void 0 : scollerElement.getBoundingClientRect().height) !== null && _scollerElement$getBo !== void 0 ? _scollerElement$getBo : 0) - ((scollerElement === null || scollerElement === void 0 ? void 0 : scollerElement.id) !== 'subTabGroupScroller' ? (_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0 : 0);
-  var htmlRef = viewHandler.tabGroupState.subTabGroupItems.get(index);
-  for (var i = 0; i < count; i++) {
-    heightOfSubTabGroupHeaders -= (htmlRef === null || htmlRef === void 0 ? void 0 : htmlRef.getBoundingClientRect().height) || 0;
-  }
-  return /*#__PURE__*/jsx(Collapsible, {
-    triggerWhenOpen: /*#__PURE__*/jsx(SubTabGroupHeader, {
-      subTabGroup: subTabGroupName,
-      index: index,
-      open: true
-    }),
-    trigger: /*#__PURE__*/jsx(SubTabGroupHeader, {
-      subTabGroup: subTabGroupName,
-      index: index,
-      open: false
-    }),
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    onOpening: function onOpening() {
-      viewHandler.tabGroupState.setCurrentSubTabGroupFolded(subTabGroupName);
-      viewHandler.paletteViewHandler.scrollToTopInItemPalette(true);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      style: {
-        height: heightOfSubTabGroupHeaders,
-        overflow: 'auto'
-      },
-      children: /*#__PURE__*/jsx(SettingsScroller, {
-        itemPalettes: itemPalettes,
-        isInSubTabGroupContainer: true
-      })
-    })
-  });
-};
-var SubTabgroup$1 = observer(SubTabgroup);
-
-export { SubTabgroup$1 as default };

package/build/esm/index-a8ebc61d.js

@@ -1,166 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Settings from './index-6580c12a.js';
-import { observer } from 'mobx-react-lite';
-import ProductSimple from './index-9a91f946.js';
-import BarrierActions from './index-2cffc8f1.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-64c57a00.js';
-import './index-52b386be.js';
-import './index-ad5c8e67.js';
-import './index-84fe256f.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a0eaa471.js';
-import 'react-laag';
-import './index-b6220a84.js';
-import './index-59392ae7.js';
-import './index-64383149.js';
-import 'sift';
-import './index-2b3883fc.js';
-import './index-350d8b1f.js';
-import './index-ed3c1695.js';
-import './index-082300ef.js';
-import './index.module-2e57dd5c.js';
-import './index-16633363.js';
-import 'react-switch';
-import './index-b20e169e.js';
-import './index-353eecb9.js';
-import 'react-dropdown';
-import './index-fbc6f320.js';
-import './index-5134ead7.js';
-import './index-2f3efe9d.js';
-import './index-463b48d0.js';
-import '@crystaldesign/content-box';
-import './index-79645c9e.js';
-import './index-a66fbae4.js';
-import './index-2ddf5238.js';
-import './index-0f9d0da4.js';
-import './index-1b39597e.js';
-import '@crystaldesign/products-component';
-import './index-9f99a8fa.js';
-import './index-3c193068.js';
-import './index-5ca2154a.js';
-import './index-dfc6ce9a.js';
-import './index-fc153606.js';
-import './index-b3608d4a.js';
-import './index-4c84882c.js';
-import './index-75a0c65b.js';
-import './index-f4863358.js';
-import './index-cad87ce4.js';
-import './index-f752e8a0.js';
-import './index-f9309d78.js';
-import './index-dd56d95b.js';
-import './index.module-73422bd1.js';
-import './index-e8a7abed.js';
-import './index-c6b25ae7.js';
-import './index-1fa70e4d.js';
-import './index-5ec90b25.js';
-import './index-26008a76.js';
-import './index-fab630a6.js';
-import './index-b7634732.js';
-import './index.module-fe43cac5.js';
-import './index-2f04aeae.js';
-import './index-0b97bad0.js';
-import './index-a7437a21.js';
-import './index-dfa0c3ac.js';
-import './index-a8e4a404.js';
-import 'react-collapsible';
-import './index-e3902551.js';
-import './index-32ed3d4f.js';
-import './index-33cb7e38.js';
-import './index-f3c06912.js';
-import './index-9502beb1.js';
-import './index.module-8c6267ac.js';
-import './index-0185e06a.js';
-import './index-b7a72c16.js';
-import './index-9e55648d.js';
-import './index-e90924d5.js';
-import './index-abf20110.js';
-import './index-0f6a2fbd.js';
-import './index-a94d988f.js';
-import './index-7fd62018.js';
-import './index-51798d46.js';
-import './index.module-c0301db6.js';
-
-var wcConfigurator = "wcConfigurator-Aj38X";
-var wcConfiguratorProduct = "wcConfigurator-product-Me16i";
-var wcConfiguratorSettings = "wcConfigurator-settings--KAiX";
-var portrait = "portrait-lYxUc";
-var settingsHidden = "settingsHidden-idrfE";
-var css_248z = ".wcConfigurator-Aj38X {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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\n.wcConfigurator-Aj38X {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-product-Me16i {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 73%;\n  height: 100%;\n  transition: width ease 0.5s;\n}\n\n.wcConfigurator-settings--KAiX {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 27%;\n  height: 100%;\n  position: absolute;\n  background-color: #f2f2f2;\n  transition: width ease 0.5s;\n}\n\n.portrait-lYxUc .wcConfigurator-product-Me16i {\n  top: 0;\n  left: 0;\n  height: 50%;\n  width: 100%;\n}\n\n.portrait-lYxUc .wcConfigurator-settings--KAiX {\n  left: 0px;\n  top: 50%;\n  height: 50%;\n  width: 100%;\n}\n\n.settingsHidden-idrfE .wcConfigurator-product-Me16i {\n  width: 100%;\n}\n\n.settingsHidden-idrfE.portrait-lYxUc .wcConfigurator-product-Me16i {\n  height: 100%;\n}\n\n.settingsHidden-idrfE .wcConfigurator-settings--KAiX {\n  overflow: hidden;\n  width: 0px;\n}\n";
-styleInject(css_248z);
-
-var Simple = function Simple(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      id: "wcConfigurator",
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      className: classnames(wcConfigurator, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined),
-      children: [/*#__PURE__*/jsx(ProductSimple, {
-        className: wcConfiguratorProduct
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      })]
-    }), /*#__PURE__*/jsx(BarrierActions, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#d60084',
-  '--secondaryColor': '#171717',
-  '--thirdColor': '#e5e5e5; ',
-  '--galleryItemRowCount': '8',
-  '--galleryItemMargin': '0.5%',
-  '--galleryItemRowCountSmall': '6',
-  '--galleryItemMarginSmall': '0.5%',
-  '--globalBorderRadius': '0px',
-  '--galleryItemRadius': '50%',
-  '--articlePosNrRadius': '50%',
-  '--articlePosNrSize': '1.5rem',
-  '--articlePosNrFontSize': '1.1rem',
-  '--galleryItemBorderColor': '#e8e9ed',
-  '--galleryItemBorderSelColor': 'black',
-  '--galleryItemBorderHoverColor': 'black',
-  '--gallerySelectedBoxShadow': 'inset 0 0 100px black',
-  '--galleryItemBorder': '0px',
-  '--configuratorActionHeight': '3.125rem',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '20px',
-  '--settingsScrollerPaddingLeft': '20px',
-  '--configuratorActionForthWidth': 'calc(60% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(40% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '20.8px',
-  '--fontWeight1': '300',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0 0 0 0'
-};
-var index = observer(Simple);
-
-export { index as default };

package/build/esm/index-b7a72c16.js

@@ -1,153 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcConfiguratorSirvViewer = "wcConfigurator-SirvViewer-NtMxs";
-var wrapper = "wrapper-OlTJA";
-var arThumb = "arThumb-MDtJd";
-var image = "image-k5ZsT";
-var css_248z = ".wcConfigurator-SirvViewer-NtMxs {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 200;\n  height: 100%;\n}\n\n.wrapper-OlTJA {\n  position: relative;\n}\n\n.arThumb-MDtJd {\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox%3D'0 0 48 48' fill%3D'none' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath fill-rule%3D'evenodd' clip-rule%3D'evenodd' d%3D'M35.8149 18.5697c.1631.3545.3111.7175.4424 1.0883 1.3982.2431 2.6883.5262 3.8482.8425 2.0478.5585 3.6328 1.2057 4.6821 1.8824 1.0942.7056 1.3611 1.2749 1.3611 1.617 0 .3421-.2669.9114-1.3611 1.6169-1.0493.6768-2.6343 1.324-4.6821 1.8825-1.1599.3163-2.45.5993-3.8482.8425-.1313.3707-.279.7336-.4421 1.0881 6.7861-1.1006 11.3335-3.1205 11.3335-5.43 0-2.3096-4.5476-4.3296-11.3338-5.4302zm-6.3847 17.2452c-.3545.1632-.7173.311-1.0882.4423-.2431 1.3981-.5261 2.6881-.8425 3.848-.5583 2.0479-1.2056 3.6327-1.8823 4.6822-.7056 1.0942-1.2749 1.361-1.617 1.361-.342 0-.9113-.2668-1.6169-1.361-.6768-1.0495-1.324-2.6343-1.8823-4.6822-.3164-1.1598-.5994-2.4498-.8426-3.8478-.3708-.1313-.7338-.279-1.0883-.4422 1.1006 6.786 3.1203 11.3332 5.4301 11.3332 2.3096 0 4.3294-4.5473 5.43-11.3335zM31.6505 28.4122l-7.5169 4.6786-7.8897-5.4306v-7.7678l7.9045-4.7363 7.6204 4.7418-.1183 8.5143zm-.751-.3813l.1008-7.255-6.4777 4.2992V32l6.3769-3.9691zm-7.1331 3.9298v-6.8816l-6.7663-4.3242v6.5485l6.7663 4.6573zm-6.4601-11.8659l6.8341 4.3676 6.5808-4.3677-6.5806-4.0948-6.8343 4.0949z' fill%3D'%23fff'%2F%3E%3Cpath d%3D'M25.6172 3.21252c-.7056-1.09423-1.2749-1.36108-1.617-1.36108-.342 0-.9113.26685-1.6169 1.36108-.6768 1.04944-1.324 2.63428-1.8823 4.68201-.3164 1.15991-.5994 2.45007-.8426 3.84817a12.9205 12.9205 0 00-1.0883.4421C19.6707 5.3988 21.6904.85144 24.0002.85144c2.0519 0 3.8751 3.58915 5.0283 9.14856H30a.50008.50008 0 01.4253.2371.49995.49995 0 01.0219.4865l-1.5 3a.49916.49916 0 01-.1843.2017A.4993.4993 0 0128.5 14a.49896.49896 0 01-.2628-.0747.4994.4994 0 01-.1844-.2017l-1.5-3a.50039.50039 0 01-.0523-.2461.50103.50103 0 01.0742-.2404A.49998.49998 0 0127 10h1.0066c-.1574-.74137-.3268-1.44458-.5071-2.10547-.5583-2.04773-1.2056-3.63257-1.8823-4.68201zM12.1848 29.4299c-.1638-.3559-.3113-.719-.4421-1.0882-1.398-.2431-2.68801-.5261-3.84792-.8424-2.04761-.5585-3.63257-1.2057-4.68213-1.8825-1.09424-.7055-1.36109-1.2748-1.36109-1.6169 0-.3421.26685-.9114 1.36109-1.617 1.04956-.6767 2.63452-1.3239 4.68213-1.8824.5105-.1392 1.0462-.272 1.60522-.3977v1.0003c0 .0852.02179.1691.06329.2435a.5002.5002 0 00.41423.256.50036.50036 0 00.24608-.0523l3-1.5a.49916.49916 0 00.2017-.1843.4993.4993 0 00.0747-.2629.49896.49896 0 00-.0747-.2628.4994.4994 0 00-.2017-.1844l-3-1.5a.50036.50036 0 00-.24608-.0523.5002.5002 0 00-.41423.256.50035.50035 0 00-.06329.2435v.9753C4.22636 20.2356.85156 22.0102.85156 23.9999c0 2.3095 4.54712 4.3294 11.33324 5.43z' fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E\");\n  background-color: rgba(55, 58, 60, 0.7);\n  background-repeat: no-repeat;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n  z-index: 10;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.image-k5ZsT {\n  height: auto !important;\n  width: 100% !important;\n}\n\n.image-k5ZsT {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n";
-styleInject(css_248z);
-
-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 DEFAULTOPTION = 'quality:95;hdQuality:95;zoom.mode:deep;thumbnails.enable:false;thumbnails.type:square;fullscreen.thumbnails.enable:false';
-var PlannerSirvViewer = function PlannerSirvViewer(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentItem = _useState2[0],
-    setCurrentItem = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    medias = _useState4[0],
-    setMedias = _useState4[1];
-  var _useState5 = useState(DEFAULTOPTION),
-    _useState6 = _slicedToArray(_useState5, 2),
-    option = _useState6[0],
-    setOption = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    defaultAr = _useState8[0],
-    setDefaultAr = _useState8[1];
-  useEffect(function () {
-    var _viewHandler$productS;
-    var newMedia = JSON.parse(JSON.stringify((_viewHandler$productS = viewHandler.productState.currentMediaItems) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : []));
-    if (!defaultAr) setDefaultAr(newMedia.find(function (m) {
-      return m.mediaType == 'AR';
-    }));
-    newMedia.map(function (media, i) {
-      if (media.mediaType === 'AR' && !media.thumb) {
-        var _newMedia$find;
-        if (currentItem !== i && viewHandler.uiState.configSettingsIsHidden) setCurrentItem(i);
-        media.thumb = /*#__PURE__*/jsxs("div", {
-          style: {
-            width: isMobile ? 50 : 70,
-            height: isMobile ? 50 : 70
-          },
-          className: classnames(wrapper),
-          children: [/*#__PURE__*/jsx("div", {
-            className: arThumb
-          }), /*#__PURE__*/jsx("img", {
-            className: image,
-            src: (_newMedia$find = newMedia.find(function (media) {
-              return media.mediaType === 'PCT';
-            })) === null || _newMedia$find === void 0 ? void 0 : _newMedia$find.url
-          })]
-        });
-      }
-    });
-    if (newMedia.find(function (media) {
-      return media.mediaType === 'SPIN' || media.mediaType === 'SPN' || media.mediaType === 'AR';
-    })) {
-      setOption('quality:95;hdQuality:95;zoom.mode:deep;thumbnails.position:left;thumbnails.enable:true;arrows:false;thumbnails.type:square;fullscreen.thumbnails.enable:false' + (isMobile ? ';thumbnails.size:50' : ''));
-    } else {
-      setOption(DEFAULTOPTION);
-    }
-    if (!newMedia.find(function (m) {
-      return m.mediaType == 'AR';
-    }) && defaultAr) {
-      newMedia.push(_objectSpread(_objectSpread({}, defaultAr), {}, {
-        url: ''
-      }));
-    }
-    setMedias(newMedia);
-  }, [viewHandler.productState.currentMediaItems, isMobile]);
-  useEffect(function () {
-    if (viewHandler.uiState.configSettingsIsHidden) {
-      if (!medias.find(function (m) {
-        return m.mediaType == 'AR' && (m === null || m === void 0 ? void 0 : m.url) !== '';
-      })) {
-        viewHandler.productState.configFirstPromo();
-      }
-      medias.map(function (m, i) {
-        if (m.mediaType == 'AR' && currentItem !== i && viewHandler.uiState.configSettingsIsHidden) setCurrentItem(i);
-      });
-    } else {
-      if (currentItem !== 0) setCurrentItem(0);
-    }
-  }, [viewHandler.uiState.configSettingsIsHidden]);
-  var setCurrentItemBySirv = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(index) {
-      var media;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            media = medias[index];
-            if (viewHandler.uiState.configSettingsIsHidden) {
-              if ((media === null || media === void 0 ? void 0 : media.mediaType) != 'AR') {
-                viewHandler.uiState.onClickHideConfigSettings();
-              }
-            } else {
-              if ((media === null || media === void 0 ? void 0 : media.mediaType) == 'AR') {
-                viewHandler.uiState.onClickHideConfigSettings();
-              }
-            }
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function setCurrentItemBySirv(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/jsx("div", {
-    className: wcConfiguratorSirvViewer,
-    children: /*#__PURE__*/jsx(ContentBoxComponent, {
-      settings: {
-        contentBoxProps: {
-          type: 'MediaViewer',
-          medias: medias,
-          defaultDataOptions: option,
-          currentItem: currentItem,
-          setCurrentItem: setCurrentItemBySirv
-        }
-      }
-    }, JSON.stringify(medias.map(function (media) {
-      return media.url;
-    })) + viewHandler.uiState.configSettingsIsHidden)
-  });
-};
-var PlannerSirvViewer$1 = observer(PlannerSirvViewer);
-
-export { PlannerSirvViewer$1 as default };

package/build/esm/index-dde9edaf.js

@@ -1,67 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-06d01afe.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcConfiguratorAction = "wcConfigurator-action-iR7Ru";
-var actionWrapper = "action-wrapper-TYqko";
-var wcConfiguratorActionButton = "wcConfigurator-action-button-3hCIo";
-var wcCheckoutButtonText = "wcCheckoutButtonText-ac0CJ";
-var mobile = "mobile-wwCj2";
-var icon = "icon-WhJgC";
-var wcBookmarkIcon = "wcBookmarkIcon-rO-Z7";
-var wcConsulationIcon = "wcConsulationIcon-moUm6";
-var css_248z = ".wcConfigurator-action-iR7Ru {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n  gap: 2%;\n}\n.action-wrapper-TYqko {\n  width: 100%;\n}\n\n.wcConfigurator-action-button-3hCIo {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n}\n\n.wcConfigurator-action-button-3hCIo:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled--eOou .wcConfigurator-action-button-3hCIo {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-ne06W {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-9fAmS {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-2ux1a .wcConfigurator-Settings-hidden-fR5wC.wcConfigurator-settings-actions-isOnLastStep-LzEID .wcConfigurator-action-iR7Ru {\n  display: none;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru .wcConfigurator-action-button-3hCIo {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.landscape-2ux1a .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ,\n.portrait-8hnRF .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-ac0CJ {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.mobile-wwCj2 .action-wrapper-TYqko {\n  display: flex;\n  justify-content: end;\n  width: 38px;\n}\n\n.mobile-wwCj2 .wcConfigurator-action-button-3hCIo {\n  background: no-repeat url('data:image/jpeg;base64,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') center center;\n  background-size: 126%;\n  border-radius: 3px;\n  cursor: pointer;\n  height: 40px;\n  width: 40px;\n  z-index: 300;\n  border: 0px solid black;\n}\n\n.icon-WhJgC {\n  cursor: pointer;\n  border: solid 1px;\n  width: 38px;\n  height: 38px;\n  background-position: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  transition: background 0.4s, box-shadow 0.3s;\n  border-radius: 3px;\n}\n\n.icon-WhJgC:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcBookmarkIcon-rO-Z7 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.189-53.35 22.188-22.445 53.606-22.445h368.41q31.418 0 53.606 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBookmarkIcon-rO-Z7:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.246-53.35 22.247-22.445 53.549-22.445h368.41q31.302 0 53.549 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Zm51.179-77.948L480-321.824l208.821 89.209V-750q0-9.231-7.693-16.923-7.692-7.693-16.923-7.693h-368.41q-9.231 0-16.923 7.693-7.693 7.692-7.693 16.923v517.385Zm0-542.001h417.642-417.642Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M479.871-389.846q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Zm-425.41 136q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M214.461-100q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Zm-24.615-451.795h580.308v-110.052q0-9.231-7.692-16.923-7.693-7.692-16.923-7.692H214.461q-9.231 0-16.923 7.692-7.692 7.692-7.692 16.923v110.052Zm0 0v-134.667 134.667Zm290.025 213.128q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z);
-
-var BasketActionRalph = function BasketActionRalph(_ref) {
-  var _ref$buttonTextClassN = _ref.buttonTextClassName,
-    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
-    containerClassName = _ref.containerClassName;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wcConfiguratorAction, containerClassName, viewHandler.getIsInMobileView() ? mobile : undefined),
-    children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("div", {
-      className: classnames(icon, wcConsulationIcon),
-      title: t('configurator.consulation'),
-      onClick: viewHandler.productState.onRequestConsulation
-    }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("div", {
-      className: classnames(icon, wcBookmarkIcon),
-      title: t('configurator.bookmark'),
-      onClick: viewHandler.productState.onClickSave2
-    }), viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx("div", {
-      className: actionWrapper,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(wcConfiguratorActionButton),
-        onClick: function onClick() {
-          return viewHandler.actionButtonState.onClickAddToBasket();
-        },
-        id: "wcConfigurator-action-tobasket",
-        children: !viewHandler.getIsInMobileView() && /*#__PURE__*/jsx("div", {
-          className: buttonTextClassName,
-          children: t('configurator.ADD_TO_BASKET')
-        })
-      })
-    })]
-  });
-};
-var index = observer(BasketActionRalph);
-
-export { index as default };