@crystaldesign/diva-web-planner-react 25.7.0-beta.3 → 25.7.0-beta.30

package/build/esm/index-e3b2c07f.js

@@ -1,114 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-ff63bb1a.js';
-import 'react';
-import SettingsHeaderContainer from './index-c7ab2a21.js';
-import SettingsScroller from './index-9583a2cc.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-beb9e5fd.js';
-import './index-ef10c67d.js';
-import './index-367cb344.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e8d92223.js';
-import 'react-laag';
-import './index-8193df83.js';
-import './index-57ec6df5.js';
-import 'sift';
-import './index-3eb8e401.js';
-import './index-b1732c81.js';
-import './index-cb0f6a8c.js';
-import './index-9d8aa332.js';
-import './index.module-b442ca52.js';
-import './index-c0b946dc.js';
-import 'react-switch';
-import './index-2e06ffee.js';
-import './index-bace0ec3.js';
-import './index-d7e3b706.js';
-import 'react-dropdown';
-import './index-a457886a.js';
-import './index-52eb4c15.js';
-import './index-4b780f8f.js';
-import './index-74dfd6c0.js';
-import '@crystaldesign/content-box';
-import './index-93495363.js';
-import './index-1dc5c7cc.js';
-import './index-fad89ca3.js';
-import './index-4e0f80e6.js';
-import './index-840fbba4.js';
-import './index-97db2d3f.js';
-import './index-81fb1a0b.js';
-import './index-c0e69905.js';
-import './index-e8d892ab.js';
-import './index-1f4b3b8d.js';
-import './index-d56f662d.js';
-import './index-3369d518.js';
-import './index-afbd8f89.js';
-import './index-dcafa922.js';
-import './index-1df92a2d.js';
-import './index-10898d75.js';
-import './index.module-5f7ae981.js';
-import './index-47a13cc1.js';
-import './index-822fa737.js';
-import './index-f448c72f.js';
-import './index-59658bdd.js';
-import './index-74e4420f.js';
-import './index-3b33bb3d.js';
-import './index-eb32a926.js';
-import './index.module-1a32fcd2.js';
-import './index-d410ac7a.js';
-import './index-5d21f231.js';
-import './index-ba0922ee.js';
-
-var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
-var tabsHorizontal = "tabs-horizontal-052sb";
-var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";
-var expanded = "expanded-iYIJH";
-var wcConfiguratorSettingsMinExpander = "wcConfigurator-settings-Min-expander-MkfBV";
-var wcConfiguratorSettingsMaxExpander = "wcConfigurator-settings-Max-expander-3DqcZ";
-var css_248z = ".wcConfigurator-settings-nB7sW {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.tabs-horizontal-052sb .wcConfigurator-settings-nB7sW {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.wcConfigurator-settings-expander-mf-Rs {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%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%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%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%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%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%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 19.2px;\n}\n\n.expanded-iYIJH .wcConfigurator-settings-expander-mf-Rs {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.wcConfigurator-settings-Min-expander-MkfBV,\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  left: -1.1rem;\n}\n\n.wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.wcConfigurator-settings-Max-Expanded-zmWy6 .wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.5rem;\n  width: 1rem;\n}\n.wcConfigurator-settings-Min-Expanded-ZRHtW .wcConfigurator-settings-Max-expander-3DqcZ {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["className"];
-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 Settings = function Settings(_ref) {
-  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(className, wcConfiguratorSettings, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? tabsHorizontal : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: [viewHandler.uiState.doShowConfSettingsExpander && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
-      className: wcConfiguratorSettingsExpander,
-      onClick: viewHandler.uiState.onClickExpandConfigSettings
-    }), !viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsx(SettingsScroller, {}), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
-      children: [!viewHandler.uiState.configSettingsIsMaxExpanded && /*#__PURE__*/jsx("div", {
-        className: wcConfiguratorSettingsMaxExpander,
-        onClick: viewHandler.uiState.onClickExpandMaxConfigSettings
-      }), !viewHandler.uiState.configSettingsIsMinExpanded && /*#__PURE__*/jsx("div", {
-        className: wcConfiguratorSettingsMinExpander,
-        onClick: viewHandler.uiState.onClickExpandMinConfigSettings
-      })]
-    })]
-  }));
-};
-var Settings$1 = observer(Settings);
-
-export { Settings$1 as default };

package/build/esm/index-e68364ed.js

