@crystaldesign/diva-web-planner-react 25.14.0-beta.9 → 25.14.0-rc.1

package/build/esm/index-32938eab.js

@@ -1,271 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-5c5da91c.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-329ca5a5.js';
-import SettingsScroller from './index-92860a4f.js';
-import SettingsHeader from './index-199787a2.js';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import NavForwardButton from './index-ccea92bf.js';
-import classnames from 'classnames';
-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/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 './index-f12e4552.js';
-import './index-8356f801.js';
-import 'sift';
-import './index-c97e72ce.js';
-import './index-192e0872.js';
-import './index-e51e928b.js';
-import './index-38a7329f.js';
-import './index.module-d58eb4d1.js';
-import './index-dfb43cb3.js';
-import 'react-switch';
-import './index-c09d401f.js';
-import './index-7807d2b5.js';
-import './index-b7781fc5.js';
-import 'react-countup';
-import './index-2fa568b6.js';
-import 'react-dropdown';
-import './index-8ae99629.js';
-import './index-bd472e0a.js';
-import './index-19e3a504.js';
-import './index-447c9e4a.js';
-import '@crystaldesign/content-box';
-import './index-17b15a42.js';
-import './index-aa8f1dab.js';
-import './index-eee67980.js';
-import './index-889c91af.js';
-import './index-bba9eac7.js';
-import './index-9d88bac7.js';
-import './index-2f03d1ad.js';
-import './index-a13618b8.js';
-import './index-e5cda101.js';
-import 'react-laag';
-import './index.module-1aefd6a0.js';
-import './index-cc0460c0.js';
-import './index-58c1ea03.js';
-import './index-a99fa90c.js';
-import './index-01af1dd6.js';
-import './index-f3b3f1cc.js';
-import './index-f296d29f.js';
-import './index.module-cf6da08d.js';
-import './index-96b8f6aa.js';
-import './index-0b3b554c.js';
-import './index-64048e8f.js';
-import './index-b1615469.js';
-import './index-263b29c5.js';
-import './index-4433cc36.js';
-import './index-029dc515.js';
-import './index-dcbecf40.js';
-import './index-4f10b6ab.js';
-import './index-6adbaea8.js';
-import './index-9a284e7c.js';
-import './index-17d497dd.js';
-import 'swiper/modules';
-import './index-8e519b7d.js';
-import 'rc-slider';
-import './index-b1cd2bc4.js';
-import './index-ba4e8f0b.js';
-import './index-66649657.js';
-import './index-a44cc2dc.js';
-import 'react-confetti-explosion';
-import './index-6284cad0.js';
-import './index-1b8fcccf.js';
-import './index-0c75ad13.js';
-import 'react-qr-code';
-import './index-0383437c.js';
-import './useCustomDimensions-94e0ef12.js';
-import './index-6365b5db.js';
-import './ussIsSticky-883c9a3d.js';
-import './index-1a7cfe8f.js';
-import './index-c192b4a5.js';
-import './index-d05cde05.js';
-import './index.module-f5445073.js';
-import './index-0853fd49.js';
-import './index-3a45978b.js';
-import './index-cc0eb237.js';
-import './index-f884f180.js';
-
-var useSwiperHook = function useSwiperHook(viewHandler) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    allSwipes = _useState4[0],
-    setAllSwipes = _useState4[1];
-  useEffect(function () {
-    var allSwipes = Object.keys(viewHandler.tabGroupState.allTabGroups);
-    setAllSwipes(allSwipes);
-    if (viewHandler.tabGroupState.curTabGroup) {
-      if (allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) != (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.activeIndex)) {
-        swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key), 400);
-      }
-    }
-  }, [viewHandler.tabGroupState.allTabGroups, viewHandler.tabGroupState.curTabGroup, swiperRef]);
-  var teaseSwipe = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var offset,
-        duration,
-        durationQuarter,
-        currentTranslate,
-        teaseTranslate,
-        _args = arguments;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            offset = _args.length > 0 && _args[0] !== undefined ? _args[0] : 50;
-            duration = _args.length > 1 && _args[1] !== undefined ? _args[1] : 500;
-            if (swiperRef) {
-              _context.next = 4;
-              break;
-            }
-            return _context.abrupt("return");
-          case 4:
-            durationQuarter = duration * 0.25;
-            currentTranslate = swiperRef.getTranslate();
-            teaseTranslate = currentTranslate - offset;
-            swiperRef.allowTouchMove = false;
-
-            // Smooth initial movement outward - slower
-            swiperRef.setTransition(durationQuarter * 2); // Increased from 1.5 to 2
-            swiperRef.setTranslate(teaseTranslate);
-            _context.next = 12;
-            return DivaUtils.Sleep(durationQuarter * 2);
-          case 12:
-            // Increased sleep to match transition
-
-            // Gentle bounce back
-            swiperRef.setTransition(durationQuarter);
-            swiperRef.setTranslate(currentTranslate - offset * 0.5);
-            _context.next = 16;
-            return DivaUtils.Sleep(durationQuarter);
-          case 16:
-            // Small outward movement - faster
-            swiperRef.setTransition(durationQuarter * 0.5);
-            swiperRef.setTranslate(teaseTranslate * 0.8);
-            _context.next = 20;
-            return DivaUtils.Sleep(durationQuarter * 0.5);
-          case 20:
-            // Final smooth return
-            swiperRef.setTransition(durationQuarter * 1.75);
-            swiperRef.setTranslate(currentTranslate);
-            swiperRef.allowTouchMove = true;
-          case 23:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function teaseSwipe() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  //  useEffect(() => {
-  //    const timeout = setTimeout(() => {
-  //      teaseSwipe(100, 1000);
-  //    }, 3000);
-  //    return () => clearTimeout(timeout);
-  //  }, [swiperRef]);
-
-  var handleSlideChange = function handleSlideChange(e) {
-    if (viewHandler.tabGroupState.curTabGroup === undefined) return;
-    window.lastNavigationType = 'SETTINGS_SWIPER_SWIPE';
-    var diff = e.activeIndex - allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key);
-    if (diff == 1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsForth(true);
-    } else if (diff == -1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
-    } else if (diff !== 0) {
-      if (viewHandler.tabGroupState.allTabGroups[allSwipes[e.activeIndex]]) {
-        viewHandler.tabGroupState.navigateToTabgroupByPosNr(viewHandler.tabGroupState.allTabGroups[allSwipes[e.activeIndex]].posNr);
-      }
-    }
-  };
-  var handleSetTransition = function handleSetTransition() {
-    viewHandler.uiState.swiperNavigationActive = true;
-  };
-  var handleTransitionEnd = function handleTransitionEnd() {
-    viewHandler.uiState.swiperNavigationActive = false;
-  };
-  var initialSlide = viewHandler.tabGroupState.curTabGroup ? allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) : 0;
-  return {
-    swiperRef: swiperRef,
-    setSwiperRef: setSwiperRef,
-    allSwipes: allSwipes,
-    handleSlideChange: handleSlideChange,
-    handleSetTransition: handleSetTransition,
-    handleTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    teaseSwipe: teaseSwipe
-  };
-};
-
-var SettingsSwiper = function SettingsSwiper(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useSwiperHook = useSwiperHook(viewHandler),
-    setSwiperRef = _useSwiperHook.setSwiperRef,
-    allSwipes = _useSwiperHook.allSwipes,
-    handleSlideChange = _useSwiperHook.handleSlideChange,
-    handleSetTransition = _useSwiperHook.handleSetTransition,
-    handleTransitionEnd = _useSwiperHook.handleTransitionEnd,
-    initialSlide = _useSwiperHook.initialSlide;
-  var noSwiping = '.no-swiping';
-  if (!viewHandler.tabGroupState.curTabGroup || !(allSwipes !== null && allSwipes !== void 0 && allSwipes.length)) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Swiper, {
-    onSlideChange: handleSlideChange,
-    onSetTransition: handleSetTransition,
-    onTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    onSwiper: setSwiperRef,
-    className: swiperClass,
-    noSwipingSelector: noSwiping,
-    resizeObserver: true,
-    slidesPerView: 1,
-    threshold: 30,
-    wrapperClass: classnames('swiper-wrapper', swiperWrapper),
-    children: allSwipes.map(function (swipe) {
-      var _Object$values, _viewHandler$tabGroup, _viewHandler$tabGroup2;
-      var title = (_Object$values = Object.values((_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.allTabGroups[swipe]) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.options) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : {})) === null || _Object$values === void 0 || (_Object$values = _Object$values[0]) === null || _Object$values === void 0 ? void 0 : _Object$values.title;
-      return /*#__PURE__*/jsx(SwiperSlide, {
-        className: swiperSlide,
-        children: swipe == viewHandler.tabGroupState.curTabGroup.key ? /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(SettingsScroller, {}, swipe), /*#__PURE__*/jsx(NavForwardButton, {})]
-        }) : /*#__PURE__*/jsx("div", {
-          style: {
-            height: '100%',
-            overflow: 'auto',
-            width: 'calc(100% - 20px)',
-            marginLeft: 'var(--settingsScrollerPaddingLeft)'
-          },
-          children: title && /*#__PURE__*/jsx(SettingsHeader, {
-            text: title,
-            isSettingsHeader: false,
-            isInScroller: true
-          })
-        })
-      }, swipe);
-    })
-  });
-};
-var SettingsSwiper$1 = observer(SettingsSwiper);
-
-export { SettingsSwiper$1 as default };

