@crystaldesign/diva-web-planner-react 26.13.0-beta.3 → 26.13.0-beta.5

package/build/esm/index-7eccae04.js

@@ -1,70 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-25d28871.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var paletteItem = "palette-item-nXICy";
-var imageWrapper = "imageWrapper--38qX";
-var sel = "sel-wpwWJ";
-var imageBackground = "imageBackground-qOQQh";
-var wcImage = "wcImage-e8f7s";
-var title = "title-63pJt";
-var textHover = "textHover-nhN12";
-var css_248z = "/*Size Normal */\n\n.palette-item-nXICy {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.palette-item-nXICy:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.palette-item-nXICy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .palette-item-nXICy {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
-styleInject(css_248z);
-
-var Room = function Room(_ref) {
-  var itemP = _ref.item,
-    from = _ref.from;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(item.sel ? sel : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(imageWrapper),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(imageBackground),
-          children: /*#__PURE__*/jsx("div", {
-            className: wcImage,
-            style: {
-              backgroundImage: "url(".concat(item.url, ")")
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(title, !item.url ? textHover : undefined),
-          children: t('configurator.' + item.N)
-        })]
-      })
-    })
-  });
-};
-var RoomSerious = observer(Room);
-
-export { RoomSerious as default };

package/build/esm/index-7f457374.js

