@esri/solutions-components 0.2.3 → 0.2.5

package/dist/esm/calcite-action-menu_2.entry.js

@@ -3,17 +3,13 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement, f as forceUpdate, H as Host } from './index-15022d11.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-15022d11.js';
 import { C as CSS$1, I as ICONS, S as SLOTS } from './resources-d60362c3.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, q as queryElementRoots } from './dom-e593bf85.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom-e593bf85.js';
 import { g as getRoundRobinIndex } from './array-2ab3b18f.js';
 import { g as guid } from './guid-15fce7c0.js';
 import { i as isActivationKey } from './key-acb660e7.js';
-import { b as defaultOffsetDistance, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-69a55a27.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-5caff873.js';
-import { H as Heading } from './Heading-1efb4837.js';
 import './resources-436ae282.js';
-import './debounce-4c884e5c.js';
 
 const actionMenuCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 
@@ -297,427 +293,50 @@ ActionMenu.style = actionMenuCss;
  * v1.0.0-beta.97
  */
 const CSS = {
-  container: "container",
-  arrow: "arrow",
-  imageContainer: "image-container",
-  closeButtonContainer: "close-button-container",
-  closeButton: "close-button",
-  content: "content",
-  hasHeader: "has-header",
-  header: "header",
-  headerContent: "header-content",
-  heading: "heading"
+  scrim: "scrim",
+  content: "content"
 };
 const TEXT = {
-  close: "Close"
+  loading: "Loading"
 };
-const defaultPopoverPlacement = "auto";
-const ARIA_CONTROLS = "aria-controls";
-const ARIA_EXPANDED = "aria-expanded";
-const HEADING_LEVEL = 2;
 
-/*!
- * 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.97
- */
-class PopoverManager {
-  constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
-    this.registeredElements = new Map();
-    this.registeredElementCount = 0;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.queryPopover = (composedPath) => {
-      const { registeredElements } = this;
-      const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));
-      return registeredElements.get(registeredElement);
-    };
-    this.togglePopovers = (event) => {
-      const composedPath = event.composedPath();
-      const togglePopover = this.queryPopover(composedPath);
-      if (togglePopover && !togglePopover.triggerDisabled) {
-        togglePopover.toggle();
-      }
-      Array.from(this.registeredElements.values())
-        .filter((popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover))
-        .forEach((popover) => popover.toggle(false));
-    };
-    this.keyHandler = (event) => {
-      if (event.defaultPrevented || !isActivationKey(event.key)) {
-        return;
-      }
-      this.togglePopovers(event);
-    };
-    this.clickHandler = (event) => {
-      if (isPrimaryPointerButton(event)) {
-        this.togglePopovers(event);
-      }
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  registerElement(referenceEl, popover) {
-    this.registeredElementCount++;
-    this.registeredElements.set(referenceEl, popover);
-    if (this.registeredElementCount === 1) {
-      this.addListeners();
-    }
-  }
-  unregisterElement(referenceEl) {
-    if (this.registeredElements.delete(referenceEl)) {
-      this.registeredElementCount--;
-    }
-    if (this.registeredElementCount === 0) {
-      this.removeListeners();
-    }
-  }
-  addListeners() {
-    document.addEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.addEventListener("keydown", this.keyHandler, { capture: true });
-  }
-  removeListeners() {
-    document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.removeEventListener("keydown", this.keyHandler, { capture: true });
-  }
-}
-
-const popoverCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=left]) .arrow{direction:ltr;inset-inline-end:-4px}:host([data-placement^=right]) .arrow{direction:ltr;inset-inline-start:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}";
+const scrimCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;inset:0px;z-index:700;display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background)}.content{padding:1rem}";
 
-const manager = new PopoverManager();
-const Popover = class {
+const Scrim = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calcitePopoverBeforeClose = createEvent(this, "calcitePopoverBeforeClose", 6);
-    this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 6);
-    this.calcitePopoverBeforeOpen = createEvent(this, "calcitePopoverBeforeOpen", 6);
-    this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 6);
     // --------------------------------------------------------------------------
     //
     //  Properties
     //
     // --------------------------------------------------------------------------
     /**
-     * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
-     */
-    this.autoClose = false;
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use dismissible instead.
-     */
-    this.closeButton = false;
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead.
-     */
-    this.dismissible = false;
-    /** When `true`, display a close button within the component. */
-    this.closable = false;
-    /**
-     * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
-     */
-    this.disableFlip = false;
-    /**
-     * When `true`, removes the caret pointer.
-     */
-    this.disablePointer = false;
-    /**
-     * Offsets the position of the component away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    this.offsetDistance = defaultOffsetDistance;
-    /**
-     * Offsets the position of the component along the `referenceElement`.
-     */
-    this.offsetSkidding = 0;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    this.open = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
+     * Accessible name when the component is loading.
      *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
