@crystaldesign/diva-web-planner-react 24.11.0 → 24.11.1

package/build/esm/index-5647c907.js

@@ -1,94 +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-ceac7152.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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';
-
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
-var container = "container-1HnE3";
-var vertical = "vertical-b9yq0";
-var button = "button-iKgxi";
-var back = "back-iTC3X";
-var forth = "forth-mornI";
-var isOnFirstStepDisabled = "isOnFirstStepDisabled--ZJX1";
-var isOnLastStep = "isOnLastStep-f7nk8";
-var isOnFirstStep = "isOnFirstStep-D7seC";
-var landscape = "landscape-RR2TR";
-var portrait = "portrait-XTm5H";
-var css_248z = "/*Navigaton Buttons*/\n.wcConfigurator-settings-actions-7Gl-H {\n  transition: width 0.2s ease-in-out;\n}\n\n.container-1HnE3 {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.vertical-b9yq0 .container-1HnE3 {\n  line-height: var(--configuratorActionHeight);\n}\n\n.button-iKgxi {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.back-iTC3X {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.forth-mornI {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.back-iTC3X:hover,\n.forth-mornI:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.forth-mornI svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.isOnFirstStepDisabled--ZJX1 .forth-mornI {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.isOnLastStep-f7nk8 .back-iTC3X {\n  width: 100%;\n}\n\n.isOnLastStep-f7nk8 .forth-mornI {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .back-iTC3X {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .forth-mornI {\n  width: 100%;\n}\n\n.landscape-RR2TR .button-iKgxi,\n.portrait-XTm5H .button-iKgxi {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["className", "showBackButtonText", "backOverwrite", "forthOverwrite", "showNextButtonIcon"];
-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 ActionNavigation = function ActionNavigation(_ref) {
-  var className = _ref.className,
-    showBackButtonText = _ref.showBackButtonText,
-    backOverwrite = _ref.backOverwrite,
-    forthOverwrite = _ref.forthOverwrite,
-    showNextButtonIcon = _ref.showNextButtonIcon,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: !viewHandler.uiState.configSettingsIsHidden && /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(className, wcConfiguratorSettingsActions, viewHandler.actionButtonState.isOnFirstStep ? isOnFirstStep : undefined, viewHandler.actionButtonState.isOnFirstStepDisabled ? isOnFirstStepDisabled : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined, viewHandler.tabGroupState.curTabGroupType == 'vertical' ? vertical : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: container,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: classnames(button, back, backOverwrite),
-          onClick: viewHandler.actionButtonState.onClickConfiguratorSettingsBack,
-          children: [!showBackButtonText && /*#__PURE__*/jsx("svg", {
-            width: "12",
-            height: "22",
-            viewBox: "0 0 12 22",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /*#__PURE__*/jsx("path", {
-              d: "M11 1L1 11L11 21",
-              stroke: "var(--navigateBack, var(--secondaryColor))",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            })
-          }), showBackButtonText && t('configurator.Back')]
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(button, forth, forthOverwrite),
-          onClick: viewHandler.actionButtonState.onClickConfiguratorSettingsForth,
-          id: "wcConfigurator-action-next",
-          children: [t('configurator.Next'), showNextButtonIcon && /*#__PURE__*/jsx("svg", {
-            width: "12",
-            height: "22",
-            viewBox: "0 0 12 22",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /*#__PURE__*/jsx("path", {
-              d: "M11 1L1 11L11 21",
-              stroke: "var(--navigateForthFontColor, #ffffff)",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            })
-          })]
-        })]
-      })
-    }))
-  });
-};
-var ActionNavigation$1 = observer(ActionNavigation);
-
-export { ActionNavigation$1 as default };

package/build/esm/index-574eccea.js

@@ -1,39 +0,0 @@
-import './index-ceac7152.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-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.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-5773de2c.js

