@crystaldesign/diva-web-planner-react 26.13.0-beta.33 → 26.13.0-beta.35

package/build/esm/Planner3DImage-15af1f86.js

@@ -1,360 +0,0 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-069dfa13.js';
-import { Vector2, Rendering } from '@crystaldesign/web-planner-logic';
-import 'react';
-import 'react-dynamic-multi-render';
-import 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var Planner3DImageUI = /*#__PURE__*/function () {
-  function Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo, settingsState) {
-    _classCallCheck(this, Planner3DImageUI);
-    this.settingsState = settingsState;
-    _defineProperty(this, "uiHTMLContainer", void 0);
-    _defineProperty(this, "classUI", 'wc3DImageUI');
-    _defineProperty(this, "getConfiguratorState", void 0);
-    _defineProperty(this, "plannerPaletteViewInfo", void 0);
-    this.getConfiguratorState = getConfiguratorState;
-    this.plannerPaletteViewInfo = plannerPaletteViewInfo;
-  }
-
-  /**
-   * This function adds the trash icon (deletion) on the 3D image.
-   * The position is computed based on the informations from the rendering
-   * @param element   The elements where the icon should be displayed
-   * @param posXPercent   The procentual X position of the deletion icon when it should be displayd on TOP_RIGHT_BACK config
-   * @param posYPercent   The procentual Y position of the deletion icon when it should be displayd on TOP_RIGHT_BACK config
-   */
-  return _createClass(Planner3DImageUI, [{
-    key: "addDelIcon",
-    value: function addDelIcon(plannerUIHandler, element, posXPercent, posYPercent) {
-      if (posXPercent > 100 || posXPercent < 0 || posYPercent > 100 || posYPercent < 0) return;
-      plannerUIHandler.addTrashIconUI(element.getSetId(), element.getElementId(), element.getRotDeg(), new Vector2(posXPercent, posYPercent, 'percentage'), element.getPlannerType() == 'BOX' ? 'BOX' : '3D');
-    }
-  }, {
-    key: "addDimensionInfo",
-    value: function addDimensionInfo(plannerUIHandler, setId, element, rendering) {
-      var alternateRenderInfo = rendering.getAlternateRenderInfo();
-      if (rendering.getAlternateRenderingsExist() && alternateRenderInfo == undefined) return; //Only display the dimensions when no door is shown
-      var elementId = element.parentElementId + '.' + element.shelfGridId + '.' + element.shelfRasterHeight;
-      var position = rendering.getLeftBottomFrontUIPos(setId, elementId);
-      if (!position) return;
-      if (position.x < 0 || position.x > 100) return;
-      if (position.y < 0 || position.y > 100) return;
-      var distVal = Math.round(rendering.getDistanceToGround(setId, elementId));
-      if (distVal == -1) return;
-      plannerUIHandler.addDistanceFromGround(setId, element.parentElementId, distVal, position);
-    }
-
-    /**
-     * This function adds the position number to the 3D image. It returns the position of the number on the screen and its width
-     * @param element
-     * @param posXPercent
-     * @param posYPercent
-     * @param elemIsSelected
-     * @param elemIsSelectable
-     */
-  }, {
-    key: "addPosNrUI",
-    value: function addPosNrUI(plannerUIHandler, element, posXPercent, posYPercent, elemIsSelected, elemIsSelectable) {
-      var _plannerUIHandler$get;
-      if (posXPercent < 0) posXPercent = 0;
-      if (posXPercent > 100) posXPercent = 100;
-      if (posYPercent < 0) posYPercent = 0;
-      if (posYPercent > 100) posYPercent = 100;
-      plannerUIHandler.addPosNrUI(element.getSetId(), element.getElementId(), element.getIsDockedAccessoire(), new Vector2(posXPercent, posYPercent, 'percentage'), element.getRotDeg(), 1, (_plannerUIHandler$get = plannerUIHandler.getPosNrByBasketId(element.getBasketId())) === null || _plannerUIHandler$get === void 0 ? void 0 : _plannerUIHandler$get.toString(), elemIsSelected ? 'selected' : elemIsSelectable ? 'selectable' : 'unselectable', '3D');
-    }
-
-    /**
-       * This function adds the docking points of the box planner. It is the docking point for docking to left and right and if the element is the top element in the colum
-       * it also adds the add to top. 
-       * @param element   The current selected element
-       * @param rendering The rendering that holds the information about the screen positions
-        */
-  }, {
-    key: "addBoxPlannerDockingPoints",
-    value: function addBoxPlannerDockingPoints(plannerUIHandler, element, rendering) {
-      var displayTopDP = false;
-      var avoDP = element.getFreeDockingPointByTypeAndNumber('AVO', 1);
-      if (avoDP != undefined && !avoDP.IsDisabled) displayTopDP = true; //The dockingpoint can be disabled when e.g. the max count of elements per col is reached
-
-      var leftCenter = rendering.getBoxPlannerCornerUIPos(element.getSetId(), element.getElementId(), 'LEFTCENTER');
-      if (leftCenter) plannerUIHandler.addCopy(element.getSetId(), element.getElementId(), 'BoxCopyLeft', leftCenter, '3D');
-      var rightCenter = rendering.getBoxPlannerCornerUIPos(element.getSetId(), element.getElementId(), 'RIGHTCENTER');
-      if (rightCenter) plannerUIHandler.addCopy(element.getSetId(), element.getElementId(), 'BoxCopyRight', rightCenter, '3D');
-      if (displayTopDP) {
-        var topCenter = rendering.getBoxPlannerCornerUIPos(element.getSetId(), element.getElementId(), 'TOPCENTER');
-        if (topCenter) plannerUIHandler.addCopy(element.getSetId(), element.getElementId(), 'BoxCopyTop', topCenter, '3D');
-      }
-    }
-  }, {
-    key: "addCopyIcon",
-    value: function addCopyIcon(plannerUIHandler, element) {
-      plannerUIHandler.addCopy(element.getSetId(), element.getElementId(), 'CopyElement', new Vector2(0, 0), '3D');
-    }
-
-    /**
-     * This function adds the accessoire DockingPoints on the 3D Image.
-     * @param element   The current element
-     * @param viewDockingPointList
-     * @param selectedDP
-     */
-  }, {
-    key: "addAccDockingPoints",
-    value: function addAccDockingPoints(plannerUIHandler, element, viewDockingPointList, typeOnly) {
-      var allDockingPoints = element.getAllDockingPoints();
-      for (var i = 0; i < allDockingPoints.length; i++) {
-        var _this$plannerPaletteV;
-        var dp = allDockingPoints[i];
-        if ((_this$plannerPaletteV = this.plannerPaletteViewInfo) !== null && _this$plannerPaletteV !== void 0 && (_this$plannerPaletteV = _this$plannerPaletteV.plannerConfiguration.hideAVButtons) !== null && _this$plannerPaletteV !== void 0 && _this$plannerPaletteV.includes(dp.Type)) continue;
-        if ((dp.Type == 'AVO' || dp.Type == 'AVC' || dp.Type == 'AVU' || dp.Type == 'AVS' || dp.Type == 'AVN') && typeOnly == undefined || typeOnly === dp.Type) {
-          for (var j = 0; j < viewDockingPointList.length; j++) {
-            if (dp.Name == viewDockingPointList[j].N) {
-              //Man kann ihn anzeigen.
-
-              plannerUIHandler.addDP(element.getSetId(), element.getElementId(), dp.DpId, 'ACC', dp.IsDocking ? 'DOCKING' : 'NOT_DOCKING', dp.OnElementId, element.getRotDeg(), 0, new Vector2(viewDockingPointList[j].x, viewDockingPointList[j].y, 'percentage'), '3D');
-            }
-          }
-        }
-      }
-    }
-  }, {
-    key: "addOutlinePolygon",
-    value: function addOutlinePolygon(plannerUIHandler, rendering, plannerElement, state, viewPortSize) {
-      var outlineInfo = rendering.getOutlinePolygonForSVG(plannerElement.getSetId(), plannerElement.getElementId(), viewPortSize);
-      if (outlineInfo) {
-        plannerUIHandler.addOutline3D(plannerElement.getSetId(), plannerElement.getElementId(), outlineInfo.points, outlineInfo.avgCamDist, state, plannerElement.getPlannerType() == 'BOX');
-      }
-    }
-
-    /**
-     * Initializes the UI of the 3D image
-     * @param htmlContainer     The html Container where the UI should be rendered into
-     */
-  }, {
-    key: "initialize",
-    value: function initialize(htmlContainer) {
-      if (!this.uiHTMLContainer) {
-        this.uiHTMLContainer = document.createElement('div');
-        this.uiHTMLContainer.classList.add(this.classUI);
-        htmlContainer.appendChild(this.uiHTMLContainer);
-      }
-    }
-
-    /**
-     * Update the UserInterface on the 3D image.
-     * @param allPlannedElements    A list
-     * @param rendering
-     * @param selectedElements
-     * @param selectableElements
-     * @param setAllElementsSelectable
-     * @param selectedDP
-     */
-  }, {
-    key: "updateUI",
-    value: function updateUI(plannerUIHandler, allPlannedElementsDict, allVisualizedNotPlannedElementsDict, rendering, selectedElementsDict, selectableElementsDict, setAllElementsSelectable, selectedDP, viewPortSize) {
-      var _this = this;
-      //Run through all position Elements and look if they are visible in the UIInfo
-
-      plannerUIHandler.clear2D3DViewerUI();
-      allPlannedElementsDict.forEach(function (allPlannedElements, setId) {
-        for (var i = 0; i < allPlannedElements.length; i++) {
-          var element = allPlannedElements[i];
-          if (!rendering.hasUIInfosOfElement(element.getSetId(), element.getElementId())) continue;
-          var elemIsSelected = false;
-          var elemIsSelectable = setAllElementsSelectable;
-          //TODO only show number of acccessoire if one of the accessoires or parent is selected
-          if (selectedElementsDict.has(setId)) {
-            var selectedElements = selectedElementsDict.get(setId);
-            var selectedElemetIds = selectedElements.map(function (item) {
-              return item.getElementId();
-            });
-            elemIsSelected = selectedElemetIds.includes(element.getElementId());
-          }
-          if (!elemIsSelected && !setAllElementsSelectable) {
-            if (selectableElementsDict.has(setId)) {
-              var selectableElements = selectableElementsDict.get(setId);
-              for (var j = 0; j < selectableElements.length; j++) {
-                if (element.getElementId() == selectableElements[j].getElementId()) {
-                  elemIsSelectable = true;
-                  break;
-                }
-              }
-            }
-          }
-          _this.addOutlinePolygon(plannerUIHandler, rendering, element, elemIsSelected ? 'selected' : elemIsSelectable ? 'selectable' : 'unselectable', viewPortSize);
-          switch (element.getPlannerType()) {
-            case 'STD':
-              {
-                var isPlanner = ['PLANNER', 'PRODUCTS', 'PROMOTED', 'PLANNER_2.0'].includes(_this.getConfiguratorState());
-                var _elemUIInfo = rendering.getLeftTopBackUIPos(element.getSetId(), element.getElementId());
-                if (_elemUIInfo && (!_this.settingsState.posNrAreHidden || isPlanner)) _this.addPosNrUI(plannerUIHandler, element, _elemUIInfo.x, _elemUIInfo.y, elemIsSelected, elemIsSelectable);
-                if (elemIsSelected) {
-                  if (isPlanner) {
-                    if (element.getIsDockedAccessoire()) {
-                      _this.addAccDockingPoints(plannerUIHandler, element, rendering.getAllDockingPoints(element.getSetId(), element.getElementId()), 'AVO');
-                    } else {
-                      _this.addAccDockingPoints(plannerUIHandler, element, rendering.getAllDockingPoints(element.getSetId(), element.getElementId()));
-                    }
-                    var _elemUIInfo2 = rendering.getRightTopBackUIPos(element.getSetId(), element.getElementId());
-                    _this.addDelIcon(plannerUIHandler, element, _elemUIInfo2.x, _elemUIInfo2.y);
-                    _this.addCopyIcon(plannerUIHandler, element);
-                  }
-                }
-                //if this is the ACC_PLANNER step the accessoreis show the deleteIcon
-                if (_this.getConfiguratorState() == 'ACC_PLANNER' && element.getIsDockedAccessoire()) {
-                  var _elemUIInfo3 = rendering.getRightTopBackUIPos(element.getSetId(), element.getElementId());
-                  _this.addDelIcon(plannerUIHandler, element, _elemUIInfo3.x, _elemUIInfo3.y);
-                }
-              }
-              break;
-            case 'BOX':
-              var elemUIInfo = rendering.getBoxPlannerCornerUIPos(element.getSetId(), element.getElementId(), 'RIGHTTOPFRONT');
-              if (elemUIInfo) {
-                _this.addPosNrUI(plannerUIHandler, element, elemUIInfo.x, elemUIInfo.y, elemIsSelected, elemIsSelectable);
-              }
-              if (elemIsSelected) {
-                _this.addBoxPlannerDockingPoints(plannerUIHandler, element, rendering);
-                if (!_this.checkBoxPlannerSingleElement(allPlannedElements) && element.getFreeDockingPointByTypeAndNumber('AVO', 1) != undefined) {
-                  //Only display Delete Icon for boxPlanner when there is more than 1 element and the element has no element on top
-                  var posBoxTrash = rendering.getBoxPlannerCornerUIPos(element.getSetId(), element.getElementId(), 'RIGHTTOPFRONT');
-                  if (posBoxTrash) _this.addDelIcon(plannerUIHandler, element, posBoxTrash.x, posBoxTrash.y);
-                }
-              }
-              break;
-          }
-        }
-      });
-      allVisualizedNotPlannedElementsDict.forEach(function (allVisualizedNotPlannedElements, setId) {
-        for (var i = 0; i < allVisualizedNotPlannedElements.length; i++) {
-          var element = allVisualizedNotPlannedElements[i];
-          if (element.isShelfAcc) _this.addDimensionInfo(plannerUIHandler, setId, element, rendering);
-        }
-      });
-    }
-
-    /**
-     * This function returns true if only one Element is left.
-     * If the backside module is activated, it is also one element left, if the two are opposite
-     */
-  }, {
-    key: "checkBoxPlannerSingleElement",
-    value: function checkBoxPlannerSingleElement(allPlannerElements) {
-      if (allPlannerElements.length == 1) return true;
-      if (allPlannerElements.length == 2) {
-        var dockingPoints1 = allPlannerElements[0].getAllDockingPoints();
-        var dockingPoints2 = allPlannerElements[0].getAllDockingPoints();
-        for (var i = 0; i < dockingPoints1.length; i++) {
-          var dockingPoint1 = dockingPoints1[i];
-          for (var j = 0; j < dockingPoints2.length; j++) {
-            var dockingPoint2 = dockingPoints2[j];
-            if (dockingPoint1.IsDocking && dockingPoint2.IsDocking && dockingPoint1.Number == 2 && dockingPoint2.Number == 2 && (dockingPoint1.Type == 'AVO' || dockingPoint1.Type == 'AVU')) return true;
-          }
-        }
-      }
-      return false;
-    }
-
-    /**-------------------------Getter ------------------------------- */
-  }, {
-    key: "Class3DUI",
-    get: function get() {
-      return this.classUI;
-    }
-  }]);
-}();
-
-var Planner3DImage = /*#__PURE__*/function () {
-  function Planner3DImage(getConfiguratorState, update3DImgSrcInView, onDoShowNav3DChanged, plannerPaletteViewInfo, settingsState) {
-    _classCallCheck(this, Planner3DImage);
-    _defineProperty(this, "imageContainer", undefined);
-    _defineProperty(this, "UIHandler", void 0);
-    _defineProperty(this, "curRendering", void 0);
-    _defineProperty(this, "update3DImgSrcInView", void 0);
-    _defineProperty(this, "onDoShowNav3DChanged", void 0);
-    this.UIHandler = new Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo, settingsState);
-    this.curRendering = new Rendering('Placeholder', 'Placeholder', '', -1, -1, false, false, 0, false, 'STREAM');
-    this.onDoShowNav3DChanged = onDoShowNav3DChanged;
-    this.update3DImgSrcInView = update3DImgSrcInView;
-  }
-  /*
-    private onDragStart = (e: any) => {
-        e.preventDefault();
-    };
-    */
-  /**
-   * This function is called to initialize the view of the 3D Image. All HTML components are created.
-   * @param htmlElementID The Html Id where the image should be rendered
-   */
-  return _createClass(Planner3DImage, [{
-    key: "initialize",
-    value: function initialize(htmlElementID) {
-      this.imageContainer = document.getElementById(htmlElementID);
-      if (this.imageContainer) {
-        this.UIHandler.initialize(this.imageContainer);
-      }
-    }
-
-    /**
-     * Clear all views - 2D Grid and 3D image
-     */
-  }, {
-    key: "clearView",
-    value: function clearView() {
-      this.curRendering = new Rendering('Placeholder', 'Placeholder', '', -1, -1, false, false, 0, false, 'STREAM');
-      this.update3DImgSrcInView('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); //"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" basis a blank white image
-    }
-
-    /**
-     * This function is called when the user Interface of the current rendering has to be updated. This can be the case when the planner Changed or the configurator step changed.
-     * @param selectedElements
-     * @param selectableElements
-     * @param setAllElementsSelectable if this is set the elements in the selectableElements are ignored and all Elements that are not selected are declared to be selectable
-     */
-  }, {
-    key: "updateUI",
-    value: function updateUI(plannerUIHandler, allPlannedElements, allVisualizedNotPlannedElements, selectedElementsDict, selectableElements, setAllElementsSelectable, selectedDP, viewPortSize) {
-      this.UIHandler.updateUI(plannerUIHandler, allPlannedElements, allVisualizedNotPlannedElements, this.curRendering, selectedElementsDict, selectableElements, setAllElementsSelectable, selectedDP, viewPortSize);
-    }
-
-    /**
-     * This function is called when a new rendering should displayed on the screen.
-     * This function handels also the positioning of posnum etc.
-     * @param rendering     The rendering to display
-     */
-  }, {
-    key: "updatePlannerView",
-    value: function updatePlannerView(rendering) {
-      var prevImageHasStaticBG = this.curRendering.getHasStaticBackground();
-      var curImageHasStaticBG = rendering.getHasStaticBackground();
-      if (prevImageHasStaticBG != curImageHasStaticBG) {
-        this.onDoShowNav3DChanged(!curImageHasStaticBG);
-      }
-      this.curRendering = rendering;
-      this.update3DImgSrcInView(rendering.getImageForSrc());
-    }
-  }, {
-    key: "resetSelectedElementsOnEnterPlannerMode",
-    value: function resetSelectedElementsOnEnterPlannerMode() {
-      return false;
-    }
-  }]);
-}();
-
-export { Planner3DImage as default };

