@crystaldesign/diva-web-planner-react 24.12.0 → 24.12.1

package/build/esm/index-833923be.js

@@ -1,39 +0,0 @@
-import './index-82b234eb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-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 BoxCopy = function BoxCopy(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps,
-    invertLeftRight = _ref.invertLeftRight;
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.type == 'BoxCopyLeft' ? 'LEFT' : item.type == 'BoxCopyRight' ? 'RIGHT' : item.type == 'BoxCopyTop' ? 'TOP' : 'STD');
-    },
-    style: {
-      left: rect.left + '%',
-      top: 100 - rect.top + '%'
-    },
-    className: classnames(plannerUIProps.classes.copy.BoxPlannerCopy.copyGlobal, item.type == 'BoxCopyLeft' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : undefined, item.type == 'BoxCopyTop' ? plannerUIProps.classes.copy.BoxPlannerCopy.copyTop : undefined, item.type == 'BoxCopyRight' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : undefined)
-  });
-};
-var BoxCopy$1 = observer(BoxCopy);
-
-export { BoxCopy$1 as default };

package/build/esm/index-85d8da27.js

@@ -1,156 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-82b234eb.js';
-import { toJS } from 'mobx';
-import { useState } from 'react';
-import { h as header } from './index.module-0498c63f.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-c8c7a237.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { n as notExpanded } from './index.module-0d920fdd.js';
-import Collapsible from 'react-collapsible';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 '@crystaldesign/web-planner-logic';
-
-var arrow = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C0h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon%20points%3D%226.23%2C20.23%208%2C22%2018%2C12%208%2C2%206.23%2C3.77%2014.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-
-var _excluded = ["settings", "title", "ChildComponent"];
-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 ArticleOverview = function ArticleOverview(_ref) {
-  var _viewHandler$divaWebP;
-  var settings = _ref.settings,
-    title = _ref.title,
-    ChildComponent = _ref.ChildComponent,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  viewHandler.tabGroupState.allTabGroups;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    jsonSize = _useState2[0],
-    setJsonSize = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedBox = _useState4[0],
-    setSelectedBox = _useState4[1];
-  var _useState5 = useState(settings[0].key),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedJson = _useState6[0],
-    setSelectedJson = _useState6[1];
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.configTree;
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded);
-  var filteredArticles = articles.filter(function (article) {
-    return article.hasCatalogPlannerArticle;
-  });
-  var plannerArticles = filteredArticles.map(function (article) {
-    return article.catalogArticle.catalogPlannerArticle;
-  });
-  var CollapsibleProps = {
-    open: true,
-    easing: 'ease-in',
-    transitionTime: 200
-  };
-  var json = {};
-  if (selectedJson === 'OPTIONSTATES') {
-    var variantValues = articles.map(function (article) {
-      return article.VariantValues;
-    });
-    json = variantValues[selectedBox];
-  }
-  if (selectedJson === 'DECISIONS') {
-    json = JSON.parse(JSON.stringify(toJS(articles.map(function (article) {
-      return article.decisions;
-    }))));
-  }
-  if (selectedJson === 'CONFIGTREE') {
-    json = {}; //JSON.parse(JSON.stringify(configTree));
-  }
-  if (selectedJson === 'J3D') {
-    var _articles$selectedBox, _articles$selectedBox2;
-    json = articles !== null && articles !== void 0 && (_articles$selectedBox = articles[selectedBox]) !== null && _articles$selectedBox !== void 0 && _articles$selectedBox.j3D ? JSON.parse(JSON.stringify(articles === null || articles === void 0 || (_articles$selectedBox2 = articles[selectedBox]) === null || _articles$selectedBox2 === void 0 ? void 0 : _articles$selectedBox2.j3D)) : {};
-  }
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: title
-      }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-        trigger: /*#__PURE__*/jsx("div", {
-          className: collapsibleHeader,
-          children: /*#__PURE__*/jsx("img", {
-            src: arrow,
-            className: dpArrow
-          })
-        }),
-        onClose: function onClose() {
-          return setJsonSize(!jsonSize);
-        },
-        onOpen: function onOpen() {
-          return setJsonSize(!jsonSize);
-        },
-        triggerWhenOpen: /*#__PURE__*/jsxs("div", {
-          className: collapsibleHeader,
-          children: [" ", /*#__PURE__*/jsx("img", {
-            src: arrow,
-            className: dArrow
-          })]
-        })
-      }, CollapsibleProps), {}, {
-        children: /*#__PURE__*/jsx("div", {
-          className: boxes,
-          children: articles.map(function (article, index) {
-            return /*#__PURE__*/jsxs("div", {
-              className: classnames(box, index === selectedBox ? boxSelected : undefined),
-              onClick: function onClick() {
-                setSelectedBox(index);
-              },
-              children: [/*#__PURE__*/jsx("img", {
-                src: article.imageUrl,
-                className: boxImage
-              }), /*#__PURE__*/jsx("p", {
-                children: article.posNr
-              }), /*#__PURE__*/jsx("p", {
-                children: article.name
-              }), /*#__PURE__*/jsx("p", {
-                children: article.basketId
-              })]
-            }, article.basketId);
-          })
-        })
-      })), /*#__PURE__*/jsx("div", {
-        className: jsonSelection,
-        children: settings.map(function (setting, index) {
-          return /*#__PURE__*/jsx("button", {
-            onClick: function onClick() {
-              return setSelectedJson(setting.key);
-            },
-            className: selectedJson === setting.key ? jsonSelected : undefined,
-            children: setting.name
-          }, setting.key);
-        })
-      }), /*#__PURE__*/jsx(ChildComponent, _objectSpread(_objectSpread({}, props), {}, {
-        json: json,
-        selectedJson: selectedJson,
-        isExpanded: jsonSize,
-        plannerArticles: plannerArticles,
-        curBox: selectedBox,
-        divaArticles: articles
-      }))]
-    }))
-  });
-};
-var ArticleOverview$1 = observer(ArticleOverview);
-
-export { ArticleOverview$1 as default };

