@crystaldesign/diva-web-planner-react 25.4.1-rc.0 → 25.4.2-rc.0

package/build/esm/index-4945dd34.js

@@ -1,43 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import RoomSerious from './index-045ea3ba.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-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/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';
-import 'classnames';
-
-var container = "container-IUsXl";
-var css_248z = ".container-IUsXl {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n";
-styleInject(css_248z);
-
-var RoomListSelection = function RoomListSelection(props) {
-  var viewHandler = useViewHandler();
-  var items = viewHandler.paletteViewHandler.getRoomList();
-  if (!viewHandler.uiState.ViewConfig.roomListInProduct) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: container,
-    hidden: !viewHandler.settingsState.roomListInitialized,
-    children: items.map(function (item, index) {
-      return /*#__PURE__*/jsx(RoomSerious, {
-        item: item,
-        from: viewHandler.settingsState.roomListInitialized
-      }, item.codex);
-    })
-  });
-};
-var index = observer(RoomListSelection);
-
-export { index as default };

package/build/esm/index-49e89ae6.js

@@ -1,132 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
-import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-95a76687.js';
-import GenericToolTip from './index-992cfd03.js';
-import PricePreview from './index-3c5d4c66.js';
-import InfoIcon from './index-ea23d3b1.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/widget-contact-form';
-
-var accItem = "AccItem-EuKUQ";
-var wcSize = "wcSize-vX0Fm";
-var wcSizeNormal = "wcSize-normal-bRIEC";
-var wcImage = "wcImage-ScJeM";
-var wcAccInfoContainer = "wcAccInfoContainer-eEHqy";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Wlfnh";
-var metaData = "meta-data-p5e7t";
-var wcAccSize = "wcAccSize-LdKs3";
-var css_248z = "/* Accessoires*/\n\n.AccItem-EuKUQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ:hover {\n  z-index: 200;\n}\n\n.AccItem-EuKUQ .wcSize-vX0Fm {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImagePlaceHolder-t26mm {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC .wcImage-ScJeM {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImage-ScJeM {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-eEHqy {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.AccItem-EuKUQ .wcAccInfoContainer-eEHqy {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh.meta-data-p5e7t {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-EuKUQ .wcAccSize-LdKs3 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .AccItem-EuKUQ .wcSize-normal-bRIEC {\n    height: 80px;\n  }\n\n  .AccItem-EuKUQ .wcSize-normal-bRIEC img {\n    height: 80px;\n  }\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 ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer;
-  var item = _ref.item,
-    grids = _ref.grids;
-  var viewHandler = useViewHandler();
-  var i18n = useTranslation();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 600,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnShelfAccessorie(grids, item.articleCodex, undefined, true);
-    },
-    className: accItem
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(wcAccInfoContainer),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.name
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.articleCodex), /*#__PURE__*/jsx("div", {
-          className: classnames(wcAccSize),
-          children: DivaUtils.sizeFormatter({
-            width: item.width,
-            height: item.height,
-            depth: item.depth
-          }, i18n)
-        })]
-      })]
-    }), !hidePrices && !!item.price && /*#__PURE__*/jsx(PricePreview, {
-      price: item.price,
-      style: {
-        paddingTop: 6
-      }
-    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-      item: item,
-      style: {
-        bottom: 8,
-        right: 8
-      }
-    }, item.articleCodex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
-      desciption: metaDataVisible,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoiresOld = observer(ShelfAccessoires);
-
-export { ShelfAccessoiresOld as default };

package/build/esm/index-4e2e35c6.js

@@ -1,179 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
-import { useState, useEffect } from 'react';
-import OptionTree from './index-7d7171e9.js';
-import PartListTable from './index-54cf75ab.js';
-import MaskEditor from './index-25a6b8a6.js';
-import ArticleOverview from './index-f600a8e4.js';
-import SVGAnalyzer from './index-c0fe91b0.js';
-import EkTextViewer from './index-e6cc1cae.js';
-import CatalogMakeup from './index-75554ac0.js';
-import DecisionAnalyzer from './index-ce9c8ab8.js';
-import RTVAnalyzer from './index-7847e57e.js';
-import J3DEditor from './index-9f22ac80.js';
-import PropertiesEditor from './index-274ee809.js';
-import { jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/widget-contact-form';
-import './index.module-984d0ce3.js';
-import './index-6e20eab3.js';
-import './index-58947102.js';
-import 'classnames';
-import './index-cf70f6b7.js';
-import 'react-collapsible';
-import './index-ece08e64.js';
-import './index-0508316f.js';
-import './index.module-efcdd4e5.js';
-import 'react-json-view-lite';
-import './react-json-viewer-784c96c9.js';
-import './index.module-98e21631.js';
-import './DecisionVizualizer-bc9430e5.js';
-import 'jsoneditor';
-import './index-2638cdc6.js';
-import './index-2fa90fce.js';
-import './index-b3888675.js';
-import './index.module-f436fa34.js';
-import './index-af781a57.js';
-import './index-7a448585.js';
-import 'react-dropdown';
-import './index.module-eeb23611.js';
-import './index-75736621.js';
-import './index-f44b17c6.js';
-import './index-f0faabe6.js';
-import './index-daba8bdb.js';
-import './index-80e688aa.js';
-import 'react-switch';
-import './CatalogProperties-2b253e8e.js';
-import './ArticleProperties-21232432.js';
-import './OptionProperties-ecc1d6a8.js';
-import './OptionValueProperties-8285dd82.js';
-import 'react-select';
-
-var wrapper = "wrapper-eIL6V";
-var css_248z = ".wrapper-eIL6V {\n  width: 100%;\n  position: absolute;\n  bottom: 82px;\n  z-index: 1000;\n  background-color: rgba(200, 200, 200, 0.9);\n  overflow: auto;\n}\n\n.draghandle-4ydUz {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, 50%);\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 ToolContainer = function ToolContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var _useState = useState(436),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  var viewHandler = useViewHandler();
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mouseDown = _useState4[0],
-    setMouseDown = _useState4[1];
-  var handler = function handler(mouseDownEvent) {
-    var startHeight = height;
-    var startPosition = {
-      x: mouseDownEvent.pageX,
-      y: mouseDownEvent.pageY
-    };
-    setMouseDown(true);
-    function onMouseMove(mouseMoveEvent) {
-      setHeight(startHeight + startPosition.y - mouseMoveEvent.pageY);
-    }
-    var onMouseUp = function onMouseUp() {
-      setMouseDown(false);
-      document.body.removeEventListener('mousemove', onMouseMove);
-    };
-    document.body.addEventListener('mousemove', onMouseMove);
-    document.body.addEventListener('mouseup', onMouseUp, {
-      once: true
-    });
-  };
-  useEffect(function () {
-    if (height < 300 && !mouseDown) {
-      viewHandler.uiState.setActiveCatalogSection('3D/2D');
-    }
-  }, [height, mouseDown]);
-  var activeWindow = undefined;
-  var props = {
-    onMouseDown: handler
-  };
-  var classname = '';
-  switch (viewHandler.uiState.activeCatalogSection) {
-    case 'Options':
-      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
-        style: {
-          zIndex: 700
-        }
-      }));
-      break;
-    case 'PartList':
-      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'DecisionAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(DecisionAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'Artikelübersicht':
-      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'SVGübersicht':
-      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'ekText':
-      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'CatalogMakeup':
-      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'RTVAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'J3DEditor':
-      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PropertiesEditor':
-      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'MaskEditor':
-      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    style: {
-      height: height
-    },
-    children: activeWindow
-  });
-};
-
-export { ToolContainer as default };

