@esri/calcite-components 3.0.0-next.98 → 3.0.0

package/dist/components/calcite-list/customElement.js

@@ -1,26 +1,24 @@
-import { D as C, c as x } from "../../chunks/runtime.js";
-import { ref as A } from "lit-html/directives/ref.js";
+import { D as x, c as A } from "../../chunks/runtime.js";
+import { ref as $ } from "lit-html/directives/ref.js";
 import { keyed as I } from "lit-html/directives/keyed.js";
-import { debounce as $ } from "lodash-es";
+import { debounce as y } from "lodash-es";
 import { html as d } from "lit";
-import { LitElement as y, createEvent as m, safeClassMap as f } from "@arcgis/lumina";
-import { a as g, y as w } from "../../chunks/dom.js";
-import { u as P, I as k } from "../../chunks/interactive.js";
-import { c as D } from "../../chunks/observers.js";
-import { b as u, l as L, u as O, c as v, o as M } from "../../chunks/utils.js";
-import { d as T, c as R } from "../../chunks/sortableComponent.js";
-import { S } from "../../chunks/resources.js";
-import { c as U, s as N, a as G } from "../../chunks/loadable.js";
-import { n as F } from "../../chunks/locale.js";
-import { g as H } from "../../chunks/guid.js";
-import { u as z } from "../../chunks/useT9n.js";
-import { css as q } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
-const p = {
+import { LitElement as w, createEvent as p, safeClassMap as h } from "@arcgis/lumina";
+import { a as g, y as P } from "../../chunks/dom.js";
+import { u as k, I as D } from "../../chunks/interactive.js";
+import { c as O } from "../../chunks/observers.js";
+import { b as u, l as b, u as M, c as L, i as v, o as T } from "../../chunks/utils.js";
+import { d as R, c as N } from "../../chunks/sortableComponent.js";
+import { S as F } from "../../chunks/resources.js";
+import { c as U } from "../../chunks/loadable.js";
+import { n as C } from "../../chunks/locale.js";
+import { g as G } from "../../chunks/guid.js";
+import { u as H } from "../../chunks/useT9n.js";
+import { css as z } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const f = {
   container: "container",
   table: "table",
   scrim: "scrim",
@@ -28,34 +26,34 @@ const p = {
   tableContainer: "table-container",
   sticky: "sticky-pos",
   assistiveText: "assistive-text"
-}, b = {
+}, E = {
   filterNoResults: "filter-no-results",
   filterActionsStart: "filter-actions-start",
   filterActionsEnd: "filter-actions-end"
-}, B = q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`, W = `${v}, ${u}`;
-class K extends y {
+}, q = z`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`, B = `${L}, ${u}`;
+class W extends w {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.dragSelector = u, this.focusableItems = [], this.handleSelector = "calcite-sort-handle", this.listItems = [], this.listItemGroups = [], this.mutationObserver = D("mutation", () => {
+    super(), this.dragSelector = u, this.focusableItems = [], this.handleSelector = "calcite-sort-handle", this.listItems = [], this.listItemGroups = [], this.mutationObserver = O("mutation", () => {
       this.willPerformFilter = !0, this.updateListItems();
-    }), this.updateListItems = $(() => {
+    }), this.updateListItems = y(() => {
       this.updateGroupItems();
-      const { selectionAppearance: t, selectionMode: e, interactionMode: i, dragEnabled: l, el: s, filterEl: r, moveToItems: a, displayMode: n, scale: c } = this, h = Array.from(this.el.querySelectorAll(u));
-      if (h.forEach((o) => {
-        o.scale = c, o.selectionAppearance = t, o.selectionMode = e, o.interactionMode = i, o.closest(L) === s && (o.moveToItems = a.filter((E) => E.element !== s && !o.contains(E.element)), o.dragHandle = l, o.displayMode = n);
+      const { selectionAppearance: t, selectionMode: e, interactionMode: i, dragEnabled: l, el: s, filterEl: n, moveToItems: a, displayMode: r, scale: c } = this, m = Array.from(this.el.querySelectorAll(u));
+      if (m.forEach((o) => {
+        o.scale = c, o.selectionAppearance = t, o.selectionMode = e, o.interactionMode = i, o.closest(b) === s && (o.moveToItems = a.filter((S) => S.element !== s && !o.contains(S.element)), o.dragHandle = l, o.displayMode = r);
       }), this.parentListEl) {
         this.setUpSorting();
         return;
       }
-      this.listItems = h, this.filterEnabled && this.willPerformFilter && (this.willPerformFilter = !1, this.dataForFilter = this.getItemData(), r && (r.items = this.dataForFilter, this.filterAndUpdateData())), this.visibleItems = this.listItems.filter((o) => !o.closed && !o.hidden), this.updateFilteredItems(), this.borderItems(), this.focusableItems = this.filteredItems.filter((o) => !o.disabled), this.setActiveListItem(), this.updateSelectedItems(), this.setUpSorting();
-    }, C.nextTick), this.visibleItems = [], this.willFilterEmit = !1, this.willPerformFilter = !1, this.dataForFilter = [], this.hasFilterActionsEnd = !1, this.hasFilterActionsStart = !1, this.hasFilterNoResults = !1, this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.filterEnabled = !1, this.filteredData = [], this.filteredItems = [], this.interactionMode = "interactive", this.loading = !1, this.messages = z({ blocking: !0 }), this.displayMode = "flat", this.scale = "m", this.selectedItems = [], this.selectionAppearance = "icon", this.selectionMode = "none", this.calciteInternalListDefaultSlotChange = m({ cancelable: !1 }), this.calciteListChange = m({ cancelable: !1 }), this.calciteListDragEnd = m({ cancelable: !1 }), this.calciteListDragStart = m({ cancelable: !1 }), this.calciteListFilter = m({ cancelable: !1 }), this.calciteListOrderChange = m({ cancelable: !1 }), this.listen("calciteInternalListItemToggle", this.handleCalciteListItemToggle), this.listen("calciteInternalFocusPreviousItem", this.handleCalciteInternalFocusPreviousItem), this.listen("calciteInternalListItemActive", this.handleCalciteInternalListItemActive), this.listen("calciteListItemSelect", this.handleCalciteListItemSelect), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove), this.listen("calciteInternalListItemSelect", this.handleCalciteInternalListItemSelect), this.listen("calciteInternalListItemSelectMultiple", this.handleCalciteInternalListItemSelectMultiple), this.listen("calciteInternalListItemChange", this.handleCalciteInternalListItemChange), this.listen("calciteInternalListItemGroupDefaultSlotChange", this.handleCalciteInternalListItemGroupDefaultSlotChange);
+      this.listItems = m, this.filterEnabled && this.willPerformFilter && (this.willPerformFilter = !1, this.dataForFilter = this.getItemData(), n && (n.items = this.dataForFilter, this.filterAndUpdateData())), this.visibleItems = this.listItems.filter((o) => !o.closed && !o.hidden), this.updateFilteredItems(), this.borderItems(), this.focusableItems = this.filteredItems.filter((o) => !o.disabled), this.setActiveListItem(), this.updateSelectedItems(), this.setUpSorting();
+    }, x.nextTick), this.visibleItems = [], this.willFilterEmit = !1, this.willPerformFilter = !1, this.dataForFilter = [], this.hasFilterActionsEnd = !1, this.hasFilterActionsStart = !1, this.hasFilterNoResults = !1, this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.filterEnabled = !1, this.filteredData = [], this.filteredItems = [], this.interactionMode = "interactive", this.loading = !1, this.messages = H({ blocking: !0 }), this.displayMode = "flat", this.scale = "m", this.selectedItems = [], this.selectionAppearance = "icon", this.selectionMode = "none", this.calciteInternalListDefaultSlotChange = p({ cancelable: !1 }), this.calciteListChange = p({ cancelable: !1 }), this.calciteListDragEnd = p({ cancelable: !1 }), this.calciteListDragStart = p({ cancelable: !1 }), this.calciteListFilter = p({ cancelable: !1 }), this.calciteListOrderChange = p({ cancelable: !1 }), this.listen("calciteInternalListItemToggle", this.handleCalciteListItemToggle), this.listen("calciteInternalFocusPreviousItem", this.handleCalciteInternalFocusPreviousItem), this.listen("calciteInternalListItemActive", this.handleCalciteInternalListItemActive), this.listen("calciteListItemSelect", this.handleCalciteListItemSelect), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove), this.listen("calciteInternalListItemSelect", this.handleCalciteInternalListItemSelect), this.listen("calciteInternalListItemSelectMultiple", this.handleCalciteInternalListItemSelectMultiple), this.listen("calciteInternalListItemChange", this.handleCalciteInternalListItemChange), this.listen("calciteInternalListItemGroupDefaultSlotChange", this.handleCalciteInternalListItemGroupDefaultSlotChange);
   }
   static {
     this.properties = { assistiveText: 16, dataForFilter: 16, hasFilterActionsEnd: 16, hasFilterActionsStart: 16, hasFilterNoResults: 16, moveToItems: 16, hasActiveFilter: 16, showNoResultsContainer: 16, canPull: 0, canPut: 0, disabled: 7, dragEnabled: 7, filterEnabled: 7, filterPredicate: 0, filterLabel: 3, filterPlaceholder: 3, filterProps: 0, filterText: 3, filteredData: 0, filteredItems: 0, group: 3, interactionMode: 3, label: 1, loading: 7, messageOverrides: 0, displayMode: 3, numberingSystem: 1, scale: 3, selectedItems: 0, selectionAppearance: 3, selectionMode: 3 };
   }
   static {
-    this.styles = B;
+    this.styles = q;
   }
   get hasActiveFilter() {
     return this.filterEnabled && this.filterText && this.filteredItems.length !== this.visibleItems.length;
@@ -77,7 +75,7 @@ class K extends y {
     super.connectedCallback(), this.connectObserver(), this.willPerformFilter = !0, this.updateListItems(), this.setUpSorting(), this.setParentList(), this.setListItemGroups();
   }
   async load() {
-    N(this), this.handleInteractionModeWarning();
+    this.handleInteractionModeWarning();
   }
   /**
    * TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code
@@ -88,13 +86,12 @@ class K extends y {
     (t.has("filterText") || t.has("filterProps") || t.has("filterPredicate")) && this.performFilter(), (t.has("filterEnabled") && (this.hasUpdated || this.filterEnabled !== !1) || t.has("group") || t.has("dragEnabled") && (this.hasUpdated || this.dragEnabled !== !1) || t.has("selectionMode") && (this.hasUpdated || this.selectionMode !== "none") || t.has("selectionAppearance") && (this.hasUpdated || this.selectionAppearance !== "icon") || t.has("displayMode") && this.hasUpdated || t.has("scale") && this.hasUpdated || t.has("filterPredicate") && this.hasUpdated) && this.handleListItemChange();
   }
   updated() {
-    P(this);
+    k(this);
   }
   loaded() {
-    G(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.disconnectObserver(), T(this);
+    super.disconnectedCallback(), this.disconnectObserver(), R(this);
   }
   // #endregion
   // #region Private Methods
@@ -143,12 +140,12 @@ class K extends y {
     if (this.parentListEl)
       return;
     t.stopPropagation();
-    const { target: e, detail: i } = t, { focusableItems: l, lastSelectedInfo: s } = this, r = e;
+    const { target: e, detail: i } = t, { focusableItems: l, lastSelectedInfo: s } = this, n = e;
     if (i.selectMultiple && s) {
-      const a = l.indexOf(r), n = l.indexOf(s.selectedItem), c = Math.min(n, a), h = Math.max(n, a);
-      l.slice(c, h + 1).forEach((o) => o.selected = s.selected);
+      const a = l.indexOf(n), r = l.indexOf(s.selectedItem), c = Math.min(r, a), m = Math.max(r, a);
+      l.slice(c, m + 1).forEach((o) => o.selected = s.selected);
     } else
-      this.lastSelectedInfo = { selectedItem: r, selected: r.selected };
+      this.lastSelectedInfo = { selectedItem: n, selected: n.selected };
   }
   handleCalciteInternalListItemChange(t) {
     this.parentListEl || (t.stopPropagation(), this.updateListItems());
@@ -164,7 +161,7 @@ class K extends y {
   }
   setUpSorting() {
     const { dragEnabled: t } = this;
-    t && R(this);
+    t && N(this);
   }
   onGlobalDragStart() {
     this.disconnectObserver();
@@ -185,13 +182,13 @@ class K extends y {
     this.setParentList(), this.updateListItems(), this.calciteListOrderChange.emit(t);
   }
   setParentList() {
-    this.parentListEl = this.el.parentElement?.closest(L);
+    this.parentListEl = this.el.parentElement?.closest(b);
   }
   handleDefaultSlotChange(t) {
-    O(t.target), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
+    M(t.target), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
   }
   setListItemGroups() {
-    this.listItemGroups = Array.from(this.el.querySelectorAll(v));
+    this.listItemGroups = Array.from(this.el.querySelectorAll(L));
   }
   handleFilterActionsStartSlotChange(t) {
     this.hasFilterActionsStart = g(t);
@@ -212,7 +209,7 @@ class K extends y {
   filterElements({ el: t, filteredItems: e, visibleParents: i }) {
     const l = !i.has(t) && !e.includes(t);
     t.filterHidden = l;
-    const s = t.parentElement.closest(W);
+    const s = t.parentElement.closest(B);
     s && (l || i.add(s), this.filterElements({
       el: s,
       filteredItems: e,
@@ -232,8 +229,8 @@ class K extends y {
     t.forEach((e) => e.bordered = e !== t[t.length - 1]);
   }
   updateFilteredItems() {
-    const { visibleItems: t, filteredData: e, filterText: i, filterPredicate: l } = this, s = t?.filter((n) => t.every((c) => c === n || !n.contains(c))), r = l ? t.filter(l) : i ? e.map((n) => n.el) : t || [], a = /* @__PURE__ */ new WeakSet();
-    s.forEach((n) => this.filterElements({ el: n, filteredItems: r, visibleParents: a })), this.filteredItems = r, this.willFilterEmit && (this.willFilterEmit = !1, this.calciteListFilter.emit());
+    const { visibleItems: t, filteredData: e, filterText: i, filterPredicate: l } = this, s = t?.filter((r) => t.every((c) => c === r || !r.contains(c))), n = l ? t.filter(l) : i ? e.map((r) => r.el) : t || [], a = /* @__PURE__ */ new WeakSet();
+    s.forEach((r) => this.filterElements({ el: r, filteredItems: n, visibleParents: a })), this.filteredItems = n, this.willFilterEmit && (this.willFilterEmit = !1, this.calciteListFilter.emit());
   }
   updateFilteredData() {
     const { filterEl: t } = this;
@@ -270,12 +267,12 @@ class K extends y {
     return this.listItemGroups.filter((i) => i.contains(t)).map((i) => i.heading);
   }
   updateGroupItems() {
-    const { el: t, group: e, scale: i } = this, l = w(t), s = e ? Array.from(l.querySelectorAll(`calcite-list[group="${e}"]`)).filter((a) => !a.disabled && a.dragEnabled) : [];
+    const { el: t, group: e, scale: i } = this, l = P(t), s = e ? Array.from(l.querySelectorAll(`${b}[group="${e}"]`)).filter((a) => !a.disabled && a.dragEnabled) : [];
     this.moveToItems = s.map((a) => ({
       element: a,
       label: a.label ?? a.id,
-      id: t.id || H()
-    })), Array.from(this.el.querySelectorAll(v)).forEach((a) => {
+      id: t.id || G()
+    })), Array.from(this.el.querySelectorAll(L)).forEach((a) => {
       a.scale = i;
     });
   }
@@ -316,17 +313,17 @@ class K extends y {
     this.interactionMode === "static" && this.selectionMode !== "none" && this.selectionAppearance === "border" && console.warn('selection-appearance="border" requires interaction-mode="interactive"');
   }
   handleMove(t) {
-    const { moveTo: e } = t.detail, i = t.target, l = i?.parentElement, s = Array.from(l.children).indexOf(i), r = e.element;
+    const { moveTo: e } = t.detail, i = t.target, l = i?.parentElement, s = e.element, a = Array.from(l.children).filter(v).indexOf(i);
     if (!l)
       return;
-    i.sortHandleOpen = !1, this.disconnectObserver(), r.prepend(i), M(i);
-    const a = Array.from(r.children).indexOf(i);
+    i.sortHandleOpen = !1, this.disconnectObserver(), s.prepend(i), T(i);
+    const c = Array.from(s.children).filter(v).indexOf(i);
     this.updateListItems(), this.connectObserver(), this.calciteListOrderChange.emit({
       dragEl: i,
       fromEl: l,
-      toEl: r,
-      newIndex: a,
-      oldIndex: s
+      toEl: s,
+      newIndex: c,
+      oldIndex: a
     });
   }
   handleReorder(t) {
@@ -334,47 +331,47 @@ class K extends y {
     if (!l)
       return;
     i.sortHandleOpen = !1;
-    const s = this.filteredItems.filter((h) => h.parentElement === l), r = s.length - 1, a = s.indexOf(i);
-    let n = a;
+    const s = Array.from(l.children).filter(v), n = s.length - 1, a = s.indexOf(i);
+    let r = a;
     switch (e) {
       case "top":
-        n = 0;
+        r = 0;
         break;
       case "bottom":
-        n = r;
+        r = n;
         break;
       case "up":
-        n = a === 0 ? 0 : a - 1;
+        r = a === 0 ? 0 : a - 1;
         break;
       case "down":
-        n = a === r ? r : a + 1;
+        r = a === n ? n : a + 1;
         break;
     }
     this.disconnectObserver();
-    const c = e === "up" || e === "top" ? s[n] : s[n].nextSibling;
+    const c = e === "up" || e === "top" ? s[r] : s[r].nextSibling;
     l.insertBefore(i, c), this.updateListItems(), this.connectObserver(), this.calciteListOrderChange.emit({
       dragEl: i,
       fromEl: l,
       toEl: l,
-      newIndex: n,
+      newIndex: r,
       oldIndex: a
     });
   }
   // #endregion
   // #region Rendering
   render() {
-    const { loading: t, label: e, disabled: i, dataForFilter: l, filterEnabled: s, filterPlaceholder: r, filterText: a, filterLabel: n, hasFilterActionsStart: c, hasFilterActionsEnd: h, effectiveFilterProps: o } = this;
-    return k({ disabled: this.disabled, children: d`<div class=${f(p.container)}>${this.dragEnabled ? d`<span aria-live=assertive class=${f(p.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${t ? d`<calcite-scrim class=${f(p.scrim)} .loading=${t}></calcite-scrim>` : null}<div .ariaBusy=${t} .ariaLabel=${e || ""} class=${f(p.table)} @keydown=${this.handleListKeydown} role=treegrid>${s || c || h ? d`<div class=${f(p.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${f(p.stack)}><slot name=${b.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${S.actionsStart}></slot><calcite-filter .ariaLabel=${r} .disabled=${i} .filterProps=${o} .items=${l} .label=${n} @calciteFilterChange=${this.handleFilterChange} .placeholder=${r} .scale=${this.scale} .value=${a} ${A(this.setFilterEl)}></calcite-filter><slot name=${b.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${S.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${f(p.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div><div aria-live=polite data-test-id=no-results-container .hidden=${!this.showNoResultsContainer}><slot name=${b.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
+    const { loading: t, label: e, disabled: i, dataForFilter: l, filterEnabled: s, filterPlaceholder: n, filterText: a, filterLabel: r, hasFilterActionsStart: c, hasFilterActionsEnd: m, effectiveFilterProps: o } = this;
+    return D({ disabled: this.disabled, children: d`<div class=${h(f.container)}>${this.dragEnabled ? d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${t ? d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>` : null}<div .ariaBusy=${t} .ariaLabel=${e || ""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s || c || m ? d`<div class=${h(f.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${E.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${F.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${o} .items=${l} .label=${r} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} .value=${a} ${$(this.setFilterEl)}></calcite-filter><slot name=${E.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${F.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${h(f.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div><div aria-live=polite data-test-id=no-results-container .hidden=${!this.showNoResultsContainer}><slot name=${E.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
   }
   renderItemAriaLive() {
     const { messages: t, filteredItems: e, parentListEl: i, messages: { _lang: l }, numberingSystem: s } = this;
-    return F.numberFormatOptions = {
+    return C.numberFormatOptions = {
       locale: l,
       numberingSystem: s
-    }, i ? null : d`<div aria-live=polite class=${f(p.assistiveText)}>${this.hasActiveFilter ? I("aria-filter-enabled", d`<div>${t.filterEnabled}</div>`) : null}${I("aria-item-count", d`<div>${t.total.replace("{count}", F.localize(e.length.toString()))}</div>`)}${e.length ? I("aria-item-list", d`<ol>${e.map((r) => d`<li>${r.label}</li>`)}</ol>`) : null}</div>`;
+    }, i ? null : d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter ? I("aria-filter-enabled", d`<div>${t.filterEnabled}</div>`) : null}${I("aria-item-count", d`<div>${t.total.replace("{count}", C.localize(e.length.toString()))}</div>`)}${e.length ? I("aria-item-list", d`<ol>${e.map((n) => d`<li>${n.label}</li>`)}</ol>`) : null}</div>`;
   }
 }
-x("calcite-list", K);
+A("calcite-list", W);
 export {
-  K as List
+  W as List
 };