package/build/esm/index-34f74880.js

@@ -1,80 +0,0 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-5c5da91c.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wcConfiguratorGrid = "wcConfigurator-grid-DANlC";
-var wcConfiguratorGrid2DCanvas = "wcConfigurator-grid-2D-canvas-kC0d5";
-var grid2DBg = "Grid2D_BG-qKtq3";
-var css_248z = ".wcConfigurator-grid-DANlC {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  z-index: 5;\n}\n\n.Grid2D_BG-qKtq3 {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg==');\n  /*background-image: url(\"images/Standard/grid_standard.png\");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n";
-styleInject(css_248z);
-
-var touchMoveDetected = false;
-var Planner2DGrid = function Planner2DGrid(props) {
-  var viewHandler = useViewHandler();
-  var uiHandler = usePlannerUIHandler();
-  var gridRef = useRef(null);
-  useEffect(function () {
-    if (!gridRef) return;
-    viewHandler.productState.setPlanner2DGridElement(gridRef.current);
-    if (gridRef.current) uiHandler.setGrid2DUIElement(gridRef.current);
-  }, [gridRef]);
-  var on2DPlannerBGClick = function on2DPlannerBGClick(e) {
-    viewHandler.viewPlannerHandler.onClearElementSelection();
-    e.stopPropagation();
-  };
-  return /*#__PURE__*/jsxs("div", {
-    ref: gridRef,
-    className: wcConfiguratorGrid,
-    id: "wcConfigurator-grid-container",
-    style: {
-      width: '100%',
-      height: '100%',
-      zIndex: 2,
-      visibility: viewHandler.productState.doShowGrid ? 'visible' : 'hidden'
-    },
-    onClick: on2DPlannerBGClick,
-    onTouchStart: function onTouchStart() {
-      touchMoveDetected = false;
-    },
-    onTouchMove: function onTouchMove() {
-      touchMoveDetected = true;
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      if (!touchMoveDetected) {
-        on2DPlannerBGClick(e);
-      }
-      touchMoveDetected = false;
-    },
-    children: [/*#__PURE__*/jsx("canvas", {
-      className: wcConfiguratorGrid2DCanvas,
-      id: "wcConfigurator-grid-2D-canvas"
-    }), /*#__PURE__*/jsx("div", {
-      className: grid2DBg,
-      style: {
-        zoom: uiHandler.get2DGridBackgroundState().zoom,
-        backgroundPosition: uiHandler.get2DGridBackgroundState().position.x + 'px ' + uiHandler.get2DGridBackgroundState().position.y + 'px'
-      }
-    })]
-  });
-};
-var Planner2DGrid$1 = observer(Planner2DGrid);
-
-export { Planner2DGrid$1 as default };