@@ -1,73 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject, u as useViewHandler } from './index-25d28871.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-GKYw3";
-var wcTabGroupItem = "wcTabGroupItem-xfakc";
-var portrait = "portrait-R75Hr";
-var tablet = "tablet-QdtJo";
-var wcActiveStep = "wcActiveStep-E81Bg";
-var wcStepNum = "wcStepNum-fDZJn";
-var horizontalLine = "horizontal-line-RQbQm";
-var css_248z = ".wrapper-GKYw3 {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.wcTabGroupItem-xfakc {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcTabGroupItem-xfakc {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.portrait-R75Hr .wcTabGroupItem-xfakc {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.wcTabGroupItem-xfakc:hover {\n  color: #262626;\n}\n\n.wcActiveStep-E81Bg .wcTabGroupItem-xfakc {\n  color: #262626;\n}\n\n.wcStepNum-fDZJn {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.wcActiveStep-E81Bg .wcStepNum-fDZJn,\n.wcTabGroupItem-xfakc:hover .wcStepNum-fDZJn {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.portrait-R75Hr:not(.tablet-QdtJo) .wcStepNum-fDZJn {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.horizontal-line-RQbQm {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.portrait-R75Hr .horizontal-line-RQbQm {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.tablet-QdtJo .horizontal-line-RQbQm {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var keys = _toConsumableArray(viewHandler.tabGroupState.allTabGroups.keys());
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var isLastItem = keys[keys.length - 1] == tabGroup.key;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: tabGroupItemRef,
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        onTabGroupClick(tabGroup);
-      },
-      className: classnames(wcTabGroupItem),
-      children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("span", {
-        className: classnames(wcStepNum),
-        children: tabGroup.posNr
-      }), t('configurator.' + tabGroup.title, tabGroup.title)]
-    }), !isLastItem && /*#__PURE__*/jsx("div", {
-      className: horizontalLine
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontaRalph);
-
-export { index as default };

package/build/esm/index-806da409.js

@@ -1,279 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, S as SettingsHeader } from './index-25d28871.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-984e6202.js';
-import SettingsScroller from './index-e754f90a.js';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import NavForwardButton from './index-b830a69d.js';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } 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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-import './index-4551049c.js';
-import './index-4a50d959.js';
-import './index-c2db3f82.js';
-import './index-d04275f6.js';
-import 'sift';
-import './index-96c28812.js';
-import './index-f7cb7bc5.js';
-import './index-af74b64b.js';
-import './index-0caa66c2.js';
-import './index.module-a9c0f5b4.js';
-import './index-76482657.js';
-import './index-41c5b871.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-2985ee4f.js';
-import 'react-dropdown';
-import './index-eaed2c21.js';
-import './index-9f224980.js';
-import './index-e027449f.js';
-import './index-480aca85.js';
-import '@crystaldesign/content-box';
-import './index-e51ef055.js';
-import './index-1757fef2.js';
-import './index-0b5ebe54.js';
-import './index-682e47ed.js';
-import 'swiper/modules';
-import './UnlockCard-649356f2.js';
-import './index-03f9c386.js';
-import './index-49689816.js';
-import './index-a542cf60.js';
-import './index-d7f57d45.js';
-import './index-98e98156.js';
-import './index-6693349b.js';
-import 'react-laag';
-import './index.module-6f377655.js';
-import './index-8ac4c4bb.js';
-import './index-bac4b4ff.js';
-import './index-50f8c135.js';
-import './index-05738289.js';
-import './index-60762a2a.js';
-import './index.module-ea243491.js';
-import './index-2f261027.js';
-import './index-58d1c305.js';
-import './index-b505f3c3.js';
-import './index-abebae55.js';
-import './index-1526b3f4.js';
-import './index-6416c65b.js';
-import './index-2c8c2dfd.js';
-import './index-a95915dc.js';
-import './index-70b1bd43.js';
-import './index-9d3ec935.js';
-import './index-d21b957f.js';
-import './index-c0a96fef.js';
-import './index-6f5db380.js';
-import 'rc-slider';
-import './index-607764d2.js';
-import './index-a97a9286.js';
-import './index-33eb051f.js';
-import './index-e0f67337.js';
-import './index-32408bfa.js';
-import 'react-confetti-explosion';
-import './index-022f554a.js';
-import './index-e9df34ae.js';
-import './index-f24dc9ac.js';
-import 'react-qr-code';
-import './index-f2df9a17.js';
-import './useCustomDimensions-e0b495a8.js';
-import './index-60e6aa60.js';
-import './ussIsSticky-74d0fdc3.js';
-import './index-4f254c06.js';
-import './index-e601684c.js';
-import './index-7cc4fd9c.js';
-import './index.module-bb9eb1f6.js';
-import './index-fb86f8a9.js';
-import './index-21b92237.js';
-import './index-6ace6554.js';
-import './index-e43c2496.js';
-import './index-cde40558.js';
-import './index-552513b6.js';
-
-var useSwiperHook = function useSwiperHook(viewHandler) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    allSwipes = _useState4[0],
-    setAllSwipes = _useState4[1];
-  useEffect(function () {
-    var allSwipes = _toConsumableArray(viewHandler.tabGroupState.allTabGroups.keys());
-    setAllSwipes(allSwipes);
-    if (viewHandler.tabGroupState.curTabGroup) {
-      if (allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) != (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.activeIndex)) {
-        swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key), 400);
-      }
-    }
-  }, [viewHandler.tabGroupState.allTabGroups, viewHandler.tabGroupState.curTabGroup, swiperRef]);
-  var teaseSwipe = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var offset,
-        duration,
-        durationQuarter,
-        currentTranslate,
-        teaseTranslate,
-        _args = arguments;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            offset = _args.length > 0 && _args[0] !== undefined ? _args[0] : 50;
-            duration = _args.length > 1 && _args[1] !== undefined ? _args[1] : 500;
-            if (swiperRef) {
-              _context.next = 4;
-              break;
-            }
-            return _context.abrupt("return");
-          case 4:
-            durationQuarter = duration * 0.25;
-            currentTranslate = swiperRef.getTranslate();
-            teaseTranslate = currentTranslate - offset;
-            swiperRef.allowTouchMove = false;
-
-            // Smooth initial movement outward - slower
-            swiperRef.setTransition(durationQuarter * 2); // Increased from 1.5 to 2
-            swiperRef.setTranslate(teaseTranslate);
-            _context.next = 12;
-            return DivaUtils.Sleep(durationQuarter * 2);
-          case 12:
-            // Increased sleep to match transition
-
-            // Gentle bounce back
-            swiperRef.setTransition(durationQuarter);
-            swiperRef.setTranslate(currentTranslate - offset * 0.5);
-            _context.next = 16;
-            return DivaUtils.Sleep(durationQuarter);
-          case 16:
-            // Small outward movement - faster
-            swiperRef.setTransition(durationQuarter * 0.5);
-            swiperRef.setTranslate(teaseTranslate * 0.8);
-            _context.next = 20;
-            return DivaUtils.Sleep(durationQuarter * 0.5);
-          case 20:
-            // Final smooth return
-            swiperRef.setTransition(durationQuarter * 1.75);
-            swiperRef.setTranslate(currentTranslate);
-            swiperRef.allowTouchMove = true;
-          case 23:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function teaseSwipe() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  //  useEffect(() => {
-  //    const timeout = setTimeout(() => {
-  //      teaseSwipe(100, 1000);
-  //    }, 3000);
-  //    return () => clearTimeout(timeout);
-  //  }, [swiperRef]);
-
-  var handleSlideChange = function handleSlideChange(e) {
-    if (viewHandler.tabGroupState.curTabGroup === undefined) return;
-    window.lastNavigationType = 'SETTINGS_SWIPER_SWIPE';
-    var diff = e.activeIndex - allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key);
-    if (diff == 1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsForth(true, true);
-    } else if (diff == -1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
-    } else if (diff !== 0) {
-      var targetTabGroup = viewHandler.tabGroupState.allTabGroups.get(allSwipes[e.activeIndex]);
-      if (targetTabGroup) {
-        viewHandler.tabGroupState.navigateToTabgroupByPosNr(targetTabGroup.posNr);
-      }
-    }
-  };
-  var handleSetTransition = function handleSetTransition() {
-    viewHandler.uiState.swiperNavigationActive = true;
-  };
-  var handleTransitionEnd = function handleTransitionEnd() {
-    viewHandler.uiState.swiperNavigationActive = false;
-  };
-  var initialSlide = viewHandler.tabGroupState.curTabGroup ? allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) : 0;
-  return {
-    swiperRef: swiperRef,
-    setSwiperRef: setSwiperRef,
-    allSwipes: allSwipes,
-    handleSlideChange: handleSlideChange,
-    handleSetTransition: handleSetTransition,
-    handleTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    teaseSwipe: teaseSwipe
-  };
-};
-
-var SettingsSwiper = function SettingsSwiper(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useSwiperHook = useSwiperHook(viewHandler),
-    setSwiperRef = _useSwiperHook.setSwiperRef,
-    allSwipes = _useSwiperHook.allSwipes,
-    handleSlideChange = _useSwiperHook.handleSlideChange,
-    handleSetTransition = _useSwiperHook.handleSetTransition,
-    handleTransitionEnd = _useSwiperHook.handleTransitionEnd,
-    initialSlide = _useSwiperHook.initialSlide;
-  var noSwiping = '.no-swiping';
-  if (!viewHandler.tabGroupState.curTabGroup || !(allSwipes !== null && allSwipes !== void 0 && allSwipes.length)) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Swiper, {
-    onSlideChange: handleSlideChange,
-    onSetTransition: handleSetTransition,
-    onTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    onSwiper: setSwiperRef,
-    className: swiperClass,
-    noSwipingSelector: noSwiping,
-    resizeObserver: true,
-    slidesPerView: 1,
-    threshold: 30,
-    wrapperClass: classnames('swiper-wrapper', swiperWrapper),
-    children: allSwipes.map(function (swipe) {
-      var _Array$from$;
-      var tabGroup = viewHandler.tabGroupState.allTabGroups.get(swipe);
-      var title = tabGroup ? (_Array$from$ = Array.from(tabGroup.options.values())[0]) === null || _Array$from$ === void 0 ? void 0 : _Array$from$.title : undefined;
-      return /*#__PURE__*/jsx(SwiperSlide, {
-        className: swiperSlide,
-        children: swipe == viewHandler.tabGroupState.curTabGroup.key ? /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(SettingsScroller, {}, swipe), /*#__PURE__*/jsx(NavForwardButton, {})]
-        }) : /*#__PURE__*/jsx("div", {
-          style: {
-            height: '100%',
-            overflow: 'auto',
-            width: 'calc(100% - 20px)',
-            marginLeft: 'var(--settingsScrollerPaddingLeft)'
-          },
-          children: title && /*#__PURE__*/jsx(SettingsHeader, {
-            text: title,
-            isSettingsHeader: false,
-            isInScroller: true
-          })
-        })
-      }, swipe);
-    })
-  });
-};
-var SettingsSwiper$1 = observer(SettingsSwiper);
-
-export { SettingsSwiper$1 as default };

