@crystaldesign/diva-web-planner-react 24.11.0 → 24.11.1

package/build/esm/index-8959ce5c.js

@@ -0,0 +1,123 @@
+import { s as styleInject } from './index-6ae957da.js';
+import 'react';
+import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-705aae62.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-3b3e6bf7.js';
+import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-2c091791.js';
+import PlannerUI from './index-4b78f728.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+import './index-2c01799f.js';
+import './index-e9f67bad.js';
+import './index-2f937443.js';
+import './index-91f1ca86.js';
+import './index-ad84f0bd.js';
+import './index-feda1fee.js';
+import './index-5eeeb234.js';
+import './index-e2656e60.js';
+import './index-f4a39937.js';
+import './index-5e52d4a5.js';
+import './index-e4a6a703.js';
+import './index-fabbebaa.js';
+import './index-c64b0b97.js';
+import 'react-draggable';
+import './index-c9be2ebe.js';
+import './index-5a7d694a.js';
+import './index-f104bda6.js';
+
+var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-BQKmM";
+var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-m3--f";
+var wcBoxPlannerAddElementTop = "wcBoxPlanner_AddElementTop-33QOO";
+var wcBoxPlannerAddElementRight = "wcBoxPlanner_AddElementRight-j1vdU";
+var css_248z = ".wcBoxPlanner_AddElement-BQKmM {\n  border-radius: 0px !important;\n}\n\n.wcBoxPlanner_AddElement-BQKmM {\n  height: 50px;\n  width: 50px;\n  background-repeat: no-repeat;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: 20px;\n  background-position: left center;\n  position: absolute;\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n  margin-top: -50px;\n}\n\n.wcBoxPlanner_AddElementLeft-m3--f {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n  margin-left: -25px;\n}\n\n.wcBoxPlanner_AddElementTop-33QOO {\n  background-position: center center !important;\n}\n\n.wcBoxPlanner_AddElementTop-33QOO {\n  transform: rotate(90deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22white%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22  %2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBoxPlanner_AddElementRight-j1vdU {\n  margin-left: -15px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.0291 11.7193C13.3537 12.0501 13.516 12.2154 13.516 12.4198C13.516 12.6242 13.3537 12.7895 13.0291 13.1203L2.68029 23.6642C1.95226 24.4059 1.58825 24.7768 1.27743 24.6498C0.966613 24.5227 0.966613 24.0031 0.966613 22.9637L0.966614 1.87588C0.966614 0.836538 0.966614 0.316868 1.27743 0.18982C1.58825 0.0627725 1.95226 0.43365 2.68029 1.17541L13.0291 11.7193Z%22 fill%3D%22%234A4A4A%22 stroke%3D%22lightgrey%22 stroke-width%3D%220%2C5px%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+var StandardPlannerUI = function StandardPlannerUI() {
+  var _useDivaCore = useDivaCore(),
+    isMobile = _useDivaCore.state.dimensions.isMobile;
+  var plannerUIProps = {
+    classes: {
+      buttonGeneral: classnames(wcPlannerButton, isMobile ? mobile : undefined),
+      dockingPoint: {
+        AVL: {
+          avl: wcUi2DDpAvl,
+          avlSel: wcUi2DDpAvlSel
+        },
+        AVR: {
+          avr: wcUi2DDpAvr,
+          avrSel: wcUi2DDpAvrSel
+        },
+        DPACC: {
+          dp2DAccDocking: wcUi2DDpAvDocking,
+          dp2DAccNotDocking: wcUi2DDpAvNotDocking,
+          dp2DAccNotDockingSel: wcUi2DDpAvNotDockingSel,
+          dp3DAccDocking: wcUi3DDpAvDocking,
+          dp3DAccNotDocking: wcUi3DDpAvNotDocking,
+          dp3DAccNotDockingSel: wcUi3DDpAvNotDockingSel
+        }
+      },
+      copy: {
+        BoxPlannerCopy: {
+          copyGlobal: wcBoxPlannerAddElement,
+          copyLeft: wcBoxPlannerAddElementLeft,
+          copyTop: wcBoxPlannerAddElementTop,
+          copyRight: wcBoxPlannerAddElementRight
+        },
+        ElementCopy: wcUiCopy
+      },
+      outline: {
+        outline2D: {
+          draggable: wcUi2DOutlineDraggable,
+          draggableActive: wcUi2DOutlineDraggableActive,
+          selectable: wcUi2DOutlineSelectable
+        },
+        outline3D: {
+          outlineSVG: wc3DOutlineSvg,
+          outlinePolygon: wc3DOutlinePolygon,
+          outlinePolygonContours: wc3DOutlinePolygonContours,
+          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
+        }
+      },
+      posNr: {
+        posNr: wcPlannerPosNr,
+        posNrAcc: '',
+        posNrSelectable: wcPlannerPosNrSelectable,
+        posNrSelectableArea: wcPlannerPosNrSelectableArea,
+        posNrSelected: wcPlannerPosNrSelected,
+        posNrUnSelectable: wcPlannerPosNrUnSelectable,
+        posNrOnHover: wcPlannerPosNrOnHover
+      },
+      rotation: {
+        rotClock: wc2DRotClock,
+        rotCounterClock: wc2DRotCounterClock,
+        rot3DGrid: wcPlanner3DRot
+      },
+      move3DGrid: {
+        move3DGrid: wcPlanner3DMove
+      },
+      trash: wcUiDel,
+      dimension: {
+        distanceToGround: wcPlannerDistanceToGround,
+        distanceToGroundIcon: wcPlannerArrowDistanceToGround
+      }
+    }
+  };
+  return /*#__PURE__*/jsx(PlannerUI, {
+    plannerUIProps: plannerUIProps
+  });
+};
+
+export { StandardPlannerUI as default };

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