package/build/esm/RoundToggle-155ee330.js

@@ -1,84 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-069dfa13.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
-var roundToggle = "round-toggle-6c6JM";
-var desktopColumn = "desktop-column--NwK-";
-var desktop = "desktop-v3T4S";
-var active = "active-oZF6A";
-var mobile = "mobile-E5e0t";
-var tablet = "tablet-ambY9";
-var busy = "busy-SAxmT";
-var disabled = "disabled-XKHIa";
-var label = "label-vbZxN";
-var css_248z = ".round-toggle-6c6JM {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  border-radius: 50%;\n  color: #4a4543;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n}\n\n.round-toggle-6c6JM.focus-visible-zdodb {\n  outline: 2px solid #713434;\n  outline: 2px solid var(--diva-theme-palette-primary-main, #713434);\n  outline-offset: 2px;\n}\n\n.round-toggle-6c6JM.focus-visible-zdodb {\n  outline: 2px solid #713434;\n  outline: 2px solid #713434;\n  outline: 2px solid var(--diva-theme-palette-primary-main, #713434);\n  outline-offset: 2px;\n}\n\n.round-toggle-6c6JM:focus-visible {\n  outline: 2px solid #713434;\n  outline: 2px solid var(--diva-theme-palette-primary-main, #713434);\n  outline-offset: 2px;\n}\n\n.round-toggle-6c6JM svg {\n  width: 60%;\n  height: 60%;\n}\n\n/* The desktop buttons' column (`ViewerButtonColumn`): 40px buttons with an 8px gap. Only the buttons take the pointer. */\n.desktop-column--NwK- {\n  position: absolute;\n  left: calc(40px - 1.6rem);\n  bottom: 60px;\n  z-index: 601;\n  display: flex;\n  flex-direction: column-reverse;\n  gap: 8px;\n  pointer-events: none;\n}\n\n.desktop-v3T4S.round-toggle-6c6JM {\n  width: 40px;\n  height: 40px;\n  background-color: #f5f5f5;\n  pointer-events: auto;\n}\n\n.active-oZF6A.round-toggle-6c6JM,\n.active-oZF6A.desktop-v3T4S.round-toggle-6c6JM,\n.active-oZF6A.mobile-E5e0t.round-toggle-6c6JM {\n  background-color: #713434;\n  background-color: var(--diva-theme-palette-primary-main, #713434);\n  color: #fff;\n}\n\n.desktop-v3T4S.round-toggle-6c6JM:active {\n  background-color: #c4c4c4;\n}\n\n.mobile-E5e0t.round-toggle-6c6JM {\n  width: 32px;\n  height: 32px;\n  background-color: rgba(255,255,255,0.66667);\n  border: 1px solid #ddd;\n}\n\n.tablet-ambY9.mobile-E5e0t.round-toggle-6c6JM {\n  width: 42px;\n  height: 42px;\n}\n\n.busy-SAxmT.round-toggle-6c6JM {\n  cursor: progress;\n  opacity: 0.5;\n}\n\n/* Decided by the step: the button shows the state but a tap does nothing. */\n.disabled-XKHIa.round-toggle-6c6JM {\n  cursor: default;\n  opacity: 0.45;\n}\n\n.label-vbZxN {\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1;\n}\n\n/* A pressed button keeps its colour under the pointer, so the click shows its result at once. */\n@media (hover: hover) {\n  .desktop-v3T4S.round-toggle-6c6JM:not(.active-oZF6A):hover {\n    background-color: #c4c4c4;\n  }\n\n  .mobile-E5e0t.round-toggle-6c6JM:not(.active-oZF6A):hover {\n    background-color: rgba(243,243,243,0.66667);\n  }\n}\n";
-styleInject(css_248z);
-
-/** A round button's line icon: 24 px grid, drawn in the button's text colour. */
-var StrokeIcon = function StrokeIcon(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/jsx("svg", {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": true,
-    children: children
-  });
-};
-
-/** One round viewer button, desktop column or mobile row. */
-var RoundToggle = observer(function (_ref2) {
-  var label = _ref2.label,
-    pressed = _ref2.pressed,
-    locked = _ref2.locked,
-    busy$1 = _ref2.busy,
-    onToggle = _ref2.onToggle,
-    children = _ref2.children;
-  var _useViewHandler = useViewHandler(),
-    uiState = _useViewHandler.uiState;
-  var toggle = function toggle() {
-    if (!locked) onToggle();
-  };
-  return /*#__PURE__*/jsx("div", {
-    role: "button",
-    tabIndex: 0,
-    "aria-label": label,
-    "aria-pressed": pressed,
-    "aria-disabled": locked || undefined,
-    "aria-busy": busy$1,
-    title: label,
-    className: classnames(roundToggle, uiState.isInMobileView ? mobile : desktop, uiState.isTablet ? tablet : undefined, pressed ? active : undefined, locked ? disabled : undefined, busy$1 ? busy : undefined),
-    onClick: toggle,
-    onKeyDown: function onKeyDown(event) {
-      if (event.repeat || event.key !== 'Enter' && event.key !== ' ') return;
-      event.preventDefault();
-      toggle();
-    },
-    children: children
-  });
-});
-
-/** Whether the rtv-next viewer's own buttons show: rtv-next, its UI icons on. */
-function viewerButtonsShown(productState) {
-  return productState.rtvNext && !productState.hidePlannerUiIcons;
-}
-
-/** {@link viewerButtonsShown} for the planner's product state — callers must be `observer`s. */
-function useViewerButtons() {
-  return viewerButtonsShown(useViewHandler().productState);
-}
-
-var RoundToggle$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  StrokeIcon: StrokeIcon,
-  RoundToggle: RoundToggle,
-  viewerButtonsShown: viewerButtonsShown,
-  useViewerButtons: useViewerButtons
-});
-
-export { RoundToggle as R, StrokeIcon as S, RoundToggle$1 as a, desktopColumn as d, label as l, useViewerButtons as u, viewerButtonsShown as v };