package/build/esm/index-85eeae62.js

@@ -1,91 +0,0 @@
-import { u as useViewHandler } from './index-82b234eb.js';
-import 'react';
-import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-2898a14f.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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-import 'classnames';
-import 'react-switch';
-
-var Varaint = function Varaint(_ref) {
-  var _item$variantValues;
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    style: {
-      userSelect: 'unset',
-      display: 'flex',
-      flexDirection: 'row',
-      gap: 20,
-      alignItems: 'center',
-      borderBottom: '1px solid grey',
-      justifyContent: 'space-between',
-      padding: 10
-    },
-    children: [/*#__PURE__*/jsx("button", {
-      onClick: item.onClick,
-      children: "konfigurieren"
-    }), /*#__PURE__*/jsx("div", {
-      children: item.index
-    }), (_item$variantValues = item.variantValues) === null || _item$variantValues === void 0 ? void 0 : _item$variantValues.map(function (item) {
-      return /*#__PURE__*/jsxs("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: 10
-        },
-        children: [item.optionValueImage && /*#__PURE__*/jsx("img", {
-          src: item.optionValueImage,
-          style: {
-            height: 40
-          }
-        }), /*#__PURE__*/jsxs("div", {
-          style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 5,
-            width: '150px'
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            children: item.optionName
-          }), /*#__PURE__*/jsx("div", {
-            children: item.optionValueName
-          })]
-        })]
-      }, item.opt);
-    }), /*#__PURE__*/jsx("div", {
-      children: item.title
-    }), /*#__PURE__*/jsx("div", {
-      children: DivaUtils.formatPrice(item.price)
-    }), /*#__PURE__*/jsx("div", {
-      style: {
-        alignSelf: 'flex-end'
-      },
-      children: /*#__PURE__*/jsx(Toggle, {
-        height: 32,
-        handleDiameter: 22,
-        width: 60,
-        onChange: function onChange() {
-          item.onToggle();
-          viewHandler.paletteViewHandler.updateCurPaletteData(true);
-        },
-        state: !item.disabled
-      })
-    })]
-  }, item.hash);
-};
-
-export { Varaint as default };

package/build/esm/index-87a4c482.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-82b234eb.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-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';
-
-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 ProductHeader = function ProductHeader(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductHeader/ProductHeader"
-  }));
-};
-
-export { ProductHeader as default };

package/build/esm/index-893d62e4.js

@@ -1,37 +0,0 @@
-import './index-82b234eb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-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 DistanceToGround = function DistanceToGround(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      left: item.position.x + '%',
-      top: 100 - item.position.y + '%'
-    },
-    id: "distanceToGround",
-    className: classnames(plannerUIProps.classes.dimension.distanceToGround),
-    children: /*#__PURE__*/jsx("div", {
-      children: item.dimensionVal + ' cm'
-    })
-  });
-};
-var DistanceToGround$1 = observer(DistanceToGround);
-
-export { DistanceToGround$1 as default };

package/build/esm/index-897a3b94.js

