@crystaldesign/diva-web-planner-react 25.11.0-rc.3 → 25.12.0-beta.2

package/build/esm/{index-f4e10566.js → index-9ea54599.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-7aa98516.js';
+import { u as useViewHandler } from './index-27b81e8a.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-fadc01c8.js';
-import IsActive from './index-49daecc8.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-3773458a.js';
+import IsActive from './index-d608b8e9.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-031f800a.js → index-a03fe5eb.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-7aa98516.js';
+import { u as useViewHandler } from './index-27b81e8a.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-0107e5f8.js';
-import { S as SettingsItem, c as collapsableInner } from './index-ebb5b8fd.js';
-import ShelfAccessoires from './index-bba7f2cf.js';
-import ShelfAccessoiresOld from './index-057da5b6.js';
-import GridList from './index-475fbd86.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-2161f971.js';
+import { S as SettingsItem, c as collapsableInner } from './index-46afd1d7.js';
+import ShelfAccessoires from './index-f64c9cde.js';
+import ShelfAccessoiresOld from './index-098229bc.js';
+import GridList from './index-6461279f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -25,74 +25,74 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'sift';
-import './index-79e7ff04.js';
-import './index-f9f817ce.js';
-import './index-df7ca349.js';
-import './index-4bada776.js';
-import './index-e2b074b0.js';
-import './index.module-1e702b69.js';
-import './index-b33a0b2b.js';
+import './index-5dd906a1.js';
+import './index-860f7a45.js';
+import './index-35d28204.js';
+import './index-f53e2a5d.js';
+import './index-76c62221.js';
+import './index.module-09444f53.js';
+import './index-cfb1a242.js';
 import 'react-switch';
-import './index-0ebd9a89.js';
-import './index-2cdf1bbb.js';
+import './index-8701e57c.js';
+import './index-4cc3d4b8.js';
 import 'react-countup';
-import './index-9e59be7a.js';
+import './index-159ae569.js';
 import 'react-dropdown';
-import './index-058d7e0a.js';
+import './index-8104c9a2.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4b340fa7.js';
-import './index-1b622452.js';
-import './index-aebe1eae.js';
+import './index-a0481bbe.js';
+import './index-9c57c5a3.js';
+import './index-12f0d4c7.js';
 import '@crystaldesign/content-box';
-import './index-20fc3882.js';
-import './index-c0a64ec9.js';
-import './index-7944e3ff.js';
-import './index-9d794ee3.js';
-import './index-f3f0e50e.js';
-import './index-ee22a00c.js';
-import './index-50a3c52d.js';
-import './index-79cc2844.js';
-import './index-45a22ff8.js';
+import './index-6ba0be86.js';
+import './index-fe868e0b.js';
+import './index-923e1df0.js';
+import './index-1c8a9a1c.js';
+import './index-9006f2d5.js';
+import './index-53b57469.js';
+import './index-9308c419.js';
+import './index-d9999f88.js';
+import './index-d9332172.js';
 import 'react-laag';
-import './index.module-06c014ac.js';
-import './index-49daecc8.js';
-import './index-97a02286.js';
-import './index-7ddce99f.js';
-import './index-75651796.js';
-import './index-e3d36350.js';
-import './index-f987a27c.js';
-import './index.module-fadc01c8.js';
-import './index-47fe448f.js';
-import './index-c9cb4505.js';
-import './index-73692ee4.js';
-import './index-eeb793f2.js';
-import './index-453b9c1c.js';
-import './index-0e8099ac.js';
-import './index-183f5870.js';
-import './index-45b166ae.js';
-import './index-65967b41.js';
-import './index-76280de2.js';
-import './index-02d004cc.js';
-import './index-276aa18a.js';
+import './index.module-692506ac.js';
+import './index-d608b8e9.js';
+import './index-3a4bbe45.js';
+import './index-d72005c0.js';
+import './index-5d6d23c3.js';
+import './index-afafffbc.js';
+import './index-f20137ff.js';
+import './index.module-3773458a.js';
+import './index-c909c178.js';
+import './index-fea7d555.js';
+import './index-dff175dc.js';
+import './index-ec208ef4.js';
+import './index-f4f6f69c.js';
+import './index-be24b5d3.js';
+import './index-00e2693c.js';
+import './index-85175cbf.js';
+import './index-03cdb2a4.js';
+import './index-b06bb52a.js';
+import './index-4f446e79.js';
+import './index-37aed965.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-014d9204.js';
+import './index-bb16e2dd.js';
 import 'rc-slider';
-import './index-363952a9.js';
-import './index-13842e99.js';
-import './index-a95f1f1d.js';
-import './index-59198d99.js';
+import './index-8e79c0b6.js';
+import './index-775b3202.js';
+import './index-5765f999.js';
+import './index-ec9c0c37.js';
 import 'react-confetti-explosion';
-import './index-e7b2c5c6.js';
-import './index-0ea1d1a5.js';
-import './index-c7704dd3.js';
+import './index-e8da0eaa.js';
+import './index-e26eda26.js';
+import './index-2abea2d1.js';
 import 'react-qr-code';
-import './index-fda2e50b.js';
-import './useCustomDimensions-aa547567.js';
-import './index-8b2e86e3.js';
-import './ussIsSticky-16f467e0.js';
+import './index-56dedad0.js';
+import './useCustomDimensions-ad6958b9.js';
+import './index-b5f1069b.js';
+import './ussIsSticky-51f9410b.js';
 import 'react-beautiful-dnd';
-import './index-e0a03a05.js';
+import './index-bcfbb316.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; }

package/build/esm/{index-4b340fa7.js → index-a0481bbe.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-1b622452.js';
+import Arrow from './index-9c57c5a3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7804d1f4.js → index-a06df693.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-9ebbfde9.js';
-import ProductCenter from './index-90032065.js';
-import ContentItemWrapper from './index-0cbf3615.js';
+import CheckoutFormNew from './index-95f9d43b.js';
+import ProductCenter from './index-28738e00.js';
+import ContentItemWrapper from './index-142d08ca.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,29 +22,29 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-b33a0b2b.js';
+import './index-cfb1a242.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-ae945bdb.js';
-import './index-740bfb22.js';
-import './index-59b3c7ca.js';
-import './index-e80e96d5.js';
-import './index.module-c6279e5b.js';
-import './index-3476761b.js';
-import './index-7437c6a5.js';
+import './index-1ecc373f.js';
+import './index-ad92ff4e.js';
+import './index-0dfecd88.js';
+import './index-11e2b1e4.js';
+import './index.module-02f17e09.js';
+import './index-adb8e535.js';
+import './index-6f57b73b.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-38f685d5.js';
-import './index-659d546c.js';
-import './index-a54113a0.js';
-import './index-d714210c.js';
-import './index-51413b0d.js';
-import './index-0ea1d1a5.js';
+import './index-597ef713.js';
+import './index-876988b9.js';
+import './index-6ddf6f8a.js';
+import './index-1391fdad.js';
+import './index-127db86f.js';
+import './index-e26eda26.js';
 import 'react-laag';
-import './index-c7704dd3.js';
+import './index-2abea2d1.js';
 import 'react-qr-code';
-import './index-fda2e50b.js';
-import './index-ea5c7b12.js';
-import './index-96438aa2.js';
+import './index-56dedad0.js';
+import './index-4ccb436f.js';
+import './index-c4994d3c.js';
 import '@crystaldesign/content-item';
 
 var arrow = "arrow-GTKSC";

package/build/esm/{index-c5a6e99e.js → index-a162896e.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-7aa98516.js';
+import { u as useViewHandler } from './index-27b81e8a.js';
 import { useState, useEffect } from 'react';
-import { w as wrapper } from './index.module-c4894c55.js';
+import { w as wrapper } from './index.module-17c0b2c9.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0cffa3f1.js → index-a51f9398.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-4db16106.js';
+import ToolContainer from './index-3710c95a.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,52 +21,51 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8995d629.js';
-import './index.module-3cb0d7fa.js';
-import './index-ae1d1f10.js';
-import './index-21a9a65f.js';
-import './index-7f31d2e0.js';
-import './index-eedbf870.js';
+import './index-0cc018e1.js';
+import './index.module-58220863.js';
+import './index-3496be79.js';
+import './index-c7bebbdc.js';
+import './index-8288dca7.js';
 import 'react-collapsible';
-import './index-2b5baa08.js';
-import './index-ec3e51b9.js';
-import './index.module-d75a22ee.js';
+import './index-ba6040d4.js';
+import './index-dacbe627.js';
+import './index.module-395d486b.js';
 import 'react-json-view-lite';
-import './react-json-viewer-4f0101a7.js';
-import './index-6a2bb743.js';
-import './index.module-589bb331.js';
-import './DecisionVizualizer-73f39470.js';
+import './react-json-viewer-67ed6942.js';
+import './index-5cf20e1e.js';
+import './index.module-07cdc951.js';
+import './DecisionVizualizer-7af1b0b7.js';
 import 'react-draggable';
-import './index-b33a0b2b.js';
+import './index-cfb1a242.js';
 import 'react-switch';
-import './index-7d29732e.js';
-import './index-2e674350.js';
-import './index-bb983ffe.js';
+import './index-cff6196e.js';
+import './index-59ad1a24.js';
+import './index-549e5e7e.js';
 import 'jsoneditor';
-import './index-93d3a717.js';
-import './index-9144d722.js';
-import './index-53f7030d.js';
-import './index-1469de4a.js';
-import './index-0838ba82.js';
-import './index-4f0c732e.js';
-import './index-ebe7bc07.js';
-import './index-52507acd.js';
-import './index.module-c4894c55.js';
+import './index-5dda14a7.js';
+import './index-854a5148.js';
+import './index-0b7b5a66.js';
+import './index-390e5e4a.js';
+import './index-4d5dc34e.js';
+import './index-3f1fdeb0.js';
+import './index-c0762fd3.js';
+import './index-5c707ebc.js';
+import './index.module-17c0b2c9.js';
 import 'react-select';
-import './index-c5a6e99e.js';
-import './index-3194bdea.js';
-import './index-df165c5c.js';
-import './index-5906f3a4.js';
-import './index-85a90296.js';
-import './index-93445800.js';
-import './index-2d37a555.js';
-import './index-ed6c63f4.js';
-import './index-6227f21f.js';
-import './CatalogProperties-f0797206.js';
-import './ArticleProperties-359091a3.js';
-import './OptionProperties-6546a1ca.js';
-import './OptionValueProperties-884db7fe.js';
-import './index-6565c3cb.js';
+import './index-a162896e.js';
+import './index-a5ed4863.js';
+import './index-04e54e13.js';
+import './index-21a6e4a2.js';
+import './index-b4976834.js';
+import './index-fd098d7b.js';
+import './index-9c9b37bc.js';
+import './index-8eb75e3f.js';
+import './index-6f10ef02.js';
+import './CatalogProperties-8cf43cee.js';
+import './ArticleProperties-70859e49.js';
+import './OptionProperties-0151558b.js';
+import './OptionValueProperties-68bffd50.js';
+import './index-133ea16c.js';
 
 var container = "container-43rJg";
 var item = "item-JRY9h";

package/build/esm/{index-3194bdea.js → index-a5ed4863.js}

@@ -4,15 +4,15 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-7aa98516.js';
+import { u as useViewHandler } from './index-27b81e8a.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-3cb0d7fa.js';
-import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-73f39470.js';
+import { n as notExpanded } from './index.module-58220863.js';
+import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-7af1b0b7.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-4f0101a7.js';
-import ArticleSelector from './index-df165c5c.js';
+import './react-json-viewer-67ed6942.js';
+import ArticleSelector from './index-04e54e13.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-f9b7f22b.js → index-a7f5b104.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-13df7a77.js → index-ab537ba6.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-7aa98516.js';
+import { s as styleInject } from './index-27b81e8a.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-0240a595.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-e1426b7f.js';
-import PlannerUI from './index-7f8eef38.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-b5c8243e.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-4df6176f.js';
+import PlannerUI from './index-c26e9cd0.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -22,23 +22,23 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-cb1be2f5.js';
-import './index-4435d174.js';
-import './index-f9dd823b.js';
-import './index-c95b00e0.js';
-import './index-6d3369bd.js';
-import './index-dc518765.js';
-import './index-ed449836.js';
-import './index-49c7466d.js';
-import './index-ba3f05b3.js';
-import './index-b25329e5.js';
-import './index-a28182df.js';
-import './index-a1d5d59a.js';
-import './index-1b2b1419.js';
+import './index-e7d050c9.js';
+import './index-6c6ee08f.js';
+import './index-74639272.js';
+import './index-ea1ddcf3.js';
+import './index-fa2b5077.js';
+import './index-be8553a7.js';
+import './index-071dfef3.js';
+import './index-1df920a6.js';
+import './index-436eb1b1.js';
+import './index-8ba5b066.js';
+import './index-8a640fd0.js';
+import './index-7b2250de.js';
+import './index-439a5b40.js';
 import 'react-draggable';
-import './index-d80fe341.js';
-import './index-f1393754.js';
-import './index-fbea9606.js';
+import './index-dfa01034.js';
+import './index-8ff2230f.js';
+import './index-1ddd7ac8.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/{index-740bfb22.js → index-ad92ff4e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-27b81e8a.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-9eda7a87.js → index-adb65055.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
 import Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-0ebd9a89.js';
+import InfoIcon from './index-8701e57c.js';
 import MarqueeText from 'react-marquee-text';
-import PricePreview from './index-2cdf1bbb.js';
+import PricePreview from './index-4cc3d4b8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3476761b.js → index-adb8e535.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-7aa98516.js';
+import { u as useViewHandler } from './index-27b81e8a.js';
 import 'react';
-import { g as wcPlanner3DGrid } from './index.module-c6279e5b.js';
+import { g as wcPlanner3DGrid } from './index.module-02f17e09.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e3d36350.js → index-afafffbc.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7aa98516.js';
+import './index-27b81e8a.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/index-b06bb52a.js

@@ -0,0 +1,66 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var wrapper = "wrapper-ME1ik";
+var articleItem = "article-item-QRsJ3";
+var mobile = "mobile-OaLLm";
+var tablet = "tablet--AXuC";
+var small = "small--NOHl";
+var plus = "plus-V8-nJ";
+var wcVCodexText = "wcVCodexText-cMG9N";
+var sel = "sel-F3oym";
+var imageWrapper = "imageWrapper-ZyJki";
+var wcImage = "wcImage-GmO2-";
+var titleWrapper = "titleWrapper-Ai4x0";
+var title = "title-mY2cN";
+var trashIcon = "trash-icon-vdYHe";
+var css_248z = "/*Size Normal */\n\n.wrapper-ME1ik {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.article-item-QRsJ3 {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .article-item-QRsJ3 {\n  width: 70px;\n}\n\n.small--NOHl.article-item-QRsJ3 {\n  width: 60px;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .small--NOHl.article-item-QRsJ3 {\n  width: 46px;\n}\n\n.plus-V8-nJ {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.mobile-OaLLm .plus-V8-nJ {\n  width: 28px;\n  height: 28px;\n}\n.tablet--AXuC .plus-V8-nJ {\n  width: 32px;\n  height: 32px;\n}\n.small--NOHl.plus-V8-nJ {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.mobile-OaLLm .small--NOHl.plus-V8-nJ {\n  width: 22px;\n  height: 22px;\n}\n.tablet--AXuC .small--NOHl.plus-V8-nJ {\n  width: 26px;\n  height: 26px;\n}\n\n.article-item-QRsJ3:active,\n.article-item-QRsJ3:hover,\n.plus-V8-nJ:hover,\n.plus-V8-nJ:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.article-item-QRsJ3:hover .wcVCodexText-cMG9N,\n.sel-F3oym .wcVCodexText-cMG9N {\n  display: block;\n}\n\n.imageWrapper-ZyJki {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki,\n.plus-V8-nJ.sel-F3oym:hover .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym.article-item-QRsJ3:hover .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-F3oym .imageWrapper-ZyJki,\n.small--NOHl.sel-F3oym .imageWrapper-ZyJki {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-GmO2- {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.plus-V8-nJ .imageWrapper-ZyJki {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.plus-V8-nJ .wcImage-GmO2- {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.sel-F3oym .wcImage-GmO2-,\n.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.plus-V8-nJ.sel-F3oym .wcImage-GmO2-,\n.plus-V8-nJ.small--NOHl.sel-F3oym .wcImage-GmO2- {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.titleWrapper-Ai4x0 {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  opacity: 0;\n  display: none;\n}\n\n.title-mY2cN {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .title-mY2cN {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.article-item-QRsJ3:hover .title-mY2cN,\n.article-item-QRsJ3:focus .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:hover .title-mY2cN,\n.small--NOHl .article-item-QRsJ3:focus .title-mY2cN {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.small--NOHl .title-mY2cN {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.small--NOHl .titleWrapper-Ai4x0 {\n  max-height: 14px;\n}\n\n.trash-icon-vdYHe {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .trash-icon-vdYHe {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.sel-F3oym .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.article-item-QRsJ3.small--NOHl .trash-icon-vdYHe {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wrapper-ME1ik:not(.mobile-OaLLm) .article-item-QRsJ3:hover .trash-icon-vdYHe,\n.wrapper-ME1ik:not(.mobile-OaLLm) .small--NOHl.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.mobile-OaLLm:not(.tablet--AXuC) .sel-F3oym.article-item-QRsJ3:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.trash-icon-vdYHe:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n";
+styleInject(css_248z);
+
+var addElementImage = "data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.1518%2021.4198C17.064%2021.4198%2021.8568%2016.627%2021.8568%2010.7148C21.8568%204.80262%2017.064%200.00982666%2011.1518%200.00982666C5.23957%200.00982666%200.446777%204.80262%200.446777%2010.7148C0.446777%2016.627%205.23957%2021.4198%2011.1518%2021.4198Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%3Cpath%20d%3D%22M11.2469%205.00983V16.6098%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.44678%2010.8097H17.0468%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E";
+
+var AddElement = function AddElement(_ref) {
+  var _viewHandler$settings;
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var isSelected = ((_viewHandler$settings = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.mode) == 'add' || Object.keys(viewHandler.settingsState.articleInfos).length == 0;
+  var onClick = function onClick() {
+    var elements = viewHandler.paletteViewHandler.planner2Dot0Items.getAllItems();
+    var incompleteElement = elements.find(function (p) {
+      return p.incomplete;
+    });
+    var selectedElement = elements.find(function (p) {
+      var _viewHandler$settings2;
+      return p.basketId == ((_viewHandler$settings2 = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.basketId);
+    });
+    viewHandler.paletteViewHandler.elementOverviewSelectionChanged(true, incompleteElement, selectedElement, 'add');
+    if ((incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id) === undefined) viewHandler.viewPlannerHandler.onClearElementSelection();else viewHandler.viewPlannerHandler.onElementSelected(incompleteElement.setId, incompleteElement === null || incompleteElement === void 0 ? void 0 : incompleteElement.id);
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(wrapper, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
+    children: /*#__PURE__*/jsx("div", {
+      id: 'add',
+      className: classnames(plus, viewHandler.settingsState.isScrollingDown ? small : undefined, isSelected ? sel : undefined),
+      onClick: onClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(imageWrapper),
+        children: /*#__PURE__*/jsx("img", {
+          className: classnames(wcImage),
+          src: addElementImage
+        })
+      })
+    })
+  });
+};
+var AddElement$1 = observer(AddElement);
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': AddElement$1
+});
+
+export { AddElement$1 as A, articleItem as a, sel as b, wcVCodexText as c, wcImage as d, titleWrapper as e, title as f, trashIcon as g, index as h, imageWrapper as i, mobile as m, small as s, tablet as t, wrapper as w };

package/build/esm/{index-916d72c4.js → index-b075b194.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import Toggle from './index-b33a0b2b.js';
+import Toggle from './index-cfb1a242.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-83f8b64e.js → index-b2e46893.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7aa98516.js';
+import './index-27b81e8a.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-89b74033.js → index-b3082f1b.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-7aa98516.js';
+import { s as styleInject } from './index-27b81e8a.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-61c69668.js';
+import Item from './index-6689313b.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,10 +21,10 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-97a02286.js';
-import './index-2cdf1bbb.js';
+import './index-3a4bbe45.js';
+import './index-4cc3d4b8.js';
 import 'react-countup';
-import './index-0e8099ac.js';
+import './index-be24b5d3.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-dcbc95a8.js → index-b3d9d29c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, b, _ as _onClickCheckout, I as Icon } from './index-7aa98516.js';
+import { s as styleInject, u as useViewHandler, e as evalVisible, b, _ as _onClickCheckout, I as Icon } from './index-27b81e8a.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';