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

package/build/esm/index-6fe17524.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-7a7f03dd.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-72deec4e.js

@@ -1,173 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Settings from './index-e6b3541d.js';
-import { observer } from 'mobx-react-lite';
-import ProductSimple from './index-f191fc7c.js';
-import TabGroup from './index-7277a167.js';
-import { jsx, Fragment, jsxs } 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-4b4b024c.js';
-import './index-e1320f3e.js';
-import './index-ce01940f.js';
-import './index-dac6c444.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5fe71382.js';
-import 'react-laag';
-import './index-be3a3cc7.js';
-import './index-57772afa.js';
-import './index-1e13b3d7.js';
-import 'sift';
-import './index-a200d60c.js';
-import './index-b57b1400.js';
-import './index-fd4d6af5.js';
-import './index-f075122b.js';
-import './index.module-10043adb.js';
-import './index-a1c03c38.js';
-import 'react-switch';
-import './index-a6d98013.js';
-import './index-12c488c8.js';
-import 'react-dropdown';
-import './index-8ef00344.js';
-import './index-2345308f.js';
-import './index-70be06bf.js';
-import './index-c2b5262a.js';
-import '@crystaldesign/content-box';
-import './index-36195851.js';
-import './index-0d580082.js';
-import './index-3cde6b0c.js';
-import './index-8aac99ae.js';
-import './index-d466a1c3.js';
-import '@crystaldesign/products-component';
-import './index-9aa51878.js';
-import './index-0be965cc.js';
-import './index-6ec98d59.js';
-import './index-9a14ef6d.js';
-import './index-ac31c727.js';
-import './index-c9388aaa.js';
-import './index-b36d3187.js';
-import './index-3c964c2f.js';
-import './index-3f513c51.js';
-import './index-7b74999f.js';
-import './index-0f10df6d.js';
-import './index-4a732256.js';
-import './index-077be7e1.js';
-import './index.module-abdd6dcc.js';
-import './index-094d3785.js';
-import './index-6c06754d.js';
-import './index-12c80a4c.js';
-import './index-51381896.js';
-import './index-09045728.js';
-import './index-a1d33b21.js';
-import './index-271ec245.js';
-import './index.module-28580ce4.js';
-import './index-9924f40a.js';
-import './index-35cb77c0.js';
-import './index-ae6cc1f0.js';
-import './index-62298da3.js';
-import './index-43494e7e.js';
-import 'react-collapsible';
-import './index-aee2ffbc.js';
-import './index-23dc1be6.js';
-import './index-df4d8ffb.js';
-import './index-42e6414d.js';
-import './index-8c540293.js';
-import './index.module-9798d801.js';
-import './index-dff1b62d.js';
-import './index-6fe17524.js';
-import './index-9cb071d4.js';
-import './index-f3ee10c9.js';
-import './index-762c8f25.js';
-import './index-27d074d0.js';
-import './index-8fba834e.js';
-import './index-38d3c407.js';
-import './index-bfd9d26a.js';
-import './index.module-9dabffda.js';
-import './index-8a08ae76.js';
-import './index-7bdf6439.js';
-import './index-2f0eed18.js';
-import './index-271d15a4.js';
-import './index-94833dc1.js';
-
-var wcConfigurator = "wcConfigurator-d1j-V";
-var wcConfiguratorProduct = "wcConfigurator-product-vAUD4";
-var wcConfiguratorSettings = "wcConfigurator-settings-Xh4zK";
-var wcConfiguratorSteps = "wcConfiguratorSteps-U3xJz";
-var portrait = "portrait-MaXla";
-var css_248z = ".wcConfigurator-d1j-V {\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-d1j-V {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-product-vAUD4 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 65%;\n  height: calc(100% - 50px);\n}\n\n.wcConfigurator-settings-Xh4zK {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 35%;\n  height: 100%;\n  position: absolute;\n  border-left: 1px solid #f0f0f0;\n  background-color: #fcfcfc;\n}\n\n.wcConfiguratorSteps-U3xJz {\n  position: absolute;\n  height: 50px;\n  bottom: 0;\n  left: 0;\n  width: 65%;\n}\n\n.portrait-MaXla .wcConfiguratorSteps-U3xJz {\n  position: absolute;\n  height: 50px;\n  top: 0;\n  width: 100%;\n}\n\n.portrait-MaXla .wcConfigurator-product-vAUD4 {\n  top: 50px;\n  left: 0;\n  height: calc(50% - 50px);\n  width: 100%;\n  z-index: 300;\n}\n\n.portrait-MaXla .wcConfigurator-settings-Xh4zK {\n  left: 0px;\n  top: 50%;\n  height: 50%;\n  width: 100%;\n  z-index: 400;\n}\n";
-styleInject(css_248z);
-
-var LessSimple = function LessSimple(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsx(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),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(ProductSimple, {
-        className: wcConfiguratorProduct
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      })]
-    })
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#fd8204',
-  '--secondaryColor': '#171717',
-  '--thirdColor': '#e5e5e5',
-  '--galleryItemRowCount': '8',
-  '--galleryItemMargin': '0.5%',
-  '--galleryItemRowCountSmall': '6',
-  '--galleryItemMarginSmall': '1%',
-  '--galleryItemBorder': '2px',
-  '--galleryItemBorderColor': 'white',
-  '--galleryItemBorderSelColor': 'black',
-  '--galleryItemBorderHoverColor': 'black',
-  '--gallerySelectedBoxShadow': 'inset 0 0 100px black',
-  '--globalBorderRadius': '0px',
-  '--galleryItemRadius': '50%',
-  '--articlePosNrRadius': '50%',
-  '--articlePosNrSize': '1.5rem',
-  '--articlePosNrFontSize': '1.1rem',
-  '--configuratorActionHeight': '3.125rem',
-  '--settingsBackgroundColor': '#fcfcfc',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--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(LessSimple);
-
-export { index as default };