@@ -1,43 +0,0 @@
-import './index-ff63bb1a.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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var BoxCopy = function BoxCopy(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps,
-    invertLeftRight = _ref.invertLeftRight;
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.type == 'BoxCopyLeft' ? 'LEFT' : item.type == 'BoxCopyRight' ? 'RIGHT' : item.type == 'BoxCopyTop' ? 'TOP' : 'STD');
-    },
-    style: {
-      left: rect.left + '%',
-      top: 100 - rect.top + '%'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.copy.BoxPlannerCopy.copyGlobal, item.type == 'BoxCopyLeft' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : undefined, item.type == 'BoxCopyTop' ? plannerUIProps.classes.copy.BoxPlannerCopy.copyTop : undefined, item.type == 'BoxCopyRight' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : undefined)
-  });
-};
-var BoxCopy$1 = observer(BoxCopy);
-
-export { BoxCopy$1 as default };

package/build/esm/index-e87209c2.js

@@ -1,53 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff63bb1a.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-99a1a43a.js';
-import SVGViewer from './index-dbd6aa8a.js';
-import { jsx } from 'react/jsx-runtime';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index.module-903d51c9.js';
-import './index.module-1653b161.js';
-import './index.module-d239ad58.js';
-import 'react-collapsible';
-import './index-76fa20e8.js';
-import './index.module-72ec5db4.js';
-import './index-2de5904e.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SVGAnalyser = function SVGAnalyser(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-    className: props.className,
-    ChildComponent: SVGViewer,
-    settings: [{
-      key: 'SVGSOURCE',
-      name: 'SVG Source'
-    }, {
-      key: 'SVGOVERVIEW',
-      name: 'SVG Übersicht'
-    }],
-    title: 'SVG Übersicht'
-  }));
-};
-var SVGAnalyzer = observer(SVGAnalyser);
-
-export { SVGAnalyzer as default };

package/build/esm/index-e8d892ab.js

@@ -1,32 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ff63bb1a.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-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 SummaryOptionTree = function SummaryOptionTree(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"
-  }));
-};
-
-export { SummaryOptionTree as default };

package/build/esm/index-e8d92223.js

@@ -1,76 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-ff63bb1a.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-8193df83.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var wcConfiguratorSettingsHeaderActElements = "wcConfigurator-settings-header-act-elements-f-VVv";
-var isActive = "isActive-mWaAC";
-var allIsActive = "allIsActive-iSz9H";
-var isSelectable = "isSelectable-FBPGm";
-var small = "small-xZ6Og";
-var css_248z = ".wcConfigurator-settings-header-act-elements-f-VVv {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 16px;\n  line-height: 18px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  margin: 1.6px 16px 0 16px;\n  padding-top: 7px;\n  padding-bottom: 7px;\n  order: 2;\n  max-width: 40%;\n  position: relative;\n  /* background: #f2f2f2; */\n  /* border: 1px solid #f2f2f2; */\n  border-radius: 5px;\n  text-align: right;\n  min-height: 25px;\n}\n\n.wcConfig-qK8qq {\n  display: -webkit-box;\n  max-height: 608px;\n  -webkit-line-clamp: 15;\n  overflow: auto;\n  box-shadow: var(--boxShadowHover);\n  z-index: 930;\n  text-align: left;\n}\n\n.wcConfigurator-settings-header-hideConfSettings-72pdt {\n  display: none;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span {\n  border-radius: var(--articlePosNrRadius);\n  font-size: var(--articlePosNrFontSize);\n  line-height: var(--articlePosNrSize);\n  min-width: var(--articlePosNrSize);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  margin: 0 1px;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  transition: box-shadow 0.45s ease;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.isActive-mWaAC {\n  color: white;\n  background: var(--primaryColor);\n  font-size: calc(var(--articlePosNrFontSize) + 1.6px);\n  line-height: calc(var(--articlePosNrSize) + 1.6px);\n  min-width: calc(var(--articlePosNrSize) + 3.2px);\n  -webkit-text-stroke: 0.4px;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.allIsActive-iSz9H {\n  color: white;\n  background: var(--primaryColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.isSelectable-FBPGm {\n  color: var(--secondaryColor);\n  background: var(--thirdColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og,\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og.isActive-mWaAC {\n  font-size: calc(var(--articlePosNrFontSize) - 4.6px);\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 SettingsPosNr = function SettingsPosNr(_ref) {
-  var _renderLayer;
-  var id = _ref.id,
-    allAreActive = _ref.allAreActive;
-  var viewHandler = useViewHandler();
-  var article = viewHandler.settingsState.articleInfos[id];
-  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) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.articleInfoSelected(Number(id));
-      },
-      id: "ArticleInfo",
-      className: classnames(allAreActive ? allIsActive : article.isActive ? isActive : isSelectable, article.posNr.toString().length > 2 ? small : undefined)
-    }, triggerProps), hoverProps), {}, {
-      children: article.posNr
-    }), id), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(SettingsPosNrToolTip, {
-      article: article,
-      layerProps: layerProps
-    })))]
-  });
-};
-var SettingsPosNr$1 = observer(SettingsPosNr);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': SettingsPosNr$1
-});
-
-export { SettingsPosNr$1 as S, index as i, wcConfiguratorSettingsHeaderActElements as w };

