@crystaldesign/diva-web-planner-react 26.8.0-beta.16 → 26.8.0-beta.18

package/build/esm/index-4d9bbffc.js

@@ -1,206 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6af4a4d8.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation } from 'swiper/modules';
-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/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 'react-switch';
-import 'react-countup';
-
-var wcConfiguratorAiRoom = "wc-configurator-ai-room-BITO0";
-var galleryContainer = "gallery-container-Ly7-0";
-var gallerySlide = "gallery-slide-GiS-r";
-var aiRoomImage = "ai-room-image-seKys";
-var slideCounter = "slide-counter-Uh6Iz";
-var loadingOverlay = "loading-overlay-t1CPa";
-var spinner = "spinner-bUgHj";
-var loadingText = "loading-text-v1LhC";
-var aiWarningBadge = "ai-warning-badge-VRwxc";
-var css_248z = ".wc-configurator-ai-room-BITO0 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.gallery-container-Ly7-0 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.gallery-container-Ly7-0 .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.gallery-container-Ly7-0 .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.gallery-container-Ly7-0 .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.gallery-slide-GiS-r {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.ai-room-image-seKys {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.gallery-container-Ly7-0 .swiper-button-prev,\n.gallery-container-Ly7-0 .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev:hover,\n.gallery-container-Ly7-0 .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev:active,\n.gallery-container-Ly7-0 .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev:focus,\n.gallery-container-Ly7-0 .swiper-button-prev:active,\n.gallery-container-Ly7-0 .swiper-button-next:focus,\n.gallery-container-Ly7-0 .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev::before,\n.gallery-container-Ly7-0 .swiper-button-next::before {\n  display: none !important;\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev:after,\n.gallery-container-Ly7-0 .swiper-button-next:after {\n  text-transform: none !important;\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev:after,\n.gallery-container-Ly7-0 .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev {\n  left: 16px;\n}\n\n.gallery-container-Ly7-0 .swiper-button-next {\n  right: 16px;\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.gallery-container-Ly7-0 .swiper-button-next:after {\n  content: 'next';\n}\n\n.gallery-container-Ly7-0 .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.gallery-container-Ly7-0 .swiper-button-prev svg,\n.gallery-container-Ly7-0 .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.slide-counter-Uh6Iz {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .slide-counter-Uh6Iz {\n  bottom: 20px;\n}\n\n/* ── Loading slide (rendered inside the gallery swiper) ── */\n\n.loading-overlay-t1CPa {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.25);\n  animation: overlayFadeIn-aFU2G 0.6s ease both;\n}\n\n@keyframes overlayFadeIn-aFU2G {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.spinner-bUgHj {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: spin-CwPAa 0.9s linear infinite;\n}\n\n@keyframes spin-CwPAa {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.loading-text-v1LhC {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: textSlideIn-u-Flk 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes textSlideIn-u-Flk {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.ai-warning-badge-VRwxc {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .ai-warning-badge-VRwxc {\n  font-size: 11px;\n}\n";
-styleInject(css_248z);
-
-var LOADING_MESSAGES = {
-  de: ["Lichter werden eingerichtet\u2026", "Kamera wird positioniert\u2026", "M\xF6bel werden platziert\u2026", "Stoffe werden ausgew\xE4hlt\u2026", "Schatten werden angepasst\u2026", "Accessoires werden gestylt\u2026", "W\xE4nde werden gestrichen\u2026", "Letzte Details werden hinzugef\xFCgt\u2026", "Raum wird arrangiert\u2026", "Szene wird perfektioniert\u2026", "Oberfl\xE4chen werden poliert\u2026", "Ambiente wird abgestimmt\u2026"],
-  en: ["Setting up lights\u2026", "Positioning camera\u2026", "Placing furniture\u2026", "Choosing fabrics\u2026", "Adjusting shadows\u2026", "Styling accessories\u2026", "Painting the walls\u2026", "Adding final touches\u2026", "Arranging the room\u2026", "Perfecting the scene\u2026", "Polishing surfaces\u2026", "Tuning the ambiance\u2026"],
-  fr: ["Installation des lumi\xE8res\u2026", "Positionnement de la cam\xE9ra\u2026", "Placement des meubles\u2026", "Choix des tissus\u2026", "Ajustement des ombres\u2026", "Mise en place des accessoires\u2026", "Peinture des murs\u2026", "Ajout des touches finales\u2026", "Am\xE9nagement de la pi\xE8ce\u2026", "Perfectionnement de la sc\xE8ne\u2026", "Polissage des surfaces\u2026", "R\xE9glage de l\u2019ambiance\u2026"],
-  it: ["Preparazione delle luci\u2026", "Posizionamento della fotocamera\u2026", "Disposizione dei mobili\u2026", "Scelta dei tessuti\u2026", "Regolazione delle ombre\u2026", "Allestimento degli accessori\u2026", "Pittura delle pareti\u2026", "Aggiunta dei dettagli finali\u2026", "Organizzazione della stanza\u2026", "Perfezionamento della scena\u2026", "Lucidatura delle superfici\u2026", "Sintonizzazione dell\u2019atmosfera\u2026"]
-};
-var PlannerAIRoom = function PlannerAIRoom() {
-  var _i18n$language, _LOADING_MESSAGES$lan;
-  var viewHandler = useViewHandler();
-  var aiState = viewHandler.aiState;
-  var _useTranslation = useTranslation(),
-    i18n = _useTranslation.i18n,
-    t = _useTranslation.t;
-  var swiperRef = useRef(null);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    messageIndex = _useState2[0],
-    setMessageIndex = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeSlide = _useState4[0],
-    setActiveSlide = _useState4[1];
-  var prevLengthRef = useRef(0);
-  var lang = ((_i18n$language = i18n.language) !== null && _i18n$language !== void 0 ? _i18n$language : 'de').toLowerCase().slice(0, 2);
-  var messages = (_LOADING_MESSAGES$lan = LOADING_MESSAGES[lang]) !== null && _LOADING_MESSAGES$lan !== void 0 ? _LOADING_MESSAGES$lan : LOADING_MESSAGES.de;
-  var isGenerating = aiState.isAnyGenerationInProgress;
-  var images = aiState.generatedImageHistory;
-  var isVisible = viewHandler.productState.doShowAIRoom;
-  var hasImages = images.length > 0;
-  var totalSlides = images.length + (isGenerating ? 1 : 0);
-  // Loading slide sits at index 0 when generating; real images are offset by 1.
-  var imageIndexOffset = isGenerating ? 1 : 0;
-  var isLoadingSlideActive = isGenerating && activeSlide === 0;
-  useEffect(function () {
-    var entry = images[activeSlide - imageIndexOffset];
-    if (entry) {
-      aiState.setCurrentlyVisibleRoom({
-        key: entry.key,
-        hash: entry.hash,
-        src: entry.src
-      });
-    }
-  }, [activeSlide, imageIndexOffset]);
-  useEffect(function () {
-    if (!isGenerating) {
-      setMessageIndex(0);
-      return;
-    }
-    var interval = setInterval(function () {
-      setMessageIndex(function (prev) {
-        return (prev + 1) % messages.length;
-      });
-    }, 3000);
-    return function () {
-      return clearInterval(interval);
-    };
-  }, [isGenerating]);
-  useEffect(function () {
-    if (images.length > prevLengthRef.current && swiperRef.current) {
-      // Freshly generated images are prepended to the history; focus index 0 in the real image range.
-      var targetIdx = isGenerating ? 1 : 0;
-      if (swiperRef.current.params.loop) {
-        swiperRef.current.slideToLoop(targetIdx, 300);
-      } else {
-        swiperRef.current.slideTo(targetIdx, 300);
-      }
-    }
-    prevLengthRef.current = images.length;
-  }, [images.length]);
-  useEffect(function () {
-    if (!aiState.currentlyVisibleRoom || !swiperRef.current) return;
-    var imgIdx = images.findIndex(function (img) {
-      var _aiState$currentlyVis;
-      return img.src === ((_aiState$currentlyVis = aiState.currentlyVisibleRoom) === null || _aiState$currentlyVis === void 0 ? void 0 : _aiState$currentlyVis.src);
-    });
-    if (imgIdx < 0) return;
-    var swiperIdx = imgIdx + imageIndexOffset;
-    if (swiperIdx !== swiperRef.current.realIndex) {
-      if (swiperRef.current.params.loop) {
-        swiperRef.current.slideToLoop(swiperIdx, 300);
-      } else {
-        swiperRef.current.slideTo(swiperIdx, 300);
-      }
-    }
-  }, [aiState.currentlyVisibleRoom, images, imageIndexOffset]);
-
-  // Auto-navigate the gallery to the loading slide (index 0) whenever generation
-  // starts or the style consultant explicitly asks for it (e.g. clicking the placeholder).
-  useEffect(function () {
-    if (!isGenerating || !swiperRef.current) return;
-    if (swiperRef.current.params.loop) {
-      swiperRef.current.slideToLoop(0, 300);
-    } else {
-      swiperRef.current.slideTo(0, 300);
-    }
-  }, [isGenerating, aiState.loadingSlideFocusRequest]);
-
-  // Publish loading-slide visibility so the style consultant can mirror it in the history.
-  useEffect(function () {
-    aiState.setLoadingSlideActive(isLoadingSlideActive);
-    return function () {
-      return aiState.setLoadingSlideActive(false);
-    };
-  }, [isLoadingSlideActive]);
-  return /*#__PURE__*/jsxs("div", {
-    className: wcConfiguratorAiRoom,
-    id: "ai-room-container",
-    style: {
-      visibility: isVisible ? 'visible' : 'hidden',
-      pointerEvents: isVisible ? 'auto' : 'none'
-    },
-    children: [hasImages || isGenerating ? /*#__PURE__*/jsxs("div", {
-      className: galleryContainer,
-      children: [/*#__PURE__*/jsxs(Swiper, {
-        modules: [Navigation],
-        navigation: true,
-        slidesPerView: 1,
-        onSwiper: function onSwiper(swiper) {
-          swiperRef.current = swiper;
-        },
-        onSlideChange: function onSlideChange(swiper) {
-          return setActiveSlide(swiper.realIndex);
-        },
-        loop: totalSlides > 1,
-        children: [isGenerating && /*#__PURE__*/jsx(SwiperSlide, {
-          children: /*#__PURE__*/jsxs("div", {
-            className: "".concat(gallerySlide, " ").concat(loadingOverlay),
-            children: [/*#__PURE__*/jsx("div", {
-              className: spinner
-            }), /*#__PURE__*/jsx("p", {
-              className: loadingText,
-              children: messages[messageIndex]
-            }, messageIndex)]
-          })
-        }, "loading-slide"), images.map(function (entry, idx) {
-          return /*#__PURE__*/jsx(SwiperSlide, {
-            children: /*#__PURE__*/jsx("div", {
-              className: gallerySlide,
-              children: /*#__PURE__*/jsx("img", {
-                className: aiRoomImage,
-                src: entry.src,
-                alt: "AI Generated Room",
-                draggable: false
-              })
-            })
-          }, "".concat(entry.key, "-").concat(entry.hash, "-").concat(idx));
-        })]
-      }), images.length > 1 && !isLoadingSlideActive && /*#__PURE__*/jsxs("div", {
-        className: slideCounter,
-        children: [activeSlide - imageIndexOffset + 1, " / ", images.length]
-      })]
-    }) : aiState.currentlyVisibleRoom && /*#__PURE__*/jsx("div", {
-      className: gallerySlide,
-      children: /*#__PURE__*/jsx("img", {
-        className: aiRoomImage,
-        src: aiState.currentlyVisibleRoom.src,
-        alt: "AI Generated Room",
-        draggable: false
-      })
-    }), hasImages && !isGenerating && /*#__PURE__*/jsx("div", {
-      className: aiWarningBadge,
-      children: t('configurator.roomRendering.aiGenerated')
-    })]
-  });
-};
-var PlannerAIRoom$1 = observer(PlannerAIRoom);
-
-export { PlannerAIRoom$1 as default };

