@crystaldesign/diva-web-planner-react 26.13.0-beta.32 → 26.13.0-beta.34

package/build/esm/index-f9f58742.js

@@ -0,0 +1,375 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler, q as loadRtvStore, P as PricePreview, G as GenericToolTip } from './index-3b485c37.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useCallback, useState, useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import { useHover, useLayer } from 'react-laag';
+import MetaData from './index-1842d5d1.js';
+import InfoIcon from './index-7a76bd25.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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/web-planner-logic';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+
+var container = "container-08OcY";
+var sel = "sel-hd522";
+var placedFlash = "placed-flash-W6YVy";
+var titleContainer = "title-container-QzcUc";
+var title = "title-WUWIa";
+var rtvNextTile = "rtv-next-tile-Mk48P";
+var dragGhost = "drag-ghost-l6Ved";
+var compact = "compact-oLulb";
+var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY.placed-flash-W6YVy {\n  animation: placed-flash-W6YVy 0.9s ease-out;\n}\n\n/* Placement feedback: the tile's border lights up and fades back; inside the tile, the palette's overflow never clips it. */\n@keyframes placed-flash-W6YVy {\n  0%,\n  40% {\n    border-color: var(--primaryColor);\n  }\n  100% {\n    border-color: transparent;\n  }\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n/* The touch long-press picks the tile up; no callout, magnifier or text selection. */\n.container-08OcY.rtv-next-tile-Mk48P {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.container-08OcY.rtv-next-tile-Mk48P .title-WUWIa {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  /* Hyphenate by the title's language, at least four letters on either side; a word with no fitting break still wraps. */\n  -webkit-hyphens: auto;\n          hyphens: auto;\n  hyphenate-limit-chars: 10 4 4;\n  -webkit-hyphenate-limit-before: 4;\n  -webkit-hyphenate-limit-after: 4;\n  word-wrap: anywhere;\n}\n\n.drag-ghost-l6Ved {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n\n/* Phones: small tiles need a smaller title. */\n.container-08OcY.compact-oLulb .title-WUWIa {\n  margin: 2px 4px 0;\n  font-size: 11px;\n  line-height: 13px;\n}\n";
+styleInject(css_248z);
+
+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; }
+// Suppresses the native drag ghost; the portal ghost below replaces it.
+var EMPTY_DRAG_IMAGE = typeof Image !== 'undefined' ? new Image(1, 1) : undefined;
+if (EMPTY_DRAG_IMAGE) {
+  EMPTY_DRAG_IMAGE.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+}
+
+/** Touch: a still press this long picks the tile up; a finger that moves first scrolls the palette. */
+var LONG_PRESS_MS = 200;
+var LONG_PRESS_SLOP_PX = 10;
+/** Matches the `placed-flash` animation in the CSS module. */
+var PLACED_FLASH_MS = 900;
+var ShelfAccessoires = function ShelfAccessoires(_ref) {
+  var _renderLayer, _item$longDescription;
+  var item = _ref.item;
+    _ref.grids;
+    var sel$1 = _ref.sel,
+    placedToken = _ref.placedToken,
+    coachTarget = _ref.coachTarget;
+  var viewHandler = useViewHandler();
+  var setCoachTile = useCallback(function (tile) {
+    return void loadRtvStore().then(function (useRTVStore) {
+      return useRTVStore === null || useRTVStore === void 0 ? void 0 : useRTVStore.getState().setCoachTarget('paletteTile', tile);
+    });
+  }, []);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    flashing = _useState2[0],
+    setFlashing = _useState2[1];
+  useEffect(function () {
+    if (!placedToken) return;
+    setFlashing(true);
+    var id = setTimeout(function () {
+      return setFlashing(false);
+    }, PLACED_FLASH_MS);
+    // Consumed once shown, so a palette mounted again later does not flash the same placement.
+    return function () {
+      clearTimeout(id);
+      viewHandler.settingsState.clearPlacedAccessory(placedToken);
+    };
+  }, [placedToken]);
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    hidePrices = _useDivaCore$state.hidePrices,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet;
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    metaDataVisible = _useState4[0],
+    setMetaDataVisible = _useState4[1];
+
+  // Drag & drop places the accessory through the rtv-next drop target; the old viewer has none,
+  // so on it the drag only churns palette/selection state and the tile keeps its plain click.
+  var rtvNext = viewHandler.productState.rtvNext;
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isDragging = _useState6[0],
+    setIsDragging = _useState6[1];
+  var ghostRef = useRef(null);
+  var lastDragPos = useRef({
+    x: 0,
+    y: 0
+  });
+  var dragGeom = useRef({
+    grabX: 0,
+    grabY: 0,
+    width: 0
+  });
+  var positionGhost = function positionGhost(el) {
+    if (!el) return;
+    var g = dragGeom.current;
+    el.style.transform = "translate(".concat(lastDragPos.current.x - g.grabX, "px, ").concat(lastDragPos.current.y - g.grabY, "px)");
+  };
+  useEffect(function () {
+    if (!isDragging) return;
+    var onDragOver = function onDragOver(e) {
+      lastDragPos.current = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      positionGhost(ghostRef.current);
+    };
+    document.addEventListener('dragover', onDragOver);
+    return function () {
+      return document.removeEventListener('dragover', onDragOver);
+    };
+  }, [isDragging]);
+  var beginDrag = function beginDrag(clientX, clientY, rect, pointerId) {
+    dragGeom.current = {
+      grabX: clientX - rect.left,
+      grabY: clientY - rect.top,
+      width: rect.width
+    };
+    lastDragPos.current = {
+      x: clientX,
+      y: clientY
+    };
+    setIsDragging(true);
+    viewHandler.paletteViewHandler.startShelfAccessorieDrag(item.articleCodex, pointerId);
+  };
+
+  // Touch drag: HTML5 drag & drop does not work on touch, so a long-press starts a pointer drag the viewer follows.
+  var lastPointerType = useRef('');
+  // Draggable for a mouse or pen only: a long-press on a `draggable` element starts the browser's own drag, which cancels
+  // the touch pointer. Safari reads `draggable` at touch start, so a touch device starts off non-draggable.
+  var _useState7 = useState(function () {
+      var _window$matchMedia, _window;
+      return typeof window !== 'undefined' && !!((_window$matchMedia = (_window = window).matchMedia) !== null && _window$matchMedia !== void 0 && _window$matchMedia.call(_window, '(hover: none)').matches);
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    touchInput = _useState8[0],
+    setTouchInput = _useState8[1];
+  var touchPress = useRef(null);
+  var suppressClick = useRef(false);
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    touchDragPointer = _useState10[0],
+    setTouchDragPointer = _useState10[1];
+  var touchDragging = useRef(false);
+  var clearTouchPress = function clearTouchPress() {
+    if (touchPress.current) clearTimeout(touchPress.current.timer);
+    touchPress.current = null;
+  };
+  var startTouchDrag = function startTouchDrag() {
+    var p = touchPress.current;
+    if (!p) return;
+    clearTouchPress();
+    beginDrag(p.x, p.y, p.rect, p.pointerId);
+    touchDragging.current = true;
+    setTouchDragPointer(p.pointerId);
+  };
+  useEffect(function () {
+    return function () {
+      clearTouchPress();
+      // The touch drag's pointer listeners go with the tile, nothing else would end it.
+      if (touchDragging.current) viewHandler.paletteViewHandler.endShelfAccessorieDrag();
+    };
+  }, []);
+  useEffect(function () {
+    if (touchDragPointer === null) return;
+    var onMove = function onMove(e) {
+      if (e.pointerId !== touchDragPointer) return;
+      lastDragPos.current = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      positionGhost(ghostRef.current);
+    };
+    var onEnd = function onEnd(e) {
+      if (e.pointerId !== touchDragPointer) return;
+      touchDragging.current = false;
+      setTouchDragPointer(null);
+      setIsDragging(false);
+      // The pointer-up still reaches the tile (implicit touch capture) and would arm an auto-place.
+      suppressClick.current = true;
+      // Deferred so the viewer's own pointer-up commits the drop before the drag state clears.
+      setTimeout(function () {
+        return viewHandler.paletteViewHandler.endShelfAccessorieDrag();
+      }, 0);
+    };
+    // Keeps the palette from scrolling (and the browser from cancelling the pointer) while dragging.
+    var onTouchMove = function onTouchMove(e) {
+      return e.preventDefault();
+    };
+    window.addEventListener('pointermove', onMove);
+    window.addEventListener('pointerup', onEnd);
+    window.addEventListener('pointercancel', onEnd);
+    document.addEventListener('touchmove', onTouchMove, {
+      passive: false
+    });
+    return function () {
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onEnd);
+      window.removeEventListener('pointercancel', onEnd);
+      document.removeEventListener('touchmove', onTouchMove);
+    };
+  }, [touchDragPointer]);
+
+  /* tool tip stuff*/
+  var triggerProps = {};
+  var layerProps = {};
+  var renderLayer = undefined;
+  var isOver = false;
+  var hoverProps = {};
+  var hover = useHover({
+    delayEnter: 1500,
+    hideOnScroll: true
+  });
+  var tooltipOpen = hover[0] && !isDragging;
+  var tooltip = useLayer({
+    isOpen: tooltipOpen,
+    auto: true,
+    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
+  });
+  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
+    isOver = tooltipOpen;
+    hoverProps = hover[1];
+    triggerProps = tooltip.triggerProps;
+    layerProps = tooltip.layerProps;
+    renderLayer = tooltip.renderLayer;
+  }
+  var _useTranslation = useTranslation(),
+    i18n = _useTranslation.i18n;
+  // The phone drawer is the only layout narrow enough for compact tiles; a tablet in the desktop layout keeps the regular ones.
+  var compactTile = rtvNext && viewHandler.getIsInMobileView();
+  var header = item.name;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    ref: coachTarget ? setCoachTile : undefined,
+    id: item.articleCodex,
+    className: classnames(container, sel$1 ? sel : undefined, flashing ? placedFlash : undefined, rtvNext ? rtvNextTile : undefined, compactTile ? compact : undefined),
+    onClick: function onClick() {
+      if (suppressClick.current) {
+        suppressClick.current = false;
+        return;
+      }
+      viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
+    },
+    onPointerOver: function onPointerOver(e) {
+      return setTouchInput(e.pointerType === 'touch');
+    },
+    onPointerDown: function onPointerDown(e) {
+      lastPointerType.current = e.pointerType;
+      setTouchInput(e.pointerType === 'touch');
+      suppressClick.current = false;
+      if (!rtvNext || e.pointerType !== 'touch') return;
+      clearTouchPress();
+      var pointerId = e.pointerId,
+        clientX = e.clientX,
+        clientY = e.clientY;
+      var rect = e.currentTarget.getBoundingClientRect();
+      var timer = setTimeout(function () {
+        return startTouchDrag();
+      }, LONG_PRESS_MS);
+      touchPress.current = {
+        pointerId: pointerId,
+        x: clientX,
+        y: clientY,
+        rect: rect,
+        timer: timer
+      };
+    },
+    onPointerMove: function onPointerMove(e) {
+      var p = touchPress.current;
+      if (!p || e.pointerId !== p.pointerId) return;
+      if (Math.pow(e.clientX - p.x, 2) + Math.pow(e.clientY - p.y, 2) > Math.pow(LONG_PRESS_SLOP_PX, 2)) clearTouchPress();
+    },
+    onPointerUp: clearTouchPress,
+    onPointerCancel: clearTouchPress,
+    onContextMenu: function onContextMenu(e) {
+      if (rtvNext && lastPointerType.current === 'touch') e.preventDefault();
+    },
+    draggable: rtvNext && !touchInput,
+    onDragStart: function onDragStart(e) {
+      if (!rtvNext) return;
+      // Touch has its own long-press drag above; a native drag on top would double-place.
+      if (lastPointerType.current === 'touch') {
+        e.preventDefault();
+        return;
+      }
+      e.dataTransfer.effectAllowed = 'copy';
+      e.dataTransfer.setData('text/plain', item.articleCodex);
+      if (EMPTY_DRAG_IMAGE) e.dataTransfer.setDragImage(EMPTY_DRAG_IMAGE, 0, 0);
+      beginDrag(e.clientX, e.clientY, e.currentTarget.getBoundingClientRect());
+    },
+    onDragEnd: function onDragEnd() {
+      if (!rtvNext) return;
+      setIsDragging(false);
+      viewHandler.paletteViewHandler.endShelfAccessorieDrag();
+    }
+  }, triggerProps), hoverProps), {}, {
+    children: [/*#__PURE__*/jsx("img", {
+      style: {
+        maxHeight: viewHandler.settingsState.settingsWidth / (compactTile ? 5 : 3)
+      },
+      src: item.image,
+      draggable: false
+    }), /*#__PURE__*/jsxs("div", {
+      className: titleContainer,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(title),
+        lang: rtvNext ? i18n.language : undefined,
+        dangerouslySetInnerHTML: {
+          __html: header
+        }
+      }), /*#__PURE__*/jsx(MetaData, {
+        metaData: item.metaData,
+        visible: [metaDataVisible, setMetaDataVisible]
+      }, item.articleCodex), !hidePrices && !!item.price && /*#__PURE__*/jsx(PricePreview, {
+        price: item.price,
+        style: {
+          paddingTop: 6
+        }
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item,
+        style: {
+          top: 6,
+          right: 6
+        }
+      }, item.articleCodex)]
+    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
+      text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.name,
+      desciption: metaDataVisible,
+      image: item.image,
+      codex: item.articleCodex,
+      layerProps: layerProps
+    }, item.articleCodex))), isDragging && !viewHandler.settingsState.draggedAccessoryHasTarget && /*#__PURE__*/createPortal(/*#__PURE__*/jsxs("div", {
+      className: classnames(container, dragGhost),
+      style: {
+        width: dragGeom.current.width
+      },
+      ref: function ref(el) {
+        ghostRef.current = el;
+        positionGhost(el);
+      },
+      children: [/*#__PURE__*/jsx("img", {
+        style: {
+          maxHeight: viewHandler.settingsState.settingsWidth / 3
+        },
+        src: item.image
+      }), /*#__PURE__*/jsx("div", {
+        className: titleContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: title,
+          dangerouslySetInnerHTML: {
+            __html: header
+          }
+        })
+      })]
+    }), document.body)]
+  }));
+};
+var ShelfAccessoires$1 = observer(ShelfAccessoires);
+
+export { ShelfAccessoires$1 as default };