@@ -1,131 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-ceac7152.js';
-import { useState, useEffect } from 'react';
-import Toggle from './index-a6a32ebd.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var wrapper = "wrapper-i5mp2";
-var tabs = "tabs-byZxq";
-var sel = "sel-J1it3";
-var selectionWrapper = "selection-wrapper-BVO4h";
-var selectionText = "selection-text-gO6Tv";
-var selection = "selection-ZoepK";
-var css_248z$1 = ".wrapper-i5mp2 {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.tabs-byZxq {\n  margin: 32px;\n  font-size: 22px;\n  display: flex;\n  gap: 32px;\n}\n\n.tabs-byZxq div {\n  cursor: pointer;\n}\n\n.tabs-byZxq div:hover,\n.sel-J1it3 {\n  border-bottom: var(--primaryColor) 2px solid;\n}\n\n.selection-wrapper-BVO4h {\n  display: flex;\n  position: relative;\n  margin: 8px 32px;\n}\n\n.selection-text-gO6Tv {\n  width: 160px;\n  line-height: 38px;\n}\n.selection-ZoepK {\n  flex-grow: 1;\n}\n\n.selection-wrapper-BVO4h input {\n  flex-grow: 1;\n}\n";
-styleInject(css_248z$1);
-
-var tableWrapper = "table-wrapper-NEM-p";
-var tableCss = "table-css-Qbpn7";
-var css_248z = ".table-wrapper-NEM-p {\n  margin: 16px;\n  overflow: auto;\n  height: calc(100% - 120px);\n}\n.table-css-Qbpn7 {\n}\n.table-css-Qbpn7 td {\n  border: 1px solid black;\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 Table = function Table(_ref) {
-  var properties = _ref.properties,
-    data = _ref.data,
-    id = _ref.id;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    overwrittenProps = _useState2[0],
-    setOverwrittenProps = _useState2[1];
-  var _useState3 = useState(properties),
-    _useState4 = _slicedToArray(_useState3, 2),
-    filteredProperties = _useState4[0],
-    setFilteredProperties = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchText = _useState6[0],
-    setSearchText = _useState6[1];
-  useEffect(function () {
-    if (searchText) {
-      setFilteredProperties(properties.filter(function (p) {
-        return p.codex.toLocaleLowerCase().includes(searchText === null || searchText === void 0 ? void 0 : searchText.toLocaleLowerCase()) || p.type.toLocaleLowerCase().includes(searchText === null || searchText === void 0 ? void 0 : searchText.toLocaleLowerCase());
-      }));
-    } else {
-      setFilteredProperties(properties);
-    }
-  }, [searchText]);
-  useEffect(function () {
-    setSearchText('');
-    setFilteredProperties(properties);
-  }, [id]);
-  var onClick = function onClick(key, newVal, type) {
-    var newVals = _objectSpread({}, overwrittenProps);
-    if (!data) return;
-    newVals[key] = newVal;
-    if (type == 'Array') {
-      data[key] = newVal === null || newVal === void 0 ? void 0 : newVal.split(';');
-    } else {
-      data[key] = newVal;
-    }
-    setOverwrittenProps(newVals);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: selectionWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: selectionText,
-        children: "Suche:"
-      }), /*#__PURE__*/jsx("input", {
-        type: "text",
-        value: searchText,
-        onChange: function onChange(e) {
-          var _e$target;
-          return setSearchText((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-        }
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: tableWrapper,
-      children: /*#__PURE__*/jsxs("table", {
-        className: tableCss,
-        children: [/*#__PURE__*/jsx("th", {
-          children: "CODEX"
-        }), /*#__PURE__*/jsx("th", {
-          children: "Beschreibung"
-        }), /*#__PURE__*/jsx("th", {
-          children: "Type"
-        }), /*#__PURE__*/jsx("th", {
-          children: "edit"
-        }), filteredProperties.map(function (p) {
-          var _overwrittenProps$p$c, _overwrittenProps$p$c2, _overwrittenProps$p$c3;
-          return /*#__PURE__*/jsxs("tr", {
-            children: [/*#__PURE__*/jsx("td", {
-              children: p.codex
-            }), /*#__PURE__*/jsx("td", {
-              children: p.desc
-            }), /*#__PURE__*/jsx("td", {
-              children: p.type
-            }), /*#__PURE__*/jsxs("td", {
-              children: [p.type == 'boolean' && /*#__PURE__*/jsx(Toggle, {
-                state: (_overwrittenProps$p$c = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c !== void 0 ? _overwrittenProps$p$c : data === null || data === void 0 ? void 0 : data[p.catalogKey],
-                onChange: function onChange(val) {
-                  return onClick(p.catalogKey, val, p.type);
-                }
-              }), (p.type == 'string' || p.type == 'Array') && /*#__PURE__*/jsx("input", {
-                value: (_overwrittenProps$p$c2 = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c2 !== void 0 ? _overwrittenProps$p$c2 : data === null || data === void 0 ? void 0 : data[p.catalogKey],
-                onChange: function onChange(e) {
-                  return onClick(p.catalogKey, e.target.value, p.type);
-                },
-                type: "text"
-              }), p.type == 'number' && /*#__PURE__*/jsx("input", {
-                value: (_overwrittenProps$p$c3 = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c3 !== void 0 ? _overwrittenProps$p$c3 : data === null || data === void 0 ? void 0 : data[p.catalogKey],
-                onChange: function onChange(e) {
-                  return onClick(p.catalogKey, e.target.value, p.type);
-                },
-                type: "number"
-              })]
-            })]
-          }, p.codex);
-        })]
-      })
-    })]
-  });
-};
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': Table
-});
-
-export { Table as T, selectionWrapper as a, selectionText as b, selection as c, index as i, sel as s, tabs as t, wrapper as w };