@@ -0,0 +1,64 @@
+import { s as styleInject } from './index-6ae957da.js';
+import 'react';
+import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
+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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+var container = "container-ebOfa";
+var title = "title--2-cN";
+var css_248z = ".container-ebOfa {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  margin-bottom: 3px;\n  background: rgba(242, 242, 242, 0.6);\n  padding-top: 5px;\n}\n\n.title--2-cN {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n";
+styleInject(css_248z);
+
+var Group = function Group(_ref) {
+  var group = _ref.group,
+    PaletteComponent = _ref.PaletteComponent,
+    paletteId = _ref.paletteId,
+    rowCount = _ref.rowCount,
+    paletteType = _ref.paletteType,
+    contentInnerClassName = _ref.contentInnerClassName;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var items = group.items;
+  var name = group.name !== 'none' ? group.name : t('configurator.other');
+  return /*#__PURE__*/jsx(Fragment, {
+    children: items.map(function (item, i) {
+      return /*#__PURE__*/jsxs("div", {
+        className: classnames(container, contentInnerClassName),
+        style: {
+          width: 'calc(' + 100 / rowCount + '%' + (i === 0 ? ' - 3px' : '') + ' - 5px)',
+          borderRadius: i === items.length - 1 && i === 0 ? '8px' : i === 0 ? '8px 0px 0px 8px' : i === items.length - 1 ? '0px 8px 8px 0px' : undefined,
+          marginLeft: i === 0 ? 3 : undefined,
+          paddingRight: '5px'
+        },
+        children: [/*#__PURE__*/jsx(PaletteComponent, {
+          paletteId: paletteId,
+          item: item,
+          paletteType: paletteType,
+          style: {
+            '--galleryItemRowCount': '1',
+            '--galleryItemRowCountSmall': '1',
+            paddingTop: 'unset'
+          }
+        }, i), /*#__PURE__*/jsx("span", {
+          className: title,
+          children: i === 0 ? name : ''
+        })]
+      });
+    })
+  });
+};
+
+export { Group as default };

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

