@crystaldesign/diva-web-planner-react 25.14.0-beta.9 → 25.14.0-rc.1

package/build/esm/index-bd30a2dc.js

@@ -1,183 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-5c5da91c.js';
-import 'react';
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-390e76be.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-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 GridList = function GridList(_ref) {
-  var _item$shelfPlannerGri;
-  var item = _ref.item,
-    height = _ref.height;
-    _ref.width;
-    var direction = _ref.direction;
-  var grid = (_item$shelfPlannerGri = item.shelfPlannerGrids) === null || _item$shelfPlannerGri === void 0 ? void 0 : _item$shelfPlannerGri[0];
-  var viewHandler = useViewHandler();
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var itemHeight = height / grid.Cells.length;
-  var cells = [];
-  var lastInUse = -1;
-  var onBoardNameAdded = false;
-  for (var i = 0; i < grid.Cells.length; i++) {
-    var cell = grid.Cells[i];
-    if (cell.InUse == -1) {
-      cells.splice(0, 0, {
-        heightCount: 1,
-        inUse: cell.InUse,
-        index: cell.Index,
-        type: undefined,
-        isDisabled: cell.IsDisabled,
-        isRequired: cell.IsRequired,
-        onlyPlaceHolder: cell.OnlyPlaceHolder,
-        noMove: cell.NoMove,
-        noDelete: cell.NoDelete
-      });
-    } else if (lastInUse != cell.InUse && lastInUse != cell.OnBoard) {
-      var _cell$Article, _cell$Article2;
-      lastInUse = cell.InUse;
-      onBoardNameAdded = false;
-      cells.splice(0, 0, {
-        heightCount: 1,
-        inUse: cell.InUse,
-        index: cell.Index,
-        type: cell.Type,
-        isDisabled: cell.IsDisabled,
-        isRequired: cell.IsRequired,
-        articleText: (_cell$Article = cell.Article) === null || _cell$Article === void 0 ? void 0 : _cell$Article.name,
-        onlyPlaceHolder: cell.OnlyPlaceHolder,
-        noMove: cell.NoMove,
-        noDelete: cell.NoDelete,
-        basketId: (_cell$Article2 = cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId
-      });
-    } else {
-      var foundCell = cells.find(function (cell) {
-        return cell.inUse == lastInUse;
-      });
-      if (foundCell) {
-        if (lastInUse === cell.OnBoard && !onBoardNameAdded) {
-          var _cell$Article3;
-          onBoardNameAdded = true;
-          foundCell.articleText = ((_cell$Article3 = cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.name) + '<br/>&<br/>' + foundCell.articleText;
-          foundCell.onBoard = true;
-        }
-        foundCell.heightCount++;
-      }
-    }
-  }
-  var onDragEnd = function onDragEnd(result) {
-    if (!result.destination) return;
-    var sourceIndex = cells[result.source.index].index;
-    var destinationIndex = cells[result.destination.index].index;
-    if (sourceIndex != destinationIndex) viewHandler.paletteViewHandler.shelfItemMoved(grid, sourceIndex, destinationIndex);
-  };
-  var getItemStyle = function getItemStyle(isDragging, draggableStyle, item, showNumber) {
-    if (direction == 'horizontal') {
-      return getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber);
-    } else {
-      return getItemStyleVertical(isDragging, draggableStyle, item);
-    }
-  };
-  var getItemStyleVertical = function getItemStyleVertical(isDragging, draggableStyle, item) {
-    return _objectSpread({
-      userSelect: 'none',
-      width: 'calc(' + 100 * (item.heightCount / grid.Cells.length) + '% - 1px)',
-      wordBreak: 'break-word',
-      height: '100%',
-      marginRight: '1px',
-      background: item.isRequired ? '#FFEBEB' : item.inUse == -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
-      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
-      backgroundSize: item.isDisabled && '28.28px 28.28px',
-      "float": 'left',
-      borderRight: item.inUse == -1 ? '1px solid lightgrey' : 'none',
-      boxSizing: 'border-box'
-    }, draggableStyle);
-  };
-  var getItemStyleHorizontal = function getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber) {
-    return _objectSpread({
-      userSelect: 'none',
-      height: itemHeight * item.heightCount - 1,
-      marginBottom: '1px',
-      fontSize: item.inUse === -1 ? '12px' : undefined,
-      lineHeight: item.inUse === -1 ? '2px' : undefined,
-      background: item.isRequired ? '#FFEBEB' : item.inUse === -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
-      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
-      backgroundSize: item.isDisabled && '28.28px 28.28px',
-      borderBottom: item.inUse == -1 ? showNumber ? '1px solid #B5B5B5' : '1px solid lightgrey' : 'none',
-      boxSizing: 'border-box'
-    }, draggableStyle);
-  };
-  var getTextStyle = function getTextStyle() {
-    if (direction == 'vertikal') {
-      return {
-        maxHeight: 'calc(100% - 22px)',
-        overflow: 'auto'
-      };
-    }
-    return {};
-  };
-  return /*#__PURE__*/jsx(DragDropContext, {
-    onDragEnd: onDragEnd,
-    children: /*#__PURE__*/jsx(Droppable, {
-      droppableId: "droppable",
-      direction: direction == 'vertikal' ? 'horizontal' : 'vertical',
-      children: function children(provided, snapshot) {
-        return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, provided.droppableProps), {}, {
-          ref: provided.innerRef,
-          style: {
-            width: '100%',
-            height: '100%'
-          },
-          children: [cells.map(function (item, index) {
-            return /*#__PURE__*/jsx(Draggable, {
-              index: index,
-              isDragDisabled: item.inUse == -1 || item.isDisabled || item.noMove,
-              draggableId: index.toString(),
-              children: function children(provided, snapshot) {
-                return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-                  onClick: function onClick() {
-                    viewHandler.paletteViewHandler.setSelectedShelfAccessoire(item.basketId);
-                    viewHandler.paletteViewHandler.clickAddAccessorieOnShelfPlanner(grid, item.index);
-                  },
-                  ref: provided.innerRef
-                }, provided.draggableProps), provided.dragHandleProps), {}, {
-                  style: getItemStyle(snapshot.isDragging, provided.draggableProps.style, item, item.index % 5 === 0 && !!index),
-                  children: [!!item.articleText && /*#__PURE__*/jsx("div", {
-                    style: getTextStyle(),
-                    dangerouslySetInnerHTML: {
-                      __html: item.articleText
-                    }
-                  }), item.inUse == -1 && item.index % 5 === 0 && !!index && direction == 'horizontal' && item.index, (item.inUse > -1 && !item.noDelete && !item.isDisabled || item.onBoard) && /*#__PURE__*/jsx(ShelfDeleteButton, {
-                    grid: grid,
-                    index: item.inUse
-                  })]
-                }));
-              }
-            }, index);
-          }), provided.placeholder]
-        }));
-      }
-    })
-  });
-};
-var GridList$1 = observer(GridList);
-
-export { GridList$1 as default };

