@crystaldesign/diva-web-planner-react 25.9.0-beta.2 → 25.9.0-beta.20

package/build/esm/index-708cfb33.js

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

package/build/esm/index-72faedc1.js

@@ -0,0 +1,100 @@
+import { u as useViewHandler } from './index-299c4e58.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import { w as wcFunctionsToolbar, p as plannerConfigArrow, m as maxExpanded, e as expanded, l as landscape, a as portrait, b as wcFunctionsContainer, c as wcHelp, d as wcIcon, f as wcHelpIcon, g as wcFunctionsText, h as wcPrint, i as wcPrintIcon, j as wcShareIcon, k as wcReset, n as wcResetIcon, o as wcSave, q as wcSaveIcon, r as wcConfigCloseButton } from './index.module-a8996a17.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+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 Functions = function Functions(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    initializing = _useDivaCore.state.initializing;
+  if (initializing) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsxs("ul", {
+    className: classnames(wcFunctionsToolbar, viewHandler.uiState.ItemsPaletteInProductVisible && viewHandler.getIsInMobileView() ? plannerConfigArrow : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
+    children: [!viewHandler.uiState.isMobileLandscape && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickHelp();
+        },
+        className: classnames(wcFunctionsContainer, wcHelp),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcHelpIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigHelp')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickPrint();
+        },
+        className: classnames(wcFunctionsContainer, wcPrint),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcPrintIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigPrint')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickShare();
+        },
+        className: classnames(wcFunctionsContainer),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcShareIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigShare')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickReset();
+        },
+        className: classnames(wcFunctionsContainer, wcReset),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcResetIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigReset')
+        })]
+      }), viewHandler.productState.doShowUserSaveButton && /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickSave();
+        },
+        className: classnames(wcFunctionsContainer, wcSave),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcSaveIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigSave')
+        })]
+      })]
+    }), (!viewHandler.eventIsManagedByClient('onWebPlanerClose') || viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait) && /*#__PURE__*/jsx("li", {
+      className: wcConfigCloseButton,
+      title: t('configurator.ConfigClose'),
+      onClick: viewHandler.onCloseConfigurator
+    })]
+  });
+};
+var index = observer(Functions);
+
+export { index as default };

package/build/esm/index-7337dc3b.js