package/build/esm/index-4e4957ea.js

@@ -1,61 +0,0 @@
-import { s as styleInject } from './index-6af4a4d8.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-0aeb38fc.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'react-switch';
-import 'react-countup';
-
-var conceptItem = "concept-item-2p8re";
-var sel = "sel-smMlG";
-var wrapper = "wrapper-W6n19";
-var textWrapper = "text-wrapper-UeHd9";
-var title = "title-cP9re";
-var css_248z = ".concept-item-2p8re {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.concept-item-2p8re:not(.sel-smMlG):hover {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.wrapper-W6n19 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  display: flex;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n}\n\n.sel-smMlG .wrapper-W6n19 {\n  border: 3px solid var(--primaryColor);\n}\n\n.concept-item-2p8re img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n}\n\n.text-wrapper-UeHd9 {\n  position: absolute;\n  bottom: 3px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: calc(100% - 6px);\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 42px;\n}\n\n.title-cP9re {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  margin-bottom: 5px;\n}\n";
-styleInject(css_248z);
-
-var ConceptItem = function ConceptItem(_ref) {
-  var item = _ref.item;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(conceptItem, item.selected ? sel : undefined),
-    onClick: item.onClick,
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("img", {
-        src: item.image
-      }), item.name && /*#__PURE__*/jsx("div", {
-        className: textWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          className: title,
-          children: item.name
-        })
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          top: 0,
-          bottom: 'unset'
-        }
-      })]
-    })
-  });
-};
-var ConceptItem$1 = observer(ConceptItem);
-
-export { ConceptItem$1 as default };

