@esri/calcite-components 1.0.0-beta.87 → 1.0.0-beta.88

package/dist/types/components.d.ts

@@ -170,6 +170,10 @@ export namespace Components {
           * Specifies the label of the expand icon when the component is collapsed.
          */
         "intlExpand"?: string;
+        /**
+          * The layout direction of the actions.
+         */
+        "layout": Extract<"horizontal" | "vertical", Layout>;
         /**
           * Overflows actions that won't fit into menus.
          */
@@ -4906,6 +4910,10 @@ declare namespace LocalJSX {
           * Specifies the label of the expand icon when the component is collapsed.
          */
         "intlExpand"?: string;
+        /**
+          * The layout direction of the actions.
+         */
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
         /**
           * Emits when the `expanded` property is toggled.
          */

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
+ * v1.0.0-beta.88
  */
 'use strict';
 
@@ -6387,12 +6387,22 @@ const ICONS$e = {
 };
 
 const overflowActionsDebounceInMs = 150;
-const groupBufferHeight = 2;
-const getMaxActionCount = ({ height, actionHeight, groupCount }) => {
-  return Math.floor((height - groupCount * groupBufferHeight) / actionHeight);
+const groupBufferPx = 2;
+const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
+const geActionDimensions = (actions) => {
+  const actionLen = actions === null || actions === void 0 ? void 0 : actions.length;
+  return {
+    actionWidth: actionLen ? getAverage(actions.map((action) => action.clientWidth || 0)) : 0,
+    actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0
+  };
 };
-const getOverflowCount = ({ actionCount, actionHeight, height, groupCount }) => {
-  return Math.max(actionCount - getMaxActionCount({ height, actionHeight, groupCount }), 0);
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount }) => {
+  const maxContainerPx = layout === "horizontal" ? width : height;
+  const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+};
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount }) => {
+  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
 };
 const queryActions = (el) => {
   return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS$q.trigger : true);
@@ -7740,7 +7750,7 @@ function throttle$1(func, wait, options) {
   });
 }
 