package/build/esm/index-362a14ad.js

@@ -1,62 +0,0 @@
-import { u as useViewHandler } from './index-5c5da91c.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-
-var PosNr = function PosNr(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps,
-    hasTrash = _ref.hasTrash;
-  var viewHandler = useViewHandler();
-  var top = item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px';
-  if (hasTrash && rect.top < 4) top = 'calc(' + top + ' + 35px + var(--globalSize) / 2)'; // 35px space for trash icon
-  else top = 'calc(' + top + ' + var(--globalSize) / 2)'; // correct for icon center
-  if (item.posNr == undefined) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    style: {
-      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left,
-      top: top,
-      visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.posNr.posNr, item.isDockedAccessoire ? plannerUIProps.classes.posNr.posNrAcc : undefined, item.elemState == 'selected' ? plannerUIProps.classes.posNr.posNrSelected : undefined, item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectable : undefined, item.elemState == 'unselectable' ? plannerUIProps.classes.posNr.posNrUnSelectable : undefined, item.posNr.toString().length > 1 ? plannerUIProps.classes.posNr.moreThanOneNr : undefined, item.onHover && item.elemState != 'unselectable' ? plannerUIProps.classes.posNr.posNrOnHover : undefined
-    //TODO ADD wcPlanner_PosNr_Selectable_Area logic!
-    ),
-    children: [item.posNr, /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        var _item$clickFunction;
-        (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-      },
-      style: {
-        left: '0px',
-        top: '0px',
-        visibility: viewHandler.productState.isBoxPlanner ? 'hidden' : 'visible'
-      },
-      className: classnames(item.elemState == 'selectable' ? plannerUIProps.classes.posNr.posNrSelectableArea : undefined)
-    })]
-  });
-};
-var PosNr$1 = observer(PosNr);
-
-export { PosNr$1 as default };