package/build/esm/index-4ec35c6d.js

@@ -1,86 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-6af4a4d8.js';
-import { observer } from 'mobx-react-lite';
-import React, { Suspense } from 'react';
-import Planner2DGrid from './index-431db5de.js';
-import Planner3DImage from './index-22d7eada.js';
-import PlannerAIRoom from './index-4d9bbffc.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-cb7cd16f.js';
-import classnames from 'classnames';
-import Planner3DGrid from './index-780e4356.js';
-import PlannerMsgContainer from './index-a8047ef1.js';
-import PlannerUIVariant from './index-e90a00e5.js';
-import RotateInfo from './index-f1168ba2.js';
-import OrbitInteraction from './index-7f296ee3.js';
-import MobileNavIcons from './index-3c235e3d.js';
-import Logo from './index-01160210.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'react-switch';
-import 'react-countup';
-import './index-db7b7c46.js';
-import 'swiper/react';
-import 'swiper/modules';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-594e88e8.js';
-import 'react-laag';
-import './index-6f820218.js';
-import 'react-qr-code';
-import './index-589472fe.js';
-import './index-73e274ea.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-7c564814.js');
-});
-var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b0e2b269.js');
-});
-var ProductCenter = function ProductCenter(_ref) {
-  var style = _ref.style;
-  var viewHandler = useViewHandler();
-  var allowOrbitCube = !viewHandler.uiState.ViewConfig.dontShowOrbitInMobile || !viewHandler.getIsInMobileView();
-  return /*#__PURE__*/jsxs("div", {
-    style: _objectSpread(_objectSpread({}, style), viewHandler.productState.isARIframeVisible ? {
-      zIndex: 1000000
-    } : {}),
-    className: classnames(wcConfiguratorProductCenter, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.productState.doShowGrid ? inGridVisible : undefined, fullscreen),
-    onMouseDown: function onMouseDown() {
-      if (viewHandler.productState.roomListExpanded) viewHandler.productState.setRoomListExpanded(false);
-    },
-    onTouchStart: function onTouchStart() {
-      if (viewHandler.productState.roomListExpanded) viewHandler.productState.setRoomListExpanded(false);
-    },
-    children: [/*#__PURE__*/jsx(PlannerMsgContainer, {}), /*#__PURE__*/jsx(Planner3DImage, {}), /*#__PURE__*/jsx(Logo, {}), viewHandler.productState.allow3DComb && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(Planner3D, {})
-    }), /*#__PURE__*/jsx(Planner3DGrid, {}), (viewHandler.productState.allowRTV || viewHandler.productState.allowQRCodeAR) && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(PlannerRTV, {})
-    }), allowOrbitCube && /*#__PURE__*/jsx(OrbitInteraction, {}), /*#__PURE__*/jsx(Planner2DGrid, {}), /*#__PURE__*/jsx(PlannerAIRoom, {}), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(MobileNavIcons, {}), /*#__PURE__*/jsx(RotateInfo, {}), !viewHandler.productState.hidePlannerUiIcons && !(viewHandler.productState.doShowRTV || viewHandler.productState.doShow3DComb) && /*#__PURE__*/jsx(PlannerUIVariant, {}), viewHandler.productState.plannerMode == 'No' && /*#__PURE__*/jsx("div", {
-      className: wcConfiguratorArticleImage,
-      children: viewHandler.productState.articleImage && /*#__PURE__*/jsx("img", {
-        src: viewHandler.productState.articleImage,
-        className: center
-      })
-    })]
-  });
-};
-var ProductCenter$1 = observer(ProductCenter);
-
-export { ProductCenter$1 as default };