package/build/esm/index-4f221e2b.js

@@ -1,140 +0,0 @@
-import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-decc0e6e.js';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-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 shareOption = "share-option-tqy8P";
-var shareText = "share-text-grps7";
-var loader = "loader-KG6ip";
-var facebookIcon = "facebook-icon-1-Vop";
-var emailIcon = "email-icon-AWH8x";
-var whatsappIcon = "whatsapp-icon-I2GLz";
-var telegramIcon = "telegram-icon-0jmu8";
-var css_248z = ".share-option-tqy8P {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  border: solid 0.1px;\n  border-radius: 5px;\n  margin-top: 1%;\n}\n\n.share-text-grps7 {\n  align-self: center;\n  margin: auto;\n}\n\n.loader-KG6ip {\n  margin: 0 auto;\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid #b6b6b6;\n  border-radius: 50%;\n  animation: spin-FpWtQ 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #b6b6b6 transparent transparent transparent;\n}\n\n/* Safari */\n\n@keyframes spin-FpWtQ {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.share-option-tqy8P:hover {\n  color: black;\n}\n\n.facebook-icon-1-Vop {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg fill%3D%22%23000000%22 width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%220 0 512 512%22 id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M480%2C257.35c0-123.7-100.3-224-224-224s-224%2C100.3-224%2C224c0%2C111.8%2C81.9%2C204.47%2C189%2C221.29V322.12H164.11V257.35H221V208c0-56.13%2C33.45-87.16%2C84.61-87.16%2C24.51%2C0%2C50.15%2C4.38%2C50.15%2C4.38v55.13H327.5c-27.81%2C0-36.51%2C17.26-36.51%2C35v42h62.12l-9.92%2C64.77H291V478.66C398.1%2C461.85%2C480%2C369.18%2C480%2C257.35Z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.email-icon-AWH8x {\n  margin-left: 1%;\n  background-position-y: -1px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M174.461-180q-31.417 0-53.606-22.189-22.188-22.188-22.188-53.606v-448.41q0-31.418 22.188-53.606Q143.044-780 174.461-780h611.078q31.417 0 53.606 22.189 22.188 22.188 22.188 53.606v448.41q0 31.418-22.188 53.606Q816.956-180 785.539-180H174.461ZM480-467.359l330.154-215.359-12.308-46.103-317.846 208-317.846-208-12.308 46.103L480-467.359Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.whatsapp-icon-I2GLz {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h20v20h-20z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m16.8 5.7c-2.4-3.7-7.3-4.8-11.1-2.5-3.7 2.3-4.9 7.3-2.5 11l.2.3-.8 3 3-.8.3.2c1.3.7 2.7 1.1 4.1 1.1 1.5 0 3-.4 4.3-1.2 3.7-2.4 4.8-7.3 2.5-11.1zm-2.1 7.7c-.4.6-.9 1-1.6 1.1-.4 0-.9.2-2.9-.6-1.7-.8-3.1-2.1-4.1-3.6-.6-.7-.9-1.6-1-2.5 0-.8.3-1.5.8-2 .2-.2.4-.3.6-.3h.5c.2 0 .4 0 .5.4.2.5.7 1.7.7 1.8.1.1.1.3 0 .4.1.2 0 .4-.1.5s-.2.3-.3.4c-.2.1-.3.3-.2.5.4.6.9 1.2 1.4 1.7.6.5 1.2.9 1.9 1.2.2.1.4.1.5-.1s.6-.7.8-.9.3-.2.5-.1l1.6.8c.2.1.4.2.5.3.1.3.1.7-.1 1z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.telegram-icon-0jmu8 {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg height%3D%2232%22 viewBox%3D%220 0 32 32%22 width%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m16 .5c-8.563 0-15.5 6.938-15.5 15.5s6.938 15.5 15.5 15.5c8.563 0 15.5-6.938 15.5-15.5s-6.938-15.5-15.5-15.5zm7.613 10.619-2.544 11.988c-.188.85-.694 1.056-1.4.656l-3.875-2.856-1.869 1.8c-.206.206-.381.381-.781.381l.275-3.944 7.181-6.488c.313-.275-.069-.431-.482-.156l-8.875 5.587-3.825-1.194c-.831-.262-.85-.831.175-1.231l14.944-5.763c.694-.25 1.3.169 1.075 1.219z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n";
-styleInject(css_248z);
-
-var Share = (function (props) {
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.isMobile;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t,
-    language = _useTranslation.i18n.language;
-  if (_typeof(props.url) == 'object') props.url = props.url[language];
-  var url = props.url.replace('{{DivaNr}}', props.divaNr);
-  url = url;
-  var text = t('configurator.sharemessage');
-  function onShare(type) {
-    switch (type) {
-      case 'facebook':
-        window.open("https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(url)), '_blank');
-        break;
-      case 'email':
-        window.open("mailto:?body=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
-        break;
-      case 'telegram':
-        window.open("https://telegram.me/share/url?url=".concat(encodeURIComponent(url), "&text=").concat(encodeURIComponent(text)), '_blank');
-        break;
-      case 'whatsapp':
-        window.open("https://api.whatsapp.com/send?text=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
-        break;
-    }
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [props.loading && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        style: {
-          position: 'absolute',
-          left: 0,
-          right: 0,
-          marginLeft: 'auto',
-          marginRight: 'auto',
-          width: 100
-        },
-        children: /*#__PURE__*/jsx("div", {
-          className: loader
-        })
-      }), /*#__PURE__*/jsx("div", {
-        style: {
-          position: 'absolute',
-          bottom: 0
-        },
-        children: t('configurator.shareloadinginfo')
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 10,
-        visibility: props.loading ? 'hidden' : 'visible'
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        dangerouslySetInnerHTML: {
-          __html: t('configurator.sharedescription')
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: shareOption,
-        onClick: function onClick() {
-          return onShare('email');
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: emailIcon
-        }), /*#__PURE__*/jsx("div", {
-          className: shareText,
-          children: t('configurator.shareemail')
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: shareOption,
-        onClick: function onClick() {
-          return onShare('facebook');
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: facebookIcon
-        }), /*#__PURE__*/jsx("div", {
-          className: shareText,
-          children: t('configurator.sharefacebook')
-        })]
-      }), isMobile && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: shareOption,
-          onClick: function onClick() {
-            return onShare('whatsapp');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: whatsappIcon
-          }), /*#__PURE__*/jsx("div", {
-            className: shareText,
-            children: t('configurator.sharewhatsapp')
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: shareOption,
-          onClick: function onClick() {
-            return onShare('telegram');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: telegramIcon
-          }), /*#__PURE__*/jsx("div", {
-            className: shareText,
-            children: t('configurator.sharetelegram')
-          })]
-        })]
-      })]
-    })]
-  });
-});
-
-export { Share as default };

package/build/esm/index-4f52a43e.js

@@ -1,48 +0,0 @@
-import { a as usePlannerUIHandler } from './index-decc0e6e.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 '@crystaldesign/diva-core';
-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 AVL = function AVL(_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.AVL.avl, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVL.avlSel : undefined)
-  });
-};
-var AVL$1 = observer(AVL);
-
-export { AVL$1 as default };