@crystaldesign/diva-web-planner-react 25.4.0-beta.8 → 25.4.0-rc.0

package/build/esm/index-5983454c.js

@@ -1,28 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-18f7cf20.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'mobx-react-lite';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SettingsHeader = function SettingsHeader(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsHeaderContainer/SettingsItemHeader/Header"
-  }));
-};
-
-export { SettingsHeader as default };

package/build/esm/index-59a021d9.js

@@ -1,151 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
-import { useState, useEffect } from 'react';
-import OrbitControlElement from 'react-3d-cube-interaction';
-import { observer } from 'mobx-react-lite';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var orbitInteractionContainer = "orbit-interaction-container-BHDEA";
-var cubeText = "cubeText-rsimr";
-var mobile = "mobile-YALCk";
-var css_248z = ".orbit-interaction-container-BHDEA {\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  z-index: 350;\n}\n\n.cubeText-rsimr {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.mobile-YALCk.orbit-interaction-container-BHDEA {\n  position: absolute;\n  bottom: 48px;\n  left: 20px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n";
-styleInject(css_248z);
-
-var camRotHorizontal_LastFrame = undefined;
-var camRotVertical_LastFrame = undefined;
-var AUTO_HIDE_IN_MS = 2000;
-var timeOut = undefined;
-var OrbitInteractionStandard = function OrbitInteractionStandard(_ref) {
-  var _viewHandler$productS;
-  var _ref$orbitInteraction = _ref.orbitInteractionContainerClass,
-    orbitInteractionContainerClass = _ref$orbitInteraction === void 0 ? orbitInteractionContainer : _ref$orbitInteraction;
-  var viewHandler = useViewHandler();
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHidden = _useState2[0],
-    setHidden = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  useEffect(function () {
-    if (timeOut) clearTimeout(timeOut);
-    if (isHidden) {
-      timeOut = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              viewHandler.productState.setOrbitIsHidden(true);
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      })), AUTO_HIDE_IN_MS);
-    } else {
-      viewHandler.productState.setOrbitIsHidden(false);
-    }
-  }, [isHidden]);
-  if (viewHandler.productState.plannerRenderingIsStaticBG) return /*#__PURE__*/jsx(Fragment, {});
-  var initParams = viewHandler.viewPlannerHandler.getOrbitCubeInitParams();
-  var onRotationChange = function onRotationChange(p) {
-    if (viewHandler.productState.ignoreUpdateRenderingOnOrbitChanged) {
-      viewHandler.productState.setIgnoreUpdateRenderingOnOrbitChanged(false);
-      return;
-    }
-    if (camRotHorizontal_LastFrame != undefined && camRotVertical_LastFrame != undefined && p.horizontal == camRotHorizontal_LastFrame && p.vertical == camRotVertical_LastFrame) return;
-    var rotHori = p.horizontal;
-    var rotVert = p.vertical;
-    camRotHorizontal_LastFrame = p.horizontal;
-    camRotVertical_LastFrame = p.vertical;
-    viewHandler.viewPlannerHandler.updateOrbitCubeInitParams(p.horizontal, p.vertical);
-    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DSetVPByVal', {
-      nav3DSetVPByVal: {
-        rotX: rotHori,
-        rotY: rotVert
-      }
-    });
-  };
-
-  /**
-   *
-   * @param p form 10 (max zoom) to -10 (min zoom)
-   */
-  var onZoomChange = function onZoomChange(zoom) {
-    var p = Math.round(zoom.absoluteZoom);
-    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DZoom', {
-      nav3DZoom: {
-        zoomVal: p
-      }
-    });
-  };
-  if (viewHandler.uiState.isLoading) {
-    camRotHorizontal_LastFrame = undefined;
-    camRotVertical_LastFrame = undefined;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(orbitInteractionContainerClass, viewHandler.uiState.isInMobileView ? mobile : undefined),
-    children: /*#__PURE__*/jsx(OrbitControlElement, {
-      hiddenState: [isHidden, setHidden],
-      ref: function ref(_ref3) {
-        return viewHandler.productState.setOrbitCubeElement(_ref3);
-      },
-      size: viewHandler.uiState.isInMobileView ? '50px' : '80px',
-      interactionElement: (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : undefined,
-      onRotationChange: onRotationChange,
-      onZoomChange: onZoomChange,
-      autoHide: AUTO_HIDE_IN_MS //Default 0
-      ,
-      initialRotation: initParams != undefined ? {
-        horizontal: initParams.rotHorizontal,
-        vertical: initParams.rotVertical
-      } : undefined,
-      zoomFactorResetDelay: 500,
-      minCssScale: 0.5,
-      maxCssScale: 1.5,
-      disableDefaultScrollBehaviour: true,
-      cubeFaceChildren: {
-        back: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.back')
-        }),
-        bottom: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.bottom')
-        }),
-        front: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.front')
-        }),
-        left: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.left')
-        }),
-        right: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.right')
-        }),
-        top: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.top')
-        })
-      }
-      //interactionMoveElement={body} //default document.body
-    })
-  });
-};
-var OrbitInteractionStandard$1 = observer(OrbitInteractionStandard);
-
-export { OrbitInteractionStandard$1 as default };