package/build/esm/index-9f981c86.js

@@ -1,32 +0,0 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
-import 'react';
-import { a as wcFavorite } from './index.module-28580ce4.js';
-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/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 'mobx-react-lite';
-
-var FavoritesButtton = function FavoritesButtton(_ref) {
-  var item = _ref.item;
-  var viewHandler = useViewHandler();
-  if (!viewHandler.productState.doShowCreateCache) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.onTitleFavClick(item.id);
-    },
-    className: wcFavorite
-  });
-};
-
-export { FavoritesButtton as default };

package/build/esm/index-a30b7626.js

@@ -1,69 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-b3da6e46.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: 90%;\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-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;
-    _ref.buttonPriceClassName;
-    var containerClassName = _ref.containerClassName;
-    _ref.price;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wcConfiguratorAction, containerClassName, viewHandler.getIsInMobileView() ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(icon, wcConsulationIcon),
-      title: t('configurator.consulation'),
-      onClick: viewHandler.productState.onRequestConsulation
-    }), /*#__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 };

package/build/esm/index-aee2ffbc.js

@@ -1,50 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var header = "header-cf0Kg";
-var openClass = "openClass-rX3rc";
-var text = "text-4M906";
-var collapseArrow = "collapseArrow-AYNzd";
-var mobile = "mobile-aCpc5";
-var css_248z = ".header-cf0Kg {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-top: 1px solid #f0f0f0;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.openClass-rX3rc {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.text-4M906 {\n  padding: 11px;\n  font-weight: 300;\n  font-size: 22px;\n}\n\n.collapseArrow-AYNzd {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 25px;\n  top: 5px;\n}\n\n.openClass-rX3rc .collapseArrow-AYNzd {\n  transform: rotate(0deg);\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 960 560%22 style%3D%22enable-background%3Anew 0 0 960 560%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath class%3D%22st0%22 d%3D%22M480%2C344.2L268.9%2C131.9c-15.8-15.9-41.3-15.9-57.1%2C0c-15.8%2C15.9-15.8%2C41.6%2C0%2C57.4l237.6%2C238.9%09%09c8.4%2C8.5%2C19.6%2C12.3%2C30.6%2C11.7c11%2C0.6%2C22.2-3.2%2C30.6-11.7l237.6-238.9c15.8-15.9%2C15.8-41.6%2C0-57.4s-41.3-15.9-57.1%2C0L480%2C344.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.mobile-aCpc5.header-cf0Kg {\n  height: 36px;\n}\n\n.mobile-aCpc5 .text-4M906 {\n  padding: 10px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-aCpc5 .collapseArrow-AYNzd {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 25px;\n  top: 0px;\n}\n";
-styleInject(css_248z);
-
-var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
-  var open = _ref.open,
-    subTabGroup = _ref.subTabGroup,
-    index = _ref.index;
-  var viewHandler = useViewHandler();
-  var subTabGroupItemRef = useRef(null);
-  useEffect(function () {
-    viewHandler.tabGroupState.setSubTabGroupItems(index, subTabGroupItemRef.current);
-  }, [subTabGroupItemRef]);
-  return /*#__PURE__*/jsxs("div", {
-    ref: subTabGroupItemRef,
-    className: classnames(header, open ? openClass : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: text,
-      children: subTabGroup
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(collapseArrow)
-    })]
-  });
-};
-var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
-
-export { SubTabGroupHeader$1 as default };

