@esri/solutions-components 0.10.27 → 0.10.28

package/dist/components/list.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 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 { u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { c as createObserver } from './observers.js';
 import { M as MAX_COLUMNS } from './resources4.js';
 import { u as updateListItemChildren, g as getListItemChildren } from './utils3.js';
@@ -25,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/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -63,7 +63,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         this.focusableItems = [];
         this.handleSelector = "calcite-handle";
         this.listItems = [];
-        this.mutationObserver = createObserver("mutation", () => this.updateListItems());
+        this.mutationObserver = createObserver("mutation", () => this.updateListItems({ performFilter: true }));
         this.visibleItems = [];
         this.handleDefaultSlotChange = (event) => {
             updateListItemChildren(getListItemChildren(event.target));
@@ -128,8 +128,10 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
                 value: item.value,
             }));
         };
-        this.updateListItems = debounce((emit = false) => {
-            const { selectionAppearance, selectionMode, dragEnabled, el } = this;
+        this.updateListItems = debounce((options) => {
+            const emitFilterChange = options?.emitFilterChange ?? false;
+            const performFilter = options?.performFilter ?? false;
+            const { selectionAppearance, selectionMode, dragEnabled, el, filterEl, filterEnabled } = this;
             const items = Array.from(this.el.querySelectorAll(listItemSelector));
             items.forEach((item) => {
                 item.selectionAppearance = selectionAppearance;
@@ -143,18 +145,19 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
                 return;
             }
             this.listItems = items;
-            if (this.filterEnabled) {
+            if (filterEnabled && performFilter) {
                 this.dataForFilter = this.getItemData();
-                if (this.filterEl) {
-                    this.filterEl.items = this.dataForFilter;
+                if (filterEl) {
+                    filterEl.items = this.dataForFilter;
+                    this.filterAndUpdateData();
                 }
             }
             this.visibleItems = this.listItems.filter((item) => !item.closed && !item.hidden);
-            this.updateFilteredItems(emit);
+            this.updateFilteredItems(emitFilterChange);
             this.borderItems();
             this.focusableItems = this.filteredItems.filter((item) => !item.disabled);
             this.setActiveListItem();
-            this.updateSelectedItems(emit);
+            this.updateSelectedItems();
             this.setUpSorting();
         }, debounceTimeout);
         this.focusRow = (focusEl) => {
@@ -243,14 +246,14 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     async handleFilterTextChange() {
         this.performFilter();
     }
-    async handlefilterPropsChange() {
+    async handleFilterPropsChange() {
         this.performFilter();
     }
     onMessagesChange() {
         /* wired up by t9n util */
     }
     handleListItemChange() {
-        this.updateListItems();
+        this.updateListItems({ performFilter: true });
     }
     handleCalciteListItemToggle(event) {
         if (this.parentListEl) {
@@ -350,9 +353,8 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         connectLocalized(this);
         connectMessages(this);
         this.connectObserver();
-        this.updateListItems();
+        this.updateListItems({ performFilter: true });
         this.setUpSorting();
-        connectInteractive(this);
         this.setParentList();
     }
     async componentWillLoad() {
@@ -368,7 +370,6 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     disconnectedCallback() {
         this.disconnectObserver();
         disconnectSortableComponent(this);
-        disconnectInteractive(this);
         disconnectLocalized(this);
         disconnectMessages(this);
     }
@@ -399,7 +400,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, filterProps, } = this;
-        return (h(InteractiveContainer, { key: '84991009060a8b97b9901ca97f32b32fa6e830fa', disabled: this.disabled }, h("div", { key: '27f5a904be599be5768bb1a7693111573e745e0f', 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: 'dd343a43f26edcb50f87a064a41471756a94afeb', "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, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$1.actionsEnd })))))) : null, h("tbody", { key: '90a288eea3e02d5261e369e14b687852c1ff876b', class: CSS.tableContainer }, h("slot", { key: '08992c3c5ad4d5afe86e7e1cd38327c5f4281bd1', onSlotchange: this.handleDefaultSlotChange }))), h("div", { key: '689185b56a2990e00a409ddbc4e4c135115791d3', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, h("slot", { key: '929ef7f843f5c8e7290a3cbcebea8c5c4cf38707', name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+        return (h(InteractiveContainer, { key: 'c3139afe4fe7c7462578a51a4578971c97473167', disabled: this.disabled }, h("div", { key: '5e99dc8b479c35609c5f0318723b3da84ec23ef4', 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: 'a31ba050d3141351e491141365e8244ed3ca5303', "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, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$1.actionsEnd })))))) : null, h("tbody", { key: '3ed1b8d9a4387c3ea0f4ff38e5388be35b32d89b', class: CSS.tableContainer }, h("slot", { key: '712562533b4609749cbff0968bd0a9e77d99758e', onSlotchange: this.handleDefaultSlotChange }))), h("div", { key: '3ff977013e0ca0d58229e1305dca702000d91a99', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, h("slot", { key: '7c2bf6389c8b5f4b6f617950e4068baf6b1dc358', name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -481,17 +482,20 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         if (filterEl.filteredItems) {
             this.filteredData = filterEl.filteredItems;
         }
-        this.updateListItems(emit);
+        this.updateListItems({ emitFilterChange: emit });
     }
-    async performFilter() {
+    async filterAndUpdateData() {
+        await this.filterEl?.filter(this.filterText);
+        this.updateFilteredData();
+    }
+    performFilter() {
         const { filterEl, filterText, filterProps } = this;
         if (!filterEl) {
             return;
         }
         filterEl.value = filterText;
         filterEl.filterProps = filterProps;
-        await filterEl.filter(filterText);
-        this.updateFilteredData();
+        this.filterAndUpdateData();
     }
     handleNudgeEvent(event) {
         const { handleSelector, dragSelector } = this;
@@ -535,7 +539,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     get el() { return this; }
     static get watchers() { return {
         "filterText": ["handleFilterTextChange"],
-        "filterProps": ["handlefilterPropsChange"],
+        "filterProps": ["handleFilterPropsChange"],
         "messageOverrides": ["onMessagesChange"],
         "filterEnabled": ["handleListItemChange"],
         "group": ["handleListItemChange"],
@@ -576,7 +580,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         "setFocus": [64]
     }, [[0, "calciteInternalListItemToggle", "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"],
-        "filterProps": ["handlefilterPropsChange"],
+        "filterProps": ["handleFilterPropsChange"],
         "messageOverrides": ["onMessagesChange"],
         "filterEnabled": ["handleListItemChange"],
         "group": ["handleListItemChange"],

package/dist/components/loadable.js

@@ -9,7 +9,7 @@ import { i as isBrowser } from './browser.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.
- * v2.12.2
+ * v2.13.0
  */
 const resolveMap = new WeakMap();
 const promiseMap = new WeakMap();

package/dist/components/loader.js

@@ -10,7 +10,7 @@ import { c as connectLocalized, d as disconnectLocalized } from './locale2.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.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     loader: "loader",
@@ -35,14 +35,18 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement
             }
             return this.formatter.format(this.value / 100);
         };
+        this.complete = false;
         this.inline = false;
         this.label = undefined;
         this.scale = "m";
-        this.type = undefined;
+        this.type = "indeterminate";
         this.value = 0;
         this.text = "";
         this.effectiveLocale = "";
     }
+    valueChangeHandler() {
+        this.complete = this.type.startsWith("determinate") && this.value === 100;
+    }
     //--------------------------------------------------------------------------
     //
     //  Lifecycle
@@ -55,6 +59,9 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement
     disconnectedCallback() {
         disconnectLocalized(this);
     }
+    componentWillLoad() {
+        requestAnimationFrame(() => this.valueChangeHandler());
+    }
     render() {
         const { el, inline, label, scale, text, type, value } = this;
         const id = el.id || guid();
@@ -62,23 +69,16 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement
         const size = inline ? this.getInlineSize(scale) : this.getSize(scale);
         const radius = size * radiusRatio;
         const viewbox = `0 0 ${size} ${size}`;
-        const isDeterminate = type?.startsWith("determinate");
+        const isDeterminate = type.startsWith("determinate");
         const circumference = 2 * radius * Math.PI;
         const progress = (value / 100) * circumference;
         const remaining = circumference - progress;
         const valueNow = Math.floor(value);
-        const hostAttributes = {
-            "aria-valuenow": valueNow,
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            complete: valueNow === 100,
-        };
-        const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
         const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-        return (h(Host, { key: 'b84a28c551e2484735b2cb7bad89a7a1d608fe13', "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, h("div", { key: '7ea0d6f2a742c8950cff2196bc454cc8ec3be037', class: CSS.loaderParts }, [1, 2, 3].map((index) => (h("svg", { "aria-hidden": "true", class: {
+        return (h(Host, { key: '8272bdfae9fff51b19ed8fa66197eb93b53feb4c', "aria-label": label, "aria-valuemax": isDeterminate ? "100" : undefined, "aria-valuemin": isDeterminate ? "0" : undefined, "aria-valuenow": isDeterminate ? valueNow.toString() : undefined, id: id, role: "progressbar" }, h("div", { key: '3d410c178af39bb57cc478bdd06c0392f6ba71a3', class: CSS.loaderParts }, [1, 2, 3].map((index) => (h("svg", { "aria-hidden": "true", class: {
                 [CSS.loaderPart]: true,
                 [CSS.loaderPartId(index)]: true,
-            }, key: index, viewBox: viewbox, ...(index === 3 && isDeterminate ? { style: determinateStyle } : {}) }, h("circle", { ...svgAttributes })))), isDeterminate && h("div", { key: '2732fc9cbbaade638eb6241776b2aecea6177ed5', class: CSS.loaderPercentage }, this.formatValue())), text && h("div", { key: '5050af5bb4d979e4f83ac997f0f98aa69be86f52', class: CSS.loaderText }, text)));
+            }, key: index, style: isDeterminate && index === 3 ? determinateStyle : undefined, viewBox: viewbox }, h("circle", { cx: size / 2, cy: size / 2, r: radius })))), isDeterminate && h("div", { key: '4ccc633930dee031bf769908d712df39e0677bbb', class: CSS.loaderPercentage }, this.formatValue())), text && h("div", { key: '6d0d51988bdfafee2a19faed9e14d3bda06d79b5', class: CSS.loaderText }, text)));
     }
     formatterPropsChange() {
         this.updateFormatter();
@@ -118,11 +118,13 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement
     }
     get el() { return this; }
     static get watchers() { return {
+        "value": ["valueChangeHandler"],
         "effectiveLocale": ["formatterPropsChange"],
         "type": ["formatterPropsChange"]
     }; }
     static get style() { return CalciteLoaderStyle0; }
 }, [1, "calcite-loader", {
+        "complete": [1540],
         "inline": [516],
         "label": [1],
         "scale": [513],
@@ -131,6 +133,7 @@ const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement
         "text": [1],
         "effectiveLocale": [32]
     }, undefined, {
+        "value": ["valueChangeHandler"],
         "effectiveLocale": ["formatterPropsChange"],
         "type": ["formatterPropsChange"]
     }]);

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/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 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/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const defaultLocale = "en";
 const t9nLocales = [

package/dist/components/logger.js

@@ -8,7 +8,7 @@ import { l as logLevel } from './config.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.
- * v2.12.2
+ * v2.13.0
  */
 /**
  * Exported for testing purposes only

package/dist/components/math.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/dist/components/menu.js

@@ -154,7 +154,7 @@ const CalciteMenu = /*@__PURE__*/ proxyCustomElement(class CalciteMenu extends H
         });
     }
     getEffectiveRole() {
-        return this.el.getAttribute("role") || "menubar";
+        return this.el.role || "menubar";
     }
     // --------------------------------------------------------------------------
     //