package/build/esm/index-5a2f0b7f.js

@@ -1,53 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-93hIM";
-var button = "button-smefE";
-var sel = "sel-vzSUc";
-var disabled = "disabled-l3E8B";
-var css_248z = ".wrapper-93hIM {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.button-smefE {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.button-smefE:hover,\n.sel-vzSUc {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.button-smefE::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.button-smefE.sel-vzSUc::after {\n  height: 2px;\n}\n\n.button-smefE:hover::after,\n.sel-vzSUc::after {\n  width: 100%;\n  left: 0;\n}\n.disabled-l3E8B.button-smefE:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.disabled-l3E8B.button-smefE::after {\n  background-color: lightgray;\n}\n\n.disabled-l3E8B.button-smefE {\n  color: grey;\n  cursor: not-allowed;\n}\n";
-styleInject(css_248z);
-
-var ReplaceSwitch = function ReplaceSwitch(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper),
-    children: [/*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.setPlannerReplaceMode(false, true);
-      },
-      className: classnames(button, !viewHandler.settingsState.plannerReplaceMode ? sel : undefined),
-      id: "configurator_plan_tab",
-      children: t('configurator.plan')
-    }), /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        if (viewHandler.settingsState.plannerReplaceModeAvailable) viewHandler.paletteViewHandler.setPlannerReplaceMode(true, true);
-      },
-      className: classnames(button, viewHandler.settingsState.plannerReplaceMode ? sel : undefined, !viewHandler.settingsState.plannerReplaceModeAvailable ? disabled : undefined),
-      id: "configurator_replace_tab",
-      children: t('configurator.replace')
-    })]
-  });
-};
-var ReplaceSwitch$1 = observer(ReplaceSwitch);
-
-export { ReplaceSwitch$1 as default };

package/build/esm/index-60e647e6.js

@@ -1,114 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect } from 'react';
-import RalDropdownFilter from './index-78bf52e9.js';
-import SlideFilter from './index-edee2e26.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'react-dropdown';
-import 'classnames';
-import './index-94af6722.js';
-import '@crystaldesign/content-box';
-import './index-e361d09f.js';
-
-var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
-styleInject(css_248z);
-
-var defaultColorFilters = [{
-  rgb: '#CC3300',
-  text: 'red'
-}, {
-  rgb: '#FF8C00',
-  text: 'orange'
-}, {
-  rgb: '#E1C699',
-  text: 'beige'
-}, {
-  rgb: '#330000',
-  text: 'brown'
-}, {
-  rgb: '#F0E68C',
-  text: 'yellow'
-}, {
-  rgb: '#006633',
-  text: 'green'
-}, {
-  rgb: '#3333FF',
-  text: 'blue'
-}, {
-  rgb: '#6633FF',
-  text: 'violet'
-}, {
-  rgb: '#CCCCCC',
-  text: 'grey'
-}, {
-  rgb: '#000000',
-  text: 'black'
-}, {
-  rgb: '#eeeeee',
-  text: 'white'
-}, {
-  rgb: '#eeeeee',
-  text: 'else'
-}];
-
-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 RalFilter = function RalFilter(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var palette = viewHandler.settingsState.itemPalettes.get(props.id);
-  var visibleColorItems = [];
-  var deleteCurValue = function deleteCurValue() {
-    viewHandler.paletteViewHandler.onSelectFilter(props.id, '', 'RAL');
-  };
-  useEffect(function () {
-    if (palette && !(palette !== null && palette !== void 0 && palette.deleteCurFilter)) palette.deleteCurFilter = deleteCurValue;
-  }, [palette]);
-  palette === null || palette === void 0 || palette.groups.map(function (group) {
-    return group.items.map(function (itemP) {
-      var _item$colorGroups;
-      var item = itemP;
-      if (!((_item$colorGroups = item.colorGroups1) !== null && _item$colorGroups !== void 0 && _item$colorGroups.length)) return;
-      var colorGroups = [item.colorGroups1, item.colorGroups2, item.colorGroups3];
-      var _loop = function _loop() {
-        var groups = colorGroups[i];
-        var group = defaultColorFilters.find(function (group) {
-          return group.text === groups;
-        });
-        if (group && !visibleColorItems.find(function (i) {
-          return i.text === groups;
-        })) {
-          visibleColorItems.push(group);
-        }
-      };
-      for (var i = 0; i < colorGroups.length; i++) {
-        _loop();
-      }
-    });
-  });
-  if (viewHandler.uiState.isInMobileView && viewHandler.getViewConfig().ralFilter) return /*#__PURE__*/jsx(SlideFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));else return /*#__PURE__*/jsx(RalDropdownFilter, _objectSpread({
-    deleteCurValue: deleteCurValue,
-    visibleColorItems: visibleColorItems
-  }, props));
-};
-var RALFilter = observer(RalFilter);
-
-export { RALFilter as default };

