@esri/solutions-components 0.8.5 → 0.8.6-6.2

package/dist/components/list-item.js

@@ -4,18 +4,20 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { j as slotChangeHasAssignedElement, B as getFirstTabbable, g as getElementDir, t as toAriaBoolean } from './dom.js';
+import { j as slotChangeHasAssignedElement, D as getFirstTabbable, g as getElementDir, t as toAriaBoolean } from './dom.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
-import { a as activeCellTestAttribute, b as getDepth, C as CSS, I as ICONS, S as SLOTS, g as getListItemChildren, c as getListItemChildLists, u as updateListItemChildren } from './utils3.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
+import { a as getDepth, g as getListItemChildren, b as getListItemChildLists, u as updateListItemChildren } from './utils3.js';
+import { a as activeCellTestAttribute, C as CSS, I as ICONS, S as SLOTS } from './resources4.js';
 import { d as defineCustomElement$4 } from './action.js';
 import { d as defineCustomElement$3 } from './handle.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './loader.js';
 
-const listItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-color-border-input)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";
+const listItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-color-border-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.indent{display:flex;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);margin-inline-start:var(--calcite-list-item-spacing-indent, 1.5rem)}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:stretch;padding:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-block:0px;color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xxs)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-handle,.actions-end calcite-action,.actions-end calcite-handle,.content-start calcite-action,.content-start calcite-handle,.content-end calcite-action,.content-end calcite-handle,.selection-container calcite-action,.selection-container calcite-handle,.drag-container calcite-action,.drag-container calcite-handle,.open-container calcite-action,.open-container calcite-handle{align-self:stretch}.open-container,.selection-container{cursor:pointer}.actions-start,.actions-end{padding:0px}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteListItemStyle0 = listItemCss;
 
 const focusMap = new Map();
 const listSelector = "calcite-list";
@@ -196,6 +198,7 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
             focusedEl === null || focusedEl === void 0 ? void 0 : focusedEl.focus();
         };
         this.active = false;
+        this.bordered = false;
         this.closable = false;
         this.closed = false;
         this.description = undefined;
@@ -218,7 +221,6 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
         this.effectiveLocale = "";
         this.defaultMessages = undefined;
         this.level = null;
-        this.visualLevel = null;
         this.parentListEl = undefined;
         this.openable = false;
         this.hasActionsStart = false;
@@ -264,7 +266,6 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
         const { el } = this;
         this.parentListEl = el.closest(listSelector);
         this.level = getDepth(el) + 1;
-        this.visualLevel = getDepth(el, true);
         this.setSelectionDefaults();
     }
     async componentWillLoad() {
@@ -363,14 +364,16 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
         return (h("div", { class: CSS.contentEnd, hidden: !hasContentEnd }, h("slot", { name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     renderContentBottom() {
-        const { hasContentBottom, visualLevel } = this;
-        return (h("div", { class: CSS.contentBottom, hidden: !hasContentBottom, style: { "--calcite-list-item-spacing-indent-multiplier": `${visualLevel}` } }, h("slot", { name: SLOTS.contentBottom, onSlotchange: this.handleContentBottomSlotChange })));
+        const { hasContentBottom } = this;
+        return (h("div", { class: CSS.contentBottom, hidden: !hasContentBottom }, h("slot", { name: SLOTS.contentBottom, onSlotchange: this.handleContentBottomSlotChange })));
     }
     renderDefaultContainer() {
         return (h("div", { class: {
                 [CSS.nestedContainer]: true,
                 [CSS.nestedContainerHidden]: this.openable && !this.open,
-            } }, h("slot", { onSlotchange: this.handleDefaultSlotChange, ref: (el) => (this.defaultSlotEl = el) })));
+            } }, h("slot", { onSlotchange: this.handleDefaultSlotChange,
+            // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
+            ref: (el) => (this.defaultSlotEl = el) })));
     }
     renderContentProperties() {
         const { label, description, hasCustomContent } = this;
@@ -394,19 +397,19 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
             ref: (el) => (this.contentEl = el) }, content));
     }
     render() {
-        const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode, closed, visualLevel, } = this;
+        const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode, closed, filterHidden, bordered, disabled, } = this;
         const showBorder = selectionMode !== "none" && selectionAppearance === "border";
         const borderSelected = showBorder && selected;
         const borderUnselected = showBorder && !selected;