@@ -1,187 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-82b234eb.js';
-import { useEffect } from 'react';
-import Inputbox from './index-918cf665.js';
-import Settings from './index-9cc24ffe.js';
-import TabGroup from './index-ed1dfe8f.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import Toolbar from './index-fda5aa1a.js';
-import NavigationButtons from './index-16326f1f.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 '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-be97dc66.js';
-import './index-5ef465ec.js';
-import './index-a900a9f4.js';
-import './index-4750b230.js';
-import './index-3300a404.js';
-import 'react-laag';
-import './index-da76ce65.js';
-import './index-4ed65200.js';
-import './index-b634bb8e.js';
-import 'sift';
-import './index-2f30ff1d.js';
-import './index-5bae235d.js';
-import './index-030d6fcd.js';
-import './index-be3a87d3.js';
-import './index.module-4f96af8e.js';
-import './index-2898a14f.js';
-import 'react-switch';
-import './index-c601b033.js';
-import './index-c861cb31.js';
-import 'react-dropdown';
-import './index-13f1f5b0.js';
-import './index-d7479f3c.js';
-import './index-a04783a4.js';
-import './index-59e479c5.js';
-import '@crystaldesign/content-box';
-import './index-232a731f.js';
-import './index-6b58937c.js';
-import './index-67f0fe24.js';
-import './index-60c2c268.js';
-import './index-3dffe84d.js';
-import '@crystaldesign/products-component';
-import './index-385176f0.js';
-import './index-483c5d4c.js';
-import './index-a498b057.js';
-import './index-c4ab8372.js';
-import './index-d2781c72.js';
-import './index-686a9fdf.js';
-import './index-21fc85fa.js';
-import './index-e18a4e2d.js';
-import './index-80e6b2c2.js';
-import './index-25cbbb4b.js';
-import './index-b8e4c2f9.js';
-import './index-cd5168d6.js';
-import './index-40bbd33e.js';
-import './index.module-a25905dc.js';
-import './index-e5012405.js';
-import './index-9e21bc31.js';
-import './index-dd31fee0.js';
-import './index-4246babd.js';
-import './index-a77ba2db.js';
-import './index-85eeae62.js';
-import './index-ac4ea494.js';
-import './index.module-1821c5dc.js';
-import './index-fc6ff2df.js';
-import './index-c9dae445.js';
-import './index-c81d8696.js';
-import './index-aaab070d.js';
-import './index-68351868.js';
-import './index-6e16c5f1.js';
-import './index-681388a3.js';
-import './index-b660279d.js';
-import './index-544738d4.js';
-import './index-fe251649.js';
-import './index.module-0d920fdd.js';
-import './index-482f4413.js';
-import './index-67509f43.js';
-import './index-bb8e2de3.js';
-import 'react-collapsible';
-import './index-da200df7.js';
-import './index-a51e52f7.js';
-import './index.module-c8c7a237.js';
-import 'react-json-view';
-import './index-958c0838.js';
-import './index.module-0498c63f.js';
-import './index-c38fb079.js';
-import 'jsoneditor';
-import './index-04eaef54.js';
-import './index-85d8da27.js';
-import './index-10eb4c9f.js';
-import './index-19d7459d.js';
-import './index-e0199350.js';
-import './index.module-f47f9e1a.js';
-import './index-1a09ef99.js';
-import './index-0b53073f.js';
-import './index-162653a9.js';
-import './index-5875b6d8.js';
-import './index.module-5c7c3216.js';
-import './index-c634a2ef.js';
-import './index-a74912e1.js';
-import './index-aa8fd161.js';
-import './index-f96aa33e.js';
-import './index-e655889b.js';
-import './index-d46788b9.js';
-import './index-320b46fd.js';
-import './CatalogProperties-c033805c.js';
-import './ArticleProperties-0d96db30.js';
-import './OptionProperties-0b133322.js';
-import './OptionValueProperties-50d657c1.js';
-import 'react-select';
-
-var wcConfigurator = "wcConfigurator-XqlAg";
-var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
-var mobile = "mobile-PPTgR";
-var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
-var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n";
-styleInject(css_248z);
-
-var Wysiwyg = function Wysiwyg(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: classnames(wcConfigurator, viewHandler.getIsInMobileView() ? mobile : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions,
-        showBackButtonText: true
-      }), /*#__PURE__*/jsx(Toolbar, {})]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--thirdColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Wysiwyg);
-
-export { cssVariables, index as default };

package/build/esm/index-8e71682b.js

@@ -1,40 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-82b234eb.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var logo = "logo-h99KB";
-var mobile = "mobile-W86xf";
-var hidden = "hidden-uMA1f";
-var notHidden = "not-hidden-88ft-";
-var landscape = "landscape-gPEyU";
-var css_248z = ".logo-h99KB {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.mobile-W86xf {\n  right: auto;\n  right: initial;\n  left: 0px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.hidden-uMA1f {\n  opacity: 0;\n}\n\n.not-hidden-88ft- {\n  transition: opacity 0.5s;\n}\n\n.landscape-gPEyU.logo-h99KB {\n  opacity: 0;\n}\n";
-styleInject(css_248z);
-
-var Logo = function Logo(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    logoUrl = _useDivaCore.state.organization.logoUrl;
-  if (!viewHandler.uiState.isInMobileView && !viewHandler.uiState.ViewConfig.showLogoInProductDesktop || !viewHandler.uiState.ViewConfig.showLogoInProduct || !logoUrl) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("img", {
-    className: classnames(logo, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.productState.orbitHidden ? notHidden : hidden, viewHandler.uiState.isMobileLandscape ? landscape : undefined),
-    src: logoUrl
-  });
-};
-var Logo$1 = observer(Logo);
-
-export { Logo$1 as default };

package/build/esm/index-90fdb2ee.js

@@ -1,35 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-82b234eb.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-2b820473.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-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 font = "font-pqTkf";
-var css_248z = ".font-pqTkf {\n  font-weight: 300;\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 ActionNavigationBlue = function ActionNavigationBlue(props) {
-  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
-    showNextButtonIcon: true,
-    className: classnames(font, props.className)
-  }));
-};
-var index = observer(ActionNavigationBlue);
-
-export { index as default };