package/build/esm/index-612c2970.js

@@ -1,168 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-18f7cf20.js';
-import { observer } from 'mobx-react-lite';
-import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useRef, useState, useEffect } from 'react';
-import { ContentItemComponent } from '@crystaldesign/content-item';
-import Draggable from 'react-draggable';
-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 '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-epfZs";
-var header = "header-GXHlA";
-var handle = "handle-wTliC";
-var closeIcon = "close-icon-L0FOF";
-var mobile = "mobile-3mXgj";
-var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.header-GXHlA {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.handle-wTliC {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.close-icon-L0FOF {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.close-icon-L0FOF:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'InfoBox');
-var ContentItemWrapper = function ContentItemWrapper(_ref) {
-  var _viewHandler$productS;
-  var id = _ref.id,
-    _ref$startPos = _ref.startPos,
-    startPos = _ref$startPos === void 0 ? 'left' : _ref$startPos,
-    noWrapper = _ref.noWrapper;
-  var _useDivaCore = useDivaCore(),
-    contentItemHandler = _useDivaCore.handler.contentItemHandler,
-    _useDivaCore$actions = _useDivaCore.actions,
-    openSideMenu = _useDivaCore$actions.openSideMenu,
-    closeSideMenu = _useDivaCore$actions.closeSideMenu;
-  var _useTranslation = useTranslation(),
-    language = _useTranslation.i18n.language;
-  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
-  var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  useEffect(function () {
-    if (!id) return;
-    loadData();
-  }, [id]);
-  var loadData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _infoBoxTitle$;
-      var data, infoBoxTitle;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return contentItemHandler.getContentItem(id, language);
-          case 2:
-            data = _context.sent;
-            infoBoxTitle = data.content.filter(function (item) {
-              return item.type === 'Title' && item.text;
-            }).map(function (item) {
-              return item.text;
-            });
-            LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
-              id: data._id,
-              title: (_infoBoxTitle$ = infoBoxTitle[0]) !== null && _infoBoxTitle$ !== void 0 ? _infoBoxTitle$ : undefined
-            });
-            setData(data);
-            if (viewHandler.getIsInMobileView()) {
-              openSideMenu({
-                side: 'left',
-                onClose: function onClose() {
-                  viewHandler.settingsState.setContentItemId();
-                  closeSideMenu();
-                },
-                open: true,
-                content: /*#__PURE__*/jsx("div", {
-                  className: classnames(mobile),
-                  children: /*#__PURE__*/jsx(ContentItemComponent, {
-                    settings: {
-                      contentItems: data.content,
-                      wrapperStyle: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        height: '100%'
-                      }
-                    }
-                  })
-                })
-              });
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    if (id === undefined) setData(undefined);
-  }, [id]);
-  if (!data) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.getIsInMobileView()) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (noWrapper) {
-    return /*#__PURE__*/jsx(ContentItemComponent, {
-      settings: {
-        contentItems: data.content,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'inherit'
-        }
-      }
-    });
-  }
-  var parentSizes = (_viewHandler$productS = viewHandler.productState.productElement) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
-  return /*#__PURE__*/jsx(Draggable, {
-    nodeRef: draggable,
-    handle: ".handle",
-    bounds: "parent",
-    defaultPosition: startPos == 'right' ? {
-      x: parentSizes !== null && parentSizes !== void 0 && parentSizes.width ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.width) - 508 : 0,
-      y: 0
-    } : undefined,
-    children: /*#__PURE__*/jsxs("div", {
-      ref: draggable,
-      className: wrapper,
-      style: {
-        maxHeight: parentSizes !== null && parentSizes !== void 0 && parentSizes.height && parentSizes.height < 700 + 20 ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.height) - 20 : 700
-      },
-      children: [/*#__PURE__*/jsxs("div", {
-        className: header,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames('handle', handle)
-        }), /*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return viewHandler.settingsState.setContentItemId();
-          }
-        })]
-      }), /*#__PURE__*/jsx(ContentItemComponent, {
-        settings: {
-          contentItems: data.content,
-          wrapperStyle: {
-            display: 'flex',
-            flexDirection: 'column',
-            maxHeight: 'inherit'
-          }
-        }
-      })]
-    })
-  });
-};
-var ContentItemWrapper$1 = observer(ContentItemWrapper);
-
-export { ContentItemWrapper$1 as default };