package/build/esm/index-57e5c7bc.js

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

package/build/esm/index-58821613.js

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

package/build/esm/index-5971761f.js

@@ -1,171 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
-import classnames from 'classnames';
-import { useEffect } from 'react';
-import Inputbox from './index-d0f28655.js';
-import Product from './index-57e5c7bc.js';
-import Settings from './index-ea6e93f1.js';
-import NavigationButtons from './index-fd1d46f0.js';
-import BasketAction from './index-a21b8051.js';
-import TabGroup from './index-f848f570.js';
-import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-af5f4e78.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e8634331.js';
-import './index-40c59259.js';
-import './index-73fd558b.js';
-import './index-9d5346ea.js';
-import './index-95e686fe.js';
-import 'react-laag';
-import './index-0e444930.js';
-import './index-2cde3401.js';
-import './index-46f51d6f.js';
-import 'sift';
-import './index-7ccc65da.js';
-import './index-89cbbf70.js';
-import './index-89d06f11.js';
-import './index-1e8b8742.js';
-import './index.module-554572ea.js';
-import './index-a6a32ebd.js';
-import 'react-switch';
-import './index-193e341d.js';
-import './index-9792f929.js';
-import 'react-dropdown';
-import './index-f735526e.js';
-import './index-97dd0b72.js';
-import './index-71e09ba6.js';
-import './index-fc89b69e.js';
-import '@crystaldesign/content-box';
-import './index-80813811.js';
-import './index-16f2c33d.js';
-import './index-7d3f6ebe.js';
-import './index-bcea3f10.js';
-import './index-afb5fb5d.js';
-import '@crystaldesign/products-component';
-import './index-27375692.js';
-import './index-a2341787.js';
-import './index-67d18e45.js';
-import './index-b29be090.js';
-import './index-b6bf3333.js';
-import './index-684ed601.js';
-import './index-d53cbefe.js';
-import './index-dd8dba83.js';
-import './index-538fdf33.js';
-import './index-acff910c.js';
-import './index-0e206c3f.js';
-import './index-73405966.js';
-import './index-e63eb8cf.js';
-import './index.module-f9ed15bf.js';
-import './index-4128ec05.js';
-import './index-5afa8ae8.js';
-import './index-fc7ffbaa.js';
-import './index-76364dda.js';
-import './index-59a3b196.js';
-import './index-b14e742e.js';
-import './index-ec7a941f.js';
-import './index.module-4b848fc5.js';
-import './index-61e1a114.js';
-import './index-2ea4ad37.js';
-import './index-84207333.js';
-import './index-463de988.js';
-import './index-7d8e85e9.js';
-import './index-c9c3db8a.js';
-import './index-4b6e23d0.js';
-import './index-8e45dee1.js';
-
-var wcConfigurator = "wcConfigurator-XDqzc";
-var landscape = "landscape-h-sQZ";
-var portrait = "portrait-GHprw";
-var wcConfiguratorProduct = "wcConfigurator-product--JVWg";
-var wcConfiguratorSettings = "wcConfigurator-settings-YxHjA";
-var wcConfiguratorSteps = "wcConfigurator-steps-sGIVo";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-M6Qsu";
-var wcConfiguratorAction = "wcConfigurator-action-EgrS-";
-var expanded = "expanded-Iylhn";
-var settingsHidden = "settings-hidden-T4ySb";
-var isOnLastStep = "isOnLastStep-mmqas";
-var foldedup = "foldedup-NCdbS";
-var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS-,\n.landscape-h-sQZ.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none !important;\n}\n\n.landscape-h-sQZ.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Gold = function Gold(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: classnames(wcConfigurator, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps,
-        showCloseButtonInMobile: 'none'
-      }), /*#__PURE__*/jsx(Product, {
-        className: wcConfiguratorProduct
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions
-      }), /*#__PURE__*/jsx(BasketAction, {
-        containerClassName: wcConfiguratorAction
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#a81e1e',
-  '--secondaryColor': '#4a4a4a',
-  '--thirdColor': '#dfdfdf',
-  '--globalBorderRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--galleryItemRadius': '3px',
-  '--galleryItemRowCount': '4',
-  '--galleryItemMargin': '1%',
-  '--galleryItemRowCountSmall': '3',
-  '--galleryItemMarginSmall': '0.5%',
-  '--galleryItemBorderColor': '#e8e9ed83',
-  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
-  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
-  '--galleryItemBorder': '1px',
-  '--settingsBackgroundColor': 'rgba(242, 242, 242, 0.9)',
-  '--settingsScrollerPaddingTopBottom': '0px',
-  '--settingsScrollerPaddingRight': '10px',
-  '--settingsScrollerPaddingLeft': '10px',
-  '--tabGroupBackground': 'var(--thirdColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(0.05rem + 2px))',
-  '--configuratorActionBackWidth': 'calc(50% - calc(0.05rem + 2px))',
-  '--configuratorActionHeight': '40px',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '11.2px 0 0 0'
-};
-var index = observer(Gold);
-
-export { index as default };

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

@@ -1,54 +0,0 @@
-import { s as styleInject } from './index-ceac7152.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs } 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';
-
-var configuratorSpec = "Configurator-spec-Pa0bu";
-var configuratorSpecTextContainer = "Configurator-spec-text-Container-yp9wU";
-var configuratorSpecTitle = "Configurator-spec-title-JDala";
-var configuratorSpecPrice = "Configurator-spec-price-pOXke";
-var css_248z = "/*Summary*/\n\n.Configurator-spec-Pa0bu {\n  border-bottom: 1px solid #dfdfdf;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  display: flex;\n  width: 100%;\n  word-break: normal;\n  flex-direction: column;\n  padding: 10px 0;\n}\n\n.Configurator-spec-text-Container-yp9wU {\n  display: flex;\n  position: relative;\n}\n.Configurator-spec-title-JDala {\n  font-size: 16px;\n  width: 70%;\n  margin-right: 20px;\n}\n\n.Configurator-spec-price-pOXke {\n  text-align: right;\n  width: 30%;\n  color: var(--primaryColor);\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.Configurator-spec-Codex-ESLPx {\n}\n";
-styleInject(css_248z);
-
-var SummaryPartlist = function SummaryPartlist(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(configuratorSpec),
-    children: /*#__PURE__*/jsxs("div", {
-      className: configuratorSpecTextContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.title
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.description
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: 'x' + item.posNr
-      }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
-        className: configuratorSpecPrice,
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    })
-  });
-};
-var SummaryPartlist$1 = observer(SummaryPartlist);
-
-export { SummaryPartlist$1 as default };

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