package/build/esm/index-bd472e0a.js

@@ -1,85 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-5c5da91c.js';
-import 'react';
-import Dropdown from 'react-dropdown';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Arrow from './index-19e3a504.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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';
-
-var wcColorFilterItem = "wcColorFilterItem-xQqck";
-var mobile = "mobile-LQxjP";
-var tablet = "tablet-IHhtG";
-var dropdownRoot = "Dropdown-root-BjRjC";
-var dropdownControl = "Dropdown-control-8aQx0";
-var wrapper = "wrapper-T-b-1";
-var css_248z = ".wcColorFilterItem-xQqck {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1px;\n  margin-right: 6px;\n  font-size: 14px;\n  color: #333;\n}\n\n.mobile-LQxjP:not(.tablet-IHhtG) .wcColorFilterItem-xQqck {\n  font-size: 12px;\n}\n\n.Dropdown-root-BjRjC {\n  float: right;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  width: 140px;\n  min-width: 100px;\n}\n\n.mobile-LQxjP:not(.tablet-IHhtG) .Dropdown-root-BjRjC {\n  width: 120px;\n}\n\n.Dropdown-control-8aQx0 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n\n.wrapper-T-b-1 .Dropdown-root {\n  position: relative;\n}\n\n.wrapper-T-b-1 .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.mobile-LQxjP .Dropdown-control {\n  font-size: 12px;\n}\n\n.tablet-IHhtG .Dropdown-control {\n  font-size: 15px;\n}\n\n.wrapper-T-b-1 .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.wrapper-T-b-1 .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 7px;\n  width: 0;\n}\n\n.wrapper-T-b-1 .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.wrapper-T-b-1 .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n.wrapper-T-b-1 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.wrapper-T-b-1 .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.wrapper-T-b-1 .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.wrapper-T-b-1 .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.wrapper-T-b-1 .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.wrapper-T-b-1 .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
-styleInject(css_248z);
-
-var RalDropdownFilter = function RalDropdownFilter(_ref) {
-  var _viewHandler$settings;
-  var visibleColorItems = _ref.visibleColorItems,
-    _ref$dropdownRootClas = _ref.dropdownRootClass,
-    dropdownRootClass = _ref$dropdownRootClas === void 0 ? dropdownRoot : _ref$dropdownRootClas,
-    deleteCurValue = _ref.deleteCurValue,
-    id = _ref.id;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var actValue = (_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue;
-  var dropDownValues = visibleColorItems.map(function (item) {
-    return {
-      label: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("span", {
-          className: wcColorFilterItem,
-          style: {
-            backgroundColor: item.rgb
-          }
-        }), " ", t('configurator.' + item.text)]
-      }),
-      text: item.text,
-      value: item.text
-    };
-  });
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    "data-test-id": "ral-dropdown",
-    children: /*#__PURE__*/jsx(Dropdown, {
-      className: classnames(dropdownRootClass),
-      controlClassName: dropdownControl,
-      options: dropDownValues,
-      value: actValue,
-      onChange: function onChange(val) {
-        return viewHandler.paletteViewHandler.onSelectFilter(id, val.value, 'RAL');
-      },
-      placeholder: t('configurator.colors'),
-      arrowClosed: /*#__PURE__*/jsx(Arrow, {
-        onClick: deleteCurValue,
-        open: false,
-        iconAsDelete: !!actValue
-      }),
-      arrowOpen: /*#__PURE__*/jsx(Arrow, {
-        onClick: deleteCurValue,
-        open: true,
-        iconAsDelete: !!actValue
-      })
-    })
-  });
-};
-
-export { RalDropdownFilter as default };

