@crystaldesign/diva-web-planner-react 24.12.1 → 24.12.2

package/build/esm/index-f0dec44d.js

@@ -1,268 +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-945074f1.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { getLogger, useTranslation, useDivaCore } 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/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var container = "container-5GMrB";
-var buttonDropdown = "button-dropdown-hJTTc";
-var open = "open-cFdzA";
-var icon = "icon-7uXLI";
-var column = "column-SanUs";
-var button = "button-qcl7w";
-var actionButton = "action-button-nTgLc";
-var actionButtonDisabled = "action-button-disabled--LWWq";
-var secondButton = "second-button-KGVxc";
-var row = "row-bjrma";
-var iconColor = "icon-color-hyBQn";
-var saveIcon = "save-icon-s5mPx";
-var sendIcon = "send-icon-O6d2-";
-var css_248z = ".container-5GMrB {\r\n  display: flex;\r\n  flex-direction: row;\r\n  margin-left: 16px;\r\n}\r\n\r\n.button-dropdown-hJTTc {\r\n  border: 1px solid #cacaca;\r\n  border-radius: 4px;\r\n  position: absolute;\r\n  bottom: 105%;\r\n  left: 0;\r\n  right: -5px;\r\n  padding: 0.84em 1em;\r\n  color: #000;\r\n  color: initial;\r\n  display: none;\r\n  flex-direction: column;\r\n}\r\n\r\n.button-dropdown-hJTTc.open-cFdzA {\r\n  display: flex;\r\n}\r\n\r\n.button-dropdown-hJTTc .icon-7uXLI {\r\n  filter: brightness(0.1);\r\n}\r\n.button-dropdown-hJTTc .column-SanUs:hover {\r\n  color: var(--primaryColor);\r\n}\r\n\r\n.button-qcl7w {\r\n  position: relative;\r\n  font-weight: 100;\r\n  border-radius: 32px;\r\n  transition: background-color 0.25s ease-out, color 0.25s ease-out;\r\n  font-size: 0.9rem;\r\n  line-height: 18px;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  box-sizing: border-box;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin: 0 0.5rem 1rem 0;\r\n  padding: 0.85em 1em;\r\n  -webkit-appearance: none;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.action-button-nTgLc {\r\n  background-color: var(--primaryColor);\r\n  color: #fefefe;\r\n}\r\n\r\n.action-button-disabled--LWWq {\r\n  opacity: 0.25;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.action-button-nTgLc:hover {\r\n  filter: brightness(0.9);\r\n}\r\n\r\n.second-button-KGVxc {\r\n  background-color: transparent;\r\n  border-color: var(--primaryColor);\r\n  color: var(--primaryColor);\r\n  padding: 0.85em 1em 0.85em 0.25em;\r\n}\r\n\r\n.second-button-KGVxc:hover {\r\n  fill: #202020 !important;\r\n}\r\n\r\n.second-button-KGVxc:hover {\r\n  border-color: #202020;\r\n  color: #202020;\r\n}\r\n\r\n.row-bjrma {\r\n  float: left;\r\n}\r\n.second-button-KGVxc .row-bjrma {\r\n  padding-left: 0.5em;\r\n}\r\n\r\n.column-SanUs {\r\n  margin: 0.5em 0;\r\n}\r\n\r\n.icon-7uXLI {\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: contain;\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n.icon-color-hyBQn {\r\n  fill: var(--primaryColor);\r\n  transition: fill 0.25s ease-out, color 0.25s ease-out;\r\n}\r\n\r\n.second-button-KGVxc:hover .icon-color-hyBQn {\r\n  fill: black;\r\n}\r\n\r\n.save-icon-s5mPx {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D  %3Cpath%0D    fill%3D%22white%22%0D    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22%0D    strokeWidth%3D%221%22%0D    d%3D%22M783 255l-325 325l-70 70l-391 391q-14 15 -14 35.5t14 35.5l325 325q14 14 35 14t35 -14l391 -391q15 -15 35.5 -15t35.5 15l1049 1049q15 15 35.5 15t35.5 -15l327 -322q15 -15 15 -35q0 -21 -15 -35l-1447 -1448q-15 -14 -35.5 -14t-35.5 14z%22%0D     %2F%3E%0D%3C%2Fsvg%3E\");\r\n}\r\n.send-icon-O6d2- {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D  %3Cpath%0D    fill%3D%22white%22%0D    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22%0D    strokeWidth%3D%221%22%0Dd%3D%22M921 89q-43 -54 -75 -54q-22 0 -34 25.5t-12 72.5v767h-708q-91 0 -91 31q0 26 63 65l2063 1278q42 26 79 26q42 0 68 -32t26 -88v-1800q0 -57 -26.5 -89.5t-69.5 -32.5q-37 0 -78 25l-712 425zM1000 480l1186 1700l-1186 -1300v-400z%22%2F%3E%0D%3C%2Fsvg%3E\");\r\n}\r\n\r\n.reset-icon-HqNs3 path {\r\n  background-color: var(--primaryColor);\r\n}\r\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'BasketActionSerious');
-var BasketActionSerious = function BasketActionSerious(_ref) {
-  var saveIsDisabled = _ref.saveIsDisabled,
-    sendEmailIsDisabled = _ref.sendEmailIsDisabled,
-    onSave = _ref.onSave;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openDropdown = _useState2[0],
-    setOpen = _useState2[1];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$actions = _useDivaCore.actions,
-    userHasPermission = _useDivaCore$actions.userHasPermission,
-    openSnackBar = _useDivaCore$actions.openSnackBar;
-  var onClickReset = function onClickReset() {
-    var _viewHandler$actions;
-    (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal({
-      title: t('modals.reset'),
-      accept: true,
-      reject: true,
-      text: t('modals.are_you_sure_to_reset'),
-      callback: function callback(accepted) {
-        if (accepted) {
-          viewHandler.productState.onClickReset();
-        }
-      }
-    });
-  };
-  var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
-      var _viewHandler$getViewC, _viewHandler$divaWebP, url, _viewHandler$getViewC2;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = type;
-            _context.next = _context.t0 === 'email' ? 3 : _context.t0 === 'save' ? 8 : 13;
-            break;
-          case 3:
-            if (!(!saveIsDisabled && !sendEmailIsDisabled)) {
-              _context.next = 7;
-              break;
-            }
-            onSave();
-            _context.next = 7;
-            return viewHandler.actionButtonState.onClickAddToBasket('onSendEmail');
-          case 7:
-            return _context.abrupt("break", 13);
-          case 8:
-            if (saveIsDisabled) {
-              _context.next = 12;
-              break;
-            }
-            onSave();
-            _context.next = 12;
-            return viewHandler.actionButtonState.onClickAddToBasket();
-          case 12:
-            return _context.abrupt("break", 13);
-          case 13:
-            if (!viewHandler.getViewConfig().showPdfQR) {
-              _context.next = 22;
-              break;
-            }
-            if (!(typeof viewHandler.getViewConfig().showPdfQR == 'boolean')) {
-              _context.next = 18;
-              break;
-            }
-            if (viewHandler.divaWebPlanner.getBasket().PDFDocumentURL) {
-              openSnackBar({
-                type: 'big',
-                qrCode: viewHandler.divaWebPlanner.getBasket().PDFDocumentURL,
-                message: t('basket.checkout.pdfqr'),
-                autoHideDuration: (_viewHandler$getViewC = viewHandler.getViewConfig().pdfQRAutoHideDuration) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : 1000 * 60 * 2,
-                clickable: true
-              });
-            } else {
-              LOG.warn('Basket is missing a pdf, no QR-Code displayed');
-            }
-            _context.next = 22;
-            break;
-          case 18:
-            _context.next = 20;
-            return (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.api.createBasketReport(viewHandler.divaWebPlanner.getBasket(), viewHandler.getViewConfig().showPdfQR, viewHandler.getViewConfig().savePdfQR);
-          case 20:
-            url = _context.sent;
-            if (url) {
-              openSnackBar({
-                type: 'big',
-                qrCode: url,
-                message: t('basket.checkout.pdfqr'),
-                autoHideDuration: (_viewHandler$getViewC2 = viewHandler.getViewConfig().pdfQRAutoHideDuration) !== null && _viewHandler$getViewC2 !== void 0 ? _viewHandler$getViewC2 : 1000 * 60 * 2,
-                clickable: true
-              });
-            } else {
-              LOG.warn('Could not generate PDF, no QR-Code displayed');
-            }
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClickSave(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onClickFavorites = function onClickFavorites() {
-    var _viewHandler$actions2;
-    (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.openModal({
-      title: t('modals.favorite'),
-      accept: true,
-      reject: true,
-      text: t('modals.are_you_sure_favorite'),
-      callback: function () {
-        var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(accepted) {
-          var _viewHandler$actions3;
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!accepted) {
-                  _context2.next = 5;
-                  break;
-                }
-                onSave();
-                _context2.next = 4;
-                return viewHandler.actionButtonState.onClickAddToBasket('onSaveProduct');
-              case 4:
-                (_viewHandler$actions3 = viewHandler.actions) === null || _viewHandler$actions3 === void 0 || _viewHandler$actions3.openModal({
-                  title: t('modals.favorite'),
-                  accept: true,
-                  text: t('modals.favorites_saved')
-                });
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function callback(_x2) {
-          return _callback.apply(this, arguments);
-        }
-        return callback;
-      }()
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(button, actionButton, saveIsDisabled ? actionButtonDisabled : undefined),
-      onClick: function onClick() {
-        if (!saveIsDisabled) setOpen(!openDropdown);
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon, saveIcon)
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.ADD_TO_BASKET')]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(openDropdown ? open : undefined, buttonDropdown),
-        children: [/*#__PURE__*/jsxs("div", {
-          className: column,
-          onClick: function onClick() {
-            return onClickSave('save');
-          },
-          id: "wcConfigurator-action-tobasket",
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(row, icon, saveIcon)
-          }), /*#__PURE__*/jsxs("div", {
-            className: classnames(row),
-            children: [" ", t('configurator.ADD_TO_BASKET')]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(column, sendEmailIsDisabled ? actionButtonDisabled : undefined),
-          onClick: function onClick() {
-            return onClickSave('email');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(row, icon, sendIcon)
-          }), /*#__PURE__*/jsxs("div", {
-            className: classnames(row),
-            children: [" ", t('configurator.SendToClient')]
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      onClick: onClickReset,
-      className: classnames(button, secondButton),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon),
-        children: /*#__PURE__*/jsx("svg", {
-          width: "26",
-          height: "22",
-          viewBox: "0 0 3400 3400",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            className: iconColor,
-            transform: "scale(1,-1) translate(450,-2600)",
-            strokeWidth: "1",
-            d: "M935 2061l-114 277q135 45 279 57v-300q-85 -9 -165 -34zM1435 2069q-71 19 -135 26v300q131 -11 251 -48zM615 1884l-211 212q119 105 260 176l114 -276q-87 -47 -163 -112zM1737 1921q-43 32 -89 59l115 279q99 -53 187 -125zM2007 -3l-148 204l-6 -4 q-146 -95 -321 -145t-332 -51q-172 0 -331.5 43t-291 120.5t-240 188t-182.5 242.5t-114.5 287t-40.5 318q0 225 80 429.5t224 367.5l212 -212q-103 -120 -159.5 -270t-56.5 -314q0 -123 32 -239.5t90 -215t140.5 -181.5t181.5 -141t216 -90.5t240 -31.5q146 0 256.5 34 t226.5 109l-151 212q-8 11 -8 20q0 20 29 19h683q17 0 27.5 -10t10.5 -25q0 -6 -3 -13l-220 -644q-7 -22 -22 -22q-12 0 -22 15zM1964 1673q-20 32 -43 64l213 213q61 -75 109 -161zM2085 1400q-4 0 -10 27l279 126q4 -14 8.5 -35.5t8 -41t6.5 -37.5t6 -28.5t5 -10.5h-303z "
-          })
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.ConfigReset')]
-      })]
-    }), userHasPermission('favorites_lueck') && /*#__PURE__*/jsxs("div", {
-      onClick: onClickFavorites,
-      className: classnames(button, secondButton),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon),
-        children: /*#__PURE__*/jsx("svg", {
-          width: "26",
-          height: "22",
-          viewBox: "0 0 3400 3400",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            className: iconColor,
-            transform: "scale(1,-1) translate(450,-2600)",
-            strokeWidth: "1",
-            d: "M2491 1500l-765 -541l291 -885l-768 551l-764 -554l291 883l-776 546h958l294 900h3l292 -900h944zM484 68h-3l4 3z"
-          })
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.Favorites')]
-      })]
-    })]
-  });
-};
-var BasketActionSerious$1 = observer(BasketActionSerious);
-
-export { BasketActionSerious$1 as default };