package/build/esm/index-bfd9d26a.js

@@ -1,38 +0,0 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, b as wcFunctionsText } from './index.module-9dabffda.js';
-import { 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';
-
-var CreateCache = function CreateCache(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx("ul", {
-    className: wcFunctionsToolbar,
-    onClick: function onClick() {
-      return viewHandler.divaWebPlanner.handleFavorites('RENDERCACHE');
-    },
-    children: /*#__PURE__*/jsx("li", {
-      className: wcFunctionsContainer,
-      children: /*#__PURE__*/jsx("div", {
-        className: wcFunctionsText,
-        children: " Cache generieren"
-      })
-    })
-  });
-};
-var CreateCache$1 = observer(CreateCache);
-
-export { CreateCache$1 as default };

package/build/esm/index-c556b120.js

@@ -1,61 +0,0 @@
-import { s as styleInject } from './index-7a7f03dd.js';
-import 'react';
-import PlannerMsgContainer from './index-2782c9d7.js';
-import { 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 'mobx-react-lite';
-import 'classnames';
-import './index-e650ed1a.js';
-
-var wcPlannerMsgContainer = "wcPlanner_MsgContainer-2Gp-B";
-var wcPlannerInfoContainer = "wcPlanner_InfoContainer-Na2gn";
-var wcPlannerWarningContainer = "wcPlanner_WarningContainer-e7hQJ";
-var wcPlannerMsgImg = "wcPlanner_msgImg-LCgfN";
-var wcPlannerWarningImg = "wcPlanner_WarningImg-F3Se9";
-var wcPlannerMsgText = "wcPlanner_MsgText-5FGce";
-var landscape = "landscape-tKO32";
-var portrait = "portrait-jLDul";
-var wcPlannerWarningText = "wcPlanner_WarningText--s0rh";
-var wcPlannerInfoText = "wcPlanner_InfoText-xi8XR";
-var wcPlannerInfoContainerCollapsed = "wcPlanner_InfoContainerCollapsed-wxSqk";
-var wcPlannerMsgContainerParent = "wcPlanner_MsgContainerParent-ZouV8";
-var wcClose = "wcClose-S3om7";
-var wcCloseButton = "wcCloseButton-CHr90";
-var css_248z = ".wcPlanner_MsgContainer-2Gp-B {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  background-color: rgba(255, 255, 255, 0.9);\n  padding: 0.2rem;\n  padding-right: calc(1.2rem + 20px); /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */\n  animation: fadein-bDTPb 0.5s;\n}\n\n.wcPlanner_MsgContainer_Hide-0rGNa {\n  animation: cssAnimation-UJm2b 5s forwards;\n}\n\n.wcPlanner_InfoContainer-Na2gn {\n  float: left;\n  border: medium none currentColor;\n  border: initial;\n  box-shadow: 0 0 3px #ccc;\n}\n.wcPlanner_WarningContainer-e7hQJ {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.wcPlanner_msgImg-LCgfN {\n  background-image: none;\n}\n\n.wcPlanner_WarningImg-F3Se9 {\n  background-image: none;\n}\n.wcPlanner_MsgText-5FGce {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  -webkit-text-stroke: 0.3px;\n  max-height: 60px;\n  overflow: auto;\n}\n\n.landscape-tKO32 .wcPlanner_MsgText-5FGce,\n.portrait-jLDul .wcPlanner_MsgText-5FGce {\n  overflow: auto;\n}\n\n.wcPlanner_WarningText--s0rh {\n  color: var(--primaryColor);\n}\n.wcPlanner_InfoText-xi8XR {\n  color: black;\n}\n\n.wcPlanner_InfoContainerCollapsed-wxSqk {\n  width: 10px;\n}\n\n.wcPlanner_InfoContainerCollapsed-wxSqk .wcPlanner_InfoText-xi8XR {\n  display: none;\n}\n\n.wcPlanner_MsgContainerParent-ZouV8 {\n  position: absolute;\n  top: auto;\n  top: initial;\n  bottom: 5%;\n  left: 5%;\n  max-width: 70%;\n  left: 70px;\n\n  z-index: 500;\n}\n\n.landscape-tKO32.wcPlanner_MsgContainerParent-ZouV8,\n.portrait-jLDul.wcPlanner_MsgContainerParent-ZouV8 {\n  left: auto;\n  left: initial;\n  right: 5%;\n}\n\n.smv-thumbnails-qw8Ax .smv-selector-GOSiX[data-type='spin']:before {\n  background-color: rgba(128, 128, 128, 0.56);\n  background-image: url(https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.11.svg);\n}\n\n.wcPlanner_MsgContainerParent-ZouV8 .wcClose-S3om7 {\n  position: absolute;\n  color: #747474;\n  cursor: pointer;\n  top: 0px;\n  right: 0px;\n  height: 100%;\n  width: 35px;\n  background-color: rgba(240, 240, 240, 0.7);\n  transition: background-color 200ms linear;\n}\n\n.wcPlanner_InfoContainerCollapsed-wxSqk .wcClose-S3om7 {\n  transform: rotate(180deg);\n}\n\n.wcClose-S3om7:hover {\n  background-color: rgba(230, 230, 230, 0.7);\n}\n\n.wcCloseButton-CHr90 {\n  width: 0;\n  height: 0;\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent;\n  border-right: 7px solid #999999;\n  top: calc(50% - 7px);\n  left: calc(50% - 5px);\n  position: absolute;\n  transition: border-color 200ms linear;\n}\n\n.wcPlanner_MsgText-5FGce.wcPlanner_InfoText-xi8XR {\n  color: #828282;\n  font-size: 15px;\n  line-height: 20px;\n}\n\n.wcClose-S3om7:hover > .wcCloseButton-CHr90 {\n  border-right: 7px solid #222222;\n}\n\n.wcPlanner_MsgContainer-2Gp-B.wcPlanner_InfoContainer-Na2gn {\n  height: 64px;\n}\n\n.wcPlanner_MsgContainer-2Gp-B.wcPlanner_InfoContainer-Na2gn.wcPlanner_InfoContainerCollapsed-wxSqk {\n  padding-right: 1rem;\n}\n\n.landscape-tKO32 .wcPlanner_MsgContainer-2Gp-B {\n  padding: 0.2rem calc(1.2rem + 20px) 0.2rem 1.2rem;\n}\n\n.landscape-tKO32 .wcPlanner_MsgText-5FGce {\n  font-size: 15px;\n}\n\n@keyframes fadein-bDTPb {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Firefox < 16 */\n\n/* Safari, Chrome and Opera > 12.1 */\n\n/* Internet Explorer */\n\n/* Opera < 12.1 */\n@keyframes cssAnimation-UJm2b {\n  0% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 0.8;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n";
-styleInject(css_248z);
-
-var PlannerMsgContainerSimple = function PlannerMsgContainerSimple(props) {
-  return /*#__PURE__*/jsx(PlannerMsgContainer, {
-    wcPlannerMsgContainerParentClass: wcPlannerMsgContainerParent,
-    wcPlannerMsgContainerClass: wcPlannerMsgContainer,
-    wcPlannerWarningContainerClass: wcPlannerWarningContainer,
-    wcPlannerInfoContainerClass: wcPlannerInfoContainer,
-    wcPlannerInfoContainerCollapsedClass: wcPlannerInfoContainerCollapsed,
-    wcPlannerMsgImgClass: wcPlannerMsgImg,
-    wcPlannerMsgTextClass: wcPlannerMsgText,
-    wcPlannerWarningImgClass: wcPlannerWarningImg
-    //wcPlannerInfoImgClass={wcPlannerInfoImg}
-    ,
-    wcPlannerWarningTextClass: wcPlannerWarningText,
-    wcPlannerInfoTextClass: wcPlannerInfoText,
-    wcCloseClass: wcClose,
-    wcCloseButtonClass: wcCloseButton,
-    landscapeClass: landscape,
-    portraitClass: portrait,
-    expandedClass: ""
-  });
-};
-
-export { PlannerMsgContainerSimple as default };