package/build/esm/index-bdd474aa.js

@@ -1,120 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject } from './index-5c5da91c.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import Collapsible from 'react-collapsible';
-import CodexTester from './index-6f2123d2.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var productDetailWrapper = "product-detail-wrapper-sb1Re";
-var left = "left-qcwue";
-var css_248z = ".product-detail-wrapper-sb1Re {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.left-qcwue {\n  float: right;\n}\n";
-styleInject(css_248z);
-
-var Article = function Article(_ref) {
-  var article = _ref.article;
-  var features = _toConsumableArray(article.articleOptionStates.values()).filter(function (item) {
-    return item.option.name.startsWith('ArtikelnummerStelle');
-  }).sort(function (a, b) {
-    return a.option.name.localeCompare(b.option.name);
-  });
-  var isDiomexUsecase = article.CatalogData.useDiomexConfigLogic;
-  var usedFeatures = features.filter(function (item) {
-    var _item$valCodex;
-    return !((_item$valCodex = item.valCodex) !== null && _item$valCodex !== void 0 && _item$valCodex.endsWith('_NO_VALUE'));
-  });
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: /*#__PURE__*/jsx("div", {
-      className: productDetailWrapper,
-      children: article.posNr + ' - ' + article.name + ' >>'
-    }),
-    triggerWhenOpen: /*#__PURE__*/jsx("div", {
-      className: productDetailWrapper,
-      children: article.posNr + ' - ' + article.name + ' <<'
-    }),
-    children: /*#__PURE__*/jsxs("div", {
-      className: productDetailWrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        children: "ArtNr:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.configArticleCodex
-      }), /*#__PURE__*/jsx("br", {}), article.configArticleCodex != article.articleCodex && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("a", {
-          children: "ArtCodex:"
-        }), /*#__PURE__*/jsx("a", {
-          className: left,
-          children: article.articleCodex
-        })]
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Name:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.catalogArticleName
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Ma\xDFe:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.actSizeText
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Bestell-Nr:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.retailArticleNr || article.typeNr
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-        children: "Modell:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.CatalogData.catalogName + ' (' + article.catalogCodex + ')'
-      }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx(CodexTester, {
-        article: article
-      }), /*#__PURE__*/jsx("hr", {}), isDiomexUsecase && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("hr", {}), " ", /*#__PURE__*/jsx("hr", {}), " ", /*#__PURE__*/jsx("hr", {}), usedFeatures.map(function (item) {
-          var _item$val;
-          return /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx("a", {
-              children: item.option.name
-            }), /*#__PURE__*/jsx("a", {
-              className: left,
-              children: (_item$val = item.val) === null || _item$val === void 0 ? void 0 : _item$val.name
-            }), /*#__PURE__*/jsx("hr", {})]
-          });
-        }), /*#__PURE__*/jsx("hr", {})]
-      }), /*#__PURE__*/jsx(Collapsible, {
-        trigger: /*#__PURE__*/jsxs("div", {
-          children: ['Varianten >>', " "]
-        }),
-        triggerWhenOpen: 'Varianten <<',
-        children: article.getVariantBasketData().map(function (item) {
-          return /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx("a", {
-              children: item.OPTName + ' (' + item.OPT + ')'
-            }), /*#__PURE__*/jsx("a", {
-              className: left,
-              children: item.OPVName + ' (' + item.OPV + ')'
-            }), /*#__PURE__*/jsx("hr", {})]
-          });
-        })
-      }), /*#__PURE__*/jsx("hr", {})]
-    })
-  });
-};
-var Article$1 = observer(Article);
-
-export { Article$1 as default };