package/build/esm/index-eb054657.js

@@ -1,84 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ff63bb1a.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import Group from './index-be07fe68.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-eef444ed.js';
-import { jsx, jsxs, Fragment } 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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index-2c488d7e.js';
-import 'react-collapsible';
-import './index-2e06ffee.js';
-import './index-bace0ec3.js';
-
-var container = "container-IOQq6";
-var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var PaletteGroup = function PaletteGroup(_ref) {
-  var itemPalette = _ref.itemPalette,
-    groups = _ref.groups,
-    PaletteComponent = _ref.PaletteComponent,
-    contentInnerClassName = _ref.contentInnerClassName,
-    _ref$rowCount = _ref.rowCount,
-    rowCount = _ref$rowCount === void 0 ? 12 : _ref$rowCount;
-  var viewHandler = useViewHandler();
-  if (!viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(StandradGroup, {
-    contentInnerClassName: contentInnerClassName,
-    itemPalette: itemPalette,
-    groups: groups,
-    PaletteComponent: PaletteComponent,
-    rowCount: rowCount
-  });
-  var _useDivaCore = useDivaCore(),
-    width = _useDivaCore.state.dimensions.width;
-  var itemCount = 0;
-  if (width) while (width / rowCount < 60) {
-    rowCount = rowCount - 1;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: container,
-    children: groups.map(function (group) {
-      var renderEmptyBox = false;
-      if (itemCount % rowCount === rowCount - 1 && group.items.length > 1) {
-        renderEmptyBox = true;
-        itemCount++;
-      }
-      itemCount = itemCount + group.items.length;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [renderEmptyBox && /*#__PURE__*/jsx("div", {
-          style: {
-            background: 'rgba(242, 242, 242, 0.6)',
-            width: 100 / rowCount + '%'
-          }
-        }), /*#__PURE__*/jsx(Group, {
-          PaletteComponent: PaletteComponent,
-          contentInnerClassName: contentInnerClassName,
-          paletteType: itemPalette.type,
-          group: group,
-          paletteId: itemPalette.id,
-          rowCount: rowCount
-        })]
-      });
-    })
-  });
-};
-var index = observer(PaletteGroup);
-
-export { index as default };

package/build/esm/index-eb32a926.js

@@ -1,142 +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-ff63bb1a.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-1a32fcd2.js';
-import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-c0e69905.js';
-import MetaData from './index-81fb1a0b.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-2e06ffee.js';
-import PricePreview from './index-bace0ec3.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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-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 */\n\n.PaletteItem-C-fa2 {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-C-fa2:active,\n.PaletteItem-C-fa2:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-GN3-8 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.PaletteItem-C-fa2:hover .wcVCodexText-GN3-8,\n.sel-3ZIRz .wcVCodexText-GN3-8 {\n  display: block;\n}\n\n.imageWrapper-QwsRE {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.imageWrapper-QwsRE:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-3ZIRz .imageWrapper-QwsRE:hover,\n.small-Ynrzj.sel-3ZIRz .imageWrapper-QwsRE:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-3ZIRz .imageWrapper-QwsRE,\n.small-Ynrzj.sel-3ZIRz .imageWrapper-QwsRE {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-eveCj {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-3ZIRz .wcImage-eveCj,\n.small-Ynrzj.sel-3ZIRz .wcImage-eveCj {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-NBrjx {\n  width: 80px;\n  height: 80px;\n}\n\n.title-mFBM6 {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.PaletteItem-C-fa2:hover .title-mFBM6,\n.small-Ynrzj .PaletteItem-C-fa2:hover .title-mFBM6 {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.small-Ynrzj .wcVCodexText-GN3-8 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.small-Ynrzj .title-mFBM6 {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.very-small-XTQPS .wcVCodexText-GN3-8 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.very-small-XTQPS .title-mFBM6 {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.big-wADuy .wcVCodexText-GN3-8 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.big-wADuy .title-mFBM6 {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\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 Option = function Option(_ref) {
-  var _item$hexColor, _renderLayer;
-  var itemP = _ref.item,
-    type = _ref.type,
-    paletteId = _ref.paletteId,
-    hidePricePreview = _ref.hidePricePreview;
-  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) && !item.contentItemId) {
-    isOver = hover[0];
-    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
-      }, item.codex)]
-    }), /*#__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), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise,
-      sel: item.sel,
-      style: type == 'small' ? {
-        fontSize: 9
-      } : undefined
-    }), 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,
-      pricePreviewPromise: item.pricePreviewPromise,
-      image: item.image,
-      layerProps: layerProps
-    }, item.codex)))]
-  }));
-};
-var GalleryText = observer(Option);
-
-export { GalleryText as default };