@@ -0,0 +1,151 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-6ae957da.js';
+import SettingsHeader from './index-25afea80.js';
+import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
+import { useState, useEffect } from 'react';
+import Dropdown from 'react-dropdown';
+import MobileDropdown from './index-d574633d.js';
+import { observer } from 'mobx-react-lite';
+import InfoIcon from './index-f17aaae0.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/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';
+import './index-9f47aa87.js';
+import 'classnames';
+
+var wrapper = "wrapper-xpzd5";
+var wcDropDownSelect = "wcDropDownSelect-sB9TS";
+var dropDownArea = "dropDownArea-2LjDI";
+var image = "image-Ox-79";
+var css_248z = ".wrapper-xpzd5 {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.dropDownArea-2LjDI .deltaPrice-rxxE7 {\n  right: 16px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n";
+styleInject(css_248z);
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var DropDowmText = function DropDowmText(_ref) {
+  var _item$selectedElement;
+  var item = _ref.item,
+    paletteId = _ref.paletteId;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    isMobile = _useDivaCore.state.dimensions.isMobile;
+  var allItemsP = item.groups.flatMap(function (group) {
+    return group.items;
+  });
+  var allItems = allItemsP;
+  var sel = allItems.find(function (item) {
+    return item.sel;
+  });
+  var options = [];
+  var selOption = undefined;
+  var onChange = function onChange(val) {
+    setActValue(val.value);
+  };
+  var mobileOptions = [];
+  var selectedMobileOption = undefined;
+  var onChangeMobile = function onChangeMobile(e) {
+    setActValue(e.target.value);
+  };
+  var _useState = useState(sel === null || sel === void 0 ? void 0 : sel.text),
+    _useState2 = _slicedToArray(_useState, 2),
+    actValue = _useState2[0],
+    setActValue = _useState2[1];
+  useEffect(function () {
+    var val = allItems.find(function (item) {
+      return item.codex == actValue;
+    });
+    if (val) viewHandler.paletteViewHandler.clickedOnConfigPalette(val, undefined, paletteId);
+  }, [actValue]);
+  useEffect(function () {
+    if (viewHandler.uiState.configSettingsIsHidden) setActValue(undefined);
+  }, [viewHandler.uiState.configSettingsIsHidden]);
+  var _iterator = _createForOfIteratorHelper(allItems),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _item = _step.value;
+      mobileOptions.push({
+        text: _item.text,
+        codex: _item.codex,
+        price: _item.deltaPrice !== undefined && _item.deltaPrice !== 0 ? DivaUtils.formatPrice(Math.abs(_item.deltaPrice)) : undefined
+      });
+      var option = {
+        label: /*#__PURE__*/jsxs("div", {
+          children: [_item.text, _item.deltaPrice !== undefined && _item.deltaPrice !== 0 && /*#__PURE__*/jsx("span", {
+            children: (_item.deltaPrice > 0 ? ' + ' : ' - ') + DivaUtils.formatPrice(Math.abs(_item.deltaPrice))
+          })]
+        }),
+        text: _item.text,
+        value: _item.codex
+      };
+      if (_item.sel) {
+        selOption = option;
+        selectedMobileOption = _item.codex;
+      }
+      options.push(option);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var paletteIsLastPalette = false;
+  if (paletteId) {
+    var nextPalette = viewHandler.settingsState.itemPalettes.get(paletteId + 1);
+    if (!(nextPalette !== null && nextPalette !== void 0 && nextPalette.visible)) {
+      paletteIsLastPalette = true;
+    }
+  }
+  return /*#__PURE__*/jsxs("div", {
+    ref: function ref(_ref2) {
+      return item.htmlRef = _ref2;
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: wrapper,
+      children: [/*#__PURE__*/jsx(SettingsHeader, {
+        isInScroller: true,
+        isOpen: false,
+        isSettingsHeader: false,
+        item: item
+      }), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
+        item: item.selectedElements[0],
+        style: {
+          position: 'relative',
+          bottom: -16
+        }
+      })]
+    }), isMobile ? /*#__PURE__*/jsx(MobileDropdown, {
+      id: 'wcConfigurator-mobiledropdown-' + item.id,
+      onChange: onChangeMobile,
+      mobileOptions: mobileOptions,
+      selectedOption: selectedMobileOption
+    }) : /*#__PURE__*/jsx(Dropdown, {
+      className: 'wcConfigurator-dropdown-' + item.id,
+      controlClassName: wcDropDownSelect,
+      menuClassName: dropDownArea,
+      options: options,
+      value: selOption,
+      onChange: onChange
+    }), item.type == 'DROPDOWN_IMAGE' && (sel === null || sel === void 0 ? void 0 : sel.image) && /*#__PURE__*/jsx("img", {
+      className: image,
+      src: sel.image.replace('_gal.', '.')
+    }), paletteIsLastPalette && /*#__PURE__*/jsx("div", {
+      style: {
+        height: options.length * 32 + 10
+      }
+    })]
+  });
+};
+var index = observer(DropDowmText);
+
+export { index as default };

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