package/build/esm/index-c09d401f.js

@@ -1,121 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5c5da91c.js';
-import { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@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';
-
-var info = "info-N3LzD";
-var selected = "selected-P-U1U";
-var notSel = "not-sel-AFJoQ";
-var background = "background-gCmWP";
-var isOpen = "is-open-0Kj4f";
-var text = "text-m4AQC";
-var hidden = "hidden-R5A8Y";
-var css_248z = ".info-N3LzD {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.selected-P-U1U,\n.not-sel-AFJoQ {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.selected-P-U1U rect,\n.not-sel-AFJoQ rect,\n.selected-P-U1U path,\n.not-sel-AFJoQ path {\n  transition: 0.3s fill ease;\n}\n\n.info-N3LzD svg {\n  transition: 0.3s filter ease;\n}\n\n.info-N3LzD,\n.info-N3LzD svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.selected-P-U1U:hover .background-gCmWP,\n.is-open-0Kj4f .background-gCmWP {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.selected-P-U1U:hover .text-m4AQC,\n.is-open-0Kj4f .text-m4AQC {\n  fill: transparent;\n}\n\n.selected-P-U1U:hover svg,\n.not-sel-AFJoQ:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.not-sel-AFJoQ:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.hidden-R5A8Y {\n  opacity: 0;\n  z-index: 10;\n}\n";
-styleInject(css_248z);
-
-var InfoIcon = function InfoIcon(_ref) {
-  var _ref2, _ref3, _codex;
-  var item = _ref.item,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var contentItemId = item.contentItemId;
-  var clickedFrom = (_ref2 = (_ref3 = (_codex = item.codex) !== null && _codex !== void 0 ? _codex : item.articleCodex) !== null && _ref3 !== void 0 ? _ref3 : item.title) !== null && _ref2 !== void 0 ? _ref2 : item.key;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    clicked = _useState2[0],
-    setClicked = _useState2[1];
-  var itemSelected = item.sel || clicked;
-  useEffect(function () {
-    var select = viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId == contentItemId && clickedFrom == viewHandler.settingsState.clickedFrom;
-    if (!select && clicked) {
-      setClicked(false);
-    }
-    if (select && !clicked) {
-      setClicked(true);
-    }
-  }, [viewHandler.settingsState.contentItemVisible, viewHandler.settingsState.contentItemId, viewHandler.settingsState.clickedFrom]);
-  if (!item) throw new Error('item for infoIcon not defined');
-  var showIcon = function showIcon() {
-    var _viewHandler$uiState$;
-    if (item.op && (_viewHandler$uiState$ = viewHandler.uiState.ViewConfig.infoIconSettings) !== null && _viewHandler$uiState$ !== void 0 && _viewHandler$uiState$.onlyShowSelectedOPV) {
-      return itemSelected;
-    }
-    return true;
-  };
-  if (!showIcon()) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: info,
-    onClick: function onClick(e) {
-      viewHandler.settingsState.onClickContentItemId(contentItemId, clickedFrom);
-      setClicked(viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId == contentItemId);
-      e.stopPropagation();
-    },
-    style: style,
-    children: /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(selected, !itemSelected ? hidden : undefined, clicked ? isOpen : undefined),
-        children: /*#__PURE__*/jsxs("svg", {
-          viewBox: "0 0 20 20",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: [/*#__PURE__*/jsx("rect", {
-            x: "1",
-            y: "1",
-            width: "18",
-            height: "18",
-            rx: "9",
-            fill: "#fff"
-          }), /*#__PURE__*/jsx("path", {
-            className: background,
-            d: "M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",
-            fill: "#fff"
-          }), /*#__PURE__*/jsx("path", {
-            className: text,
-            d: "M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",
-            fill: "#4F4F4F"
-          })]
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: classnames(notSel, itemSelected ? hidden : undefined),
-        children: /*#__PURE__*/jsxs("svg", {
-          viewBox: "0 0 20 20",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: [/*#__PURE__*/jsx("rect", {
-            x: "1",
-            y: "1",
-            width: "18",
-            height: "18",
-            rx: "9",
-            fill: "#fff"
-          }), /*#__PURE__*/jsx("path", {
-            d: "M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",
-            fill: "#4F4F4F"
-          })]
-        })
-      })]
-    })
-  });
-};
-var InfoIcon$1 = observer(InfoIcon);
-
-export { InfoIcon$1 as default };

