@crystaldesign/diva-web-planner-react 26.5.0-beta.27 → 26.5.0-beta.29

package/build/esm/{index-c57a2a9b.js → index-9c44a67c.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-95009f0d.js';
+import { u as useViewHandler } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-7bffc2c4.js';
-import SettingsItemsGroup from './index-eb533b66.js';
-import ContentItemTeaser from './index-d94d71e5.js';
+import { S as SettingsItem } from './index-2ca9ac8b.js';
+import SettingsItemsGroup from './index-74c5856f.js';
+import ContentItemTeaser from './index-eb2a25e5.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,80 +25,80 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-b609ce81.js';
-import './index-0d924216.js';
-import './index-5d12a5b7.js';
-import './index-110eec5b.js';
-import './index.module-7788c472.js';
-import './index-2267ebf4.js';
-import './index-aa86ca78.js';
+import './index-a31364af.js';
+import './index-b32e5866.js';
+import './index-3f70c39d.js';
+import './index-1fa03ec8.js';
+import './index.module-4fe30b30.js';
+import './index-acf35473.js';
+import './index-90a54d7e.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-04292778.js';
+import './index-1c2ad039.js';
 import 'react-dropdown';
-import './index-e83c05fa.js';
+import './index-0f11e170.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-94bc423d.js';
-import './index-0e4c7819.js';
-import './index-e1f7c073.js';
+import './index-24762a2d.js';
+import './index-ffbc155e.js';
+import './index-af73caac.js';
 import '@crystaldesign/content-box';
-import './index-8c838591.js';
-import './index-7a6c5a1d.js';
-import './index-5cf12cac.js';
-import './index-da013ee1.js';
+import './index-c6364abe.js';
+import './index-d5c6f833.js';
+import './index-d5c16c30.js';
+import './index-8a572f76.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-93f532b4.js';
-import './index-0ac72756.js';
-import './index-345b03a2.js';
-import './index-5d9a9cf8.js';
-import './index-24823129.js';
-import './index-ec02430b.js';
-import './index-8871cb64.js';
+import './UnlockCard-c35e6e94.js';
+import './index-ca7be908.js';
+import './index-4db89fdb.js';
+import './index-c3af4894.js';
+import './index-e762d0a9.js';
+import './index-bc0bb702.js';
+import './index-c0415065.js';
 import 'react-laag';
-import './index.module-eaedca1f.js';
-import './index-cdd41b9d.js';
-import './index-d4787b4c.js';
-import './index-3577b1c2.js';
-import './index-e60b2b41.js';
-import './index-956a0fd6.js';
-import './index.module-a657989c.js';
-import './index-9079636d.js';
-import './index-a4c7a5d3.js';
-import './index-33aa6167.js';
-import './index-92fbbd2e.js';
-import './index-577f746d.js';
-import './index-f7b96c84.js';
-import './index-2d646d3e.js';
-import './index-4f09bf60.js';
-import './index-c914cc01.js';
-import './index-e04d7530.js';
-import './index-259b8577.js';
-import './index-5ce8b994.js';
-import './index-4c3aba2e.js';
+import './index.module-4de2730d.js';
+import './index-7f43c60f.js';
+import './index-4a67bff2.js';
+import './index-b148499f.js';
+import './index-873cf399.js';
+import './index-98edd3a9.js';
+import './index.module-ab74f403.js';
+import './index-cf7ec58e.js';
+import './index-c6a1ebd1.js';
+import './index-0bc7197c.js';
+import './index-400ec849.js';
+import './index-246a8ff3.js';
+import './index-ba57147a.js';
+import './index-bfedf676.js';
+import './index-5a4ff135.js';
+import './index-4cf239ef.js';
+import './index-d67b5aa2.js';
+import './index-947a870a.js';
+import './index-8d8afe97.js';
+import './index-b4686191.js';
 import 'rc-slider';
-import './index-44b02707.js';
-import './index-3f54b55c.js';
-import './index-a26248ae.js';
-import './index-91ada6f6.js';
-import './index-a6adcc01.js';
+import './index-5d966b17.js';
+import './index-9d6efe78.js';
+import './index-9926a9fa.js';
+import './index-6ad9ffda.js';
+import './index-25c5dbea.js';
 import 'react-confetti-explosion';
-import './index-b0da6b0a.js';
-import './index-bf8e308d.js';
-import './index-f6cb5888.js';
+import './index-303ad8ce.js';
+import './index-d5908bc3.js';
+import './index-cc0b0c44.js';
 import 'react-qr-code';
-import './index-31bab0be.js';
-import './useCustomDimensions-ee04eedf.js';
-import './index-c1e10d17.js';
-import './ussIsSticky-921c6a25.js';
-import './index-e4c9a367.js';
-import './index-2bf2f531.js';
-import './index-f118b2d4.js';
-import './index.module-ba23ba17.js';
-import './index-2742b0cf.js';
-import './index-39228bf1.js';
-import './index-8b4f7b9d.js';
-import './index-14d87209.js';
+import './index-0badf6bb.js';
+import './useCustomDimensions-bfa26f17.js';
+import './index-a2c4333a.js';
+import './ussIsSticky-2ef48633.js';
+import './index-7f2912d0.js';
+import './index-b66d7429.js';
+import './index-eb14337f.js';
+import './index.module-0a229c27.js';
+import './index-c346ff03.js';
+import './index-376934f9.js';
+import './index-fe134a59.js';
+import './index-0ae144a8.js';
 
 var SettingsItemsWrapper = function SettingsItemsWrapper(_ref) {
   var itemPalettesArr = _ref.itemPalettesArr;

package/build/esm/{index-d6d014a6.js → index-9d5b747a.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-bf8e308d.js';
-import ProductRoomList from './index-a6ad3b22.js';
+import ArQrCodeIcon from './index-d5908bc3.js';
+import ProductRoomList from './index-ff383429.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -24,9 +24,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-f6cb5888.js';
+import './index-cc0b0c44.js';
 import 'react-qr-code';
-import './index-31bab0be.js';
+import './index-0badf6bb.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-3f54b55c.js → index-9d6efe78.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-95009f0d.js';
+import { s as styleInject } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-2267ebf4.js';
+import InfoIcon from './index-acf35473.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-681eb28e.js → index-9d75469c.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e06c7810.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ProductDetailPageComponent } from '@crystaldesign/product-detail-page';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
 import classnames from 'classnames';
-import Search from './index-4e6b3848.js';
+import Search from './index-c2d26c6c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0669ac67.js → index-9f9a0c91.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-95009f0d.js';
+import { s as styleInject } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-0e4c7819.js';
+import Arrow from './index-ffbc155e.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-b822e6af.js → index-a020b2bf.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-e875f62a.js → index-a05764a4.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-bf8e308d.js';
+import ArQrCodeIcon from './index-d5908bc3.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-a6ad3b22.js';
+import ProductRoomList from './index-ff383429.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -24,9 +24,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-f6cb5888.js';
+import './index-cc0b0c44.js';
 import 'react-qr-code';
-import './index-31bab0be.js';
+import './index-0badf6bb.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var tablet = "tablet-ECmH-";

package/build/esm/{index-c1e10d17.js → index-a2c4333a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';

package/build/esm/{index-b609ce81.js → index-a31364af.js}

@@ -2,7 +2,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e06c7810.js';
 import { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-daeca131.js → index-a3b172a2.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-95009f0d.js';
+import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-e06c7810.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-31b1d753.js → index-a408c596.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-1b6c2740.js';
+import RoomSerious from './index-64671ad6.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fbed9c2c.js → index-a47d8213.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-95009f0d.js';
+import { s as styleInject } from './index-e06c7810.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-353a8e24.js → index-a7d130e1.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-95009f0d.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-67d0039e.js → index-a97038fc.js}

@@ -1,4 +1,4 @@
-import './index-95009f0d.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2267ebf4.js → index-acf35473.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-35ab84c5.js → index-ad254504.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-95009f0d.js';
+import { s as styleInject } from './index-e06c7810.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-40242203.js → index-adaf4f6f.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler, S as SettingsHeader } from './index-95009f0d.js';
+import { u as useViewHandler, S as SettingsHeader } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-e1f7c073.js → index-af73caac.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-8c838591.js';
+import FilterItem from './index-c6364abe.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-84b35d15.js → index-afe8eb8d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-95009f0d.js';
+import { s as styleInject } from './index-e06c7810.js';
 import 'react';
-import SettingsItemHeader from './index-ce0e819e.js';
+import SettingsItemHeader from './index-34c6bdaa.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,30 +23,30 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-19f1c0f6.js';
-import './index-e83c05fa.js';
-import './index-94bc423d.js';
+import './index-8578c954.js';
+import './index-0f11e170.js';
+import './index-24762a2d.js';
 import 'react-dropdown';
-import './index-0e4c7819.js';
-import './index-e1f7c073.js';
+import './index-ffbc155e.js';
+import './index-af73caac.js';
 import '@crystaldesign/content-box';
-import './index-8c838591.js';
-import './index-7a6c5a1d.js';
-import './index-d3b5a1c3.js';
-import './index-ab2f47a4.js';
-import './index-0dbe0568.js';
-import './index-35ab84c5.js';
-import './index-25ff4a62.js';
-import './index-82e94f22.js';
-import './index-2d12ea32.js';
+import './index-c6364abe.js';
+import './index-d5c6f833.js';
+import './index-e3e5f751.js';
+import './index-7bb29d90.js';
+import './index-cf136eaa.js';
+import './index-ad254504.js';
+import './index-e2689021.js';
+import './index-78ac5baf.js';
+import './index-b74562a8.js';
 import 'react-laag';
-import './index-f7b96c84.js';
-import './index-2267ebf4.js';
-import './index-a587c99f.js';
-import './index-56715a50.js';
+import './index-ba57147a.js';
+import './index-acf35473.js';
+import './index-e6ad8f91.js';
+import './index-30c40b49.js';
 import 'swiper/react';
-import './index-7176987a.js';
-import './ussIsSticky-921c6a25.js';
+import './index-4b3019da.js';
+import './ussIsSticky-2ef48633.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-b93d482e.js → index-b0f50d41.js}

@@ -1,4 +1,4 @@
-import './index-95009f0d.js';
+import './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-3577b1c2.js → index-b148499f.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-2da99db3.js → index-b1e0d5b2.js}

@@ -1,4 +1,4 @@
-import './index-95009f0d.js';
+import './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-bae7c5cc.js → index-b242987d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-0d924216.js → index-b32e5866.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-95009f0d.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-4c3aba2e.js → index-b4686191.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import Slider$1 from 'rc-slider';

package/build/esm/{index-3c6795e4.js → index-b62b9a27.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-95009f0d.js';
+import { u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useCallback } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/index-b66d7429.js

@@ -0,0 +1,96 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.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-eb14337f.js';
+import classnames from 'classnames';
+import InfoBanner from './index-c346ff03.js';
+import UploadItem from './index-376934f9.js';
+import CustomInput from './index-fe134a59.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 'react-switch';
+import 'react-countup';
+import './index.module-0a229c27.js';
+import './index-acf35473.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  background: var(--roomGalleryBackground, 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, 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');\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 };

package/build/esm/{index-3b777ca2.js → index-b6afe7f4.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-95009f0d.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2d12ea32.js → index-b74562a8.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-f7b96c84.js';
+import MetaData from './index-ba57147a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-f7b96c84.js → index-ba57147a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-95009f0d.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-ec02430b.js → index-bc0bb702.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-95009f0d.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';