@@ -162,7 +162,7 @@ const CalciteMenu = /*@__PURE__*/ proxyCustomElement(class CalciteMenu extends H
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '6d6065316ef082e9be968dce0b495e42da835655' }, h("ul", { key: '6ec873b11665c3e3d5e2c019acd8ac60964119ec', "aria-label": this.label, role: this.getEffectiveRole() }, h("slot", { key: '9a5593e91faadc44b980f82d75c7cfa87cbb81ce', onSlotchange: this.handleMenuSlotChange }))));
+        return (h(Host, { key: '75308ac4419f7116f73975ad9ff88d25817d0522' }, h("ul", { key: 'ed22f7ab681c6e583b0b5aa720823898759687cb', "aria-label": this.label, role: this.getEffectiveRole() }, h("slot", { key: '4296d48a1a8921802458776d02e119feeaf12b3e', onSlotchange: this.handleMenuSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }

package/dist/components/modal.js

@@ -21,7 +21,7 @@ import { d as defineCustomElement$1 } from './scrim.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.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     modal: "modal",
@@ -216,16 +216,16 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
         this.embedded = false;
     }
     render() {
-        return (h(Host, { key: 'd40092ac4db27ed1c0e6daca0c14fd04ddb31d9a', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("div", { key: '4c83a7e297d6fffe5c2474470d5978f82845d6cd', class: {
+        return (h(Host, { key: 'f92cd77f4a5ad4a245ca50fe2b2bfcf9966d4ca8', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("div", { key: 'a9d348a67842162f1bc17ec8422c07963aed412d', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
                 [CSS.containerEmbedded]: this.embedded,
-            } }, h("calcite-scrim", { key: 'a44f73d132b0b98006f537830d4f4f9aa7d511cd', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { key: '3c08fd60cb8f90ba69a1293a4525fbd1c0262a02', class: {
+            } }, h("calcite-scrim", { key: '7dc3bc9220fc375522a6d390b633f9573bfa6c67', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { key: '40782ba2b6d3f086c884ace3529110e873009504', class: {
                 [CSS.modal]: true,
-            }, ref: this.setTransitionEl }, h("div", { key: '11e69d8bbc52b3cb58eccebb73729fa344b5e734', class: CSS.header }, this.renderCloseButton(), h("header", { key: '30a4fb2e0cc53ce639fb40ec1b7956b262a5884c', class: CSS.title }, h("slot", { key: '3782f2b397e46f3dd8e0d4253b1071b1d98ffb65', name: CSS.header }))), this.renderContentTop(), h("div", { key: '271a0f1f18e0e20614425005ec905201db0ec6db', class: {
+            }, ref: this.setTransitionEl }, h("div", { key: 'ea3a72ab0a0e5abae6e766d0b7b2cfce54667e86', class: CSS.header }, this.renderCloseButton(), h("header", { key: 'abe5c28d11fc6241cd6ac40adef4d94529eb9d5c', class: CSS.title }, h("slot", { key: '3d1d6ed6c0249472a00fba4128a861e6a6eae4dd', name: CSS.header }))), this.renderContentTop(), h("div", { key: '0e65dfbd175e490586518d1a4c34b9eb1dde1f01', class: {
                 [CSS.content]: true,
                 [CSS.contentNoFooter]: !this.hasFooter,
-            }, ref: (el) => (this.modalContent = el) }, h("slot", { key: 'e5e55e5af91ab8d3971cb74c005656d9beb06e2f', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
+            }, ref: (el) => (this.modalContent = el) }, h("slot", { key: 'd5f3b08e61e8e47f64fd13bc6eb7f7ed6a07b7c8', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
     }
     renderFooter() {
         return this.hasFooter ? (h("div", { class: CSS.footer, key: "footer" }, h("span", { class: CSS.back }, h("slot", { name: SLOTS.back })), h("span", { class: CSS.secondary }, h("slot", { name: SLOTS.secondary })), h("span", { class: CSS.primary }, h("slot", { name: SLOTS.primary })))) : null;

package/dist/components/navigation-user.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$1 } from './icon.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.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     textContainer: "text-container",
@@ -63,7 +63,7 @@ const CalciteNavigationUser = /*@__PURE__*/ proxyCustomElement(class CalciteNavi
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '71dafc89185ed082fa48f68f10620f680703edf7' }, h("button", { key: 'e175503f28873b42aa231f29077449da12696072', "aria-label": this.label, class: CSS.button }, h("calcite-avatar", { key: 'de83763dcb0811cd7abfdb32003e69fbaf580b6f', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (h("div", { key: 'a54fd497c59ef3ad171b2f35394a27f5dd060d64', class: CSS.textContainer }, this.fullName && (h("span", { class: CSS.fullName, key: CSS.fullName }, this.fullName)), this.username && (h("span", { class: CSS.username, key: CSS.username }, this.username)))))));
+        return (h(Host, { key: 'd848f4b0ee430fdbf74ce63be874afc055b1a48a' }, h("button", { key: 'd8187d1795407a9d12e4f2c6c3d75dba47cdf028', "aria-label": this.label, class: CSS.button }, h("calcite-avatar", { key: '3a8526feb870ed33d7eae888c71f9489d90df26f', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (h("div", { key: '111bc54b8e187a95849ed325aca22880c00d1191', class: CSS.textContainer }, this.fullName && (h("span", { class: CSS.fullName, key: CSS.fullName }, this.fullName)), this.username && (h("span", { class: CSS.username, key: CSS.username }, this.username)))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/notice.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './icon.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.
- * v2.12.2
+ * v2.13.0
  */
 const SLOTS = {
     title: "title",
@@ -106,9 +106,9 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     }
     render() {
         const { el } = this;
-        const closeButton = (h("button", { key: 'e1ec4828ecbafbba66480994b7ffe3afeb3c9753', "aria-label": this.messages.close, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, h("calcite-icon", { key: 'de50d43c230545b200d47539dfbd5be5b73e52d0', icon: "x", scale: getIconScale(this.scale) })));
+        const closeButton = (h("button", { key: '52f9306ebe945398929f68fe66615359836ba2d8', "aria-label": this.messages.close, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, h("calcite-icon", { key: 'f3601ac9547c73219661eebc7e7470db5dee7b52', icon: "x", scale: getIconScale(this.scale) })));
         const hasActionEnd = getSlotted(el, SLOTS.actionsEnd);
-        return (h("div", { key: 'c57ca2818fd2ad1982fd3a8ed6415d9128c600a7', class: CSS.container, ref: this.setTransitionEl }, this.requestedIcon ? (h("div", { class: CSS.icon }, h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, h("div", { key: '21f12ae09a6a63ead2c992013f594770d13f8dbc', class: CSS.content }, h("slot", { key: 'ed278d0ab08c60e492e019a362380e087a33f3fb', name: SLOTS.title }), h("slot", { key: 'd442f6b53b5f6002c3bee92376405fc4bca2778c', name: SLOTS.message }), h("slot", { key: '5f3da8bf6b6a3b87aa45d417ebf514918b8b2b5b', name: SLOTS.link })), hasActionEnd ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
+        return (h("div", { key: '3f8117ff7cdd08c92ce804ef4ac8af83003156a4', class: CSS.container, ref: this.setTransitionEl }, this.requestedIcon ? (h("div", { class: CSS.icon }, h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, h("div", { key: '1b614ee86618bd5ce6e8834b466baf7d2564b5a1', class: CSS.content }, h("slot", { key: '19467ed9718a78c7530c2a08c727028d565dee7b', name: SLOTS.title }), h("slot", { key: '191e71caf2f2147c62fd6b73602e41d95dc27558', name: SLOTS.message }), h("slot", { key: 'd4fbf2b8aaa980cd24c5be89c6c8a36d091658f3', name: SLOTS.link })), hasActionEnd ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/observers.js

@@ -8,7 +8,7 @@ import { i as isBrowser } from './browser.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.
- * v2.12.2
+ * v2.13.0
  */
 /**
  * This utility ensures observers are created only for browser contexts.

package/dist/components/openCloseComponent.js

@@ -9,7 +9,7 @@ import { w as whenTransitionDone } from './dom.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.
- * v2.12.2
+ * v2.13.0
  */
 /**
  * Exported for testing purposes only

package/dist/components/option.js

@@ -70,7 +70,7 @@ const Option = /*@__PURE__*/ proxyCustomElement(class Option extends HTMLElement
     //
     //--------------------------------------------------------------------------
     render() {
-        return h("slot", { key: '19660c07dc760b742b61169da73469d1579aeeaa' }, this.label);
+        return h("slot", { key: 'e5df72ac4455ee2e14c0e48a40739a9a271c9c57' }, this.label);
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/pagination.js

@@ -8,44 +8,14 @@ import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFoc
 import { n as numberStringFormatter, 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 { c as createObserver } from './observers.js';
+import { b as breakpoints } from './responsive.js';
 import { g as getIconScale } from './component.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
-/**
- * Do not edit directly
- * Generated on Wed, 01 May 2024 00:07:12 GMT
- */
-const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
-const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
-const calciteContainerSizeWidthSm = {"min":"477px","max":"768px"}; // Small tablets
-const calciteContainerSizeWidthMd = {"min":"769px","max":"1152px"}; // Small laptops
-const calciteContainerSizeWidthLg = {"min":"1153px","max":"1440px"}; // Large laptops and desktop computers
-
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
- */
-/**
- * A breakpoints lookup object.
- */
-const breakpoints = {
-    width: {
-        large: cssLengthToNumber(calciteContainerSizeWidthLg.max),
-        medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),
-        small: cssLengthToNumber(calciteContainerSizeWidthSm.max),
-        xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),
-        xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),
-    },
-};
-function cssLengthToNumber(length) {
-    return parseInt(length);
-}
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     list: "list",
@@ -130,8 +100,6 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
     }
     effectiveLocaleChange() {
         updateMessages(this, this.effectiveLocale);
-    }
-    effectiveLocaleWatcher() {
         numberStringFormatter.numberFormatOptions = {
             locale: this.effectiveLocale,
             numberingSystem: this.numberingSystem,
@@ -368,7 +336,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
             }, disabled: disabled, key: "last-button", onClick: this.lastClicked }, h("calcite-icon", { flipRtl: true, icon: ICONS.last, scale: getIconScale(this.scale) }))) : null;
     }
     render() {
-        return (h("ul", { key: 'ee5a898e84af24815e101e3ff982da5ec35fda0d', class: CSS.list }, h("li", { key: '67145459b1798da17eef2a9a196bad7e59108641', class: CSS.listItem }, this.renderFirstChevron()), h("li", { key: 'e3df5d1cf46b191e845c4c0035d80c5d168d2a37', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), h("li", { key: '6b9f3c4bc94b81c160ddcf793e8dd768876d2e9e', class: CSS.listItem }, this.renderNextChevron()), h("li", { key: 'eddb879ffbcaf4623251c71d4ac262b300fe2129', class: CSS.listItem }, this.renderLastChevron())));
+        return (h("ul", { key: 'bdbae7054c4304e91f36809a1131a72551a49679', class: CSS.list }, h("li", { key: '14844fcc6ece08896432cfa31c85f84a9de8d992', class: CSS.listItem }, this.renderFirstChevron()), h("li", { key: '3146daaad99dd8e05637788ea6bfe0cc89b32ac7', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), h("li", { key: '6adbec5c7e7e11aec1937a4d188066f1c999d20c', class: CSS.listItem }, this.renderNextChevron()), h("li", { key: '3574dbf73b6cbbc9048c18a93d2990a649040a41', class: CSS.listItem }, this.renderLastChevron())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -377,7 +345,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         "messageOverrides": ["onMessagesChange"],
         "totalItems": ["handleTotalPages", "handleLastStartItemChange"],
         "pageSize": ["handleTotalPages", "handleLastStartItemChange"],
-        "effectiveLocale": ["effectiveLocaleChange", "effectiveLocaleWatcher"],
+        "effectiveLocale": ["effectiveLocaleChange"],
         "totalPages": ["handleLastStartItemChange"],
         "maxItems": ["handleIsXXSmall"]
     }; }
@@ -405,7 +373,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         "messageOverrides": ["onMessagesChange"],
         "totalItems": ["handleTotalPages", "handleLastStartItemChange"],
         "pageSize": ["handleTotalPages", "handleLastStartItemChange"],
-        "effectiveLocale": ["effectiveLocaleChange", "effectiveLocaleWatcher"],
+        "effectiveLocale": ["effectiveLocaleChange"],
         "totalPages": ["handleLastStartItemChange"],
         "maxItems": ["handleIsXXSmall"]
     }]);