@esri/calcite-components 1.3.0-next.6 → 1.3.0-next.8

package/dist/loader/cdn.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.3.0-next.6
+ * v1.3.0-next.8
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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.3.0-next.6
+ * v1.3.0-next.8
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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.3.0-next.6
+ * v1.3.0-next.8
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/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.3.0-next.6
+ * v1.3.0-next.8
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/list/list.d.ts

@@ -75,6 +75,7 @@ export declare class List implements InteractiveComponent, LoadableComponent {
   handleCalciteInternalFocusPreviousItem(event: CustomEvent): void;
   handleCalciteListItemActive(event: CustomEvent): void;
   handleCalciteListItemSelect(event: CustomEvent): void;
+  handleCalciteListItemClose(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;

package/dist/types/components/list-item/assets/list-item/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type ListItemMessages = {
+  close: string;
+};

package/dist/types/components/list-item/list-item.d.ts

@@ -2,6 +2,9 @@ import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { InteractiveComponent } from "../../utils/interactive";
 import { SelectionMode } from "../interfaces";
 import { SelectionAppearance } from "../list/resources";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { ListItemMessages } from "./assets/list-item/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
@@ -11,7 +14,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
  * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
  */
-export declare class ListItem implements InteractiveComponent, LoadableComponent {
+export declare class ListItem implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /**
    * Sets the item as focusable. Only one item should be focusable within a list.
    *
@@ -19,6 +22,10 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    */
   active: boolean;
   activeHandler(active: boolean): void;
+  /** When `true`, a close button is added to the component. */
+  closable: boolean;
+  /** When `true`, hides the component. */
+  closed: boolean;
   /**
    * A description for the component. Displays below the label text.
    */
@@ -72,10 +79,25 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    * @internal
    */
   selectionAppearance: SelectionAppearance;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<ListItemMessages>;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: ListItemMessages;
+  onMessagesChange(): void;
   /**
    * Emits when the item's content is selected.
    */
   calciteListItemSelect: EventEmitter<void>;
+  /**
+   * Fires when the close button is clicked.
+   */
+  calciteListItemClose: EventEmitter<void>;
   /**
    *
    * @internal
@@ -92,6 +114,9 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    */
   calciteInternalFocusPreviousItem: EventEmitter<void>;
   el: HTMLCalciteListItemElement;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: ListItemMessages;
   level: number;
   visualLevel: number;
   parentListEl: HTMLCalciteListElement;
@@ -106,9 +131,10 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
   actionsStartEl: HTMLTableCellElement;
   actionsEndEl: HTMLTableCellElement;
   connectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   renderSelected(): VNode;
@@ -121,6 +147,7 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
   renderContentProperties(): VNode;
   renderContentContainer(): VNode;
   render(): VNode;
+  closeClickHandler: () => void;
   handleContentSlotChange: (event: Event) => void;
   handleActionsStartSlotChange: (event: Event) => void;
   handleActionsEndSlotChange: (event: Event) => void;

package/dist/types/components/list-item/resources.d.ts

@@ -34,4 +34,5 @@ export declare const ICONS: {
   closedRTL: string;
   open: string;
   blank: string;
+  close: string;
 };

package/dist/types/components/tree-item/tree-item.d.ts

@@ -106,6 +106,12 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
   private parentTreeItem?;
   hasEndActions: boolean;
   private updateParentIsExpanded;
+  /**
+   * This is meant to be called in `componentDidLoad` in order to take advantage of the hierarchical component lifecycle
+   * and help check for item selection as items are initialized
+   *
+   * @private
+   */
   private updateAncestorTree;
   private actionsEndSlotChangeHandler;
 }

package/dist/types/components/value-list-item/value-list-item.d.ts

@@ -76,6 +76,15 @@ export declare class ValueListItem implements ConditionalSlotComponent, Interact
   toggleSelected(coerce?: boolean): Promise<void>;
   /** Set focus on the component. */
   setFocus(): Promise<void>;
+  /**
+   * Fires when the component is selected or unselected.
+   */
+  calciteListItemChange: EventEmitter<{
+    item: HTMLCalciteValueListItemElement;
+    value: any;
+    selected: boolean;
+    shiftPressed: boolean;
+  }>;
   /**
    * Fires when the remove button is pressed.
    */

package/dist/types/components.d.ts

@@ -47,6 +47,7 @@ import { InputTextMessages } from "./components/input-text/assets/input-text/t9n
 import { TimePickerMessages } from "./components/time-picker/assets/time-picker/t9n";
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
+import { ListItemMessages } from "./components/list-item/assets/list-item/t9n";
 import { ModalMessages } from "./components/modal/assets/modal/t9n";
 import { NoticeMessages } from "./components/notice/assets/notice/t9n";
 import { PaginationMessages } from "./components/pagination/assets/pagination/t9n";
@@ -2303,6 +2304,14 @@ export namespace Components {
           * Sets the item as focusable. Only one item should be focusable within a list.
          */
         "active": boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed": boolean;
         /**
           * A description for the component. Displays below the label text.
          */
@@ -2315,6 +2324,14 @@ export namespace Components {
           * The label text of the component. Displays above the description text.
          */
         "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ListItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ListItemMessages;
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
@@ -7209,6 +7226,14 @@ declare namespace LocalJSX {
         "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>;
     }
     interface CalciteListItem {
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed"?: boolean;
         /**
           * A description for the component. Displays below the label text.
          */
@@ -7221,10 +7246,18 @@ declare namespace LocalJSX {
           * The label text of the component. Displays above the description text.
          */
         "label"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ListItemMessages>;
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
         "metadata"?: Record<string, unknown>;
+        /**
+          * Fires when the close button is clicked.
+         */
+        "onCalciteListItemClose"?: (event: CalciteListItemCustomEvent<void>) => void;
         /**
           * Emits when the item's content is selected.
          */
@@ -8882,6 +8915,15 @@ declare namespace LocalJSX {
           * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive"?: boolean;
+        /**
+          * Fires when the component is selected or unselected.
+         */
+        "onCalciteListItemChange"?: (event: CalciteValueListItemCustomEvent<{
+    item: HTMLCalciteValueListItemElement;
+    value: any;
+    selected: boolean;
+    shiftPressed: boolean;
+  }>) => void;
         /**
           * Fires when the remove button is pressed.
          */

package/dist/types/preact.d.ts

@@ -207,8 +207,9 @@ declare module "preact/src/jsx" {
         "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
+      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteListItemClose" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
         "oncalciteListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteListItemClose"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalListItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalListItemActive"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalFocusPreviousItem"?: (event: CustomEvent<any>) => void;
@@ -407,7 +408,8 @@ declare module "preact/src/jsx" {
         "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-value-list-item": Omit<JSX.CalciteValueListItem, "onCalciteListItemRemove" | "onCalciteValueListItemDragHandleBlur"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListItemElement> & {
+      "calcite-value-list-item": Omit<JSX.CalciteValueListItem, "onCalciteListItemChange" | "onCalciteListItemRemove" | "onCalciteValueListItemDragHandleBlur"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListItemElement> & {
+        "oncalciteListItemChange"?: (event: CustomEvent<any>) => void;
         "oncalciteListItemRemove"?: (event: CustomEvent<any>) => void;
         "oncalciteValueListItemDragHandleBlur"?: (event: CustomEvent<any>) => void;
       };

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.3.0-next.6
+ * v1.3.0-next.8
  */
 'use strict';
 
@@ -24170,7 +24170,8 @@ const ICONS$6 = {
   closedLTR: "caret-right",
   closedRTL: "caret-left",
   open: "caret-down",
-  blank: "blank"
+  blank: "blank",
+  close: "x"
 };
 
 const listItemGroupSelector = "calcite-list-item-group";
@@ -24382,6 +24383,9 @@ class List$1 {
     });
     this.updateSelectedItems();
   }
+  handleCalciteListItemClose() {
+    this.updateListItems();
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -24438,7 +24442,7 @@ class List$1 {
       item.selectionMode = selectionMode;
     });
     this.listItems = items;
-    this.enabledListItems = items.filter((item) => !item.disabled);
+    this.enabledListItems = items.filter((item) => !item.disabled && !item.closed);
     if (this.filterEnabled) {
       this.dataForFilter = this.getItemData();
     }
@@ -24472,7 +24476,7 @@ class List$1 {
       "dataForFilter": [32],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteListItemActive"], [0, "calciteInternalListItemSelect", "handleCalciteListItemSelect"]],
+    "$listeners$": [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteListItemActive"], [0, "calciteInternalListItemSelect", "handleCalciteListItemSelect"], [0, "calciteListItemClose", "handleCalciteListItemClose"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["disabled", "disabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["filterText", "filter-text"], ["loading", "loading"], ["selectionMode", "selection-mode"], ["selectionAppearance", "selection-appearance"]]
   }; }
@@ -24494,6 +24498,7 @@ class ListItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteListItemSelect = createEvent(this, "calciteListItemSelect", 6);
+    this.calciteListItemClose = createEvent(this, "calciteListItemClose", 6);
     this.calciteInternalListItemSelect = createEvent(this, "calciteInternalListItemSelect", 6);
     this.calciteInternalListItemActive = createEvent(this, "calciteInternalListItemActive", 6);
     this.calciteInternalFocusPreviousItem = createEvent(this, "calciteInternalFocusPreviousItem", 6);
@@ -24502,6 +24507,10 @@ class ListItem {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
+    this.closeClickHandler = () => {
+      this.closed = true;
+      this.calciteListItemClose.emit();
+    };
     this.handleContentSlotChange = (event) => {
       this.hasCustomContent = slotChangeHasAssignedElement(event);
     };
@@ -24614,6 +24623,8 @@ class ListItem {
       focusEl?.focus();
     };
     this.active = false;
+    this.closable = false;
+    this.closed = false;
     this.description = undefined;
     this.disabled = false;
     this.label = undefined;
@@ -24625,6 +24636,10 @@ class ListItem {
     this.value = undefined;
     this.selectionMode = null;
     this.selectionAppearance = null;
+    this.messageOverrides = undefined;
+    this.messages = undefined;
+    this.effectiveLocale = "";
+    this.defaultMessages = undefined;
     this.level = null;
     this.visualLevel = null;
     this.parentListEl = undefined;
@@ -24645,15 +24660,24 @@ class ListItem {
       this.calciteInternalListItemSelect.emit();
     }
   }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
+  }
   connectedCallback() {
+    connectLocalized(this);
+    connectMessages(this);
     const { el } = this;
     this.parentListEl = el.closest(listSelector);
     this.level = getDepth() + 1;
     this.visualLevel = getDepth(el, true);
     this.setSelectionDefaults();
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     setUpLoadableComponent(this);
+    await setUpMessages(this);
   }
   componentDidLoad() {
     setComponentLoaded(this);
@@ -24661,6 +24685,10 @@ class ListItem {
   componentDidRender() {
     updateHostInteraction(this, "managed");
   }
+  disconnectedCallback() {
+    disconnectLocalized(this);
+    disconnectMessages(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -24711,10 +24739,10 @@ class ListItem {
       ref: (el) => (this.actionsStartEl = el) }, hAsync("slot", { name: SLOTS$f.actionsStart, onSlotchange: this.handleActionsStartSlotChange })));
   }
   renderActionsEnd() {
-    const { label, hasActionsEnd } = this;
-    return (hAsync("td", { "aria-label": label, class: CSS$s.actionsEnd, hidden: !hasActionsEnd, key: "actions-end-container", role: "gridcell",
+    const { label, hasActionsEnd, closable, messages } = this;
+    return (hAsync("td", { "aria-label": label, class: CSS$s.actionsEnd, hidden: !(hasActionsEnd || closable), key: "actions-end-container", role: "gridcell",
       // eslint-disable-next-line react/jsx-sort-props
-      ref: (el) => (this.actionsEndEl = el) }, hAsync("slot", { name: SLOTS$f.actionsEnd, onSlotchange: this.handleActionsEndSlotChange })));
+      ref: (el) => (this.actionsEndEl = el) }, hAsync("slot", { name: SLOTS$f.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), closable ? (hAsync("calcite-action", { appearance: "transparent", icon: ICONS$6.close, key: "close-action", label: messages.close, onClick: this.closeClickHandler, text: messages.close })) : null));
   }
   renderContentStart() {
     const { hasContentStart } = this;
@@ -24750,7 +24778,7 @@ class ListItem {
       ref: (el) => (this.contentEl = el) }, content));
   }
   render() {
-    const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode } = this;
+    const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode, closed } = this;
     const showBorder = selectionMode !== "none" && selectionAppearance === "border";
     const borderSelected = showBorder && selected;
     const borderUnselected = showBorder && !selected;
@@ -24758,7 +24786,7 @@ class ListItem {
         [CSS$s.container]: true,
         [CSS$s.containerBorderSelected]: borderSelected,
         [CSS$s.containerBorderUnselected]: borderUnselected
-      }, onFocus: this.focusCellNull, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${this.visualLevel}` }, tabIndex: active ? 0 : -1,
+      }, hidden: closed, onFocus: this.focusCellNull, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${this.visualLevel}` }, tabIndex: active ? 0 : -1,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.containerEl = el) }, this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), hAsync("div", { class: {
         [CSS$s.nestedContainer]: true,
@@ -24777,10 +24805,13 @@ class ListItem {
       this.selectionAppearance = parentListEl.selectionAppearance;
     }
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
     "active": ["activeHandler"],
-    "selected": ["handleSelectedChange"]
+    "selected": ["handleSelectedChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }; }
   static get style() { return listItemCss; }
   static get cmpMeta() { return {
@@ -24788,6 +24819,8 @@ class ListItem {
     "$tagName$": "calcite-list-item",
     "$members$": {
       "active": [4],
+      "closable": [516],
+      "closed": [1540],
       "description": [1],
       "disabled": [516],
       "label": [1],
@@ -24799,6 +24832,10 @@ class ListItem {
       "value": [8],
       "selectionMode": [1025, "selection-mode"],
       "selectionAppearance": [1025, "selection-appearance"],
+      "messageOverrides": [1040],
+      "messages": [1040],
+      "effectiveLocale": [32],
+      "defaultMessages": [32],
       "level": [32],
       "visualLevel": [32],
       "parentListEl": [32],
@@ -24812,7 +24849,7 @@ class ListItem {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["disabled", "disabled"], ["open", "open"], ["selected", "selected"]]
+    "$attrsToReflect$": [["closable", "closable"], ["closed", "closed"], ["disabled", "disabled"], ["open", "open"], ["selected", "selected"]]
   }; }
 }
 
@@ -37512,18 +37549,6 @@ class TreeItem {
       });
       items.forEach((item) => (item.parentExpanded = expanded));
     };
-    this.updateAncestorTree = () => {
-      if (this.selected && this.selectionMode === "ancestors") {
-        const ancestors = [];
-        let parent = this.parentTreeItem;
-        while (parent) {
-          ancestors.push(parent);
-          parent = parent.parentElement?.closest("calcite-tree-item");
-        }
-        ancestors.forEach((item) => (item.indeterminate = true));
-        return;
-      }
-    };
     this.actionsEndSlotChangeHandler = (event) => {
       this.hasEndActions = slotChangeHasAssignedElement(event);
     };
@@ -37537,7 +37562,7 @@ class TreeItem {
     this.hasChildren = null;
     this.lines = undefined;
     this.scale = undefined;
-    this.indeterminate = undefined;
+    this.indeterminate = false;
     this.selectionMode = undefined;
     this.updateAfterInitialRender = false;
     this.hasEndActions = false;
@@ -37733,6 +37758,34 @@ class TreeItem {
         break;
     }
   }
+  /**
+   * This is meant to be called in `componentDidLoad` in order to take advantage of the hierarchical component lifecycle
+   * and help check for item selection as items are initialized
+   *
+   * @private
+   */
+  updateAncestorTree() {
+    const parentItem = this.parentTreeItem;
+    if (this.selectionMode !== "ancestors" || !parentItem) {
+      return;
+    }
+    if (this.selected) {
+      const parentTree = this.el.parentElement;
+      const siblings = Array.from(parentTree?.children);
+      const selectedSiblings = siblings.filter((child) => child.selected);
+      if (siblings.length === selectedSiblings.length) {
+        parentItem.selected = true;
+        parentItem.indeterminate = false;
+      }
+      else if (selectedSiblings.length > 0) {
+        parentItem.indeterminate = true;
+      }
+    }
+    else if (this.indeterminate) {
+      const parentItem = this.parentTreeItem;
+      parentItem.indeterminate = true;
+    }
+  }
   get el() { return getElement(this); }
   static get watchers() { return {
     "expanded": ["expandedHandler"],
@@ -38088,6 +38141,7 @@ const valueListItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 class ValueListItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.calciteListItemChange = createEvent(this, "calciteListItemChange", 6);
     this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
     this.calciteValueListItemDragHandleBlur = createEvent(this, "calciteValueListItemDragHandleBlur", 6);
     this.pickListItem = null;

package/package.json

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

package/dist/calcite/p-2420ba36.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.3.0-next.6
- */
-import{r as t,h as e,F as i,a,f as n}from"./p-0e3fa332.js";import{c as o,d as l}from"./p-d62ee476.js";import{d as s,s as c,g as r,b as d,i as h}from"./p-a839b13e.js";import{c as p,d as m}from"./p-6d34458b.js";import{c as f}from"./p-6f7911a9.js";import{c as u,s as w,d as x,u as b}from"./p-65557cf4.js";import"./p-cbf739ac.js";import"./p-926362a1.js";import"./p-8aea6efe.js";import"./p-76a89e70.js";const v="content",g=class{constructor(e){t(this,e),this.handleHeaderSlotChange=t=>{this.hasHeader=!!s(t)},this.handleFooterSlotChange=t=>{this.hasFooter=!!s(t)},this.handleAlertsSlotChange=t=>{this.hasAlerts=!!s(t),c(t)?.map((t=>{"CALCITE-ALERT"===t.nodeName&&(t.slottedInShell=!0)}))},this.handleModalsSlotChange=t=>{this.hasModals=!!s(t),c(t)?.map((t=>{"CALCITE-MODAL"===t.nodeName&&(t.slottedInShell=!0)}))},this.contentBehind=!1,this.hasHeader=!1,this.hasFooter=!1,this.hasAlerts=!1,this.hasModals=!1}connectedCallback(){o(this)}disconnectedCallback(){l(this)}renderHeader(){return e("div",{hidden:!this.hasHeader},e("slot",{key:"header",name:"header",onSlotchange:this.handleHeaderSlotChange}))}renderFooter(){return e("div",{class:"footer",hidden:!this.hasFooter,key:"footer"},e("slot",{name:"footer",onSlotchange:this.handleFooterSlotChange}))}renderAlerts(){return e("div",{hidden:!this.hasAlerts},e("slot",{key:"alerts",name:"alerts",onSlotchange:this.handleAlertsSlotChange}))}renderModals(){return e("div",{hidden:!this.hasModals},e("slot",{key:"modals",name:"modals",onSlotchange:this.handleModalsSlotChange}))}renderContent(){const t=e("slot",{key:"default-slot"}),i=e("slot",{key:"center-row-slot",name:"center-row"}),a=e("slot",{key:"panel-top-slot",name:"panel-bottom"}),n=e("slot",{key:"panel-bottom-slot",name:"panel-top"}),o="content-container";return this.contentBehind?[e("div",{class:{[v]:!0,"content--behind":!0},key:o},t),e("div",{class:"center-content"},n,a,i)]:[e("div",{class:v,key:o},n,t,a,i)]}renderMain(){return e("div",{class:"main"},e("slot",{name:"panel-start"}),this.renderContent(),e("slot",{name:"panel-end"}))}renderPositionedSlots(){return e("div",{class:"positioned-slot-wrapper"},this.renderAlerts(),this.renderModals())}render(){return e(i,null,this.renderHeader(),this.renderMain(),this.renderFooter(),this.renderPositionedSlots())}get el(){return a(this)}};g.style="@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}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--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);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}";const y="action-bar",k=class{constructor(e){t(this,e),this.detached=!1,this.heightScale="s",this.position="end"}connectedCallback(){o(this)}disconnectedCallback(){l(this)}render(){const{el:t}=this,a=e("div",{class:"content"},e("slot",null)),n=r(t,y);n&&(n.layout="horizontal");const o=[n?e("div",{class:"action-bar-container",key:"action-bar"},e("slot",{name:y})):null,a];return"end"===n?.position&&o.reverse(),e(i,null,o)}get el(){return a(this)}};k.style="@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}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--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)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";const z="header",_=class{constructor(e){t(this,e),this.initialContentWidth=null,this.initialClientX=null,this.contentWidthMax=null,this.contentWidthMin=null,this.step=1,this.stepMultiplier=10,this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedWidth=t=>{const{key:e}=t,{el:i,step:a,stepMultiplier:n,contentWidthMin:o,contentWidthMax:l,initialContentWidth:s,position:c}=this,r=a*n;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(e)>-1&&t.preventDefault();const h=["ArrowLeft","ArrowRight"],p="rtl"===d(i)&&h.includes(e)?-1:1;return"ArrowUp"===e||("end"===c?e===h[0]:e===h[1])?s+p*(t.shiftKey?r:a):"ArrowDown"===e||("end"===c?e===h[1]:e===h[0])?s-p*(t.shiftKey?r:a):"number"==typeof o&&"Home"===e?o:"number"==typeof l&&"End"===e?l:"PageDown"===e?s-r:"PageUp"===e?s+r:null},this.separatorKeyDown=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedWidth(t);"number"==typeof e&&this.setContentWidth(e)},this.separatorPointerMove=t=>{t.preventDefault();const{el:e,initialContentWidth:i,position:a,initialClientX:n}=this,o=t.clientX-n,l="rtl"===d(e)?-1:1;this.setContentWidth(i+("end"===a?-l*o:l*o))},this.separatorPointerUp=t=>{h(t)&&(t.preventDefault(),document.removeEventListener("pointerup",this.separatorPointerUp),document.removeEventListener("pointermove",this.separatorPointerMove))},this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width},this.separatorPointerDown=t=>{if(!h(t))return;t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus(),this.setInitialContentWidth(),this.initialClientX=t.clientX,document.addEventListener("pointerup",this.separatorPointerUp),document.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)},this.handleActionBarSlotChange=t=>{c(t).filter((t=>t?.matches("calcite-action-bar"))).forEach((t=>t.layout="vertical"))},this.collapsed=!1,this.detached=!1,this.detachedHeightScale="l",this.widthScale="m",this.position=void 0,this.resizable=!1,this.messages=void 0,this.messageOverrides=void 0,this.contentWidth=null,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){o(this),p(this),u(this)}async componentWillLoad(){await w(this)}disconnectedCallback(){l(this),this.disconnectSeparator(),m(this),x(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){b(this,this.effectiveLocale)}renderHeader(){const{el:t}=this;return r(t,z)?e("div",{class:"content__header",key:"header"},e("slot",{name:z})):null}render(){const{collapsed:t,detached:i,position:a,initialContentWidth:n,contentWidth:o,contentWidthMax:l,contentWidthMin:s,resizable:c}=this,r=!i&&c,d=e("div",{class:{content:!0,"content--detached":i},hidden:t,key:"content",style:r&&o?{width:`${o}px`}:null,ref:this.storeContentEl},this.renderHeader(),e("div",{class:"content__body"},e("slot",null))),h=r?e("div",{"aria-label":this.messages.resize,"aria-orientation":"horizontal","aria-valuemax":l,"aria-valuemin":s,"aria-valuenow":o??n,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,role:"separator",tabIndex:0,"touch-action":"none",ref:this.connectSeparator}):null,p=[e("slot",{key:"action-bar",name:"action-bar",onSlotchange:this.handleActionBarSlotChange}),d,h];return"end"===a&&p.reverse(),e("div",{class:{container:!0}},p)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:i}=this,a=Math.round(t);this.contentWidth="number"==typeof e&&"number"==typeof i?f(a,i,e):a}updateAriaValues(){const{contentEl:t}=this,e=t&&getComputedStyle(t);if(!e)return;const i=parseInt(e.getPropertyValue("max-width"),10),a=parseInt(e.getPropertyValue("min-width"),10),o=parseInt(e.getPropertyValue("width"),10);"number"!=typeof o||isNaN(o)||(this.initialContentWidth=o),"number"!=typeof i||isNaN(i)||(this.contentWidthMax=i),"number"!=typeof a||isNaN(a)||(this.contentWidthMin=a),n(this)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};_.style="@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);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{pointer-events:none;display:flex;flex:0 1 auto;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}:host([width-scale=s]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 12vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 300px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 20vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 420px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 45vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 680px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height-internal:var(--calcite-shell-panel-detached-max-height, 40vh)}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height-internal:var(--calcite-shell-panel-detached-max-height, 60vh)}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height-internal:var(--calcite-shell-panel-detached-max-height, 80vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;inset-block:0px;display:flex;block-size:100%;inline-size:0.125rem;background-color:transparent;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;inline-size:var(--calcite-shell-panel-width-internal);max-inline-size:var(--calcite-shell-panel-max-width-internal);min-inline-size:var(--calcite-shell-panel-min-width-internal);transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--detached{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--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);max-block-size:var(--calcite-shell-panel-detached-max-height-internal)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-block-size:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){border-inline-end:none}";export{g as calcite_shell,k as calcite_shell_center_row,_ as calcite_shell_panel}

package/dist/calcite/p-4c0b5a65.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.3.0-next.6
- */
-import{r as t,c as a,h as i,H as o,a as e}from"./p-0e3fa332.js";import{c as n,d as r}from"./p-d62ee476.js";import{s,g as c}from"./p-a839b13e.js";import{s as l,a as d,c as p}from"./p-0d028610.js";import{c as m,d as h}from"./p-6d34458b.js";import{u,c as f,d as g,s as x}from"./p-65557cf4.js";import{t as b,E as y}from"./p-8feb7736.js";import{c as w}from"./p-cbf739ac.js";import"./p-926362a1.js";import"./p-8aea6efe.js";import"./p-76a89e70.js";import"./p-2ce03e4d.js";import"./p-b69aefcf.js";const v="expand-tooltip",k=class{constructor(i){t(this,i),this.calciteActionPadToggle=a(this,"calciteActionPadToggle",6),this.mutationObserver=w("mutation",(()=>this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group"))))),this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const a=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{a.includes(t)||(t.menuOpen=!1)}))}},this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.setExpandToggleRef=t=>{this.expandToggleEl=t},this.handleDefaultSlotChange=t=>{const a=s(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(a)},this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.position=void 0,this.scale=void 0,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale="",this.defaultMessages=void 0}expandedHandler(t){b({parent:this.el,expanded:t})}layoutHandler(){this.updateGroups()}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){n(this),m(this),f(this)}disconnectedCallback(){h(this),g(this),r(this)}async componentWillLoad(){l(this);const{el:t,expanded:a}=this;b({parent:t,expanded:a}),await x(this)}componentDidLoad(){d(this)}async setFocus(){await p(this),this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:a,messages:o,el:e,position:n,toggleExpand:r,scale:s,layout:l}=this,d=c(e,v),p=a?null:i(y,{el:e,expanded:t,intlCollapse:o.collapse,intlExpand:o.expand,position:n,scale:s,toggle:r,tooltip:d,ref:this.setExpandToggleRef});return p?i("calcite-action-group",{class:"action-group--bottom",layout:l,scale:s},i("slot",{name:v}),p):null}render(){return i(o,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("div",{class:"container"},i("slot",{onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup()))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{expanded:["expandedHandler"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style="@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}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{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{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(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{display:inline-flex;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);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}";export{k as calcite_action_pad}

package/dist/calcite/p-65557cf4.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.3.0-next.6
- */
-import{g as n}from"./p-0e3fa332.js";import{g as t}from"./p-6d34458b.js";const s={};function o(){throw new Error("could not fetch component message bundle")}function c(n){n.messages={...n.defaultMessages,...n.messageOverrides}}async function a(n){n.defaultMessages=await e(n,n.effectiveLocale),c(n)}async function e(c,a){const{el:e}=c,i=e.tagName.toLowerCase().replace("calcite-","");return async function(t,c){const a=`${c}_${t}`;return s[a]||(s[a]=fetch(n(`./assets/${c}/t9n/messages_${t}.json`)).then((n=>(n.ok||o(),n.json()))).catch((()=>o()))),s[a]}(t(a,"t9n"),i)}async function i(n,t){n.defaultMessages=await e(n,t),c(n)}function f(n){n.onMessagesChange=r}function u(n){n.onMessagesChange=void 0}function r(){c(this)}export{f as c,u as d,a as s,i as u}