package/build/esm/index-c192b4a5.js

@@ -1,94 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5c5da91c.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation, Grid } from 'swiper/modules';
-import RoomItem from './index-d05cde05.js';
-import classnames from 'classnames';
-import InfoBanner from './index-0853fd49.js';
-import UploadItem from './index-3a45978b.js';
-import CustomInput from './index-cc0eb237.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/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 './index.module-f5445073.js';
-import './index-c09d401f.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-
-var roomGallery = "room-gallery-6uX3f";
-var roomFilter = "room-filter--61x0";
-var roomFilterSwiper = "room-filter-swiper-sgtL0";
-var css_248z = ".room-gallery-6uX3f {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3);\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid #e0e0e0;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  max-height: 198px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-android .swiper-slide,\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight,\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n";
-styleInject(css_248z);
-
-var RoomGallery = function RoomGallery(_ref) {
-  var roomItems = _ref.roomItems,
-    selectedRoom = _ref.selectedRoom;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var viewHandler = useViewHandler();
-  var navigateToOnClick = function navigateToOnClick(index) {
-    swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(index);
-  };
-  var timeframeLimitReachedOverOneDay = viewHandler.aiState.isTimeframeLimitReached && viewHandler.aiState.isTimeframeLimitReached !== 'daily';
-  return /*#__PURE__*/jsxs("div", {
-    className: roomGallery,
-    children: [/*#__PURE__*/jsx(InfoBanner, {}), !timeframeLimitReachedOverOneDay && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(roomFilterSwiper, roomFilter),
-        children: /*#__PURE__*/jsx(Swiper, {
-          onSwiper: setSwiperRef,
-          resizeObserver: true,
-          modules: [Navigation, Grid],
-          spaceBetween: viewHandler.uiState.isInMobileView ? 4 : 8,
-          scrollbar: true,
-          slideToClickedSlide: true,
-          wrapperClass: "no-swiping",
-          slidesPerView: 3,
-          style: {
-            marginTop: '16px'
-          },
-          grid: {
-            rows: 2
-          },
-          children: roomItems.map(function (e, index) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              onClick: function onClick(e) {
-                var clickRow = (index - index % 2) / 2;
-                var rowToNavigateTo = clickRow - 1;
-                navigateToOnClick(rowToNavigateTo >= 0 ? rowToNavigateTo : 0);
-                e.stopPropagation();
-              },
-              children: e.uploadItem ? /*#__PURE__*/jsx(UploadItem, {
-                item: e
-              }, e.key) : /*#__PURE__*/jsx(RoomItem, {
-                item: e
-              }, e.key)
-            }, index);
-          })
-        })
-      }), /*#__PURE__*/jsx(CustomInput, {
-        selectedRoom: selectedRoom
-      })]
-    })]
-  });
-};
-var RoomGallery$1 = observer(RoomGallery);
-
-export { RoomGallery$1 as default };