+     * @default "Loading"
      */
-    this.placement = defaultPopoverPlacement;
+    this.intlLoading = TEXT.loading;
     /**
-     * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
-     *
-     * This property can be set to `true` to manage when the component is open.
+     * When `true`, a busy indicator is displayed.
      */
-    this.triggerDisabled = false;
-    /**
-     * Accessible name for the component's close button.
-     *
-     * @default "Close"
-     */
-    this.intlClose = TEXT.close;
-    this.guid = `calcite-popover-${guid()}`;
-    this.openTransitionProp = "opacity";
-    this.hasLoaded = false;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.setTransitionEl = (el) => {
-      this.transitionEl = el;
-      connectOpenCloseComponent(this);
-    };
-    this.setFilteredPlacements = () => {
-      const { el, flipPlacements } = this;
-      this.filteredFlipPlacements = flipPlacements
-        ? filterComputedPlacements(flipPlacements, el)
-        : null;
-    };
-    this.setUpReferenceElement = (warn = true) => {
-      this.removeReferences();
-      this.effectiveReferenceElement = this.getReferenceElement();
-      connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-      const { el, referenceElement, effectiveReferenceElement } = this;
-      if (warn && referenceElement && !effectiveReferenceElement) {
-        console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
-          el
-        });
-      }
-      this.addReferences();
-    };
-    this.getId = () => {
-      return this.el.id || this.guid;
-    };
-    this.setExpandedAttr = () => {
-      const { effectiveReferenceElement, open } = this;
-      if (!effectiveReferenceElement) {
-        return;
-      }
-      if ("setAttribute" in effectiveReferenceElement) {
-        effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));
-      }
-    };
-    this.addReferences = () => {
-      const { effectiveReferenceElement } = this;
-      if (!effectiveReferenceElement) {
-        return;
-      }
-      const id = this.getId();
-      if ("setAttribute" in effectiveReferenceElement) {
-        effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);
-      }
-      manager.registerElement(effectiveReferenceElement, this.el);
-      this.setExpandedAttr();
-    };
-    this.removeReferences = () => {
-      const { effectiveReferenceElement } = this;
-      if (!effectiveReferenceElement) {
-        return;
-      }
-      if ("removeAttribute" in effectiveReferenceElement) {
-        effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);
-        effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);
-      }
-      manager.unregisterElement(effectiveReferenceElement);
-    };
-    this.hide = () => {
-      this.open = false;
-    };
-    this.storeArrowEl = (el) => {
-      this.arrowEl = el;
-      this.reposition(true);
-    };
-  }
-  handleDismissible(value) {
-    this.closable = value;
-  }
-  handleClosable(value) {
-    this.dismissible = value;
-  }
-  flipPlacementsHandler() {
-    this.setFilteredPlacements();
-    this.reposition(true);
-  }
-  offsetDistanceOffsetHandler() {
-    this.reposition(true);
-  }
-  offsetSkiddingHandler() {
-    this.reposition(true);
-  }
-  openHandler(value) {
-    if (value) {
-      this.reposition(true);
-    }
-    else {
-      updateAfterClose(this.el);
-    }
-    this.setExpandedAttr();
-  }
-  overlayPositioningHandler() {
-    this.reposition(true);
-  }
-  placementHandler() {
-    this.reposition(true);
-  }
-  referenceElementHandler() {
-    this.setUpReferenceElement();
-    this.reposition(true);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    this.setFilteredPlacements();
-    connectOpenCloseComponent(this);
-    const closable = this.closable || this.dismissible;
-    if (closable) {
-      this.handleDismissible(closable);
-    }
-    if (closable) {
-      this.handleClosable(closable);
-    }
-    this.setUpReferenceElement(this.hasLoaded);
-  }
-  componentDidLoad() {
-    if (this.referenceElement && !this.effectiveReferenceElement) {
-      this.setUpReferenceElement();
-    }
-    this.reposition();
-    this.hasLoaded = true;
-  }
-  disconnectedCallback() {
-    this.removeReferences();
-    disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
-    disconnectOpenCloseComponent(this);
+    this.loading = false;
   }
   // --------------------------------------------------------------------------
   //
