@crystaldesign/diva-web-planner-react 25.9.0-beta.36 → 25.9.0-beta.38

package/build/esm/index-ae66da16.js

@@ -0,0 +1,68 @@
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var paletteItem = "palette-item-nXICy";
+var imageWrapper = "imageWrapper--38qX";
+var sel = "sel-wpwWJ";
+var imageBackground = "imageBackground-qOQQh";
+var wcImage = "wcImage-e8f7s";
+var title = "title-63pJt";
+var textHover = "textHover-nhN12";
+var css_248z = "/*Size Normal */\n\n.palette-item-nXICy {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.palette-item-nXICy:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.palette-item-nXICy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\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}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .palette-item-nXICy {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
+styleInject(css_248z);
+
+var Room = function Room(_ref) {
+  var itemP = _ref.item,
+    from = _ref.from;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx("div", {
+    className: paletteItem,
+    onClick: function onClick() {
+      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
+    },
+    children: /*#__PURE__*/jsx("div", {
+      className: classnames(item.sel ? sel : undefined),
+      children: /*#__PURE__*/jsxs("div", {
+        className: classnames(imageWrapper),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(imageBackground),
+          children: /*#__PURE__*/jsx("div", {
+            className: wcImage,
+            style: {
+              backgroundImage: "url(".concat(item.url, ")")
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(title, !item.url ? textHover : undefined),
+          children: t('configurator.' + item.N)
+        })]
+      })
+    })
+  });
+};
+var RoomSerious = observer(Room);
+
+export { RoomSerious as default };