@@ -0,0 +1,49 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-6ae957da.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import ArticleOverview from './index-fec06618.js';
+import SVGViewer from './index-11de12a4.js';
+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';
+import './index.module-4e8e23b6.js';
+import './index.module-b8f75f3d.js';
+import 'classnames';
+import './index.module-179848d3.js';
+import 'react-collapsible';
+import './index-6d0beeaa.js';
+import './index.module-be5c78cf.js';
+import './index-60e2c940.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SVGAnalyser = function SVGAnalyser(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
+    className: props.className,
+    ChildComponent: SVGViewer,
+    settings: [{
+      key: 'SVGSOURCE',
+      name: 'SVG Source'
+    }, {
+      key: 'SVGOVERVIEW',
+      name: 'SVG Übersicht'
+    }],
+    title: 'SVG Übersicht'
+  }));
+};
+var SVGAnalyzer = observer(SVGAnalyser);
+
+export { SVGAnalyzer as default };

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

@@ -0,0 +1,53 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-6ae957da.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import { jsx, Fragment, jsxs } 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 doneBar = "doneBar-xosJY";
+var todoBar = "todoBar-sVQM-";
+var css_248z = ".doneBar-xosJY {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.todoBar-sVQM- {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\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 ProgressBar = function ProgressBar(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var lastStep = viewHandler.configuratorStructureHandler.lastConfigStep;
+  var currentStep = viewHandler.tabGroupState.curConfigStep;
+  if (!lastStep || !currentStep) return /*#__PURE__*/jsx(Fragment, {});
+  var current = currentStep.posNr - 1;
+  var total = lastStep.posNr - 1;
+  var doneInPercent = Math.round(current / total * 100);
+  var todoInPercent = 100 - doneInPercent;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: doneBar,
+      style: {
+        width: doneInPercent + '%'
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: todoBar,
+      style: {
+        width: todoInPercent + '%'
+      }
+    })]
+  }));
+};
+var ProgressBar$1 = observer(ProgressBar);
+
+export { ProgressBar$1 as default };

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

@@ -0,0 +1,78 @@
+import { s as styleInject } from './index-6ae957da.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import { jsx, jsxs, 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 row = "row-aKbIG";
+var rowPaddingTop = "row-padding-top-SRH2s";
+var rowPaddingTopArticle = "row-padding-top-article-Iwelk";
+var columnLeft = "column-left-jSCha";
+var columnRight = "column-right-rkkBn";
+var columnRightRed = "column-right-red-Lmt65";
+var columnOption = "column-option-2v7Hm";
+var columnPartlist = "column-partlist-0LS9Z";
+var codexes = "codexes--r2fL";
+var tabGroup = "tab-group-an6TP";
+var css_248z = ".row-aKbIG {\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  font-weight: 300;\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem;\n  display: flow-root;\n  color: #404040;\n}\n.row-padding-top-SRH2s {\n  padding-top: 8px;\n}\n\n.row-padding-top-article-Iwelk {\n  padding-top: 1rem;\n}\n\n.column-left-jSCha {\n  float: left;\n}\n.column-left-jSCha a {\n  color: var(--primaryColor);\n}\n.column-right-rkkBn {\n  float: right;\n  text-align: right;\n}\n\n.column-right-red-Lmt65 {\n  color: var(--primaryColor);\n}\n.column-option-2v7Hm {\n  font-size: 0.8125rem;\n  font-weight: normal;\n  line-height: 1.1;\n}\n.column-partlist-0LS9Z {\n  max-width: 70%;\n}\n\n.codexes--r2fL {\n  font-style: italic;\n}\n\n.tab-group-an6TP {\n  border-bottom: 1px solid var(--primaryColor);\n  font-size: 1.125rem;\n  margin: 1.5rem 0 0 0;\n  color: var(--primaryColor);\n  padding: 0;\n  text-align: left;\n  text-transform: capitalize;\n  font-weight: 300;\n}\n";
+styleInject(css_248z);
+
+var OptiontreeSerious = function OptiontreeSerious(_ref) {
+  var itemP = _ref.item;
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var item = itemP;
+  if (item.isTabGroup) {
+    return /*#__PURE__*/jsx("div", {
+      className: tabGroup,
+      children: item.title
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [item.isPartlistArticle && /*#__PURE__*/jsxs("div", {
+      className: classnames(row, rowPaddingTopArticle),
+      children: [/*#__PURE__*/jsx("span", {
+        className: classnames(columnPartlist, columnLeft),
+        children: item.title
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(columnRight),
+        children: (item.quantity && item.quantity > 1 ? '(x' + item.quantity + ') ' : '') + (!hidePrices && item.price ? DivaUtils.formatPrice(item.price) : '')
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(row, item.isPartlistArticle ? rowPaddingTop : undefined),
+      children: [/*#__PURE__*/jsxs("span", {
+        className: classnames(columnOption, columnLeft),
+        children: [item.isPartlistArticle && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("a", {
+            children: item.size && item.size !== '' ? t('configurator.size') : item.description
+          }), ": ", item.size]
+        }), !item.isPartlistArticle && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("a", {
+            children: item.title
+          }), item.description && ': ' + item.description]
+        })]
+      }), /*#__PURE__*/jsx("span", {
+        className: classnames(columnOption, columnRight, columnRightRed, codexes),
+        children: item.codex
+      })]
+    })]
+  });
+};
+var index = observer(OptiontreeSerious);
+
+export { index as default };