package/build/esm/index-4fa7e449.js

@@ -1,278 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, S as SettingsHeader } from './index-6af4a4d8.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-c16d318b.js';
-import SettingsScroller from './index-53cc0bd0.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-69d222fd.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 'react-switch';
-import 'react-countup';
-import './index-fb04505e.js';
-import './index-92d1164a.js';
-import './index-d1e6e23b.js';
-import './index-36470eff.js';
-import 'sift';
-import './index-ea05384a.js';
-import './index-553f7013.js';
-import './index-fe1387d7.js';
-import './index-8332d2d4.js';
-import './index.module-9219c6dd.js';
-import './index-0aeb38fc.js';
-import './index-47de2560.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-1bf9632c.js';
-import 'react-dropdown';
-import './index-a5bd999f.js';
-import './index-2082e163.js';
-import './index-196923b3.js';
-import './index-a3345a45.js';
-import '@crystaldesign/content-box';
-import './index-b3b30fa7.js';
-import './index-6ae57308.js';
-import './index-0093a64b.js';
-import './index-f111e74f.js';
-import 'swiper/modules';
-import './UnlockCard-a56789c2.js';
-import './index-5ca8722f.js';
-import './index-283ca8a3.js';
-import './index-0ee2624f.js';
-import './index-ec013506.js';
-import './index-fc3b82db.js';
-import './index-108f5a95.js';
-import 'react-laag';
-import './index.module-4bfab596.js';
-import './index-c576c482.js';
-import './index-8002e2cc.js';
-import './index-673585ba.js';
-import './index-ce3fa665.js';
-import './index-e6012efe.js';
-import './index.module-f146f1cf.js';
-import './index-b6c918a6.js';
-import './index-f9e0f879.js';
-import './index-d87ef3ee.js';
-import './index-53269340.js';
-import './index-3afeae29.js';
-import './index-e80a96de.js';
-import './index-f2fd477b.js';
-import './index-df31cbc6.js';
-import './index-34edfc6c.js';
-import './index-897c40f2.js';
-import './index-7eb666f4.js';
-import './index-b8a694cc.js';
-import './index-d183a71f.js';
-import 'rc-slider';
-import './index-2b4dcbc5.js';
-import './index-91b09a8c.js';
-import './index-95b02140.js';
-import './index-a2e86075.js';
-import './index-5692a6cb.js';
-import 'react-confetti-explosion';
-import './index-772b2266.js';
-import './index-594e88e8.js';
-import './index-6f820218.js';
-import 'react-qr-code';
-import './index-589472fe.js';
-import './useCustomDimensions-698c487b.js';
-import './index-b482a916.js';
-import './ussIsSticky-fd9047b2.js';
-import './index-683a6f58.js';
-import './index-c1b55ac4.js';
-import './index-dd45cb7d.js';
-import './index.module-4a40a217.js';
-import './index-6a6efc30.js';
-import './index-e96e3042.js';
-import './index-7d430920.js';
-import './index-6ab2be57.js';
-import './index-1e038cce.js';
-import './index-6aed4a52.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 };