package/build/esm/{index-0d87e18d.js → index-fa86fa7e.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-5a38a65c.js → index-fa962844.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-9bc78e81.js';
+import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-3b485c37.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-943c3c89.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-f8039cb8.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-77f29b1f.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7aa72761.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-37012998.js';
+import IsActive from './index-15d996ee.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-2e070af8.js';
-import InfoIcon from './index-d72e2302.js';
-import ReverseCheck from './index-ed92f45d.js';
+import MetaData from './index-1842d5d1.js';
+import InfoIcon from './index-7a76bd25.js';
+import ReverseCheck from './index-b6d85849.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -20,9 +20,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-06675274.js → index-ff8dba58.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, c as usePlannerUIHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler, c as usePlannerUIHandler } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, l as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-9bc78e81.js';
+export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, t as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-3b485c37.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index.module-dd224fc7.js → index.module-368226e3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-f69e57fe.js → index.module-40faa7fd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";

package/build/esm/{index.module-10369712.js → index.module-467e6989.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-6adda0b3.js → index.module-4cbf75b7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-943c3c89.js → index.module-77f29b1f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var paletteItem = "palette-item-efwMm";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-f8039cb8.js → index.module-7aa72761.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-d2581dbc.js → index.module-bac37b1e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{index.module-3383a38a.js → index.module-cfdd27f5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{useCustomDimensions-c30d3202.js → useCustomDimensions-b04e6464.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-9bc78e81.js';
+import { u as useViewHandler } from './index-3b485c37.js';
 import { useState, useEffect } from 'react';
 
 var useCustomDimensions = function useCustomDimensions() {

package/build/esm/useSteppedWithoutSwipe-4d19eadb.js

@@ -0,0 +1,37 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { l as loadRtvNext } from './index-3b485c37.js';
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+/** The coach hint that teaches swiping the settings drawer to the next step. */
+var DRAWER_SWIPE_HINT = 'drawerSwipe';
+
+/**
+ * Whether the user changed the drawer's step without swiping (a tab, the › button). `noteSwipe` runs before a swipe
+ * changes the step, so that change does not count, and marks the hint seen where rtv-next draws it (`coached`).
+ */
+function useSteppedWithoutSwipe(stepKey, coached) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    stepped = _useState2[0],
+    setStepped = _useState2[1];
+  var lastKey = useRef(stepKey);
+  var swiped = useRef(false);
+  useEffect(function () {
+    var previous = lastKey.current;
+    lastKey.current = stepKey;
+    if (previous === undefined || stepKey === undefined || previous === stepKey) return;
+    if (swiped.current) swiped.current = false;else setStepped(true);
+  }, [stepKey]);
+  var noteSwipe = useCallback(function () {
+    swiped.current = true;
+    if (coached) void loadRtvNext().then(function (rtv) {
+      return rtv === null || rtv === void 0 ? void 0 : rtv.markCoachHintSeen(DRAWER_SWIPE_HINT);
+    });
+  }, [coached]);
+  return {
+    stepped: stepped,
+    noteSwipe: noteSwipe
+  };
+}
+
+export { DRAWER_SWIPE_HINT as D, useSteppedWithoutSwipe as u };

package/build/esm/{ussIsSticky-7316ebaf.js → ussIsSticky-ab3be522.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-9bc78e81.js';
+import './index-3b485c37.js';
 import { useRef, useState, useEffect } from 'react';
 
 function useStickyScroll() {

package/build/types/web-planner-react/src/components/GlobalElements/ArticleOverviewSlider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/GlobalElements/ArticleOverviewSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAqG1B,wBAAyC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/GlobalElements/ArticleOverviewSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAsG1B,wBAAyC"}

package/build/types/web-planner-react/src/components/Product/ContentItemWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Product/ContentItemWrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAMlE,KAAK,KAAK,GAAG;IAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,cAAc,CAAC;IAAC,WAAW,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;oEAEnC,KAAK;;;AAsH3E,wBAA4C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Product/ContentItemWrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAS1E,KAAK,KAAK,GAAG;IAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,cAAc,CAAC;IAAC,WAAW,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;oEAEnC,KAAK;;;AAuJ3E,wBAA4C"}

package/build/types/web-planner-react/src/components/Product/Product/catalog/Sidebar/index.d.ts

@@ -3,6 +3,8 @@ interface Props extends ComponentProps<'div'> {
     setCurrentWindowActive: any;
     currentWindowActive: any;
 }
-declare const Sidebar: ({ setCurrentWindowActive, currentWindowActive, ...props }: Props) => React.JSX.Element;
-export default Sidebar;
+declare const _default: (({ setCurrentWindowActive, currentWindowActive, ...props }: Props) => React.JSX.Element) & {
+    displayName: string;
+};
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/build/types/web-planner-react/src/components/Product/Product/catalog/Sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Product/Product/catalog/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAiBxD,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,sBAAsB,EAAE,GAAG,CAAC;IAC5B,mBAAmB,EAAE,GAAG,CAAC;CAC1B;AAED,QAAA,MAAM,OAAO,8DAA+D,KAAK,sBAiJhF,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Product/Product/catalog/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAsBxD,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,sBAAsB,EAAE,GAAG,CAAC;IAC5B,mBAAmB,EAAE,GAAG,CAAC;CAC1B;qFAE2E,KAAK;;;AA+JjF,wBAAiC"}

package/build/types/web-planner-react/src/components/Product/Product/catalog/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentProps } from 'react';
 interface Props extends ComponentProps<'div'> {
 }
-export type WindowType = '3D/2D' | 'Options' | 'PartList' | 'Artikelübersicht' | 'SVGübersicht' | 'ekText' | 'CatalogMakeup' | 'DecisionAnalyzer' | 'PriceAnalyzer' | 'RTVAnalyzer' | 'J3DEditor' | 'PropertiesEditor' | 'GridOverview' | 'AiCatalogChat';
+export type WindowType = '3D/2D' | 'Options' | 'PartList' | 'Artikelübersicht' | 'SVGübersicht' | 'ekText' | 'CatalogMakeup' | 'DecisionAnalyzer' | 'PriceAnalyzer' | 'RTVAnalyzer' | 'J3DEditor' | 'PropertiesEditor' | 'GridOverview' | 'AiCatalogChat' | 'ErrorOverview';
 declare const _default: (({ ...props }: Props) => React.JSX.Element) & {
     displayName: string;
 };

package/build/types/web-planner-react/src/components/Product/Product/catalog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Product/Product/catalog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAOzD,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEhD,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,SAAS,GACT,UAAU,GACV,kBAAkB,GAClB,cAAc,GACd,QAAQ,GACR,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,eAAe,CAAC;wCAkBkB,KAAK;;;AAmE3C,wBAAwC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Product/Product/catalog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAOzD,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEhD,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,SAAS,GACT,UAAU,GACV,kBAAkB,GAClB,cAAc,GACd,QAAQ,GACR,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,eAAe,CAAC;wCAmBkB,KAAK;;;AAoE3C,wBAAwC"}

package/build/types/web-planner-react/src/components/Product/Product/standard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Product/Product/standard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAUjE,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;iCAExB,KAAK;;;AA+B7B,wBAAiC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Product/Product/standard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAWjE,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;iCAExB,KAAK;;;AAoC7B,wBAAiC"}

package/build/types/web-planner-react/src/components/Product/ProductCenter/ArLaunch/ArLaunchButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: (() => React.JSX.Element | null) & {
+    displayName: string;
+};
+export default _default;
+//# sourceMappingURL=ArLaunchButton.d.ts.map

package/build/types/web-planner-react/src/components/Product/ProductCenter/ArLaunch/ArLaunchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArLaunchButton.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Product/ProductCenter/ArLaunch/ArLaunchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;AA0IxC,wBAAkC"}