package/build/esm/index-80f2aa0c.js

@@ -1,68 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-25d28871.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { useState, useRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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/real-time-viewer-next';
-import 'react-switch';
-import 'react-countup';
-
-var wrapper = "wrapper-MPQ1D";
-var searchText = "search-text-h7Q58";
-var icon = "icon-yltss";
-var css_248z = ".wrapper-MPQ1D {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.search-text-h7Q58 {\n  width: 130px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 5px;\n  -webkit-tap-highlight-color: transparent;\n  outline: 0;\n  background-color: #fff;\n  padding: 0 1.6rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  border: 0;\n}\n\n.icon-yltss {\n  width: 36px;\n  height: 36px;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  margin-left: 12px;\n  margin-right: 12px;\n}\n";
-styleInject(css_248z);
-
-var Search = function Search(_ref) {
-  var _ref$searchState = _slicedToArray(_ref.searchState, 2),
-    search = _ref$searchState[0],
-    setSearch = _ref$searchState[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var inputRef = useRef(null);
-  useEffect(function () {
-    if (value && value.length > 2) setSearch(value);else if ((search === null || search === void 0 ? void 0 : search.length) !== 0) {
-      setSearch(undefined);
-    }
-  }, [value]);
-  useEffect(function () {
-    if (!(search !== null && search !== void 0 && search.length)) setValue('');
-  }, [search]);
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("input", {
-      ref: inputRef,
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      },
-      type: 'text',
-      value: value,
-      className: searchText,
-      placeholder: t('filter.global')
-    }), /*#__PURE__*/jsx("div", {
-      className: icon
-    })]
-  });
-};
-
-export { Search as default };