-        return (h(Host, null, h(InteractiveContainer, { disabled: this.disabled }, h("tr", { "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
+        return (h(Host, { key: '15651b0bef6af7db01d650ff74b732db28758292' }, h(InteractiveContainer, { key: 'a0a4c2b6587a5c173710235518bf97aafc7d3b2a', disabled: disabled }, h("div", { key: 'f4dceb92cd6164d4d5445a9977aebfa9ae4073ff', class: { [CSS.wrapper]: true, [CSS.wrapperBordered]: bordered } }, h("tr", { key: '105d3b31fde1dabc1b606b25e28f9f7535367503', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS.container]: true,
                 [CSS.containerHover]: true,
                 [CSS.containerBorder]: showBorder,
                 [CSS.containerBorderSelected]: borderSelected,
                 [CSS.containerBorderUnselected]: borderUnselected,
-            }, hidden: closed, onFocus: this.focusCellNull, onFocusin: this.emitInternalListItemActive, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${visualLevel}` }, tabIndex: active ? 0 : -1,
+            }, hidden: closed || filterHidden, onFocus: this.focusCellNull, onFocusin: this.emitInternalListItemActive, onKeyDown: this.handleItemKeyDown, role: "row", tabIndex: active ? 0 : -1,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.containerEl = el) }, this.renderDragHandle(), this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), this.renderContentBottom(), this.renderDefaultContainer())));
+            ref: (el) => (this.containerEl = el) }, this.renderDragHandle(), this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), this.renderContentBottom()), h("div", { key: '2018e3a2e07547caca69c18ce58a3e19ae66b3e8', class: CSS.indent }, this.renderDefaultContainer()))));
     }
     emitCalciteInternalListItemChange() {
         this.calciteInternalListItemChange.emit();
@@ -445,9 +448,10 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return listItemCss; }
+    static get style() { return CalciteListItemStyle0; }
 }, [1, "calcite-list-item", {
         "active": [4],
+        "bordered": [4],
         "closable": [516],
         "closed": [1540],
         "description": [1],
@@ -470,7 +474,6 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLEle
         "effectiveLocale": [32],
         "defaultMessages": [32],
         "level": [32],
-        "visualLevel": [32],
         "parentListEl": [32],
         "openable": [32],
         "hasActionsStart": [32],

package/dist/components/list.js

@@ -7,9 +7,10 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { j as slotChangeHasAssignedElement, t as toAriaBoolean } from './dom.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
 import { c as createObserver } from './observers.js';
-import { u as updateListItemChildren, g as getListItemChildren, M as MAX_COLUMNS } from './utils3.js';
+import { M as MAX_COLUMNS } from './resources4.js';
+import { u as updateListItemChildren, g as getListItemChildren } from './utils3.js';
 import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent.js';
-import { S as SLOTS$1, d as defineCustomElement$1 } from './stack.js';
+import { d as defineCustomElement$1, S as SLOTS$1 } from './stack.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n.js';
 import { n as numberStringFormatter } from './locale2.js';
@@ -24,7 +25,7 @@ import { d as debounce } from './debounce.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     container: "container",
@@ -42,7 +43,8 @@ const SLOTS = {
     filterActionsEnd: "filter-actions-end",
 };
 
-const listCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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}.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%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:first-of-type){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item[data-filter]){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-color-foreground-1)}.sticky-pos th{padding:0px}.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}";
+const listCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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}.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%;border-collapse:collapse}.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-color-foreground-1)}.sticky-pos th{padding:0px}.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}";
+const CalciteListStyle0 = listCss;
 
 const listItemSelector = "calcite-list-item";
 const listItemSelectorDirect = `:scope > calcite-list-item`;
@@ -93,6 +95,10 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
                 this.calciteListChange.emit();
             }
         };
+        this.borderItems = () => {
+            const visibleItems = this.visibleItems.filter((item) => !item.filterHidden && this.allParentListItemsOpen(item));
+            visibleItems.forEach((item) => (item.bordered = item !== visibleItems[visibleItems.length - 1]));
+        };
         this.updateFilteredItems = (emit = false) => {
             const { visibleItems, filteredData, filterText } = this;
             const values = filteredData.map((item) => item.value);
@@ -100,9 +106,6 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
             const filteredItems = visibleItems.filter((item) => !filterText || values.includes(item.value)) || [];
             const visibleParents = new WeakSet();
             lastDescendantItems.forEach((listItem) => this.filterElements({ el: listItem, filteredItems, visibleParents }));
-            if (filteredItems.length > 0) {
-                this.findAncestorOfFirstFilteredItem(filteredItems);
-            }
             this.filteredItems = filteredItems;
             if (emit) {
                 this.calciteListFilter.emit();
@@ -128,23 +131,19 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         };
         this.updateListItems = debounce((emit = false) => {
             const { selectionAppearance, selectionMode, dragEnabled } = this;
-            if (!!this.parentListEl) {
-                const items = this.queryListItems(true);
-                items.forEach((item) => {
-                    item.dragHandle = dragEnabled;
-                });
-                this.setUpSorting();
-                return;
-            }
             const items = this.queryListItems();
             items.forEach((item) => {
                 item.selectionAppearance = selectionAppearance;
                 item.selectionMode = selectionMode;
             });
-            const dragItems = this.queryListItems(true);
-            dragItems.forEach((item) => {
+            const directItems = this.queryListItems(true);
+            directItems.forEach((item) => {
                 item.dragHandle = dragEnabled;
             });
+            if (!!this.parentListEl) {
+                this.setUpSorting();
+                return;
+            }
             this.listItems = items;
             if (this.filterEnabled) {
                 this.dataForFilter = this.getItemData();
@@ -154,6 +153,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
             }
             this.visibleItems = this.listItems.filter((item) => !item.closed && !item.hidden);
             this.updateFilteredItems(emit);
+            this.borderItems();
             this.focusableItems = this.filteredItems.filter((item) => !item.disabled);
             this.setActiveListItem();
             this.updateSelectedItems(emit);
@@ -219,29 +219,6 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
                 }
             }
         };
-        this.findAncestorOfFirstFilteredItem = (filteredItems) => {
-            var _a, _b;
-            (_a = this.ancestorOfFirstFilteredItem) === null || _a === void 0 ? void 0 : _a.removeAttribute("data-filter");
-            filteredItems.forEach((item) => {
-                item.removeAttribute("data-filter");
-            });
-            this.ancestorOfFirstFilteredItem = this.getTopLevelAncestorItemElement(filteredItems[0]);
-            filteredItems[0].setAttribute("data-filter", "0");
-            (_b = this.ancestorOfFirstFilteredItem) === null || _b === void 0 ? void 0 : _b.setAttribute("data-filter", "0");
-        };
-        this.getTopLevelAncestorItemElement = (el) => {
-            let closestParent = el.parentElement.closest(listItemSelector);
-            while (closestParent) {
-                const closestListItemAncestor = closestParent.parentElement.closest(listItemSelector);
-                if (closestListItemAncestor) {
-                    closestParent = closestListItemAncestor;
-                }
-                else {
-                    return closestParent;
-                }
-            }
-            return null;
-        };
         this.disabled = false;
         this.canPull = undefined;
         this.canPut = undefined;
@@ -278,6 +255,12 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     handleListItemChange() {
         this.updateListItems();
     }
+    handleCalciteListItemToggle() {
+        if (this.parentListEl) {
+            return;
+        }
+        this.borderItems();
+    }
     handleCalciteInternalFocusPreviousItem(event) {
         if (this.parentListEl) {
             return;
@@ -423,9 +406,9 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, } = this;
-        return (h(InteractiveContainer, { disabled: this.disabled }, h("div", { class: CSS.container }, this.dragEnabled ? (h("span", { "aria-live": "assertive", class: CSS.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? h("calcite-scrim", { class: CSS.scrim, loading: loading }) : null, h("table", { "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (h("thead", null, h("tr", { class: { [CSS.sticky]: true } }, h("th", { colSpan: MAX_COLUMNS }, h("calcite-stack", { class: CSS.stack }, h("slot", { name: SLOTS.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$1.actionsStart }), h("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, value: filterText,
+        return (h(InteractiveContainer, { key: 'be7d5300b720d3c2adb29ee3dec27d7b70c3e0b4', disabled: this.disabled }, h("div", { key: '1c6ff5516994d00848c331174d07ab4c7a70d5a1', class: CSS.container }, this.dragEnabled ? (h("span", { "aria-live": "assertive", class: CSS.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? h("calcite-scrim", { class: CSS.scrim, loading: loading }) : null, h("table", { key: '78bfe1d34ec213e8f0c5494784298ff67d39ec8c', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (h("thead", { class: CSS.sticky }, h("tr", null, h("th", { colSpan: MAX_COLUMNS }, h("calcite-stack", { class: CSS.stack }, h("slot", { name: SLOTS.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$1.actionsStart }), h("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, value: filterText,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFilterEl }), h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$1.actionsEnd })))))) : null, h("tbody", { class: CSS.tableContainer }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))), h("div", { "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, h("slot", { name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+            ref: this.setFilterEl }), h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$1.actionsEnd })))))) : null, h("tbody", { key: '8950cb148789530e6dad16a722c7c6077b2a5ab8', class: CSS.tableContainer }, h("slot", { key: 'a8333193d984d6534f5861a1cee0cd98744573b6', onSlotchange: this.handleDefaultSlotChange }))), h("div", { key: '2b96f30d61ac1d33e6709afe93ce259b61d1ab67', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, h("slot", { key: '12c5d5758a840ef8eb9cbc5df36b73ec7a8f3c94', name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -492,6 +475,17 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
             visibleParents,
         });
     }
+    allParentListItemsOpen(item) {
+        var _a;
+        const parentItem = (_a = item.parentElement) === null || _a === void 0 ? void 0 : _a.closest(listItemSelector);
+        if (!parentItem) {
+            return true;
+        }
+        else if (!parentItem.open) {
+            return false;
+        }
+        return this.allParentListItemsOpen(parentItem);
+    }
     updateFilteredData(emit = false) {
         const { filterEl } = this;
         if (!filterEl) {
@@ -561,7 +555,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         "selectionAppearance": ["handleListItemChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return listCss; }
+    static get style() { return CalciteListStyle0; }
 }, [1, "calcite-list", {
         "disabled": [516],
         "canPull": [16],
@@ -590,7 +584,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         "hasFilterActionsStart": [32],
         "hasFilterNoResults": [32],
         "setFocus": [64]
-    }, [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalAssistiveTextChange", "handleCalciteInternalAssistiveTextChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemSelectMultiple", "handleCalciteInternalListItemSelectMultiple"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]], {
+    }, [[0, "calciteListItemToggle", "handleCalciteListItemToggle"], [0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalAssistiveTextChange", "handleCalciteInternalAssistiveTextChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemSelectMultiple", "handleCalciteInternalListItemSelectMultiple"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]], {
         "filterText": ["handleFilterTextChange"],
         "messageOverrides": ["onMessagesChange"],
         "filterEnabled": ["handleListItemChange"],

package/dist/components/loadModules.js

@@ -21,7 +21,7 @@ import { e as esriLoader } from './esri-loader.js';
  * limitations under the License.
  */
 const loadModules = async (moduleNames, options) => {
-    const mods = await esriLoader.loadModules(moduleNames, options);
+    const mods = await esriLoader.exports.loadModules(moduleNames, options);
     return mods.map((mod) => (mod.__esModule && mod.default ? mod.default : mod));
 };
 

package/dist/components/loadModules2.js

@@ -13,9 +13,9 @@ import { e as esriLoader } from './esri-loader.js';
  *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
  */
 const loadModules = async (moduleNames, options) => {
-  esriLoader.setDefaultOptions({ url: 'https://jsdev.arcgis.com/4.29/' });
-  const mods = await esriLoader.loadModules(moduleNames, options);
-  return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
+    esriLoader.exports.setDefaultOptions({ url: 'https://js.arcgis.com/4.30/' });
+    const mods = await esriLoader.exports.loadModules(moduleNames, options);
+    return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
 };
 
 export { loadModules as l };

package/dist/components/loadable.js

@@ -8,7 +8,7 @@ import { Build, forceUpdate } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const resolveMap = new WeakMap();
 const promiseMap = new WeakMap();

package/dist/components/loader.js

@@ -6,7 +6,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
 
-const loaderCss = "@charset \"UTF-8\";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}";
+const loaderCss = "@charset \"UTF-8\";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem);will-change:contents}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}:host([type=determinate]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteLoaderStyle0 = loaderCss;
 
 const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement {
     constructor() {
@@ -45,7 +46,7 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement
         };
         const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
         const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-        return (h(Host, Object.assign({ "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})), h("div", { class: "loader__svgs" }, h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, h("circle", Object.assign({}, svgAttributes))), h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, h("circle", Object.assign({}, svgAttributes))), h("svg", Object.assign({ "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})), h("circle", Object.assign({}, svgAttributes)))), text && h("div", { class: "loader__text" }, text), isDeterminate && h("div", { class: "loader__percentage" }, value)));
+        return (h(Host, Object.assign({ key: '1042b6b24e04a6e4582947c6a544da715ff255a4', "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})), h("div", { key: '4fa16470d15e126378e330a03732e0f5f5fe12a6', class: "loader__svgs" }, h("svg", { key: 'f2f2349163dd4280309cae9a53d20596850e89ae', "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, h("circle", Object.assign({ key: 'cab1f07b5e5f275709446ee13e9a06212bc544a9' }, svgAttributes))), h("svg", { key: 'f8d6bedac7cef0c7f619eec7734a1cda1b8021db', "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, h("circle", Object.assign({ key: '778a680d0d93cdf7896c8bf225f153ea806e76ce' }, svgAttributes))), h("svg", Object.assign({ key: '80f42b04b4f0dd270c0a0f8063c9c5e6ed687b79', "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})), h("circle", Object.assign({ key: '3d4cb781a9af29810069f020aecffba667c72335' }, svgAttributes)))), text && h("div", { key: '4e7b35dddd29bbcfc4043aecd14ee22131c9f5cc', class: "loader__text" }, text), isDeterminate && h("div", { key: '396313f330b54f7f7a45ebac7ccb1cf8b8116471', class: "loader__percentage" }, value)));
     }
     //--------------------------------------------------------------------------
     //
@@ -72,7 +73,7 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement
         }[scale];
     }
     get el() { return this; }
-    static get style() { return loaderCss; }
+    static get style() { return CalciteLoaderStyle0; }
 }, [1, "calcite-loader", {
         "inline": [516],
         "label": [1],

package/dist/components/locale2.js

@@ -10,7 +10,7 @@ import { c as createObserver } from './observers.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);
 const trailingZeros = new RegExp("0+$");
@@ -217,7 +217,7 @@ function addLocalizedTrailingDecimalZeros(localizedValue, value, formatter) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const defaultLocale = "en";
 const t9nLocales = [

package/dist/components/locale3.js

@@ -8,79 +8,79 @@ import { l as languageMap } from './languageUtil.js';
 
 // https://medium.com/stencil-tricks/implementing-internationalisation-i18n-with-stencil-5e6559554117
 function getComponentClosestLanguage(element) {
-  var _a, _b, _c;
-  const closestElement = (_a = element.closest('[lang]')) !== null && _a !== void 0 ? _a : (_c = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.ownerDocument) === null || _c === void 0 ? void 0 : _c.documentElement;
-  // language set by the calling application or browser. defaults to english.
-  const lang = ((closestElement === null || closestElement === void 0 ? void 0 : closestElement.lang) || (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en').toLowerCase();
-  if (languageMap.has(lang)) {
-    return languageMap.get(lang);
-  }
-  else {
-    // "ru-RU" maps to "ru" use case
-    if (languageMap.has(lang.slice(0, 2))) {
-      return languageMap.get(lang.slice(0, 2));
+    var _a, _b, _c;
+    const closestElement = (_a = element.closest('[lang]')) !== null && _a !== void 0 ? _a : (_c = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.ownerDocument) === null || _c === void 0 ? void 0 : _c.documentElement;
+    // language set by the calling application or browser. defaults to english.
+    const lang = ((closestElement === null || closestElement === void 0 ? void 0 : closestElement.lang) || (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en').toLowerCase();
+    if (languageMap.has(lang)) {
+        return languageMap.get(lang);
     }
     else {
-      return 'en';
+        // "ru-RU" maps to "ru" use case
+        if (languageMap.has(lang.slice(0, 2))) {
+            return languageMap.get(lang.slice(0, 2));
+        }
+        else {
+            return 'en';
+        }
     }
-  }
 }
 function fetchLocaleStringsForComponent(componentName, locale) {
-  return new Promise((resolve, reject) => {
-    const t9nDir = './assets/t9n';
-    const fileName = `resources_${locale}.json`;
-    const localeFilePath = `${t9nDir}/${componentName}/${fileName}`;
-    const { href } = new URL(localeFilePath, window.location.href);
-    fetch(href).then(result => {
-      if (result.ok)
-        resolve(result.json());
-      else
-        reject();
-    }, () => reject());
-  });
+    return new Promise((resolve, reject) => {
+        const t9nDir = './assets/t9n';
+        const fileName = `resources_${locale}.json`;
+        const localeFilePath = `${t9nDir}/${componentName}/${fileName}`;
+        const { href } = new URL(localeFilePath, window.location.href);
+        fetch(href).then(result => {
+            if (result.ok)
+                resolve(result.json());
+            else
+                reject();
+        }, () => reject());
+    });
 }
 function getDefaultLanguage(intl, portal) {
-  var _a, _b;
-  // User profile - locale set in user profile
-  const userProfileLocale = (_a = portal === null || portal === void 0 ? void 0 : portal.user) === null || _a === void 0 ? void 0 : _a.culture;
-  // Browser - window.navigator.language
-  const browserLocale = (_b = window === null || window === void 0 ? void 0 : window.navigator) === null || _b === void 0 ? void 0 : _b.language;
-  // ArcGIS JS API - locale currently set in JS api
-  const jsapiLocale = intl.getLocale();
-  // Fallback locale - "en"
-  const fallbackLocale = 'en';
-  return intl.normalizeMessageBundleLocale(userProfileLocale || browserLocale || jsapiLocale || fallbackLocale);
+    var _a, _b;
+    // User profile - locale set in user profile
+    const userProfileLocale = (_a = portal === null || portal === void 0 ? void 0 : portal.user) === null || _a === void 0 ? void 0 : _a.culture;
+    // Browser - window.navigator.language
+    const browserLocale = (_b = window === null || window === void 0 ? void 0 : window.navigator) === null || _b === void 0 ? void 0 : _b.language;
+    // ArcGIS JS API - locale currently set in JS api
+    const jsapiLocale = intl.getLocale();
+    // Fallback locale - "en"
+    const fallbackLocale = 'en';
+    return intl.normalizeMessageBundleLocale(userProfileLocale || browserLocale || jsapiLocale || fallbackLocale);
 }
 async function getLocaleComponentStrings(element, locale) {
-  const componentName = element.tagName.toLowerCase();
-  const componentLanguage = locale !== null && locale !== void 0 ? locale : getComponentClosestLanguage(element);
-  let strings;
-  try {
-    strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
-  }
-  catch (e) {
-    console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
-    strings = await fetchLocaleStringsForComponent(componentName, 'en');
-  }
-  return [strings, componentLanguage];
+    const componentName = element.tagName.toLowerCase();
+    const componentLanguage = locale !== null && locale !== void 0 ? locale : getComponentClosestLanguage(element);
+    let strings;
+    try {
+        strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
+    }
+    catch (e) {
+        console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
+        strings = await fetchLocaleStringsForComponent(componentName, 'en');
+    }
+    return [strings, componentLanguage];
 }
 async function getMessages(component, messageOverrides) {
-  const messages = await getLocaleComponentStrings(component.el);
-  updateMessages(component, messages, messageOverrides);
-  const [intl] = await loadModules(['esri/intl']);
-  intl.onLocaleChange(handleOnLocaleChange(component, messageOverrides));
+    const messages = await getLocaleComponentStrings(component.el);
+    updateMessages(component, messages, messageOverrides);
+    const [intl] = await loadModules(['esri/intl']);
+    intl.onLocaleChange(handleOnLocaleChange(component, messageOverrides));
 }
 function updateMessages(component, messages, messageOverrides) {
-  component.messages = messages[0];
-  if (messageOverrides) {
-    component.messages = Object.assign(Object.assign({}, component.messages), messageOverrides);
-  }
+    component.messages = messages[0];
+    if (messageOverrides) {
+        component.messages = Object.assign(Object.assign({}, component.messages), messageOverrides);
+    }
 }
 function handleOnLocaleChange(component, messageOverrides) {
-  return async (locale) => {
-    const messages = await getLocaleComponentStrings(component.el, locale);
-    updateMessages(component, messages, messageOverrides);
-  };
+    return async (locale) => {
+        const messages = await getLocaleComponentStrings(component.el, locale);
+        updateMessages(component, messages, messageOverrides);
+    };
 }
 
 export { getDefaultLanguage as a, getLocaleComponentStrings as b, getComponentClosestLanguage as c, getMessages as g };

package/dist/components/location-flow-item.js

@@ -6,6 +6,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const locationFlowItemCss = ":host{display:block}";
+const LocationFlowItemStyle0 = locationFlowItemCss;
 
 const LocationFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class LocationFlowItem extends HTMLElement {
     constructor() {
@@ -49,10 +50,10 @@ const LocationFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class LocationFlowIt
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '4338ca2001ca75d9994cc468c3d4216724e18a36' }, h("slot", { key: 'fc9dbfade945c848e3b3c259250d7a1c02f7431d' })));
     }
     get el() { return this; }
-    static get style() { return locationFlowItemCss; }
+    static get style() { return LocationFlowItemStyle0; }
 }, [1, "location-flow-item"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/lt.js

@@ -74,4 +74,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export default locale;
+export { locale as default };

package/dist/components/lv.js

@@ -43,4 +43,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export default locale;
+export { locale as default };