package/build/esm/index-9064f786.js

@@ -0,0 +1,78 @@
+import { s as styleInject, u as useViewHandler } from './index-6ae957da.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import Group from './index-8bc15033.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import StandradGroup from './index-5946e56c.js';
+import { jsx, jsxs, 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';
+import 'classnames';
+import './index-bd81394e.js';
+import 'react-collapsible';
+
+var container = "container-IOQq6";
+var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";
+styleInject(css_248z);
+
+var PaletteGroup = function PaletteGroup(_ref) {
+  var itemPalette = _ref.itemPalette,
+    groups = _ref.groups,
+    PaletteComponent = _ref.PaletteComponent,
+    contentInnerClassName = _ref.contentInnerClassName,
+    _ref$rowCount = _ref.rowCount,
+    rowCount = _ref$rowCount === void 0 ? 12 : _ref$rowCount;
+  var viewHandler = useViewHandler();
+  if (!viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(StandradGroup, {
+    contentInnerClassName: contentInnerClassName,
+    itemPalette: itemPalette,
+    groups: groups,
+    PaletteComponent: PaletteComponent,
+    rowCount: rowCount
+  });
+  var _useDivaCore = useDivaCore(),
+    width = _useDivaCore.state.dimensions.width;
+  var itemCount = 0;
+  if (width) while (width / rowCount < 60) {
+    rowCount = rowCount - 1;
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: container,
+    children: groups.map(function (group) {
+      var renderEmptyBox = false;
+      if (itemCount % rowCount === rowCount - 1 && group.items.length > 1) {
+        renderEmptyBox = true;
+        itemCount++;
+      }
+      itemCount = itemCount + group.items.length;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [renderEmptyBox && /*#__PURE__*/jsx("div", {
+          style: {
+            background: 'rgba(242, 242, 242, 0.6)',
+            width: 100 / rowCount + '%'
+          }
+        }), /*#__PURE__*/jsx(Group, {
+          PaletteComponent: PaletteComponent,
+          contentInnerClassName: contentInnerClassName,
+          paletteType: itemPalette.type,
+          group: group,
+          paletteId: itemPalette.id,
+          rowCount: rowCount
+        })]
+      });
+    })
+  });
+};
+var index = observer(PaletteGroup);
+
+export { index as default };

package/build/esm/index-91f1ca86.js

@@ -0,0 +1,48 @@
+import { a as usePlannerUIHandler } from './index-6ae957da.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 AVR = function AVR(_ref) {
+  var rect = _ref.rect,
+    item = _ref.item,
+    onElement = _ref.onElement,
+    plannerUIProps = _ref.plannerUIProps;
+  var plannerUIHandler = usePlannerUIHandler();
+  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
+  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
+  return /*#__PURE__*/jsx("div", {
+    ref: function ref(elem) {
+      return onElement(elem);
+    },
+    onClick: function onClick() {
+      var _item$clickFunction;
+      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
+    },
+    style: {
+      left: rect.left + 'px',
+      top: rect.top + 'px',
+      transform: 'rotate(' + rotation + 'deg)'
+    },
+    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
+    children: item.posNr
+  });
+};
+var AVR$1 = observer(AVR);
+
+export { AVR$1 as default };