package/build/esm/index-f214f28a.js

@@ -1,129 +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-945074f1.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-cb0c03a2.js';
-import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-2b309493.js';
-import MetaData from './index-e4dd8413.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-55f945c0.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';
-
-var paletteItem = "PaletteItem-C-fa2";
-var wcVCodexText = "wcVCodexText-GN3-8";
-var sel = "sel-3ZIRz";
-var imageWrapper = "imageWrapper-QwsRE";
-var small = "small-Ynrzj";
-var wcImage = "wcImage-eveCj";
-var title = "title-mFBM6";
-var big = "big-wADuy";
-var css_248z = "/*Size Normal */\r\n\r\n.PaletteItem-C-fa2 {\r\n  border-radius: var(--globalBorderRadius);\r\n  position: relative;\r\n  z-index: 100;\r\n  transition: all 0.15s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.PaletteItem-C-fa2:active,\r\n.PaletteItem-C-fa2:hover {\r\n  z-index: 200;\r\n  transition: 0.15s ease;\r\n}\r\n\r\n.wcVCodexText-GN3-8 {\r\n  position: absolute;\r\n  line-height: 104px;\r\n  width: 100%;\r\n  color: white;\r\n  display: none;\r\n  text-align: center;\r\n}\r\n\r\n.PaletteItem-C-fa2:hover .wcVCodexText-GN3-8,\r\n.sel-3ZIRz .wcVCodexText-GN3-8 {\r\n  display: block;\r\n}\r\n\r\n.imageWrapper-QwsRE {\r\n  border-radius: 50%;\r\n  border: 1px rgb(230, 230, 230) solid;\r\n  display: flex;\r\n  transition: 0.15s ease;\r\n  position: relative;\r\n}\r\n.imageWrapper-QwsRE:hover {\r\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n  border: 1px var(--primaryColor) solid;\r\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\r\n}\r\n.sel-3ZIRz .imageWrapper-QwsRE:hover,\r\n.small-Ynrzj.sel-3ZIRz .imageWrapper-QwsRE:hover {\r\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n  border: 1px rgb(230, 230, 230) solid;\r\n}\r\n.sel-3ZIRz .imageWrapper-QwsRE,\r\n.small-Ynrzj.sel-3ZIRz .imageWrapper-QwsRE {\r\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n}\r\n\r\n.wcImage-eveCj {\r\n  width: calc(100% - 7px);\r\n  aspect-ratio: 1;\r\n  border: 4px white solid;\r\n  border-radius: 50%;\r\n  user-select: none;\r\n  -moz-user-select: none;\r\n  -webkit-user-drag: none;\r\n  -webkit-user-select: none;\r\n  -ms-user-select: none;\r\n}\r\n.sel-3ZIRz .wcImage-eveCj,\r\n.small-Ynrzj.sel-3ZIRz .wcImage-eveCj {\r\n  border: 4px var(--primaryColor) solid;\r\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\r\n}\r\n\r\n.hexColor-NBrjx {\r\n  width: 80px;\r\n  height: 80px;\r\n}\r\n\r\n.title-mFBM6 {\r\n  margin-top: 4px;\r\n  text-align: center;\r\n  float: left;\r\n  max-height: 64px;\r\n  min-height: 16px;\r\n  width: 100%;\r\n  font-size: 14px;\r\n  line-height: 16px;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  word-wrap: break-word;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-hyphens: auto;\r\n  hyphens: auto;\r\n  -webkit-line-clamp: 2;\r\n  position: relative;\r\n  -webkit-hyphens: auto;\r\n  hyphens: auto;\r\n  user-select: none;\r\n  -moz-user-select: none;\r\n  -webkit-user-drag: none;\r\n  -webkit-user-select: none;\r\n  -ms-user-select: none;\r\n  z-index: 400;\r\n}\r\n\r\n.PaletteItem-C-fa2:hover .title-mFBM6,\r\n.small-Ynrzj .PaletteItem-C-fa2:hover .title-mFBM6 {\r\n  max-height: 608px;\r\n  -webkit-line-clamp: 30;\r\n  overflow: visible;\r\n  z-index: 200;\r\n}\r\n\r\n/* Size Small */\r\n\r\n.small-Ynrzj .wcVCodexText-GN3-8 {\r\n  line-height: 58px;\r\n  font-size: 12px;\r\n}\r\n\r\n.small-Ynrzj .title-mFBM6 {\r\n  font-size: 12px;\r\n  margin-top: 6px;\r\n  -webkit-line-clamp: 1;\r\n}\r\n/* Size very Small */\r\n\r\n.very-small-XTQPS .wcVCodexText-GN3-8 {\r\n  line-height: 48px;\r\n  font-size: 10px;\r\n}\r\n\r\n.very-small-XTQPS .title-mFBM6 {\r\n  font-size: 10px;\r\n  margin-top: 5px;\r\n  -webkit-line-clamp: 1;\r\n}\r\n\r\n/* Size big */\r\n\r\n.big-wADuy .wcVCodexText-GN3-8 {\r\n  line-height: 158px;\r\n  font-size: 15px;\r\n}\r\n\r\n.big-wADuy .title-mFBM6 {\r\n  font-size: 15px;\r\n  margin-top: 10px;\r\n  -webkit-line-clamp: 2;\r\n}\r\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 Option = function Option(_ref) {
-  var _item$hexColor, _renderLayer;
-  var itemP = _ref.item,
-    type = _ref.type,
-    paletteId = _ref.paletteId;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-  var onClick = function onClick() {
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-
-  /* 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 && (item.image || item.hexColor)) {
-    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.codex,
-    className: classnames(type == 'small' ? small : undefined, type == 'big' ? big : undefined, paletteItem, item.sel ? sel : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(imageWrapper),
-      children: [item.vCodex && /*#__PURE__*/jsx("div", {
-        className: classnames(wcVCodexText),
-        children: item.vCodex
-      }), item.image ? /*#__PURE__*/jsx("img", {
-        className: classnames(wcImage),
-        src: item.image
-      }) : /*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundColor: '#' + ((_item$hexColor = item.hexColor) !== null && _item$hexColor !== void 0 ? _item$hexColor : 'dfdfdf')
-        }
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: title,
-      dangerouslySetInnerHTML: {
-        __html: item.text
-      }
-    }), item.doShowFav && /*#__PURE__*/jsx("div", {
-      className: item.isFav ? wcFavoriteSel : wcFavorite,
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-      }
-    }), /*#__PURE__*/jsx(MetaData, {
-      style: {
-        position: 'relative',
-        "float": 'left',
-        display: 'none'
-      },
-      metaData: item.metaData,
-      visible: [metaDataVisible, setMetaDataVisible]
-    }, item.codex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.text + (item.freeText ? item.freeText : ''),
-      hexColor: item.hexColor,
-      desciption: metaDataVisible,
-      image: item.image,
-      layerProps: layerProps
-    }, item.codex)))]
-  }));
-};
-var GalleryText = observer(Option);
-
-export { GalleryText as default };