@@ -1,59 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-ceac7152.js';
-import 'react';
-import SettingsItemHeader from './index-965718c6.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-import 'classnames';
-import './index-4e63b857.js';
-import './index-f735526e.js';
-import './index-97dd0b72.js';
-import 'react-dropdown';
-import './index-71e09ba6.js';
-import './index-fc89b69e.js';
-import '@crystaldesign/content-box';
-import './index-80813811.js';
-import './index-16f2c33d.js';
-import './index-cb4f9308.js';
-import './index-a6a32ebd.js';
-import 'react-switch';
-import './index-51bbb435.js';
-import './index-11c4a30a.js';
-import './index-cc8dbdac.js';
-import './index-7e79f214.js';
-import './index-f06d32ec.js';
-import './index-8eb73d6a.js';
-import 'react-laag';
-import './index-b6bf3333.js';
-import './index-b29be090.js';
-import './index-193e341d.js';
-
-var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
-var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";
-var css_248z = ".settingsHeaderContainer-ywbxo {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.settingsHeaderContainer-ywbxo {\n  height: 100%;\n  position: relative;\n  display: block;\n  width: 100%;\n  border-bottom: 1px solid #e6e6e6;\n  width: calc(100% - 32px);\n  margin-top: 12px;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding-bottom: 16px;\n  display: flow-root;\n  position: relative;\n}\n\n.settingsHeaderTitle-AeKfm {\n  font-size: 26px;\n  line-height: 1;\n  margin: 6px 0 0 0;\n  width: auto;\n  font-weight: 300;\n  line-height: 24px;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  float: left;\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";
-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 SettingsItemHeaderSerious = function SettingsItemHeaderSerious(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(SettingsItemHeader, _objectSpread(_objectSpread({}, props), {}, {
-    titleClass: settingsHeaderTitle,
-    containerClass: settingsHeaderContainer
-  }));
-};
-
-export { SettingsItemHeaderSerious as default };