@@ -0,0 +1,169 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-299c4e58.js';
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-95be5682.js';
+import classnames from 'classnames';
+import properties from './CatalogProperties-2138adf1.js';
+import properties$1 from './ArticleProperties-a7d62f37.js';
+import properties$2 from './OptionProperties-ce2b541c.js';
+import properties$3 from './OptionValueProperties-8222afea.js';
+import Select from 'react-select';
+import { jsx, Fragment, jsxs } 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/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-43b4013b.js';
+import 'react-switch';
+
+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 PropertiesEditor = function PropertiesEditor(props) {
+  var _catalogData$allCatal, _allArticles$find, _allOptions$find, _allOptionsValues$fin;
+  var viewHandler = useViewHandler();
+  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
+  var _useState = useState('catalog'),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentProperties = _useState2[0],
+    setCurrentProperties = _useState2[1];
+  var allArticles = Object.values((_catalogData$allCatal = catalogData === null || catalogData === void 0 ? void 0 : catalogData.allCatalogArticles) !== null && _catalogData$allCatal !== void 0 ? _catalogData$allCatal : {});
+  var allOptions = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptions();
+  var allOptionsValues = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptionValues();
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentArticleCodex = _useState4[0],
+    setCurrentArticleCodex = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentOptionCodex = _useState6[0],
+    setCurrentOptionCodex = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentOptionValueCodex = _useState8[0],
+    setCurrentOptionValueCodex = _useState8[1];
+  if (!catalogData) return /*#__PURE__*/jsx(Fragment, {});
+  var dataDictionary = {
+    catalog: {
+      data: catalogData.catalogProps,
+      properties: properties
+    },
+    article: {
+      data: allArticles === null || allArticles === void 0 || (_allArticles$find = allArticles.find(function (a) {
+        return a.articleCodex === currentArticleCodex;
+      })) === null || _allArticles$find === void 0 ? void 0 : _allArticles$find.catalogArticle,
+      properties: properties$1
+    },
+    option: {
+      data: allOptions === null || allOptions === void 0 || (_allOptions$find = allOptions.find(function (o) {
+        return o.codex === currentOptionCodex;
+      })) === null || _allOptions$find === void 0 ? void 0 : _allOptions$find.opt,
+      properties: properties$2
+    },
+    optionvalue: {
+      data: allOptionsValues === null || allOptionsValues === void 0 || (_allOptionsValues$fin = allOptionsValues.find(function (o) {
+        return o.codex === currentOptionValueCodex;
+      })) === null || _allOptionsValues$fin === void 0 ? void 0 : _allOptionsValues$fin.opv,
+      properties: properties$3
+    }
+  };
+  var tabsArray = ['catalog', 'article', 'option', 'optionvalue'];
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(wrapper, props.className),
+    children: [/*#__PURE__*/jsx("div", {
+      className: tabs,
+      children: tabsArray.map(function (t) {
+        return /*#__PURE__*/jsx("div", {
+          className: classnames(currentProperties === t ? sel : undefined),
+          onClick: function onClick() {
+            return setCurrentProperties(t);
+          },
+          children: t
+        }, t);
+      })
+    }), currentProperties !== 'catalog' && /*#__PURE__*/jsxs("div", {
+      className: selectionWrapper,
+      children: [/*#__PURE__*/jsx("div", {
+        className: selectionText,
+        children: 'select ' + currentProperties + ':'
+      }), currentProperties === 'article' && /*#__PURE__*/jsx(Select, {
+        styles: colourStyles,
+        className: selection,
+        value: currentArticleCodex ? {
+          label: currentArticleCodex
+        } : undefined,
+        options: allArticles.map(function (a) {
+          return {
+            label: a.articleCodex
+          };
+        }),
+        onChange: function onChange(v) {
+          return setCurrentArticleCodex(v.label);
+        }
+      }), currentProperties === 'option' && /*#__PURE__*/jsx(Select, {
+        styles: colourStyles,
+        className: selection,
+        value: currentOptionCodex ? {
+          label: currentOptionCodex
+        } : undefined,
+        options: allOptions === null || allOptions === void 0 ? void 0 : allOptions.map(function (a) {
+          return {
+            label: a.codex
+          };
+        }),
+        onChange: function onChange(v) {
+          return setCurrentOptionCodex(v.label);
+        }
+      }), currentProperties === 'optionvalue' && /*#__PURE__*/jsx(Select, {
+        styles: colourStyles,
+        className: selection,
+        value: currentOptionValueCodex ? {
+          label: currentOptionValueCodex
+        } : undefined,
+        options: allOptionsValues === null || allOptionsValues === void 0 ? void 0 : allOptionsValues.map(function (a) {
+          return {
+            label: a.codex
+          };
+        }),
+        onChange: function onChange(v) {
+          return setCurrentOptionValueCodex(v.label);
+        }
+      })]
+    }), /*#__PURE__*/jsx(Table, _objectSpread(_objectSpread({}, dataDictionary[currentProperties]), {}, {
+      id: currentProperties
+    }))]
+  }));
+};
+var PropertiesEditor$1 = observer(PropertiesEditor);
+var colourStyles = {
+  control: function control(styles) {
+    return _objectSpread(_objectSpread({}, styles), {}, {
+      backgroundColor: 'white'
+    });
+  },
+  option: function option(styles, _ref) {
+    var isDisabled = _ref.isDisabled,
+      isFocused = _ref.isFocused,
+      isSelected = _ref.isSelected;
+    return _objectSpread(_objectSpread({}, styles), {}, {
+      backgroundColor: isDisabled ? undefined : isFocused ? 'lightblue' : isSelected ? '#fff' : undefined,
+      cursor: isDisabled ? 'not-allowed' : 'default',
+      color: 'black',
+      ':active': _objectSpread({}, styles[':active'])
+    });
+  }
+};
+
+export { PropertiesEditor$1 as default };