package/build/esm/index-38a7329f.js

@@ -1,108 +0,0 @@
-import { u as useViewHandler } from './index-5c5da91c.js';
-import 'react';
-import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-d58eb4d1.js';
-import Toggle from './index-dfb43cb3.js';
-import { observer } from 'mobx-react-lite';
-import { getLogger } from '@crystaldesign/diva-core';
-import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-c09d401f.js';
-import PricePreview from './index-7807d2b5.js';
-import { jsx, Fragment, 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 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import './index-b7781fc5.js';
-import 'react-countup';
-
-var LOG = getLogger('Planner', 'ToggleOption');
-var ToggleOption = function ToggleOption(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var yesItem;
-  var noItem;
-  if (!items) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  for (var i = 0; i < items.length; i++) {
-    var _items$i$codex, _items$i$codex2;
-    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
-      noItem = items[i];
-    }
-    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
-      yesItem = items[i];
-    }
-  }
-  if (!noItem || !yesItem) {
-    if (items.length == 2) {
-      noItem = items[0];
-      yesItem = items[1];
-    }
-    if (!noItem || !yesItem) {
-      LOG.error(new DivaError('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', {
-        code: 'WC_0011'
-      }));
-      item.isVisited = true;
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  }
-  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
-    contentItemId: item.optionContentItemId,
-    codex: item.configStepKey
-  } : undefined;
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title),
-      children: item.name
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(colum, toggle),
-      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: noItem.pricePreviewPromise,
-        sel: noItem.sel,
-        pos: "left"
-      }), /*#__PURE__*/jsx(Toggle, {
-        onChange: function onChange() {
-          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-        },
-        val: item,
-        state: noItem.sel == false,
-        off: noItem.text,
-        on: yesItem.text
-      }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: yesItem.pricePreviewPromise,
-        sel: yesItem.sel,
-        pos: "right"
-      })]
-    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
-      item: contentItem,
-      style: {
-        bottom: 'calc(50% - 10px)',
-        right: '20px'
-      }
-    }, item.configStepKey)]
-  });
-};
-var ToggleOption$1 = observer(ToggleOption);
-
-export { ToggleOption$1 as default };

package/build/esm/index-38d51243.js

@@ -1,39 +0,0 @@
-import './index-5c5da91c.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import SVGSourceViewer from './index-0e16be28.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var index = function index(props) {
-  var Component = /*#__PURE__*/jsx(SVGSourceViewer, {
-    curBox: props.curBox,
-    isExpanded: props.isExpanded,
-    state: props.selectedJson
-  });
-
-  //var Component = <SVGOverview plannerArticles={props.plannerArticles} curBox={props.curBox} isExpanded={props.isExpanded} />;
-
-  return /*#__PURE__*/jsx("div", {
-    children: Component
-  });
-};
-var SVGViewer = observer(index);
-
-export { SVGViewer as default };

package/build/esm/index-390e76be.js

@@ -1,41 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-5c5da91c.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wcAccCtaMinus = "wcAccCTAMinus-Y6GAJ";
-var css_248z = ".wcAccCTAMinus-Y6GAJ {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.wcAccCTAMinus-Y6GAJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.wcAccCTAMinus-Y6GAJ {\n  line-height: 21px;\n}\n";
-styleInject(css_248z);
-
-var ShelfDeleteButton = function ShelfDeleteButton(_ref) {
-  var index = _ref.index,
-    grid = _ref.grid;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick(e) {
-      viewHandler.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(grid, index);
-      e.stopPropagation();
-    },
-    className: wcAccCtaMinus,
-    children: "-"
-  });
-};
-
-export { ShelfDeleteButton as default };

package/build/esm/index-3a415305.js

@@ -1,35 +0,0 @@
-import { s as styleInject } from './index-5c5da91c.js';
-import 'react';
-import OrbitInteractionStandard from './index-fcdaae51.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-3d-cube-interaction';
-
-var orbitInteractionContainer = "orbit-interaction-container-jxGAx";
-var css_248z = ".orbit-interaction-container-jxGAx {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n";
-styleInject(css_248z);
-
-var OrbitInteractionFree = function OrbitInteractionFree(props) {
-  return /*#__PURE__*/jsx(OrbitInteractionStandard, {
-    orbitInteractionContainerClass: orbitInteractionContainer
-  });
-};
-
-export { OrbitInteractionFree as default };