package/build/esm/index-62c1bc61.js

@@ -1,49 +0,0 @@
-import { a as usePlannerUIHandler } from './index-18f7cf20.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var AVR = function AVR(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
-    children: item.posNr
-  });
-};
-var AVR$1 = observer(AVR);
-
-export { AVR$1 as default };

package/build/esm/index-6333250a.js

@@ -1,60 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-18f7cf20.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var wcPosNrTooltip = "wcPosNrTooltip-8hudU";
-var wcPosNrTooltipText = "wcPosNrTooltipText-1gUN3";
-var css_248z = ".wcPosNrTooltip-8hudU {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  height: fit-content;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n.wcPosNrTooltip-8hudU img {\n  width: 90%;\n  max-height: 77%;\n  margin: 5%;\n}\n\n.wcPosNrTooltipText-1gUN3 {\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SettingsPosNrToolTip = function SettingsPosNrToolTip(_ref) {
-  var _theme$typography, _article$image;
-  var layerProps = _ref.layerProps,
-    article = _ref.article;
-  var _useDivaCore = useDivaCore(),
-    theme = _useDivaCore.state.theme;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    className: wcPosNrTooltip
-  }, layerProps), {}, {
-    style: _objectSpread(_objectSpread({}, {
-      fontFamily: theme === null || theme === void 0 || (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.fontFamily
-    }), layerProps.style),
-    children: [/*#__PURE__*/jsx("img", {
-      src: (_article$image = article.image) === null || _article$image === void 0 ? void 0 : _article$image.replace('_gal', ''),
-      alt: article.name
-    }), /*#__PURE__*/jsxs("div", {
-      style: {
-        padding: '0 20px'
-      },
-      className: wcPosNrTooltipText,
-      children: [article.name, /*#__PURE__*/jsx("br", {}), article.formattedSize && /*#__PURE__*/jsxs(Fragment, {
-        children: [article.formattedSize, " ", /*#__PURE__*/jsx("br", {})]
-      }), article.formattedPrice && /*#__PURE__*/jsxs("div", {
-        style: {
-          marginTop: '5px'
-        },
-        children: [article.formattedPrice, " ", /*#__PURE__*/jsx("br", {})]
-      })]
-    })]
-  }));
-};
-var SettingsPosNrToolTip$1 = observer(SettingsPosNrToolTip);
-
-export { SettingsPosNrToolTip$1 as default };

package/build/esm/index-63915d4d.js

@@ -1,28 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-18f7cf20.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'mobx-react-lite';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ProductFooter = function ProductFooter(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductFooter"
-  }));
-};
-
-export { ProductFooter as default };