-  //  Public Methods
+  //  Render Method
   //
   // --------------------------------------------------------------------------
-  /**
-   * Updates the position of the component.
-   *
-   * @param delayed
-   */
-  async reposition(delayed = false) {
-    const { el, effectiveReferenceElement, placement, overlayPositioning, disableFlip, filteredFlipPlacements, offsetDistance, offsetSkidding, arrowEl } = this;
-    return reposition(this, {
-      floatingEl: el,
-      referenceEl: effectiveReferenceElement,
-      overlayPositioning,
-      placement,
-      disableFlip,
-      flipPlacements: filteredFlipPlacements,
-      offsetDistance,
-      offsetSkidding,
-      includeArrow: !this.disablePointer,
-      arrowEl,
-      type: "popover"
-    }, delayed);
-  }
-  /**
-   * Sets focus on the component.
-   *
-   * @param focusId
-   */
-  async setFocus(focusId) {
-    var _a;
-    const { closeButtonEl } = this;
-    if (focusId === "close-button" && closeButtonEl) {
-      forceUpdate(closeButtonEl);
-      closeButtonEl.setFocus();
-      return;
-    }
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  /**
-   * Toggles the component's open property.
-   *
-   * @param value
-   */
-  async toggle(value = !this.open) {
-    this.open = value;
-  }
-  getReferenceElement() {
-    const { referenceElement, el } = this;
-    return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, { id: referenceElement })
-      : referenceElement) || null);
-  }
-  onBeforeOpen() {
-    this.calcitePopoverBeforeOpen.emit();
-  }
-  onOpen() {
-    this.calcitePopoverOpen.emit();
-  }
-  onBeforeClose() {
-    this.calcitePopoverBeforeClose.emit();
-  }
-  onClose() {
-    this.calcitePopoverClose.emit();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderCloseButton() {
-    const { closeButton, intlClose, heading, closable } = this;
-    return closable || closeButton ? (h("div", { class: CSS.closeButtonContainer }, h("calcite-action", { class: CSS.closeButton, onClick: this.hide, ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl), scale: heading ? "s" : "m", text: intlClose }, h("calcite-icon", { icon: "x", scale: heading ? "s" : "m" })))) : null;
-  }
-  renderHeader() {
-    const { heading, headingLevel } = this;
-    const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading)) : null;
-    return headingNode ? (h("div", { class: CSS.header }, headingNode, this.renderCloseButton())) : null;
-  }
   render() {
-    const { effectiveReferenceElement, heading, label, open, disablePointer } = this;
-    const displayed = effectiveReferenceElement && open;
-    const hidden = !displayed;
-    const arrowNode = !disablePointer ? h("div", { class: CSS.arrow, ref: this.storeArrowEl }) : null;
-    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { class: {
-        [FloatingCSS.animation]: true,
-        [FloatingCSS.animationActive]: displayed
-      }, ref: this.setTransitionEl }, arrowNode, h("div", { class: {
-        [CSS.hasHeader]: !!heading,
-        [CSS.container]: true
-      } }, this.renderHeader(), h("div", { class: CSS.content }, h("slot", null)), !heading ? this.renderCloseButton() : null))));
+    const { el, loading, intlLoading } = this;
+    const hasContent = el.innerHTML.trim().length > 0;
+    const loaderNode = loading ? h("calcite-loader", { active: true, label: intlLoading }) : null;
+    const contentNode = hasContent ? (h("div", { class: CSS.content }, h("slot", null))) : null;
+    return (h("div", { class: CSS.scrim }, loaderNode, contentNode));
   }
   get el() { return getElement(this); }
-  static get watchers() { return {
-    "dismissible": ["handleDismissible"],
-    "closable": ["handleClosable"],
-    "flipPlacements": ["flipPlacementsHandler"],
-    "offsetDistance": ["offsetDistanceOffsetHandler"],
-    "offsetSkidding": ["offsetSkiddingHandler"],
-    "open": ["openHandler"],
-    "overlayPositioning": ["overlayPositioningHandler"],
-    "placement": ["placementHandler"],
-    "referenceElement": ["referenceElementHandler"]
-  }; }
 };