-const actionBarCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-action-bar:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-action-bar{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-action-bar{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-action-bar{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-action-bar{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-action-bar{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-action-bar-h{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-action-bar-h *.sc-calcite-action-bar{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-action-bar:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-action-bar-h{display:none}/*!@:host*/.sc-calcite-action-bar-h{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;max-inline-size:15vw;background:transparent}/*!@:host([overflow-actions-disabled])*/[overflow-actions-disabled].sc-calcite-action-bar-h{overflow-y:auto}/*!@:host([expanded])*/[expanded].sc-calcite-action-bar-h{max-inline-size:20vw}/*!@::slotted(calcite-action-group)*/.sc-calcite-action-bar-s>calcite-action-group{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}/*!@::slotted(calcite-action-group:last-child)*/.sc-calcite-action-bar-s>calcite-action-group:last-child{border-block-end-width:0px}/*!@.action-group--bottom*/.action-group--bottom.sc-calcite-action-bar{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}";
+const actionBarCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-action-bar:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-action-bar{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-action-bar{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-action-bar{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-action-bar{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-action-bar{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-action-bar-h{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-action-bar-h *.sc-calcite-action-bar{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-action-bar:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-action-bar-h{display:none}/*!@:host*/.sc-calcite-action-bar-h{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:stretch;align-self:stretch;background:transparent;--calcite-action-bar-expanded-max-width:auto}/*!@:host([layout=vertical])*/[layout=vertical].sc-calcite-action-bar-h{-ms-flex-direction:column;flex-direction:column}/*!@:host([layout=horizontal])*/[layout=horizontal].sc-calcite-action-bar-h{-ms-flex-direction:row;flex-direction:row}/*!@:host([layout=vertical][overflow-actions-disabled])*/[layout=vertical][overflow-actions-disabled].sc-calcite-action-bar-h{overflow-y:auto}/*!@:host([layout=horizontal][overflow-actions-disabled])*/[layout=horizontal][overflow-actions-disabled].sc-calcite-action-bar-h{overflow-x:auto}/*!@:host([layout=vertical][expanded])*/[layout=vertical][expanded].sc-calcite-action-bar-h{max-inline-size:var(--calcite-action-bar-expanded-max-width)}/*!@::slotted(calcite-action-group)*/.sc-calcite-action-bar-s>calcite-action-group{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}/*!@:host([layout=horizontal]) ::slotted(calcite-action-group)*/.sc-calcite-action-bar-h[layout=horizontal] .sc-calcite-action-bar-s>calcite-action-group{border-width:0px;border-inline-end-width:1px;border-style:solid}/*!@::slotted(calcite-action-group:last-child)*/.sc-calcite-action-bar-s>calcite-action-group:last-child{border-block-end-width:0px;border-inline-end-width:0px}/*!@.action-group--bottom*/.action-group--bottom.sc-calcite-action-bar{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px;-webkit-padding-end:0px;padding-inline-end:0px}";
 
 /**
  * @slot - A slot for adding `calcite-action`s that will appear at the top of the action bar.
@@ -7764,6 +7774,10 @@ class ActionBar {
      * When true, the component is expanded.
      */
     this.expanded = false;
+    /**
+     *  The layout direction of the actions.
+     */
+    this.layout = "vertical";
     /**
      * Disables automatically overflowing `calcite-action`s that won't fit into menus.
      */
@@ -7789,13 +7803,12 @@ class ActionBar {
       entries.forEach(this.resizeHandler);
     };
     this.resizeHandler = (entry) => {
-      const { height } = entry.contentRect;
-      this.resize(height);
+      const { width, height } = entry.contentRect;
+      this.resize({ width, height });
     };
-    this.resize = debounce((height) => {
-      var _a;
-      const { el, expanded, expandDisabled } = this;
-      if (!height) {
+    this.resize = debounce(({ width, height }) => {
+      const { el, expanded, expandDisabled, layout } = this;
+      if ((layout === "vertical" && !height) || (layout === "horizontal" && !width)) {
         return;
       }
       const actions = queryActions(el);
@@ -7804,10 +7817,14 @@ class ActionBar {
       const groupCount = getSlotted(el, SLOTS$o.bottomActions) || !expandDisabled
         ? actionGroups.length + 1
         : actionGroups.length;
+      const { actionHeight, actionWidth } = geActionDimensions(actions);
       const overflowCount = getOverflowCount({
+        layout,
         actionCount,
-        actionHeight: (_a = actions[0]) === null || _a === void 0 ? void 0 : _a.clientHeight,
+        actionHeight,
+        actionWidth,
         height,
+        width,
         groupCount
       });
       overflowActions({
@@ -7834,6 +7851,7 @@ class ActionBar {
   }
   expandedHandler(expanded) {
     toggleChildActionText({ parent: this.el, expanded });
+    this.conditionallyOverflowActions();
   }
   overflowDisabledHandler(overflowActionsDisabled) {
     overflowActionsDisabled
@@ -7876,7 +7894,7 @@ class ActionBar {
    * @internal
    */
   async overflowActions() {
-    this.resize(this.el.clientHeight);
+    this.resize({ width: this.el.clientWidth, height: this.el.clientHeight });
   }
   /**
    * Sets focus on the component.
@@ -7897,12 +7915,12 @@ class ActionBar {
   //
   // --------------------------------------------------------------------------
   renderBottomActionGroup() {
-    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale } = this;
+    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale, layout } = this;
     const tooltip = getSlotted(el, SLOTS$o.expandTooltip);
     const expandLabel = intlExpand || TEXT$q.expand;
     const collapseLabel = intlCollapse || TEXT$q.collapse;
     const expandToggleNode = !expandDisabled ? (hAsync(ExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
-    return getSlotted(el, SLOTS$o.bottomActions) || expandToggleNode ? (hAsync("calcite-action-group", { class: CSS$O.actionGroupBottom, scale: scale }, hAsync("slot", { name: SLOTS$o.bottomActions }), hAsync("slot", { name: SLOTS$o.expandTooltip }), expandToggleNode)) : null;
+    return getSlotted(el, SLOTS$o.bottomActions) || expandToggleNode ? (hAsync("calcite-action-group", { class: CSS$O.actionGroupBottom, layout: layout, scale: scale }, hAsync("slot", { name: SLOTS$o.bottomActions }), hAsync("slot", { name: SLOTS$o.expandTooltip }), expandToggleNode)) : null;
   }
   render() {
     return (hAsync(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, hAsync("slot", null), this.renderBottomActionGroup()));
@@ -7922,6 +7940,7 @@ class ActionBar {
       "expanded": [1540],
       "intlExpand": [1, "intl-expand"],
       "intlCollapse": [1, "intl-collapse"],
+      "layout": [513],
       "overflowActionsDisabled": [4, "overflow-actions-disabled"],
       "position": [513],
       "scale": [513],
@@ -7930,7 +7949,7 @@ class ActionBar {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["expandDisabled", "expand-disabled"], ["expanded", "expanded"], ["position", "position"], ["scale", "scale"]]
+    "$attrsToReflect$": [["expandDisabled", "expand-disabled"], ["expanded", "expanded"], ["layout", "layout"], ["position", "position"], ["scale", "scale"]]
   }; }
 }
 
@@ -7995,9 +8014,9 @@ class ActionGroup {
     return hasTooltip ? hAsync("slot", { name: SLOTS$p.menuTooltip, slot: SLOTS$q.tooltip }) : null;
   }
   renderMenu() {
-    const { el, expanded, intlMore, menuOpen, scale } = this;
+    const { el, expanded, intlMore, menuOpen, scale, layout } = this;
     const hasMenuItems = getSlotted(el, SLOTS$p.menuActions);
-    return hasMenuItems ? (hAsync("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], label: intlMore || TEXT$r.more, onCalciteActionMenuOpenChange: this.setMenuOpen, open: menuOpen, placement: "leading-start", scale: scale }, hAsync("calcite-action", { icon: ICONS$e.menu, scale: scale, slot: SLOTS$q.trigger, text: intlMore || TEXT$r.more, textEnabled: expanded }), hAsync("slot", { name: SLOTS$p.menuActions }), this.renderTooltip())) : null;
+    return hasMenuItems ? (hAsync("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], label: intlMore || TEXT$r.more, onCalciteActionMenuOpenChange: this.setMenuOpen, open: menuOpen, placement: layout === "horizontal" ? "bottom-leading" : "leading-start", scale: scale }, hAsync("calcite-action", { icon: ICONS$e.menu, scale: scale, slot: SLOTS$q.trigger, text: intlMore || TEXT$r.more, textEnabled: expanded }), hAsync("slot", { name: SLOTS$p.menuActions }), this.renderTooltip())) : null;
   }
   render() {
     return (hAsync(Fragment, null, hAsync("slot", null), this.renderMenu()));
@@ -8326,7 +8345,7 @@ const SLOTS$n = {
   expandTooltip: "expand-tooltip"
 };
 
-const actionPadCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-action-pad:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-action-pad{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-action-pad{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-action-pad{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-action-pad{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-action-pad{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-action-pad-h{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-action-pad-h *.sc-calcite-action-pad{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-action-pad:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-action-pad-h{display:none}/*!@:host*/.sc-calcite-action-pad-h{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}/*!@:host*/.sc-calcite-action-pad-h{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem}/*!@:host([expanded])*/[expanded].sc-calcite-action-pad-h{max-inline-size:20vw;background:transparent}/*!@::slotted(calcite-action-group)*/.sc-calcite-action-pad-s>calcite-action-group{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}/*!@.container*/.container.sc-calcite-action-pad{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-inline-size:15vw}/*!@.action-group--bottom*/.action-group--bottom.sc-calcite-action-pad{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}/*!@:host([layout=horizontal]) .container*/[layout=horizontal].sc-calcite-action-pad-h .container.sc-calcite-action-pad{-ms-flex-direction:row;flex-direction:row;max-inline-size:unset}/*!@:host([layout=horizontal]) .container .action-group--bottom*/[layout=horizontal].sc-calcite-action-pad-h .container.sc-calcite-action-pad .action-group--bottom.sc-calcite-action-pad{padding:0px}/*!@:host([layout=horizontal]) .container ::slotted(calcite-action-group)*/.sc-calcite-action-pad-h[layout=horizontal] .container .sc-calcite-action-pad-s>calcite-action-group{border-width:0px;padding:0px;border-inline-end-width:1px}/*!@::slotted(calcite-action-group:last-child)*/.sc-calcite-action-pad-s>calcite-action-group:last-child{border-block-end-width:0px}";
+const actionPadCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-action-pad:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-action-pad{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-action-pad{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-action-pad{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-action-pad{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-action-pad{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-action-pad-h{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-action-pad-h *.sc-calcite-action-pad{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-action-pad:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-action-pad-h{display:none}/*!@:host*/.sc-calcite-action-pad-h{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}/*!@:host*/.sc-calcite-action-pad-h{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}/*!@:host([expanded][layout=vertical]) .container*/[expanded][layout=vertical].sc-calcite-action-pad-h .container.sc-calcite-action-pad{max-inline-size:var(--calcite-action-pad-expanded-max-width)}/*!@::slotted(calcite-action-group)*/.sc-calcite-action-pad-s>calcite-action-group{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}/*!@.container*/.container.sc-calcite-action-pad{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@.action-group--bottom*/.action-group--bottom.sc-calcite-action-pad{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}/*!@:host([layout=horizontal]) .container*/[layout=horizontal].sc-calcite-action-pad-h .container.sc-calcite-action-pad{-ms-flex-direction:row;flex-direction:row}/*!@:host([layout=horizontal]) .container .action-group--bottom*/[layout=horizontal].sc-calcite-action-pad-h .container.sc-calcite-action-pad .action-group--bottom.sc-calcite-action-pad{padding:0px}/*!@:host([layout=horizontal]) .container ::slotted(calcite-action-group)*/.sc-calcite-action-pad-h[layout=horizontal] .container .sc-calcite-action-pad-s>calcite-action-group{border-width:0px;padding:0px;border-inline-end-width:1px}/*!@::slotted(calcite-action-group:last-child)*/.sc-calcite-action-pad-s>calcite-action-group:last-child{border-block-end-width:0px}";
 
 /**
  * @slot - A slot for adding `calcite-action`s to the component.
@@ -8418,12 +8437,12 @@ class ActionPad {
   //
   // --------------------------------------------------------------------------
   renderBottomActionGroup() {
-    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale } = this;
+    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale, layout } = this;
     const tooltip = getSlotted(el, SLOTS$n.expandTooltip);
     const expandLabel = intlExpand || TEXT$p.expand;
     const collapseLabel = intlCollapse || TEXT$p.collapse;
     const expandToggleNode = !expandDisabled ? (hAsync(ExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
-    return expandToggleNode ? (hAsync("calcite-action-group", { class: CSS$N.actionGroupBottom, scale: scale }, hAsync("slot", { name: SLOTS$n.expandTooltip }), expandToggleNode)) : null;
+    return expandToggleNode ? (hAsync("calcite-action-group", { class: CSS$N.actionGroupBottom, layout: layout, scale: scale }, hAsync("slot", { name: SLOTS$n.expandTooltip }), expandToggleNode)) : null;
   }
   render() {
     return (hAsync(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, hAsync("div", { class: CSS$N.container }, hAsync("slot", null), this.renderBottomActionGroup())));
@@ -17846,15 +17865,22 @@ class Dropdown {
     /** specify whether the dropdown is opened by hover or click of a trigger element */
     this.type = "click";
     this.items = [];
-    this.groups = [];
     this.activeTransitionProp = "visibility";
     this.mutationObserver = createObserver();
     this.resizeObserver = createObserver();
+    this.guid = `calcite-dropdown-${guid()}`;
+    this.defaultAssignedElements = [];
     //--------------------------------------------------------------------------
     //
     //  Private Methods
     //
     //--------------------------------------------------------------------------
+    this.slotChangeHandler = (event) => {
+      this.defaultAssignedElements = event.target.assignedElements({
+        flatten: true
+      });
+      this.updateItems();
+    };
     this.setFilteredPlacements = () => {
       const { el, flipPlacements } = this;
       this.filteredFlipPlacements = flipPlacements
@@ -17868,19 +17894,15 @@ class Dropdown {
       this.reposition();
     };
     this.updateItems = () => {
-      this.items = this.groups
-        .map((group) => Array.from(group === null || group === void 0 ? void 0 : group.querySelectorAll("calcite-dropdown-item")))
+      const { defaultAssignedElements } = this;
+      this.items = defaultAssignedElements.filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-dropdown-group, calcite-dropdown-item"))
+        .map((el) => el.matches("calcite-dropdown-group")
+        ? Array.from(el.querySelectorAll("calcite-dropdown-item"))
+        : [el])
         .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
       this.updateSelectedItems();
       this.reposition();
     };
-    this.updateGroups = (event) => {
-      const groups = event.target
-        .assignedElements({ flatten: true })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-dropdown-group"));
-      this.groups = groups;
-      this.updateItems();
-    };
     this.resizeObserverCallback = (entries) => {
       entries.forEach((entry) => {
         const { target } = entry;
@@ -18021,12 +18043,12 @@ class Dropdown {
     (_c = this.scrollerEl) === null || _c === void 0 ? void 0 : _c.removeEventListener("transitionstart", this.transitionStartHandler);
   }
   render() {
-    const { active, open } = this;
-    return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-expanded": toAriaBoolean(active || open), "aria-haspopup": "true", name: SLOTS$i.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": toAriaBoolean(!(active || open)), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { class: {
+    const { active, open, guid } = this;
+    return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(active || open), "aria-haspopup": "menu", name: SLOTS$i.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": toAriaBoolean(!(active || open)), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { "aria-labelledby": `${guid}-menubutton`, class: {
         ["calcite-dropdown-content"]: true,
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: active || open
-      }, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, hAsync("div", { hidden: !(open || active) }, hAsync("slot", { onSlotchange: this.updateGroups }))))));
+      }, id: `${guid}-menu`, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl, role: "menu" }, hAsync("div", { hidden: !(open || active) }, hAsync("slot", { onSlotchange: this.slotChangeHandler }))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -18139,22 +18161,20 @@ class Dropdown {
     let itemsToProcess = 0;
     let maxScrollerHeight = 0;
     let groupHeaderHeight;
-    this.groups.forEach((group) => {
-      if (maxItems > 0 && itemsToProcess < maxItems) {
-        Array.from(group.children).forEach((item, index) => {
-          if (index === 0) {
-            if (isNaN(groupHeaderHeight)) {
-              groupHeaderHeight = item.offsetTop;
-            }
-            maxScrollerHeight += groupHeaderHeight;
-          }
-          if (itemsToProcess < maxItems) {
-            maxScrollerHeight += item.offsetHeight;
-            itemsToProcess += 1;
+    if (maxItems > 0 && itemsToProcess < maxItems) {
+      this.items.forEach((item) => {
+        if (item.matches("calcite-dropdown-group calcite-dropdown-item:first-child")) {
+          if (isNaN(groupHeaderHeight)) {
+            groupHeaderHeight = item.offsetTop;
           }
-        });
-      }
-    });
+          maxScrollerHeight += groupHeaderHeight;
+        }
+        if (itemsToProcess < maxItems) {
+          maxScrollerHeight += item.offsetHeight;
+          itemsToProcess += 1;
+        }
+      });
+    }
     return maxScrollerHeight;
   }
   closeCalciteDropdown(focusTrigger = true) {
@@ -18262,7 +18282,7 @@ class DropdownGroup {
     const scale = this.scale || getElementProp(this.el, "scale", "m");
     const groupTitle = this.groupTitle ? (hAsync("span", { "aria-hidden": "true", class: "dropdown-title" }, this.groupTitle)) : null;
     const dropdownSeparator = this.groupPosition > 0 ? hAsync("div", { class: "dropdown-separator", role: "separator" }) : null;
-    return (hAsync(Host, { role: "menu" }, hAsync("div", { class: {
+    return (hAsync(Host, { "aria-label": this.groupTitle, role: "group" }, hAsync("div", { class: {
         container: true,
         [CSS$C.containerSmall]: scale === "s",
         [CSS$C.containerMedium]: scale === "m",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-beta.87",
+  "version": "1.0.0-beta.88",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -12,12 +12,12 @@ The most common approach for loading Calcite Components is to use the version ho
 ```html
 <script
   type="module"
-  src="https://unpkg.com/@esri/calcite-components@1.0.0-beta.87/dist/calcite/calcite.esm.js"
+  src="https://unpkg.com/@esri/calcite-components@1.0.0-beta.88/dist/calcite/calcite.esm.js"
 ></script>
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://unpkg.com/@esri/calcite-components@1.0.0-beta.87/dist/calcite/calcite.css"
+  href="https://unpkg.com/@esri/calcite-components@1.0.0-beta.88/dist/calcite/calcite.css"
 />
 ```
 

package/dist/calcite/p-1d97eff4.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
- */
-import{r as a,h as t,F as i,g as n}from"./p-c44fe786.js";import{S as e,I as o,T as r}from"./p-4a0d41e4.js";import{g as c}from"./p-5e5bb0fe.js";import{S as s}from"./p-afd70310.js";import{c as l,d as m}from"./p-2b1db9be.js";import"./p-292b7dab.js";import"./p-84f563f6.js";const p=class{constructor(t){a(this,t),this.expanded=!1,this.layout="vertical",this.menuOpen=!1,this.setMenuOpen=a=>{this.menuOpen=!!a.detail}}expandedHandler(){this.menuOpen=!1}connectedCallback(){l(this)}disconnectedCallback(){m(this)}renderTooltip(){const{el:a}=this;return c(a,e.menuTooltip)?t("slot",{name:e.menuTooltip,slot:s.tooltip}):null}renderMenu(){const{el:a,expanded:i,intlMore:n,menuOpen:l,scale:m}=this;return c(a,e.menuActions)?t("calcite-action-menu",{expanded:i,flipPlacements:["left","right"],label:n||r.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:l,placement:"leading-start",scale:m},t("calcite-action",{icon:o.menu,scale:m,slot:s.trigger,text:n||r.more,textEnabled:i}),t("slot",{name:e.menuActions}),this.renderTooltip()):null}render(){return t(i,null,t("slot",null),this.renderMenu())}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"]}}};p.style='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';export{p as calcite_action_group}

package/dist/calcite/p-23f02457.system.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
- */
-System.register(["./p-09d4e789.system.js","./p-98f5945a.system.js","./p-a2fb1d9c.system.js","./p-031fe642.system.js"],(function(t){"use strict";var e,n,r,o,i;return{setters:[function(t){e=t.f;n=t.h},function(t){r=t.a},function(t){o=t.S},function(t){i=t.S}],execute:function(){t("t",p);var c=t("o",150);var a=2;var u=function(t){var e=t.height,n=t.actionHeight,r=t.groupCount;return Math.floor((e-r*a)/n)};var l=t("g",(function(t){var e=t.actionCount,n=t.actionHeight,r=t.height,o=t.groupCount;return Math.max(e-u({height:r,actionHeight:n,groupCount:o}),0)}));var f=t("q",(function(t){return Array.from(t.querySelectorAll("calcite-action")).filter((function(t){return t.closest("calcite-action-menu")?t.slot===o.trigger:true}))}));var s=t("a",(function(t){var n=t.actionGroups,r=t.expanded,o=t.overflowCount;var c=o;n.reverse().forEach((function(t){var n=0;var o=f(t).reverse();o.forEach((function(t){if(t.slot===i.menuActions){t.removeAttribute("slot");t.textEnabled=r}}));if(c>0){o.some((function(t){var e=o.filter((function(t){return!t.slot}));if(e.length>1&&o.length>2&&!t.closest("calcite-action-menu")){t.textEnabled=true;t.setAttribute("slot",i.menuActions);n++;if(n>1){c--}}return c<1}))}e(t)}))}));var v={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function h(t,e){var n;return t||((n=e.closest("calcite-shell-panel"))===null||n===void 0?void 0:n.position)||"start"}function p(t){var e=t.parent,n=t.expanded;f(e).filter((function(t){return t.slot!==i.menuActions})).forEach((function(t){return t.textEnabled=n}));e.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((function(t){return t.expanded=n}))}var d=function(t){var e=t.tooltip,n=t.referenceElement,r=t.expanded,o=t.ref;if(e){e.referenceElement=!r&&n?n:null}if(o){o(n)}return n};var g=t("E",(function(t){var e=t.expanded,o=t.intlExpand,i=t.intlCollapse,c=t.toggle,a=t.el,u=t.position,l=t.tooltip,f=t.ref,s=t.scale;var p=r(a)==="rtl";var g=e?i:o;var m=[v.chevronsLeft,v.chevronsRight];if(p){m.reverse()}var x=h(u,a)==="end";var E=x?m[1]:m[0];var y=x?m[0]:m[1];var A=n("calcite-action",{icon:e?E:y,onClick:c,ref:function(t){return d({tooltip:l,referenceElement:t,expanded:e,ref:f})},scale:s,text:g,textEnabled:e});return A}))}}}));

package/dist/calcite/p-2a7e2957.system.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
- */
-System.register(["./p-09d4e789.system.js","./p-deefbe33.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.f},function(e){n=e.c}],execute:function(){e({c:i,d:o});var r=new Set;var s;var c={childList:true};function i(e){if(!s){s=n("mutation",f)}s.observe(e.el,c)}function o(e){r.delete(e.el);f(s.takeRecords());s.disconnect();for(var t=0,n=r.entries();t<n.length;t++){var i=n[t][0];s.observe(i,c)}}function f(e){e.forEach((function(e){var n=e.target;t(n)}))}}}}));

package/dist/calcite/p-2b1db9be.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
- */
-import{f as t}from"./p-c44fe786.js";import{c as o}from"./p-84f563f6.js";const f=new Set;let n;const c={childList:!0};function s(t){n||(n=o("mutation",r)),n.observe(t.el,c)}function i(t){f.delete(t.el),r(n.takeRecords()),n.disconnect();for(const[t]of f.entries())n.observe(t,c)}function r(o){o.forEach((({target:o})=>{t(o)}))}export{s as c,i as d}

package/dist/calcite/p-50513c03.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
- */
-import{r as t,c as a,h as i,H as n,g as e}from"./p-c44fe786.js";import{t as o,o as s,q as r,a as l,E as c,g as d}from"./p-ec6c73c0.js";import{f as m,g as p}from"./p-5e5bb0fe.js";import{c as f}from"./p-84f563f6.js";import{c as b,d as h}from"./p-2b1db9be.js";import{d as x}from"./p-fcb2ff51.js";import"./p-afd70310.js";import"./p-4a0d41e4.js";import"./p-292b7dab.js";const u=class{constructor(i){t(this,i),this.calciteActionBarToggle=a(this,"calciteActionBarToggle",7),this.expandDisabled=!1,this.expanded=!1,this.overflowActionsDisabled=!1,this.mutationObserver=f("mutation",(()=>{const{el:t,expanded:a}=this;o({parent:t,expanded:a}),this.conditionallyOverflowActions()})),this.resizeObserver=f("resize",(t=>this.resizeHandlerEntries(t))),this.actionMenuOpenChangeHandler=t=>{if(t.detail){const a=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{a.includes(t)||(t.menuOpen=!1)}))}},this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)},this.resizeHandler=t=>{const{height:a}=t.contentRect;this.resize(a)},this.resize=x((t=>{var a;const{el:i,expanded:n,expandDisabled:e}=this;if(!t)return;const o=r(i),s=e?o.length:o.length+1,c=Array.from(i.querySelectorAll("calcite-action-group")),m=p(i,"bottom-actions")||!e?c.length+1:c.length,f=d({actionCount:s,actionHeight:null===(a=o[0])||void 0===a?void 0:a.clientHeight,height:t,groupCount:m});l({actionGroups:c,expanded:n,overflowCount:f})}),s),this.conditionallyOverflowActions=()=>{this.overflowActionsDisabled||this.overflowActions()},this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.setExpandToggleRef=t=>{this.expandToggleEl=t}}expandHandler(){this.conditionallyOverflowActions()}expandedHandler(t){o({parent:this.el,expanded:t})}overflowDisabledHandler(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)}componentDidLoad(){this.conditionallyOverflowActions()}connectedCallback(){var t,a;const{el:i,expanded:n}=this;o({parent:i,expanded:n}),null===(t=this.mutationObserver)||void 0===t||t.observe(i,{childList:!0,subtree:!0}),this.overflowActionsDisabled||null===(a=this.resizeObserver)||void 0===a||a.observe(i),this.conditionallyOverflowActions(),b(this)}disconnectedCallback(){var t,a;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),null===(a=this.resizeObserver)||void 0===a||a.disconnect(),h(this)}async overflowActions(){this.resize(this.el.clientHeight)}async setFocus(t){var a;"expand-toggle"!==t?null===(a=this.el)||void 0===a||a.focus():await m(this.expandToggleEl)}renderBottomActionGroup(){const{expanded:t,expandDisabled:a,intlExpand:n,intlCollapse:e,el:o,position:s,toggleExpand:r,scale:l}=this,d=p(o,"expand-tooltip"),m=a?null:i(c,{el:o,expanded:t,intlCollapse:e||"Collapse",intlExpand:n||"Expand",position:s,ref:this.setExpandToggleRef,scale:l,toggle:r,tooltip:d});return p(o,"bottom-actions")||m?i("calcite-action-group",{class:"action-group--bottom",scale:l},i("slot",{name:"bottom-actions"}),i("slot",{name:"expand-tooltip"}),m):null}render(){return i(n,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},i("slot",null),this.renderBottomActionGroup())}get el(){return e(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}}};u.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;max-inline-size:15vw;background:transparent}:host([overflow-actions-disabled]){overflow-y:auto}:host([expanded]){max-inline-size:20vw}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}::slotted(calcite-action-group:last-child){border-block-end-width:0px}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}";export{u as calcite_action_bar}

package/dist/calcite/p-516a5c68.system.entry.js

@@ -1,6 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?i(t.value):a(t.value).then(r,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return c([t,e])}}function c(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;a=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];a=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,a=e.length,o;n<a;n++){if(o||!(n in e)){if(!o)o=Array.prototype.slice.call(e,0,n);o[n]=e[n]}}return t.concat(o||Array.prototype.slice.call(e))};
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
- */System.register(["./p-09d4e789.system.js","./p-98f5945a.system.js","./p-288354f0.system.js","./p-deefbe33.system.js","./p-b65a82b9.system.js","./p-151ef522.system.js"],(function(t){"use strict";var e,i,n,a,o,r,s,c,l,d,p,m,f,u,h,w;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;o=t.g},function(t){r=t.t;s=t.f;c=t.d},function(t){l=t.d;d=t.f;p=t.c;m=t.a;f=t.F;u=t.p},function(t){h=t.c},function(t){w=t.u},function(){}],execute:function(){var b={dropdownTrigger:"dropdown-trigger"};var v="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-block-size:90vh;inline-size:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}@media (forced-colors: active){:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var g=t("calcite_dropdown",function(){function t(t){var n=this;e(this,t);this.calciteDropdownSelect=i(this,"calciteDropdownSelect",7);this.calciteDropdownBeforeClose=i(this,"calciteDropdownBeforeClose",7);this.calciteDropdownClose=i(this,"calciteDropdownClose",7);this.calciteDropdownBeforeOpen=i(this,"calciteDropdownBeforeOpen",7);this.calciteDropdownOpen=i(this,"calciteDropdownOpen",7);this.active=false;this.open=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=l;this.scale="m";this.selectedItems=[];this.type="click";this.items=[];this.groups=[];this.activeTransitionProp="visibility";this.mutationObserver=h("mutation",(function(){return n.updateItems()}));this.resizeObserver=h("resize",(function(t){return n.resizeObserverCallback(t)}));this.setFilteredPlacements=function(){var t=n,e=t.el,i=t.flipPlacements;n.filteredFlipPlacements=i?d(i,e):null};this.updateTriggers=function(t){n.triggers=t.target.assignedElements({flatten:true});n.reposition()};this.updateItems=function(){n.items=n.groups.map((function(t){return Array.from(t===null||t===void 0?void 0:t.querySelectorAll("calcite-dropdown-item"))})).reduce((function(t,e){return __spreadArray(__spreadArray([],t,true),e,true)}),[]);n.updateSelectedItems();n.reposition()};this.updateGroups=function(t){var e=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-dropdown-group")}));n.groups=e;n.updateItems()};this.resizeObserverCallback=function(t){t.forEach((function(t){var e=t.target;if(e===n.referenceEl){n.setDropdownWidth()}else if(e===n.scrollerEl){n.setMaxScrollerHeight()}}))};this.setDropdownWidth=function(){var t=n,e=t.referenceEl,i=t.scrollerEl;var a=e===null||e===void 0?void 0:e.clientWidth;if(!a||!i){return}i.style.minWidth="".concat(a,"px")};this.setMaxScrollerHeight=function(){var t=n,e=t.active,i=t.scrollerEl,a=t.open;var o=!(e||a);if(!i||o){return}n.reposition();var r=n.getMaxScrollerHeight();i.style.maxHeight=r>0?"".concat(r,"px"):"";n.reposition()};this.setScrollerEl=function(t){n.resizeObserver.observe(t);n.scrollerEl=t;n.scrollerEl.addEventListener("transitionstart",n.transitionStartHandler)};this.transitionEnd=function(t){if(t.propertyName===n.activeTransitionProp&&t.target===n.scrollerEl){n.open||n.active?n.onOpen():n.onClose()}};this.transitionStartHandler=function(t){if(t.propertyName===n.activeTransitionProp&&t.target===n.scrollerEl){n.open||n.active?n.onBeforeOpen():n.onBeforeClose()}};this.setReferenceEl=function(t){n.referenceEl=t;p(n,n.referenceEl,n.floatingEl);n.resizeObserver.observe(t)};this.setFloatingEl=function(t){n.floatingEl=t;p(n,n.referenceEl,n.floatingEl)};this.keyDownHandler=function(t){var e=t.target;if(e!==n.referenceEl){return}var i=t.key;if((n.open||n.active)&&(i==="Escape"||t.shiftKey&&i==="Tab")){n.closeCalciteDropdown();return}switch(i){case" ":case"Enter":n.openCalciteDropdown();break;case"Escape":n.closeCalciteDropdown();break}};this.focusOnFirstActiveOrFirstItem=function(){n.getFocusableElement(n.items.find((function(t){return t.active}))||n.items[0])};this.toggleOpenEnd=function(){n.focusOnFirstActiveOrFirstItem();n.el.removeEventListener("calciteDropdownOpen",n.toggleOpenEnd)};this.openCalciteDropdown=function(){n.active=!n.active;n.open=!n.open;if(n.active||n.open){n.el.addEventListener("calciteDropdownOpen",n.toggleOpenEnd)}}}t.prototype.activeHandler=function(){if(!this.disabled){this.reposition();return}this.active=false;this.open=false};t.prototype.handleDisabledChange=function(t){if(!t){this.active=false;this.open=false}};t.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};t.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};t.prototype.overlayPositioningHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();this.reposition()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.componentDidRender=function(){w(this)};t.prototype.disconnectedCallback=function(){var t,e,i;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();m(this,this.referenceEl,this.floatingEl);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();(i=this.scrollerEl)===null||i===void 0?void 0:i.removeEventListener("transitionstart",this.transitionStartHandler)};t.prototype.render=function(){var t;var e=this,i=e.active,o=e.open;return n(a,null,n("div",{class:"calcite-dropdown-trigger-container",onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},n("slot",{"aria-expanded":r(i||o),"aria-haspopup":"true",name:b.dropdownTrigger,onSlotchange:this.updateTriggers})),n("div",{"aria-hidden":r(!(i||o)),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},n("div",{class:(t={},t["calcite-dropdown-content"]=true,t[f.animation]=true,t[f.animationActive]=i||o,t),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},n("div",{hidden:!(o||i)},n("slot",{onSlotchange:this.updateGroups})))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a;return __generator(this,(function(o){t=this,e=t.floatingEl,i=t.referenceEl,n=t.placement,a=t.overlayPositioning;return[2,u({floatingEl:e,referenceEl:i,overlayPositioning:a,placement:n,type:"menu"})]}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){var e=!(this.open||this.active);if(e||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)};t.prototype.closeCalciteDropdownOnEvent=function(t){this.closeCalciteDropdown();t.stopPropagation()};t.prototype.closeCalciteDropdownOnOpenEvent=function(t){if(t.composedPath().includes(this.el)){return}this.active=false;this.open=false};t.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};t.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};t.prototype.calciteInternalDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var o=this.itemIndex(n)===this.items.length-1;switch(e.key){case"Tab":if(o&&!e.shiftKey){this.closeCalciteDropdown()}else if(a&&e.shiftKey){this.closeCalciteDropdown()}else if(e.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}t.stopPropagation()};t.prototype.handleItemSelect=function(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.disableCloseOnSelect||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()};t.prototype.onBeforeOpen=function(){this.calciteDropdownBeforeOpen.emit()};t.prototype.onOpen=function(){this.calciteDropdownOpen.emit()};t.prototype.onBeforeClose=function(){this.calciteDropdownBeforeClose.emit()};t.prototype.onClose=function(){this.calciteDropdownClose.emit()};t.prototype.updateSelectedItems=function(){this.selectedItems=this.items.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=this.maxItems;var e=0;var i=0;var n;this.groups.forEach((function(a){if(t>0&&e<t){Array.from(a.children).forEach((function(a,o){if(o===0){if(isNaN(n)){n=a.offsetTop}i+=n}if(e<t){i+=a.offsetHeight;e+=1}}))}}));return i};t.prototype.closeCalciteDropdown=function(t){if(t===void 0){t=true}this.active=false;this.open=false;if(t){s(this.triggers[0])}};t.prototype.focusFirstItem=function(){var t=this.items[0];this.getFocusableElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.getFocusableElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.items[e+1]||this.items[0];this.getFocusableElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.items[e-1]||this.items[this.items.length-1];this.getFocusableElement(i)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.getFocusableElement=function(t){if(!t){return}var e=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;s(e)};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],open:["activeHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}());g.style=v;var y={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var k="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{-webkit-margin-after:-1px;margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-ui-border-3)}";var D=t("calcite_dropdown_group",function(){function t(t){e(this,t);this.calciteInternalDropdownItemChange=i(this,"calciteInternalDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=this.scale||c(this.el,"scale","m");var i=this.groupTitle?n("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var o=this.groupPosition>0?n("div",{class:"dropdown-separator",role:"separator"}):null;return n(a,{role:"menu"},n("div",{class:(t={container:true},t[y.containerSmall]=e==="s",t[y.containerMedium]=e==="m",t[y.containerLarge]=e==="l",t),title:this.groupTitle},o,i,n("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};t.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());D.style=k;var x={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var E="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var I=t("calcite_dropdown_item",function(){function t(t){e(this,t);this.calciteInternalDropdownItemSelect=i(this,"calciteInternalDropdownItemSelect",7);this.calciteInternalDropdownItemKeyEvent=i(this,"calciteInternalDropdownItemKeyEvent",7);this.calciteInternalDropdownCloseRequest=i(this,"calciteInternalDropdownCloseRequest",7);this.active=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.el)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.initialize()};t.prototype.connectedCallback=function(){this.initialize()};t.prototype.render=function(){var t;var e=this;var i=c(this.el,"scale","m");var o=n("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var s=n("span",{class:"dropdown-item-content"},n("slot",null));var l=n("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var d=this.iconStart&&this.iconEnd?[o,s,l]:this.iconStart?[o,n("slot",null)]:this.iconEnd?[s,l]:s;var p=!this.href?d:n("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(t){return e.childLink=t},rel:this.rel,target:this.target},d);var m=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var f=this.selectionMode!=="none"?r(this.active):null;return n(a,{"aria-checked":f,role:m,tabindex:"0"},n("div",{class:(t={container:true},t[x.containerLink]=!!this.href,t[x.containerSmall]=i==="s",t[x.containerMedium]=i==="m",t[x.containerLarge]=i==="l",t[x.containerMulti]=this.selectionMode==="multi",t[x.containerSingle]=this.selectionMode==="single",t[x.containerNone]=this.selectionMode==="none",t)},this.selectionMode!=="none"?n("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,p))};t.prototype.onClick=function(){this.emitRequestedItem()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}};t.prototype.updateActiveItemOnChange=function(t){var e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()};t.prototype.initialize=function(){this.selectionMode=c(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.active=false}};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.active=!this.active}break;case"single":if(this.el===this.requestedDropdownItem){this.active=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.active=false}break;case"none":this.active=false;break}};t.prototype.emitRequestedItem=function(){this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());I.style=E}}}));

package/dist/calcite/p-9267c232.system.entry.js

@@ -1,6 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function r(t){try{s(i.next(t))}catch(t){o(t)}}function l(t){try{s(i["throw"](t))}catch(t){o(t)}}function s(t){t.done?n(t.value):a(t.value).then(r,l)}s((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return s([t,e])}}function s(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;a=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(t){r=[6,t];a=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.87
- */System.register(["./p-09d4e789.system.js","./p-23f02457.system.js","./p-98f5945a.system.js","./p-deefbe33.system.js","./p-2a7e2957.system.js","./p-99834ee5.system.js","./p-a2fb1d9c.system.js","./p-031fe642.system.js","./p-151ef522.system.js"],(function(t){"use strict";var e,n,i,a,o,r,l,s,c,d,f,u,p,m,b,h,v;return{setters:[function(t){e=t.r;n=t.c;i=t.h;a=t.H;o=t.g},function(t){r=t.t;l=t.o;s=t.q;c=t.a;d=t.E;f=t.g},function(t){u=t.f;p=t.g},function(t){m=t.c},function(t){b=t.c;h=t.d},function(t){v=t.d},function(){},function(){},function(){}],execute:function(){var x={actionGroupBottom:"action-group--bottom"};var y={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var g={expand:"Expand",collapse:"Collapse"};var w="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;max-inline-size:15vw;background:transparent}:host([overflow-actions-disabled]){overflow-y:auto}:host([expanded]){max-inline-size:20vw}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}::slotted(calcite-action-group:last-child){border-block-end-width:0px}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}";var k=t("calcite_action_bar",function(){function t(t){var i=this;e(this,t);this.calciteActionBarToggle=n(this,"calciteActionBarToggle",7);this.expandDisabled=false;this.expanded=false;this.overflowActionsDisabled=false;this.mutationObserver=m("mutation",(function(){var t=i,e=t.el,n=t.expanded;r({parent:e,expanded:n});i.conditionallyOverflowActions()}));this.resizeObserver=m("resize",(function(t){return i.resizeHandlerEntries(t)}));this.actionMenuOpenChangeHandler=function(t){if(t.detail){var e=t.composedPath();Array.from(i.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=function(t){t.forEach(i.resizeHandler)};this.resizeHandler=function(t){var e=t.contentRect.height;i.resize(e)};this.resize=v((function(t){var e;var n=i,a=n.el,o=n.expanded,r=n.expandDisabled;if(!t){return}var l=s(a);var d=r?l.length:l.length+1;var u=Array.from(a.querySelectorAll("calcite-action-group"));var m=p(a,y.bottomActions)||!r?u.length+1:u.length;var b=f({actionCount:d,actionHeight:(e=l[0])===null||e===void 0?void 0:e.clientHeight,height:t,groupCount:m});c({actionGroups:u,expanded:o,overflowCount:b})}),l);this.conditionallyOverflowActions=function(){if(!i.overflowActionsDisabled){i.overflowActions()}};this.toggleExpand=function(){i.expanded=!i.expanded;i.calciteActionBarToggle.emit()};this.setExpandToggleRef=function(t){i.expandToggleEl=t}}t.prototype.expandHandler=function(){this.conditionallyOverflowActions()};t.prototype.expandedHandler=function(t){r({parent:this.el,expanded:t})};t.prototype.overflowDisabledHandler=function(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};t.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};t.prototype.connectedCallback=function(){var t,e;var n=this,i=n.el,a=n.expanded;r({parent:i,expanded:a});(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(i,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(i)}this.conditionallyOverflowActions();b(this)};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();h(this)};t.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.resize(this.el.clientHeight);return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,u(this.expandToggleEl)];case 1:n.sent();return[2];case 2:(e=this.el)===null||e===void 0?void 0:e.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,a=t.intlExpand,o=t.intlCollapse,r=t.el,l=t.position,s=t.toggleExpand,c=t.scale;var f=p(r,y.expandTooltip);var u=a||g.expand;var m=o||g.collapse;var b=!n?i(d,{el:r,expanded:e,intlCollapse:m,intlExpand:u,position:l,ref:this.setExpandToggleRef,scale:c,toggle:s,tooltip:f}):null;return p(r,y.bottomActions)||b?i("calcite-action-group",{class:x.actionGroupBottom,scale:c},i("slot",{name:y.bottomActions}),i("slot",{name:y.expandTooltip}),b):null};t.prototype.render=function(){return i(a,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},i("slot",null),this.renderBottomActionGroup())};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return t}());k.style=w}}}));