package/build/esm/index-f21bc2b5.js

@@ -1,123 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-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/slicedToArray';
-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';
-
-var wcTextBoxInDialog = "wcTextBoxInDialog-cUykT";
-var wcPopupWindowContainer = "wcPopupWindowContainer-RSZGf";
-var wcClose = "wcClose-X1s6d";
-var wcSubmit = "wcSubmit-Ax0lk";
-var css_248z = ".wcTextBoxInDialog-cUykT {\r\n  width: 90%;\r\n  padding: 12px 20px;\r\n  margin: 8px 0;\r\n  display: inline-block;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n  box-sizing: border-box;\r\n  float: left;\r\n}\r\n\r\n.wcPopupWindowContainer-RSZGf {\r\n  letter-spacing: 0.5px;\r\n  -webkit-text-stroke: 0.1px;\r\n  font-family: var(--diva-typography-font-family);\r\n  font-weight: 100;\r\n  z-index: 999;\r\n  width: 40em;\r\n  max-width: 70%;\r\n  max-height: 90%;\r\n  background-color: white;\r\n  padding: 1em 2em 0.5em 2em;\r\n  border-radius: 15px;\r\n  border: 1px solid #cbcbcb;\r\n  font-size: 14.4px;\r\n  color: #363636;\r\n  display: flex;\r\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n.wcPopupWindowContainer-RSZGf p {\r\n  font-size: 16px;\r\n  -webkit-text-stroke: 0.5px;\r\n}\r\n\r\n.wcPopupWindowContainer-RSZGf ul {\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.wcPopupWindowContainer-RSZGf .wctooltext-G-oa5 {\r\n  width: calc(100% - 65px);\r\n  float: left;\r\n  padding: 8px 0 15px 10px;\r\n}\r\n\r\n.wcPopupWindowContainer-RSZGf li {\r\n  height: 40px;\r\n  width: 55px;\r\n  display: block;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  float: left;\r\n  clear: both;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.wcClose-X1s6d {\r\n  border-radius: 20px;\r\n  position: absolute;\r\n  font-size: 22pt;\r\n  font-family: sans-serif;\r\n  font-weight: 50;\r\n  top: -20px;\r\n  right: -20px;\r\n  width: 40px;\r\n  height: 40px;\r\n  background-color: #fff;\r\n  color: #666;\r\n  border: 2px solid #666;\r\n  text-align: center;\r\n  padding-top: 0px;\r\n  content: 'X';\r\n}\r\n\r\n.wcClose-X1s6d:hover {\r\n  background-color: #aaa;\r\n  color: #000;\r\n  border: 2px solid #000;\r\n}\r\n.wcSubmit-Ax0lk {\r\n  border: 1px var(--secondaryColor) solid;\r\n  background-color: var(--secondaryColor);\r\n  color: #ffffff;\r\n  height: 41px;\r\n  width: 8%;\r\n  margin: 8px 0 7px;\r\n  float: right;\r\n  border-radius: var(--globalBorderRadius);\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%0D%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 viewBox%3D%220 0 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cstyle type%3D%22text%2Fcss%22%3E%0D%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0D%3C%2Fstyle%3E%0D%3Cg%3E%0D%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%0D%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");\r\n  background-size: 16px;\r\n  transform: rotate(180deg);\r\n}\r\n";
-styleInject(css_248z);
-
-var Inputbox = function Inputbox(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var inputBox = useRef(null);
-  useEffect(function () {
-    var _viewHandler$settings, _viewHandler$settings2, _inputBox$current;
-    viewHandler.settingsState.setInputBoxValue((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.inputBoxItem) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.freeText) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : '');
-    (_inputBox$current = inputBox.current) === null || _inputBox$current === void 0 || _inputBox$current.focus();
-  }, []);
-  useEffect(function () {
-    var _viewHandler$settings3;
-    if ((_viewHandler$settings3 = viewHandler.settingsState.inputBoxItem) !== null && _viewHandler$settings3 !== void 0 && _viewHandler$settings3.freeText) {
-      viewHandler.settingsState.setInputBoxValue(viewHandler.settingsState.inputBoxItem.freeText);
-    }
-  }, [viewHandler.settingsState.inputBoxItem]);
-  if (!viewHandler.settingsState.inputBoxItem) return /*#__PURE__*/jsx(Fragment, {});
-  var title = viewHandler.settingsState.inputBoxItem.text;
-  if (title.includes(':')) title = title.slice(0, title.lastIndexOf(':'));
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!viewHandler.settingsState.inputBoxItem) {
-              _context.next = 6;
-              break;
-            }
-            viewHandler.settingsState.inputBoxItem.freeText = viewHandler.settingsState.inputBoxValue;
-            _context.next = 4;
-            return viewHandler.paletteViewHandler.clickedOnConfigPalette(viewHandler.settingsState.inputBoxItem, 'inputbox');
-          case 4:
-            viewHandler.settingsState.updateInputBoxValues(false, undefined);
-            viewHandler.uiState.setConfiguratorDisabled(false);
-          case 6:
-            if (viewHandler.settingsState.inputBoxVisible) {
-              viewHandler.uiState.setConfiguratorDisabled(true);
-            } else {
-              viewHandler.uiState.setConfiguratorDisabled(false);
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSubmit() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var isNumberBox = !!viewHandler.settingsState.inputBoxItem.measureUnit;
-  var keyDownFunction = function keyDownFunction(e) {
-    if (!viewHandler) return;
-    if (e.key === 'Enter') {
-      onSubmit();
-      e.stopPropagation();
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsxs("div", {
-      className: wcPopupWindowContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        onClick: function onClick() {
-          return viewHandler.settingsState.inputBoxVisible = false;
-        },
-        className: wcClose,
-        children: "\u2716"
-      }), /*#__PURE__*/jsxs("div", {
-        style: {
-          width: '100%'
-        },
-        children: [/*#__PURE__*/jsx("p", {
-          style: {
-            marginTop: '2px'
-          },
-          children: title
-        }), /*#__PURE__*/jsx("input", {
-          ref: inputBox,
-          onKeyDown: function onKeyDown(e) {
-            return keyDownFunction(e);
-          },
-          className: wcTextBoxInDialog,
-          type: isNumberBox ? 'number' : 'text',
-          onChange: function onChange(event) {
-            return viewHandler.settingsState.setInputBoxValue(event.target.value);
-          },
-          value: viewHandler.settingsState.inputBoxValue
-        }), /*#__PURE__*/jsx("button", {
-          className: wcSubmit,
-          onClick: onSubmit
-        })]
-      })]
-    })
-  });
-};
-var Inputbox$1 = observer(Inputbox);
-
-export { Inputbox$1 as default };