-Popover.style = popoverCss;
+Scrim.style = scrimCss;
+
+export { ActionMenu as calcite_action_menu, Scrim as calcite_scrim };
 
-export { ActionMenu as calcite_action_menu, Popover as calcite_popover };
+//# sourceMappingURL=calcite-action-menu_2.entry.js.map

package/dist/esm/calcite-action-menu_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-action-menu.calcite-scrim.entry.js","mappings":"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","names":["CSS"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/action-menu/action-menu.css?tag=calcite-action-menu&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/action-menu/action-menu.js","./node_modules/@esri/calcite-components/dist/collection/components/scrim/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/scrim/scrim.css?tag=calcite-scrim&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/scrim/scrim.js"],"sourcesContent":["/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--calcite-ui-foreground-1);\n  font-size: var(--calcite-font-size-1);\n  color: var(--calcite-ui-text-2);\n}\n\n.menu ::slotted(calcite-action) {\n  margin: 0.125rem;\n  display: flex;\n  outline-color: transparent;\n}\n\n.menu ::slotted(calcite-action[active]) {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 0px;\n}\n\n.default-trigger {\n  position: relative;\n  block-size: 100%;\n  flex: 0 1 auto;\n  align-self: stretch;\n}\n\nslot[name=trigger]::slotted(calcite-action), \ncalcite-action::slotted([slot=trigger]) {\n  position: relative;\n  block-size: 100%;\n  flex: 0 1 auto;\n  align-self: stretch;\n}\n\n.menu {\n  flex-direction: column;\n  flex-wrap: nowrap;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { CSS, SLOTS, ICONS } from \"./resources\";\nimport { focusElement, isPrimaryPointerButton, toAriaBoolean } from \"../../utils/dom\";\nimport { Fragment } from \"@stencil/core/internal\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { guid } from \"../../utils/guid\";\nimport { isActivationKey } from \"../../utils/key\";\nconst SUPPORTED_MENU_NAV_KEYS = [\"ArrowUp\", \"ArrowDown\", \"End\", \"Home\"];\n/**\n * @slot - A slot for adding `calcite-action`s.\n * @slot trigger - A slot for adding a `calcite-action` to trigger opening the menu.\n * @slot tooltip - A slot for adding an tooltip for the menu.\n */\nexport class ActionMenu {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When `true`, the component is expanded.\n     */\n    this.expanded = false;\n    /**\n     * When `true`, the component is open.\n     */\n    this.open = false;\n    /**\n     * Determines the type of positioning to use for the overlaid content.\n     *\n     * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n     * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n     *\n     */\n    this.overlayPositioning = \"absolute\";\n    /**\n     * Determines where the component will be positioned relative to the `referenceElement`.\n     *\n     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)\n     */\n    this.placement = \"auto\";\n    this.actionElements = [];\n    this.guid = `calcite-action-menu-${guid()}`;\n    this.menuId = `${this.guid}-menu`;\n    this.menuButtonId = `${this.guid}-menu-button`;\n    this.activeMenuItemIndex = -1;\n    // --------------------------------------------------------------------------\n    //\n    //  Component Methods\n    //\n    // --------------------------------------------------------------------------\n    this.connectMenuButtonEl = () => {\n      const { menuButtonId, menuId, open, label } = this;\n      const menuButtonEl = this.slottedMenuButtonEl || this.defaultMenuButtonEl;\n      if (this.menuButtonEl === menuButtonEl) {\n        return;\n      }\n      this.disconnectMenuButtonEl();\n      this.menuButtonEl = menuButtonEl;\n      this.setTooltipReferenceElement();\n      if (!menuButtonEl) {\n        return;\n      }\n      menuButtonEl.active = open;\n      menuButtonEl.setAttribute(\"aria-controls\", menuId);\n      menuButtonEl.setAttribute(\"aria-expanded\", toAriaBoolean(open));\n      menuButtonEl.setAttribute(\"aria-haspopup\", \"true\");\n      if (!menuButtonEl.id) {\n        menuButtonEl.id = menuButtonId;\n      }\n      if (!menuButtonEl.label) {\n        menuButtonEl.label = label;\n      }\n      if (!menuButtonEl.text) {\n        menuButtonEl.text = label;\n      }\n      menuButtonEl.addEventListener(\"pointerdown\", this.menuButtonClick);\n      menuButtonEl.addEventListener(\"keydown\", this.menuButtonKeyDown);\n    };\n    this.disconnectMenuButtonEl = () => {\n      const { menuButtonEl } = this;\n      if (!menuButtonEl) {\n        return;\n      }\n      menuButtonEl.removeEventListener(\"pointerdown\", this.menuButtonClick);\n      menuButtonEl.removeEventListener(\"keydown\", this.menuButtonKeyDown);\n    };\n    this.setMenuButtonEl = (event) => {\n      const actions = event.target\n        .assignedElements({\n        flatten: true\n      })\n        .filter((el) => el === null || el === void 0 ? void 0 : el.matches(\"calcite-action\"));\n      this.slottedMenuButtonEl = actions[0];\n      this.connectMenuButtonEl();\n    };\n    this.setDefaultMenuButtonEl = (el) => {\n      this.defaultMenuButtonEl = el;\n      this.connectMenuButtonEl();\n    };\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.handleCalciteActionClick = () => {\n      this.open = false;\n      this.setFocus();\n    };\n    this.menuButtonClick = (event) => {\n      if (!isPrimaryPointerButton(event)) {\n        return;\n      }\n      this.toggleOpen();\n    };\n    this.updateTooltip = (event) => {\n      const tooltips = event.target\n        .assignedElements({\n        flatten: true\n      })\n        .filter((el) => el === null || el === void 0 ? void 0 : el.matches(\"calcite-tooltip\"));\n      this.tooltipEl = tooltips[0];\n      this.setTooltipReferenceElement();\n    };\n    this.setTooltipReferenceElement = () => {\n      const { tooltipEl, expanded, menuButtonEl, open } = this;\n      if (tooltipEl) {\n        tooltipEl.referenceElement = !expanded && !open ? menuButtonEl : null;\n      }\n    };\n    this.updateAction = (action, index) => {\n      const { guid, activeMenuItemIndex } = this;\n      const id = `${guid}-action-${index}`;\n      action.tabIndex = -1;\n      action.setAttribute(\"role\", \"menuitem\");\n      if (!action.id) {\n        action.id = id;\n      }\n      action.active = index === activeMenuItemIndex;\n    };\n    this.updateActions = (actions) => {\n      actions === null || actions === void 0 ? void 0 : actions.forEach(this.updateAction);\n    };\n    this.handleDefaultSlotChange = (event) => {\n      const actions = event.target\n        .assignedElements({\n        flatten: true\n      })\n        .filter((el) => el === null || el === void 0 ? void 0 : el.matches(\"calcite-action\"));\n      this.actionElements = actions;\n    };\n    this.menuButtonKeyDown = (event) => {\n      const { key } = event;\n      const { actionElements, activeMenuItemIndex, open } = this;\n      if (!actionElements.length) {\n        return;\n      }\n      if (isActivationKey(key)) {\n        event.preventDefault();\n        if (!open) {\n          this.toggleOpen();\n          return;\n        }\n        const action = actionElements[activeMenuItemIndex];\n        action ? action.click() : this.toggleOpen(false);\n      }\n      if (key === \"Tab\") {\n        this.open = false;\n        return;\n      }\n      if (key === \"Escape\") {\n        this.toggleOpen(false);\n        event.preventDefault();\n        return;\n      }\n      this.handleActionNavigation(event, key, actionElements);\n    };\n    this.handleActionNavigation = (event, key, actions) => {\n      if (!this.isValidKey(key, SUPPORTED_MENU_NAV_KEYS)) {\n        return;\n      }\n      event.preventDefault();\n      if (!this.open) {\n        this.toggleOpen();\n        if (key === \"Home\" || key === \"ArrowDown\") {\n          this.activeMenuItemIndex = 0;\n        }\n        if (key === \"End\" || key === \"ArrowUp\") {\n          this.activeMenuItemIndex = actions.length - 1;\n        }\n        return;\n      }\n      if (key === \"Home\") {\n        this.activeMenuItemIndex = 0;\n      }\n      if (key === \"End\") {\n        this.activeMenuItemIndex = actions.length - 1;\n      }\n      const currentIndex = this.activeMenuItemIndex;\n      if (key === \"ArrowUp\") {\n        this.activeMenuItemIndex = getRoundRobinIndex(Math.max(currentIndex - 1, -1), actions.length);\n      }\n      if (key === \"ArrowDown\") {\n        this.activeMenuItemIndex = getRoundRobinIndex(currentIndex + 1, actions.length);\n      }\n    };\n    this.toggleOpenEnd = () => {\n      this.setFocus();\n      this.el.removeEventListener(\"calcitePopoverOpen\", this.toggleOpenEnd);\n    };\n    this.toggleOpen = (value = !this.open) => {\n      this.el.addEventListener(\"calcitePopoverOpen\", this.toggleOpenEnd);\n      this.open = value;\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  disconnectedCallback() {\n    this.disconnectMenuButtonEl();\n  }\n  expandedHandler() {\n    this.open = false;\n    this.setTooltipReferenceElement();\n  }\n  openHandler(open) {\n    this.activeMenuItemIndex = this.open ? 0 : -1;\n    if (this.menuButtonEl) {\n      this.menuButtonEl.active = open;\n    }\n    this.calciteActionMenuOpenChange.emit(open);\n    this.setTooltipReferenceElement();\n  }\n  closeCalciteActionMenuOnClick(event) {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n    const composedPath = event.composedPath();\n    if (composedPath.includes(this.el)) {\n      return;\n    }\n    this.open = false;\n  }\n  activeMenuItemIndexHandler() {\n    this.updateActions(this.actionElements);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.menuButtonEl);\n  }\n  renderMenuButton() {\n    const { label, scale, expanded } = this;\n    const menuButtonSlot = (h(\"slot\", { name: SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, h(\"calcite-action\", { class: CSS.defaultTrigger, icon: ICONS.menu, ref: this.setDefaultMenuButtonEl, scale: scale, text: label, textEnabled: expanded })));\n    return menuButtonSlot;\n  }\n  renderMenuItems() {\n    const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;\n    const activeAction = actionElements[activeMenuItemIndex];\n    const activeDescendantId = (activeAction === null || activeAction === void 0 ? void 0 : activeAction.id) || null;\n    return (h(\"calcite-popover\", { disablePointer: true, flipPlacements: flipPlacements, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, h(\"div\", { \"aria-activedescendant\": activeDescendantId, \"aria-labelledby\": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: \"menu\", tabIndex: -1 }, h(\"slot\", { onSlotchange: this.handleDefaultSlotChange }))));\n  }\n  render() {\n    return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h(\"slot\", { name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));\n  }\n  isValidKey(key, supportedKeys) {\n    return !!supportedKeys.find((k) => k === key);\n  }\n  static get is() { return \"calcite-action-menu\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"action-menu.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"action-menu.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"expanded\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is expanded.\"\n        },\n        \"attribute\": \"expanded\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"flipPlacements\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"EffectivePlacement[]\",\n          \"resolved\": \"Placement[]\",\n          \"references\": {\n            \"EffectivePlacement\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/floating-ui\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Defines the available placements that can be used when a flip occurs.\"\n        }\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the text string for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"open\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is open.\"\n        },\n        \"attribute\": \"open\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"overlayPositioning\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"OverlayPositioning\",\n          \"resolved\": \"\\\"absolute\\\" | \\\"fixed\\\"\",\n          \"references\": {\n            \"OverlayPositioning\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/floating-ui\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Determines the type of positioning to use for the overlaid content.\\n\\nUsing `\\\"absolute\\\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\\n`\\\"fixed\\\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\\\"fixed\\\"`.\"\n        },\n        \"attribute\": \"overlay-positioning\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"absolute\\\"\"\n      },\n      \"placement\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"LogicalPlacement\",\n          \"resolved\": \"Placement | VariationPlacement | AutoPlacement | DeprecatedPlacement\",\n          \"references\": {\n            \"LogicalPlacement\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/floating-ui\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"see\",\n              \"text\": \"[LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)\"\n            }],\n          \"text\": \"Determines where the component will be positioned relative to the `referenceElement`.\"\n        },\n        \"attribute\": \"placement\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"auto\\\"\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component's trigger `calcite-action`.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"menuButtonEl\": {},\n      \"activeMenuItemIndex\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteActionMenuOpenChange\",\n        \"name\": \"calciteActionMenuOpenChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emits when the `open` property has changed.\\n\\n**Note:**: The event payload is deprecated, please use the `open` property on the component instead\"\n        },\n        \"complexType\": {\n          \"original\": \"DeprecatedEventPayload\",\n          \"resolved\": \"any\",\n          \"references\": {\n            \"DeprecatedEventPayload\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"expanded\",\n        \"methodName\": \"expandedHandler\"\n      }, {\n        \"propName\": \"open\",\n        \"methodName\": \"openHandler\"\n      }, {\n        \"propName\": \"activeMenuItemIndex\",\n        \"methodName\": \"activeMenuItemIndexHandler\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"pointerdown\",\n        \"method\": \"closeCalciteActionMenuOnClick\",\n        \"target\": \"window\",\n        \"capture\": false,\n        \"passive\": true\n      }];\n  }\n}\n","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  scrim: \"scrim\",\n  content: \"content\"\n};\nexport const TEXT = {\n  loading: \"Loading\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  position: absolute;\n  inset: 0px;\n  z-index: 700;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n@keyframes calcite-scrim-fade-in {\n  0% {\n    --tw-bg-opacity: 0;\n  }\n  100% {\n    --tw-text-opacity: 1;\n  }\n}\n.scrim {\n  position: absolute;\n  inset: 0px;\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  animation: calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;\n  background-color: var(--calcite-scrim-background);\n}\n\n.content {\n  padding: 1rem;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { CSS, TEXT } from \"./resources\";\n/**\n * @slot - A slot for adding custom content, primarily loading information.\n */\nexport class Scrim {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * Accessible name when the component is loading.\n     *\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /**\n     * When `true`, a busy indicator is displayed.\n     */\n    this.loading = false;\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Method\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { el, loading, intlLoading } = this;\n    const hasContent = el.innerHTML.trim().length > 0;\n    const loaderNode = loading ? h(\"calcite-loader\", { active: true, label: intlLoading }) : null;\n    const contentNode = hasContent ? (h(\"div\", { class: CSS.content }, h(\"slot\", null))) : null;\n    return (h(\"div\", { class: CSS.scrim }, loaderNode, contentNode));\n  }\n  static get is() { return \"calcite-scrim\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"scrim.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"scrim.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"intlLoading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Loading\\\"\"\n            }],\n          \"text\": \"Accessible name when the component is loading.\"\n        },\n        \"attribute\": \"intl-loading\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.loading\"\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, a busy indicator is displayed.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/esm/calcite-action-pad.entry.js

@@ -136,3 +136,5 @@ const ActionPad = class {
 ActionPad.style = actionPadCss;
 
 export { ActionPad as calcite_action_pad };
+
+//# sourceMappingURL=calcite-action-pad.entry.js.map

package/dist/esm/calcite-action-pad.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-action-pad.entry.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/action-pad/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/action-pad/action-pad.css?tag=calcite-action-pad&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/action-pad/action-pad.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  actionGroupBottom: \"action-group--bottom\",\n  container: \"container\"\n};\nexport const TEXT = {\n  expand: \"Expand\",\n  collapse: \"Collapse\"\n};\nexport const SLOTS = {\n  expandTooltip: \"expand-tooltip\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n:host * {\n  box-sizing: border-box;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-action-pad-expanded-max-width: optionally specify the expanded max width of the action pad when in \"vertical\" layout.\n*/\n:host {\n  display: block;\n}\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host {\n  animation: in var(--calcite-internal-animation-timing-slow) ease-in-out;\n  border-radius: 0.125rem;\n  --calcite-action-pad-expanded-max-width: auto;\n  background: transparent;\n}\n\n:host([expanded][layout=vertical]) .container {\n  max-inline-size: var(--calcite-action-pad-expanded-max-width);\n}\n\n::slotted(calcite-action-group) {\n  border-width: 0px;\n  border-block-end-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  padding-block: 0px;\n}\n\n.container {\n  display: inline-flex;\n  flex-direction: column;\n  overflow-y: auto;\n  border-radius: 0.25rem;\n  background-color: var(--calcite-ui-background);\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.action-group--bottom {\n  flex-grow: 1;\n  justify-content: flex-end;\n  padding-block-end: 0px;\n}\n\n:host([layout=horizontal]) .container {\n  flex-direction: row;\n}\n:host([layout=horizontal]) .container .action-group--bottom {\n  padding: 0px;\n}\n:host([layout=horizontal]) .container ::slotted(calcite-action-group) {\n  border-width: 0px;\n  padding: 0px;\n  border-inline-end-width: 1px;\n}\n\n::slotted(calcite-action-group:last-child) {\n  border-block-end-width: 0px;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { Host, h } from \"@stencil/core\";\nimport { ExpandToggle, toggleChildActionText } from \"../functional/ExpandToggle\";\nimport { focusElement, getSlotted } from \"../../utils/dom\";\nimport { CSS, TEXT, SLOTS } from \"./resources\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\n/**\n * @slot - A slot for adding `calcite-action`s to the component.\n * @slot expand-tooltip - Used to set the `calcite-tooltip` for the expand toggle.\n */\nexport class ActionPad {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When `true`, the expand-toggling behavior is disabled.\n     */\n    this.expandDisabled = false;\n    /**\n     * When `true`, the component is expanded.\n     */\n    this.expanded = false;\n    /**\n     * Indicates the layout of the component.\n     */\n    this.layout = \"vertical\";\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.actionMenuOpenChangeHandler = (event) => {\n      if (event.detail) {\n        const composedPath = event.composedPath();\n        Array.from(this.el.querySelectorAll(\"calcite-action-group\")).forEach((group) => {\n          if (!composedPath.includes(group)) {\n            group.menuOpen = false;\n          }\n        });\n      }\n    };\n    this.toggleExpand = () => {\n      this.expanded = !this.expanded;\n      this.calciteActionPadToggle.emit();\n    };\n    this.setExpandToggleRef = (el) => {\n      this.expandToggleEl = el;\n    };\n  }\n  expandedHandler(expanded) {\n    toggleChildActionText({ parent: this.el, expanded });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disconnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  componentWillLoad() {\n    const { el, expanded } = this;\n    toggleChildActionText({ parent: el, expanded });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Sets focus on the component.\n   *\n   * @param focusId\n   */\n  async setFocus(focusId) {\n    var _a;\n    if (focusId === \"expand-toggle\") {\n      await focusElement(this.expandToggleEl);\n      return;\n    }\n    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n  renderBottomActionGroup() {\n    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale, layout } = this;\n    const tooltip = getSlotted(el, SLOTS.expandTooltip);\n    const expandLabel = intlExpand || TEXT.expand;\n    const collapseLabel = intlCollapse || TEXT.collapse;\n    const expandToggleNode = !expandDisabled ? (h(ExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;\n    return expandToggleNode ? (h(\"calcite-action-group\", { class: CSS.actionGroupBottom, layout: layout, scale: scale }, h(\"slot\", { name: SLOTS.expandTooltip }), expandToggleNode)) : null;\n  }\n  render() {\n    return (h(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, h(\"div\", { class: CSS.container }, h(\"slot\", null), this.renderBottomActionGroup())));\n  }\n  static get is() { return \"calcite-action-pad\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"action-pad.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"action-pad.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"expandDisabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the expand-toggling behavior is disabled.\"\n        },\n        \"attribute\": \"expand-disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"expanded\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is expanded.\"\n        },\n        \"attribute\": \"expanded\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Layout\",\n          \"resolved\": \"\\\"grid\\\" | \\\"horizontal\\\" | \\\"vertical\\\"\",\n          \"references\": {\n            \"Layout\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Indicates the layout of the component.\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"vertical\\\"\"\n      },\n      \"intlExpand\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the label of the expand icon when the component is collapsed.\"\n        },\n        \"attribute\": \"intl-expand\",\n        \"reflect\": false\n      },\n      \"intlCollapse\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the label of the collapse icon when the component is expanded.\"\n        },\n        \"attribute\": \"intl-collapse\",\n        \"reflect\": false\n      },\n      \"position\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Position\",\n          \"resolved\": \"\\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"Position\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Arranges the component depending on the element's `dir` property.\"\n        },\n        \"attribute\": \"position\",\n        \"reflect\": true\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the expand `calcite-action`.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteActionPadToggle\",\n        \"name\": \"calciteActionPadToggle\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emits when the `expanded` property is toggled.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"(focusId?: \\\"expand-toggle\\\") => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"focusId\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"focusId\"\n            }]\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"expanded\",\n        \"methodName\": \"expandedHandler\"\n      }];\n  }\n}\n"],"version":3}