package/build/esm/index-746b1b59.js

@@ -0,0 +1,119 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-299c4e58.js';
+import Article from './index-f7322ea2.js';
+import SummaryOptionTree from './index-8a0cdcf7.js';
+import SummaryArticles from './index-0459028f.js';
+import SettingsItemAccessoireTemplate from './index-eb909757.js';
+import ItemVariant from './index-37ed0b48.js';
+import SettingsItemDefaultTemplate from './index-fa62f47e.js';
+import Range from './index-a596098d.js';
+import SettingsItemRoomTemplate from './index-b202d06b.js';
+import ViewPoint from './index-e8167b80.js';
+import NumberBox from './index-31bf0b50.js';
+import PlannerSwitch from './index-fafb9909.js';
+import SummaryPartlist from './index-806d449d.js';
+import Varaint from './index-1a12cce7.js';
+import GalleryText from './index-fc20559b.js';
+import 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import 'react-laag';
+import './index-3c974e00.js';
+import './index-513081ca.js';
+import './index-564930df.js';
+import './index-83f4237d.js';
+import './index.module-9fba66d7.js';
+import './index-2af2fd77.js';
+import './index-117983f3.js';
+import './index-43b4013b.js';
+import 'react-switch';
+import './index.module-cf457608.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 itemPaletteTypeComponentMap = {
+  ART: Article,
+  PLANNERSWITCH: PlannerSwitch,
+  ACC: SettingsItemAccessoireTemplate,
+  ACC_CONFIG: SettingsItemAccessoireTemplate,
+  VERY_SMALL: SettingsItemDefaultTemplate,
+  SMALL: SettingsItemDefaultTemplate,
+  GAL_GROUP_DROPDOWN: SettingsItemDefaultTemplate,
+  GAL_SMALL_GROUP_DROPDOWN: ItemVariant,
+  GAL: ItemVariant,
+  GAL_SMALL: ItemVariant,
+  GAL_BIG: ItemVariant,
+  RANGE: Range,
+  NUMBER: NumberBox,
+  SUMMARY_PARTLIST: SummaryPartlist,
+  SUMMARY_ARTICLES: SummaryArticles,
+  SUMMARY_OPTIONTREE: SummaryOptionTree,
+  VARIANTS: Varaint,
+  STATICROOM: SettingsItemRoomTemplate,
+  VIEWPOINT: ViewPoint,
+  DROPDOWN_TEXT: function DROPDOWN_TEXT() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  DROPDOWN_IMAGE: function DROPDOWN_IMAGE() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  TOGGLE: function TOGGLE() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  TOGGLE_HEADER: function TOGGLE_HEADER() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  TOGGLE_NAME: function TOGGLE_NAME() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  DOOR_PLANNER: function DOOR_PLANNER() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  TEXTBOX: function TEXTBOX() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  SHELFPLANNER: function SHELFPLANNER() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  PRODUCTS: function PRODUCTS() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  PROMOTED: function PROMOTED() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  CHECKOUT: function CHECKOUT() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
+  GAL_TEXT: function GAL_TEXT(props) {
+    return /*#__PURE__*/jsx(GalleryText, _objectSpread({}, props));
+  },
+  GAL_BIG_TEXT: function GAL_BIG_TEXT(props) {
+    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
+      type: "big"
+    }, props));
+  },
+  GAL_SMALL_TEXT: function GAL_SMALL_TEXT(props) {
+    return /*#__PURE__*/jsx(GalleryText, _objectSpread({
+      type: "small"
+    }, props));
+  }
+};
+
+export { itemPaletteTypeComponentMap as default };