package/build/esm/{index-08a033d0.js → index-ae7905d8.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-6841f22b.js';
+import { s as styleInject } from './index-c865c45c.js';
 import 'react';
-import SettingsItemHeader from './index-d1e6d098.js';
+import SettingsItemHeader from './index-b651b295.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,29 +22,29 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-2788d555.js';
-import './index-49db189e.js';
-import './index-4d82d57b.js';
+import './index-02f17e02.js';
+import './index-411da277.js';
+import './index-aea14c06.js';
 import 'react-dropdown';
-import './index-6b2f23e9.js';
-import './index-1e8ccdc0.js';
+import './index-e0464388.js';
+import './index-a4b9d298.js';
 import '@crystaldesign/content-box';
-import './index-5a4cb59f.js';
-import './index-476fc243.js';
-import './index-dadf5d73.js';
-import './index-bcce267f.js';
+import './index-a0abf287.js';
+import './index-9d9ba399.js';
+import './index-9b0d35a6.js';
+import './index-2f696b58.js';
 import 'react-switch';
-import './index-e65352bc.js';
-import './index-26b8a919.js';
-import './index-496b1fad.js';
-import './index-b67db79f.js';
-import './index-ae2b2848.js';
-import './index-a7163d17.js';
+import './index-3629f103.js';
+import './index-ac908a9f.js';
+import './index-5d1e20f7.js';
+import './index-02cb24ea.js';
+import './index-f0ed4f76.js';
+import './index-52322b19.js';
 import 'react-laag';
-import './index-dee7a6b0.js';
-import './index-c2a7570b.js';
-import './index-28da97c8.js';
-import './index-5c8012e3.js';
+import './index-7e2d1d67.js';
+import './index-9b04aa68.js';
+import './index-8199846d.js';
+import './index-9aa789de.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-4d82d57b.js → index-aea14c06.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-6b2f23e9.js';
+import Arrow from './index-e0464388.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f69e1ddd.js → index-aec1670c.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6841f22b.js';
+import './index-c865c45c.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-08e585ca.js → index-afd675b0.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-17b75f05.js';
-import Product from './index-eda17eda.js';
-import Settings from './index-ee6861ac.js';
-import NavigationButtons from './index-1e9768b4.js';
-import BasketAction from './index-cddbbefc.js';
-import TabGroup from './index-e4f0fa3e.js';
+import Inputbox from './index-b6d2b504.js';
+import Product from './index-7f9af290.js';
+import Settings from './index-969609e1.js';
+import NavigationButtons from './index-4598369e.js';
+import BasketAction from './index-fab5ea6e.js';
+import TabGroup from './index-03229325.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-2940812f.js';
+import BarrierActions from './index-1fae49b8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,65 +28,76 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4a42433b.js';
-import './index-16b5491f.js';
-import './index-b65ce0f8.js';
-import './index-d8635afd.js';
-import './index-71d66ebe.js';
+import './index-8da1340b.js';
+import './index-01d56e61.js';
+import './index-315a2822.js';
+import './index-e8534c93.js';
+import './index-ee4f4e8b.js';
 import 'react-laag';
-import './index-0fbc1c32.js';
-import './index-2ef3d030.js';
-import './index-0e7ad425.js';
+import './index-e19b9fae.js';
+import './index-1fd43a3f.js';
+import './index-68f5a678.js';
 import 'sift';
-import './index-c451eea1.js';
-import './index-2830c31f.js';
-import './index-d568c40d.js';
-import './index-bc18940a.js';
-import './index.module-2f31192c.js';
-import './index-bcce267f.js';
+import './index-f6ab8256.js';
+import './index-6a301432.js';
+import './index-fa721d4c.js';
+import './index-ca8976ce.js';
+import './index.module-fb81d19e.js';
+import './index-2f696b58.js';
 import 'react-switch';
-import './index-5c8012e3.js';
-import './index-c2a7570b.js';
-import './index-994bb529.js';
+import './index-9aa789de.js';
+import './index-9b04aa68.js';
+import './index-0ab00373.js';
 import 'react-dropdown';
-import './index-49db189e.js';
-import './index-4d82d57b.js';
-import './index-6b2f23e9.js';
-import './index-1e8ccdc0.js';
+import './index-411da277.js';
+import './index-aea14c06.js';
+import './index-e0464388.js';
+import './index-a4b9d298.js';
 import '@crystaldesign/content-box';
-import './index-5a4cb59f.js';
-import './index-476fc243.js';
-import './index-e956454d.js';
-import './index-8cc17bdc.js';
-import './index-c565b5de.js';
-import './index-42e65178.js';
-import './index-28da97c8.js';
-import './index-dee7a6b0.js';
-import './index-d5164f7b.js';
-import './index-872bf46e.js';
-import './index-a43ecf8c.js';
-import './index-4ba1973b.js';
-import './index-1ed5a5da.js';
-import './index-e6e5ae0d.js';
-import './index-5e833378.js';
-import './index-e8964725.js';
-import './index.module-a4dc5263.js';
-import './index-79f7c9a0.js';
-import './index-43db59d4.js';
-import './index-bd8192c3.js';
-import './index-807d74ab.js';
-import './index-8e14b0cc.js';
-import './index-9822dcf8.js';
-import './index-1cadfd6e.js';
-import './index.module-2e04865b.js';
-import './index-2e2b7194.js';
-import './index-48ddfe28.js';
-import './index-0256a488.js';
-import './index-5d716ecd.js';
-import './index-8ca7eed1.js';
-import './index-26948783.js';
-import './index-50773b2f.js';
-import './index-40f08dc3.js';
+import './index-a0abf287.js';
+import './index-9d9ba399.js';
+import './index-ac753687.js';
+import './index-69c1892b.js';
+import './index-b41e4384.js';
+import './index-9fd682f4.js';
+import './index-e3b77516.js';
+import './index-47b4d332.js';
+import './index-d39569c0.js';
+import './index-ed2ede45.js';
+import './index-deafba57.js';
+import './index-ed126b5c.js';
+import './index-72bb0098.js';
+import './index.module-fbb370f5.js';
+import './index-e58bcb7d.js';
+import './index-60d12706.js';
+import './index-2ecb7d0e.js';
+import './index-0261c43b.js';
+import './index-43a7d281.js';
+import './index-710af8bc.js';
+import './index-47e2528f.js';
+import './index.module-6b653c0b.js';
+import './index-7e2d1d67.js';
+import './index-8199846d.js';
+import './index-f66fd8d3.js';
+import './index-e25b4d48.js';
+import './index-45f3830e.js';
+import './index-b41a0d70.js';
+import './index-1d95eb5d.js';
+import './index-f942bdcc.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './index-9d995758.js';
+import 'rc-slider/assets/index.css';
+import '@crystaldesign/diva-web-planner-react/model';
+import 'rc-slider';
+import './index-9ae5aade.js';
+import './index-b7330036.js';
+import './index-de8d11a9.js';
+import './index-2a6a09c4.js';
+import './index-0d2c5b12.js';
+import './index-886159dc.js';
+import './index-64a6fd63.js';
+import './index-1825c67a.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-8e26419c.js → index-b0812731.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-ea8455a6.js → index-b246ac6d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/index-b41a0d70.js

@@ -0,0 +1,65 @@
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.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 small = "small--NOHl";
+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 wcArticleSize = "wcArticleSize-Ma3pu";
+var paddingTop = "padding-top-Rwx6A";
+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}\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: 100px;\n  margin-top: 6px;\n}\n\n.small--NOHl.article-item-QRsJ3 {\n  width: 70px;\n}\n\n.article-item-QRsJ3:active,\n.article-item-QRsJ3:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-cMG9N {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\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: 6px;\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  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.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: 6px;\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}\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.hexColor-kfIxM {\n  width: 80px;\n  height: 80px;\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}\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.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  height: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n/* Size Small */\n\n.small--NOHl .wcVCodexText-cMG9N {\n  font-size: 12px;\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/* Size very Small */\n\n.very-small-0dYha .wcVCodexText-cMG9N {\n  font-size: 10px;\n}\n\n.very-small-0dYha .title-mY2cN {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.very-small-0dYha .titleWrapper-Ai4x0 {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.big-XPQJJ .wcVCodexText-cMG9N {\n  font-size: 15px;\n}\n\n.big-XPQJJ .title-mY2cN {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.article-item-QRsJ3 .wcArticleSize-Ma3pu {\n  bottom: 0px;\n  padding-bottom: 4px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\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: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n  opacity: 1;\n}\n\n.sel-F3oym .wcArticleSize-Ma3pu {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n\n.small--NOHl .wcArticleSize-Ma3pu {\n  opacity: 0;\n}\n\n.padding-top-Rwx6A {\n  padding-top: 16px;\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  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2221%22 viewBox%3D%220 0 16 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M15.2784 3.0226H10.9717V2.08029C10.9717 1.35784 10.4151 0.72963 9.71198 0.72963H6.78229C6.10846 0.72963 5.52252 1.32643 5.52252 2.08029V3.0226H1.21588C0.981506 3.0226 0.776428 3.24248 0.776428 3.49376C0.776428 3.74505 0.981506 3.96492 1.21588 3.96492H2.18268V17.7542C2.18268 19.0734 3.17877 20.11 4.37994 20.11H12.1436C13.3741 20.11 14.3409 19.042 14.3409 17.7542V3.93351H15.3077C15.5714 3.93351 15.7764 3.71364 15.7764 3.46235C15.7764 3.17966 15.5421 3.0226 15.2784 3.0226ZM6.43073 2.08029C6.43073 1.829 6.6358 1.67195 6.78229 1.67195H9.71198C9.94635 1.67195 10.0928 1.86041 10.0928 2.08029V3.0226H6.43073V2.08029ZM13.462 17.7228C13.462 18.508 12.876 19.1363 12.1436 19.1363H4.37994C3.64752 19.1363 3.06158 18.508 3.06158 17.7228V3.96492H13.462V17.7228Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M8.68658 6.82326V16.2464C8.68658 16.5291 8.5108 16.749 8.24713 16.749C7.98346 16.749 7.80768 16.5291 7.80768 16.2464V6.82326C7.80768 6.54056 8.04205 6.3521 8.24713 6.3521C8.48151 6.3521 8.68658 6.57197 8.68658 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M11.6456 6.82326V16.2464C11.6456 16.5291 11.4405 16.749 11.2061 16.749C10.9717 16.749 10.7667 16.5291 10.7667 16.2464V6.82326C10.7667 6.54056 10.9717 6.3521 11.2061 6.3521C11.4405 6.3521 11.6456 6.57197 11.6456 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M5.78619 6.82326V16.2464C5.78619 16.5291 5.58112 16.749 5.34674 16.749C5.11237 16.749 4.87799 16.5291 4.87799 16.2464V6.82326C4.87799 6.54056 5.08307 6.3521 5.31744 6.3521C5.55182 6.3521 5.78619 6.57197 5.78619 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 12px;\n  background-repeat: no-repeat;\n  background-position: center;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\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.article-item-QRsJ3.small--NOHl:hover .trash-icon-vdYHe {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.trash-icon-vdYHe:hover {\n  background-color: red;\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;
+  _ref.item;
+  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);
+  };
+  var hasPaddintTop = !viewHandler.settingsState.isScrollingDown;
+  return /*#__PURE__*/jsx("div", {
+    className: wrapper,
+    children: /*#__PURE__*/jsx("div", {
+      id: 'add',
+      className: classnames(articleItem, small, hasPaddintTop ? paddingTop : 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, wcArticleSize as e, title as f, trashIcon as g, index as h, imageWrapper as i, small as s, titleWrapper as t, wrapper as w };

package/build/esm/{index-c565b5de.js → index-b41e4384.js}

@@ -1,20 +1,23 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6841f22b.js';
-import Article from './index-42e65178.js';
-import SummaryOptionTree from './index-d5164f7b.js';
-import SummaryArticles from './index-872bf46e.js';
-import SettingsItemAccessoireTemplate from './index-a43ecf8c.js';
-import ItemVariant from './index-4ba1973b.js';
-import SettingsItemDefaultTemplate from './index-1ed5a5da.js';
-import Range from './index-e6e5ae0d.js';
-import SettingsItemRoomTemplate from './index-5e833378.js';
-import ViewPoint from './index-e8964725.js';
-import NumberBox from './index-43db59d4.js';
-import PlannerSwitch from './index-807d74ab.js';
-import SummaryPartlist from './index-8e14b0cc.js';
-import Varaint from './index-9822dcf8.js';
-import GalleryText from './index-1cadfd6e.js';
+import './index-c865c45c.js';
+import SummaryOptionTree from './index-9fd682f4.js';
+import SummaryArticles from './index-e3b77516.js';
+import SettingsItemAccessoireTemplate from './index-47b4d332.js';
+import ItemVariant from './index-d39569c0.js';
+import SettingsItemDefaultTemplate from './index-ed2ede45.js';
+import Range from './index-deafba57.js';
+import SettingsItemRoomTemplate from './index-ed126b5c.js';
+import ViewPoint from './index-72bb0098.js';
+import NumberBox from './index-60d12706.js';
+import PlannerSwitch from './index-0261c43b.js';
+import SummaryPartlist from './index-43a7d281.js';
+import Varaint from './index-710af8bc.js';
+import GalleryText from './index-47e2528f.js';
 import 'react';
+import GalleryText2 from './index-f66fd8d3.js';
+import FaceLift from './index-e25b4d48.js';
+import PlannerOverviewItem from './index-45f3830e.js';
+import Article from './index-1d95eb5d.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -34,34 +37,54 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import 'react-laag';
-import './index-28da97c8.js';
-import './index-dee7a6b0.js';
-import './index-c2a7570b.js';
-import './index-5c8012e3.js';
-import './index.module-a4dc5263.js';
-import './index-79f7c9a0.js';
-import './index-bd8192c3.js';
-import './index-bcce267f.js';
+import './index.module-fbb370f5.js';
+import './index-e58bcb7d.js';
+import './index-2ecb7d0e.js';
+import './index-9aa789de.js';
+import './index-2f696b58.js';
 import 'react-switch';
-import './index.module-2e04865b.js';
+import './index.module-6b653c0b.js';
+import 'react-laag';
+import './index-7e2d1d67.js';
+import './index-9b04aa68.js';
+import './index-8199846d.js';
+import './index-b41a0d70.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 itemPaletteTypeComponentMap = {
   ART: Article,
+  ART_2: FaceLift,
+  'PLANNER_2.0': PlannerOverviewItem,
   PLANNERSWITCH: PlannerSwitch,
   ACC: SettingsItemAccessoireTemplate,
   ACC_CONFIG: SettingsItemAccessoireTemplate,
   VERY_SMALL: SettingsItemDefaultTemplate,
   SMALL: SettingsItemDefaultTemplate,
-  GAL_GROUP_DROPDOWN: SettingsItemDefaultTemplate,
-  GAL_SMALL_GROUP_DROPDOWN: ItemVariant,
+  GAL_GROUP_DROPDOWN: function GAL_GROUP_DROPDOWN(props) {
+    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
+      type: "normalimage.png"
+    }, props));
+  },
+  GAL_SMALL_GROUP_DROPDOWN: function GAL_SMALL_GROUP_DROPDOWN(props) {
+    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
+      type: "small"
+    }, props));
+  },
   GAL: ItemVariant,
   GAL_SMALL: ItemVariant,
   GAL_BIG: ItemVariant,
   RANGE: Range,
   NUMBER: NumberBox,
+  SLIDER: function SLIDER() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  MULTI_TOGGLE: function MULTI_TOGGLE() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  MULTI_TOGGLE_ROUND: function MULTI_TOGGLE_ROUND() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
   SUMMARY_PARTLIST: SummaryPartlist,
   SUMMARY_ARTICLES: SummaryArticles,
   SUMMARY_OPTIONTREE: SummaryOptionTree,
@@ -101,6 +124,19 @@ var itemPaletteTypeComponentMap = {
   CHECKOUT: function CHECKOUT() {
     return /*#__PURE__*/jsx(Fragment, {});
   },
+  GAL_TEXT_2: function GAL_TEXT_2(props) {
+    return /*#__PURE__*/jsx(GalleryText2, _objectSpread({}, props));
+  },
+  GAL_BIG_TEXT_2: function GAL_BIG_TEXT_2(props) {
+    return /*#__PURE__*/jsx(GalleryText2, _objectSpread({
+      type: "big"
+    }, props));
+  },
+  GAL_SMALL_TEXT_2: function GAL_SMALL_TEXT_2(props) {
+    return /*#__PURE__*/jsx(GalleryText2, _objectSpread({
+      type: "small"
+    }, props));
+  },
   GAL_TEXT: function GAL_TEXT(props) {
     return /*#__PURE__*/jsx(GalleryText, _objectSpread({}, props));
   },

package/build/esm/{index-f366963e.js → index-b5f3c484.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-6841f22b.js';
+import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import PlannerMsgItem from './index-8c6872ba.js';
+import PlannerMsgItem from './index-eb9732ce.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-3820b6da.js → index-b604e4be.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-6841f22b.js';
+import { u as useViewHandler } from './index-c865c45c.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-1906c0cc.js';
-import Planner3DImage from './index-176c7b0d.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-966163f5.js';
+import Planner2DGrid from './index-5e93bc5f.js';
+import Planner3DImage from './index-e1b65252.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-01ee53bc.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-bb8c48f7.js';
-import PlannerMsgContainer from './index-e7cd9420.js';
-import PlannerUIVariant from './index-67572ead.js';
-import RotateInfo from './index-892ef730.js';
-import PromotedOpvs from './index-e593d4a7.js';
-import OrbitInteraction from './index-824596b5.js';
-import MobileNavIcons from './index-76bfe8d1.js';
+import Planner3DGrid from './index-1916995b.js';
+import PlannerMsgContainer from './index-c81147e6.js';
+import PlannerUIVariant from './index-ca74bd76.js';
+import RotateInfo from './index-39b1006b.js';
+import PromotedOpvs from './index-b9052a89.js';
+import OrbitInteraction from './index-15d10ce1.js';
+import MobileNavIcons from './index-e07e6993.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -30,20 +30,20 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-f69e1ddd.js';
-import './index-9dbccc8c.js';
+import './index-aec1670c.js';
+import './index-74148e96.js';
 import '@crystaldesign/content-box';
-import './index-59a1de15.js';
+import './index-cdd0dae1.js';
 import 'react-laag';
-import './index-ae4579e3.js';
+import './index-7e6275a1.js';
 import 'react-qr-code';
-import './index-819607eb.js';
+import './index-5280465e.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-1947e95a.js');
+  return import('./index-a71e5133.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-cb7bdb45.js');
+  return import('./index-3277128d.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,