@esri/solutions-components 0.10.3 → 0.10.5

package/dist/esm/calcite-filter_5.entry.js

@@ -4,25 +4,25 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-e3f04fa1.js';
-import { f as filter } from './filter-9ecc3a4c.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-8a1c50b8.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c3166a45.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-f6556a2c.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-22159fb9.js';
+import { f as filter } from './filter-4fc9cd19.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-1d03c7ff.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-53748f98.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-5371b7ab.js';
+import { D as DEBOUNCE } from './resources-3bc82696.js';
 import { d as debounce } from './debounce-6e9ade8c.js';
-import { t as toAriaBoolean, s as slotChangeHasAssignedElement, E as getFirstTabbable, a as getElementDir } from './dom-adaa346d.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import { M as MAX_COLUMNS, a as activeCellTestAttribute, I as ICONS$2, C as CSS$4, S as SLOTS$2 } from './resources-adbe351f.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-065a4e74.js';
-import './browser-f1924ed5.js';
-import './key-bc256b99.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
+import { t as toAriaBoolean, s as slotChangeHasAssignedElement, F as getFirstTabbable, a as getElementDir } from './dom-982585e7.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { M as MAX_COLUMNS, a as activeCellTestAttribute, I as ICONS$2, C as CSS$4, S as SLOTS$2 } from './resources-098ed485.js';
+import { i as isBrowser } from './browser-8c71dd57.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-173802fd.js';
+import './key-7f394a98.js';
+import './guid-5c959cfd.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.10.1
+ * v2.11.1
  */
 const CSS$3 = {
     container: "container",
@@ -32,7 +32,6 @@ const ICONS$1 = {
     search: "search",
     close: "x",
 };
-const DEBOUNCE_TIMEOUT = 250;
 
 const filterCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-color-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteFilterStyle0 = filterCss;
@@ -47,7 +46,7 @@ const Filter = class {
         //
         // --------------------------------------------------------------------------
         this.filterDebounced = debounce((value, emit = false, onFilter) => this.items.length &&
-            this.updateFiltered(filter(this.items, value, this.filterProps), emit, onFilter), DEBOUNCE_TIMEOUT);
+            this.updateFiltered(filter(this.items, value, this.filterProps), emit, onFilter), DEBOUNCE.filter);
         this.inputHandler = (event) => {
             const target = event.target;
             this.value = target.value;
@@ -164,7 +163,7 @@ const Filter = class {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, scale } = this;
-        return (h(InteractiveContainer, { key: 'f22271e30b567b7d88898e0c1c6d2131d3eecdba', disabled: disabled }, h("div", { key: 'ce9ca2a8669e825fc0a9bb6bbb64e14054e80308', class: CSS$3.container }, h("label", { key: '031e40138a6dc0c2ad814e73e2fd7e24ea03f017' }, h("calcite-input", { key: 'd66d58ea14ed30279b8b2ea063651a53d4cf0a0d', clearable: true, disabled: disabled, icon: ICONS$1.search, label: this.messages.label, messageOverrides: { clear: this.messages.clear }, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
+        return (h(InteractiveContainer, { key: '45e216d51b5b12ddc4295ade0be6dd451aeef851', disabled: disabled }, h("div", { key: '72a041cd4c1a9afcc3e20dc48719024fa0bd91d8', class: CSS$3.container }, h("label", { key: '94096613f5abe9d5334b47986556a7d8aaac4556' }, h("calcite-input", { key: 'cb61179b03fca1436146f80a96adc6177fb92a2e', clearable: true, disabled: disabled, icon: ICONS$1.search, label: this.messages.label, messageOverrides: { clear: this.messages.clear }, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
                 this.textInput = el;
             }, scale: scale, type: "text", value: this.value })))));
     }
@@ -184,7 +183,7 @@ Filter.style = CalciteFilterStyle0;
 /*!
  * 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.10.1
+ * v2.11.1
  */
 const CSS$2 = {
     handle: "handle",
@@ -343,11 +342,11 @@ const Handle = class {
     render() {
         return (
         // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
-        h("span", { key: '1b435a33669241997f126e273bd36801182a0ce5', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS$2.handle]: true, [CSS$2.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        h("span", { key: 'fc7e1d455dfa8a6815cfbfaead80624a02980bf0', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS$2.handle]: true, [CSS$2.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
                 this.handleButton = el;
             },
             // role of radio is being applied to allow space key to select in screen readers
-            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, h("calcite-icon", { key: 'da7f46a07a28eab86153f1a04a8f82f4d7b3a0c6', icon: ICONS.drag, scale: "s" })));
+            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, h("calcite-icon", { key: 'c1c1a14e910437abf1e6860815d12e3f11835a63', icon: ICONS.drag, scale: "s" })));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -366,7 +365,7 @@ Handle.style = CalciteHandleStyle0;
 /*!
  * 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.10.1
+ * v2.11.1
  */
 const listSelector$1 = "calcite-list";
 const listItemGroupSelector = "calcite-list-item-group";
@@ -392,6 +391,9 @@ function updateListItemChildren(listItemChildren) {
     });
 }
 function getDepth(element, includeGroup = false) {
+    if (!isBrowser()) {
+        return 0;
+    }
     const expression = includeGroup
         ? "ancestor::calcite-list-item | ancestor::calcite-list-item-group"
         : "ancestor::calcite-list-item";
@@ -402,7 +404,7 @@ function getDepth(element, includeGroup = false) {
 /*!
  * 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.10.1
+ * v2.11.1
  */
 const CSS$1 = {
     container: "container",
@@ -422,7 +424,7 @@ const SLOTS$1 = {
 /*!
  * 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.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -794,7 +796,7 @@ const List = class {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, filterProps, } = this;
-        return (h(InteractiveContainer, { key: '4fb7e06d6768d6dd269f2b3e3d0db5a0b6048a6a', disabled: this.disabled }, h("div", { key: '5f5b87d0757b1f56d4e8b86c17d19fc57058e315', 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: '651c93301fb891e686a13af7de6bfd05e1a91fc5', "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: 'fb94267a3fe03d881f66c8229b914f574b50a303', class: CSS.tableContainer }, h("slot", { key: '8df0eacdb5ac1a9f2ed9b7473f3d8873f7d0460f', onSlotchange: this.handleDefaultSlotChange }))), h("div", { key: '0dd2a889aad47a97d19b6dd088670adc240a4060', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, h("slot", { key: '114e48b20ea274a1f5e25a5777d51f7425c021f1', name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+        return (h(InteractiveContainer, { key: '835ad7cd3b23dafd88ecb2b203da9cb0ed5c608a', disabled: this.disabled }, h("div", { key: 'd3a24de65bb88f763d5ea1ac28366ed17fa5b1aa', 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: 'dfeccafe1a193d11e322834ff2c192fd451695eb', "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: '0c7eac45016250148863ffcb8159944dae887c64', class: CSS.tableContainer }, h("slot", { key: '64c8f6a0ffa7a2179fbb0289bf79f3b5c76b55fc', onSlotchange: this.handleDefaultSlotChange }))), h("div", { key: '91fd4c27deb58481fb0be8117c13f93efc9abb16', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, h("slot", { key: '4090a37ff3323e58bdbfe98c773338b03696bbfc', name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -1319,7 +1321,7 @@ const ListItem = class {
         const showBorder = selectionMode !== "none" && selectionAppearance === "border";
         const borderSelected = showBorder && selected;
         const borderUnselected = showBorder && !selected;
-        return (h(Host, { key: '0ad7f6606712fcb789d833c2a8226e2492f02d9b' }, h(InteractiveContainer, { key: 'f908e68db67b02be4cc99007713188e28c47a4ff', disabled: disabled }, h("div", { key: '565126927033a03940fcc09bcf26114029ee592a', class: { [CSS$4.wrapper]: true, [CSS$4.wrapperBordered]: bordered } }, h("tr", { key: '8268f9c8efc3c754114ac2213d4b30dfa620897b', "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: '2bdaf5ae9ff5694d5efd860a345a6f1a8c94e007' }, h(InteractiveContainer, { key: 'dbd29243dfff02519b4f79c71cc9afbd203560ea', disabled: disabled }, h("div", { key: '6348bef9e84621e00c8fe8c52877c87ec1c91726', class: { [CSS$4.wrapper]: true, [CSS$4.wrapperBordered]: bordered } }, h("tr", { key: '9c93f58bda94e540e30655dd23d5c8b747e1dad4', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS$4.container]: true,
                 [CSS$4.containerHover]: true,
                 [CSS$4.containerBorder]: showBorder,
@@ -1425,7 +1427,7 @@ const Stack = class {
         return (h("div", { class: CSS$1.contentEnd, hidden: !hasContentEnd }, h("slot", { name: SLOTS$1.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     render() {
-        return (h(Host, { key: '492c80b97264841866409c59337d0cf189f4d818' }, h("div", { key: 'a5c669572afa0de9029c4eb8104c58e226e71e4b', class: CSS$1.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (h(Host, { key: '77243a78e7e5f05ef2fa43193460dc3b0a63afb8' }, h("div", { key: '761521ceb58a4d186a1aff5889e29db18e5f5f4d', class: CSS$1.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
 };
 Stack.style = CalciteStackStyle0;

package/dist/esm/calcite-flow_6.entry.js

@@ -4,19 +4,19 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, g as getElement, c as createEvent, H as Host, F as Fragment } from './index-e3f04fa1.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-c3166a45.js';
-import { a as getElementDir } from './dom-adaa346d.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-8a1c50b8.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-22159fb9.js';
-import { S as SLOTS$1 } from './resources-574c2851.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-869378d9.js';
+import { a as getElementDir } from './dom-982585e7.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-1d03c7ff.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-5371b7ab.js';
+import { S as SLOTS$1 } from './resources-98bf974e.js';
 import { l as loadModules, f as formatNumber, g as getLocaleComponentStrings } from './locale-7162b55a.js';
 import { a as getAllLayers, g as getLayerOrTable, b as getAllTables, d as getMapLayerHash } from './mapViewUtils-3e3d33ea.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
-import './browser-f1924ed5.js';
-import './key-bc256b99.js';
+import './browser-8c71dd57.js';
+import './guid-5c959cfd.js';
+import './resources-3bc82696.js';
+import './key-7f394a98.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
@@ -24,7 +24,7 @@ import './interfaces-659e3836.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.10.1
+ * v2.11.1
  */
 const CSS$1 = {
     frame: "frame",
@@ -153,7 +153,7 @@ const Flow = class {
             [CSS$1.frameAdvancing]: flowDirection === "advancing",
             [CSS$1.frameRetreating]: flowDirection === "retreating",
         };
-        return (h("div", { key: '9d405841d7a1ee2d7a5da28c02ef8d5bf08dd9f5', class: frameDirectionClasses }, h("slot", { key: 'a02231a5002f8b19542e03529aad12771787b26f' })));
+        return (h("div", { key: '3d91e0e8d0ffb94e3e8d563e3b34b47b23b3987b', class: frameDirectionClasses }, h("slot", { key: 'fb32070e340ba86196b5150d2bcc884ac2d94901' })));
     }
     get el() { return getElement(this); }
 };
@@ -162,7 +162,7 @@ Flow.style = CalciteFlowStyle0;
 /*!
  * 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.10.1
+ * v2.11.1
  */
 const CSS = {
     backButton: "back-button",
@@ -173,6 +173,7 @@ const ICONS = {
 };
 const SLOTS = {
     actionBar: "action-bar",
+    alerts: "alerts",
     contentTop: "content-top",
     contentBottom: "content-bottom",
     headerActionsStart: "header-actions-start",
@@ -207,6 +208,7 @@ const FlowItem = class {
         };
         this.handlePanelClose = (event) => {
             event.stopPropagation();
+            this.closed = true;
             this.calciteFlowItemClose.emit();
         };
         this.handlePanelToggle = (event) => {
@@ -229,6 +231,7 @@ const FlowItem = class {
         this.collapseDirection = "down";
         this.collapsible = false;
         this.beforeBack = undefined;
+        this.beforeClose = undefined;
         this.description = undefined;
         this.disabled = false;
         this.heading = undefined;
@@ -238,6 +241,7 @@ const FlowItem = class {
         this.messageOverrides = undefined;
         this.messages = undefined;
         this.overlayPositioning = "absolute";
+        this.scale = "m";
         this.showBackButton = false;
         this.defaultMessages = undefined;
         this.effectiveLocale = "";
@@ -322,8 +326,8 @@ const FlowItem = class {
         return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "flow-back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: "header-actions-start", text: label, title: label })) : null;
     }
     render() {
-        const { collapsed, collapseDirection, collapsible, closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, overlayPositioning, } = this;
-        return (h(Host, { key: '386f2c2d780c8b3a1be28a8680b6f99c9ded37e6' }, h(InteractiveContainer, { key: '6e80e71a06923e966ac75f8b8c172586444e3ccb', disabled: disabled }, h("calcite-panel", { key: '175b4bcfdecb5b4c59d5c76db6fcae7975ee5884', closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, onCalcitePanelToggle: this.handlePanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef }, this.renderBackButton(), h("slot", { key: '6e0ac6b3c3b62a5be7a6a21fbe55e56c1d4ad90a', name: SLOTS.actionBar, slot: SLOTS$1.actionBar }), h("slot", { key: 'b2036686e62d9b5c8ecc39e8ee025e98798d7dec', name: SLOTS.headerActionsStart, slot: SLOTS$1.headerActionsStart }), h("slot", { key: '66c09bbb9cd21327a9cc04b3046c5264b475a77d', name: SLOTS.headerActionsEnd, slot: SLOTS$1.headerActionsEnd }), h("slot", { key: 'cd02bc580db5ecdd98b0bbbfa99655871c04bda4', name: SLOTS.headerContent, slot: SLOTS$1.headerContent }), h("slot", { key: 'b855684ce946c66b4c13756abd1865ab420715f0', name: SLOTS.headerMenuActions, slot: SLOTS$1.headerMenuActions }), h("slot", { key: 'f1d29575abbdb582c04d674dfef7f4a9d385da10', name: SLOTS.fab, slot: SLOTS$1.fab }), h("slot", { key: '3033128596131e0f1fd62b28cba07957d1707d0c', name: SLOTS.contentTop, slot: SLOTS$1.contentTop }), h("slot", { key: 'c8cf03fbacebe288afc909b9c8989242c201df8c', name: SLOTS.contentBottom, slot: SLOTS$1.contentBottom }), h("slot", { key: '09e19f66b3a855689539dc511b1b826830a90283', name: SLOTS.footer, slot: SLOTS$1.footer }, h("slot", { key: 'e7519384a44ee5f1f19d9747c44007ca7b95f4c8', name: SLOTS.footerStart, slot: SLOTS$1.footerStart }), h("slot", { key: 'abd54ab99d62783f603118361bda307c3d108af0', name: SLOTS.footerEnd, slot: SLOTS$1.footerEnd })), h("slot", { key: '9319eff4559e39701a1f838c1add5b8f57f01f2b', name: SLOTS.footerActions, slot: SLOTS$1.footerActions }), h("slot", { key: 'bd1cc6da3068868bfaf3ba8a0e524d0d138db940' })))));
+        const { collapsed, collapseDirection, collapsible, closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, overlayPositioning, beforeClose, } = this;
+        return (h(Host, { key: '10a182247900f88d506ad09184e6ece24f432286' }, h(InteractiveContainer, { key: '457baca75f34051cbeb62b40f770d81c6e2b6565', disabled: disabled }, h("calcite-panel", { key: 'f3ac8082ae34e8fb99c0384c75de1075a8630115', beforeClose: beforeClose, closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, onCalcitePanelToggle: this.handlePanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef, scale: this.scale }, this.renderBackButton(), h("slot", { key: '86e59d53193c52fa13f3b15edd422f6dccebce08', name: SLOTS.actionBar, slot: SLOTS$1.actionBar }), h("slot", { key: '016695b76033387057b952da658a19fa961e3038', name: SLOTS.alerts, slot: SLOTS$1.alerts }), h("slot", { key: '0a937c9ee0e192e24ef199c3d7f072628b6b687c', name: SLOTS.headerActionsStart, slot: SLOTS$1.headerActionsStart }), h("slot", { key: 'ce0b888b00b9c5ced046bb23fb4ea47230e24455', name: SLOTS.headerActionsEnd, slot: SLOTS$1.headerActionsEnd }), h("slot", { key: '7af455d66b2fe6d3a55dd54543d1e96e584eb7ca', name: SLOTS.headerContent, slot: SLOTS$1.headerContent }), h("slot", { key: 'f101ed5cc74987b375f22f3f9313fe68b3adb39b', name: SLOTS.headerMenuActions, slot: SLOTS$1.headerMenuActions }), h("slot", { key: '5a923bbbbeb67a69053145c36c0fd03dbb82c048', name: SLOTS.fab, slot: SLOTS$1.fab }), h("slot", { key: 'db2116031a390dfcb0c772a5b69b29caf11c61b2', name: SLOTS.contentTop, slot: SLOTS$1.contentTop }), h("slot", { key: '77d01f9d1be7cc5fbcecc694fca82616eaec4251', name: SLOTS.contentBottom, slot: SLOTS$1.contentBottom }), h("slot", { key: 'ed461c9b6efb646147a54a56238e0d5259505e60', name: SLOTS.footerStart, slot: SLOTS$1.footerStart }), h("slot", { key: 'f00171d0b49f373bb5f705b1f51b08a783a2081a', name: SLOTS.footer, slot: SLOTS$1.footer }), h("slot", { key: '0a62333c3642433517f42852c900b4e33d64df10', name: SLOTS.footerEnd, slot: SLOTS$1.footerEnd }), h("slot", { key: '2bc94a266a195140c504e8de5eb60b2860bcd1e2', name: SLOTS.footerActions, slot: SLOTS$1.footerActions }), h("slot", { key: 'dc6f25a4107d0bc8e0fa1cb3a4103f44717aacdd' })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

package/dist/esm/calcite-icon.entry.js

@@ -4,15 +4,16 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-adaa346d.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-982585e7.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { i as isBrowser } from './browser-8c71dd57.js';
+import './guid-5c959cfd.js';
+import './resources-3bc82696.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.10.1
+ * v2.11.1
  */
 const CSS = {
     icon: "icon",
@@ -22,7 +23,7 @@ const CSS = {
 /*!
  * 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.10.1
+ * v2.11.1
  */
 /**
  * Icon data cache.
@@ -143,7 +144,7 @@ const Icon = class {
         const size = scaleToPx[scale];
         const semantic = !!textLabel;
         const paths = [].concat(pathData || "");
-        return (h(Host, { key: 'c96ce47b404bd4f75deb2261a37963679b818452', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { key: '614da909e3822ade4a056af0180bb21e9eba9ad2', "aria-hidden": "true", class: {
+        return (h(Host, { key: 'cc43afdebd39df596be0a30677a9be5ba0db4fe0', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { key: 'a40833fc10f8bb7f287eb0c75f7437cb18880603', "aria-hidden": "true", class: {
                 [CSS.flipRtl]: dir === "rtl" && flipRtl,
                 svg: true,
             }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
@@ -155,7 +156,7 @@ const Icon = class {
     //--------------------------------------------------------------------------
     async loadIconPathData() {
         const { icon, scale, visible } = this;
-        if (!icon || !visible) {
+        if (!isBrowser() || !icon || !visible) {
             return;
         }
         const fetchIconProps = { icon, scale };

package/dist/esm/calcite-inline-editable.entry.js

@@ -4,23 +4,23 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e3f04fa1.js';
-import { g as getSlotted } from './dom-adaa346d.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-8a1c50b8.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-82bcd527.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c3166a45.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-22159fb9.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
-import './browser-f1924ed5.js';
-import './component-ea2e5ffe.js';
-import './key-bc256b99.js';
+import { g as getSlotted } from './dom-982585e7.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-1d03c7ff.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-38802319.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-5371b7ab.js';
+import './guid-5c959cfd.js';
+import './resources-3bc82696.js';
+import './browser-8c71dd57.js';
+import './component-e3f05da5.js';
+import './key-7f394a98.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.10.1
+ * v2.11.1
  */
 const CSS = {
     wrapper: "wrapper",
@@ -171,12 +171,12 @@ const InlineEditable = class {
         updateHostInteraction(this);
     }
     render() {
-        return (h(InteractiveContainer, { key: '9d804b289b009024155d985a82cbca393acc3d99', disabled: this.disabled }, h("div", { key: 'b9cfaa90b5b8d805164ff3cd411ebd711bc697fa', class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { key: '04f0184aff5d1c69ccddb53d9772dc335ea8b94d', class: CSS.inputWrapper }, h("slot", { key: '2bd11ced5206f298130447ac4ae078eff6d78aa9' })), h("div", { key: '54ce37f7263519eefe47dd92cc7b5a5ce46b22bf', class: CSS.controlsWrapper }, h("calcite-button", { key: '3e587e9c886d0c59a790f2011b836d557a0d4f9b', appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
+        return (h(InteractiveContainer, { key: 'd93607e37bf516e5fa3726e8e4715c64113b771c', disabled: this.disabled }, h("div", { key: '5b0b9dae803d012be8a1b716659f424e9f8100f3', class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { key: '3036a2f71c798fb649867b435702d28fcc56b93e', class: CSS.inputWrapper }, h("slot", { key: 'def90e123156ccc1bfd762ab352bca6b90324f03' })), h("div", { key: '090a1a87210cbfafd5e2e45ab09805f2523f46ac', class: CSS.controlsWrapper }, h("calcite-button", { key: 'c45936623bed1a6a10e3fb72e15dd3bd632cf8f1', appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
                 opacity: this.editingEnabled ? "0" : "1",
                 width: this.editingEnabled ? "0" : "inherit",
             }, type: "button" }), this.shouldShowControls && [
-            h("div", { key: 'fe8561923218638a825642cb63cc917c5ea7dd24', class: CSS.cancelEditingButtonWrapper }, h("calcite-button", { key: '821b37b750bd5418a15701217d12debb4e79adbf', appearance: "transparent", class: CSS.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
-            h("calcite-button", { key: '2a6dc4c239b7510397ec2d2a7d609a9d7747a49d', appearance: "solid", class: CSS.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
+            h("div", { key: 'da8516b462c97bc00e261c6e6959a26bdb8c5312', class: CSS.cancelEditingButtonWrapper }, h("calcite-button", { key: 'd19dba3fad6d1933a212e331aeb1b51c2b480397', appearance: "transparent", class: CSS.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
+            h("calcite-button", { key: 'e487af0adfa1ea3da2cd0ec9f39a88fe19c682ed', appearance: "solid", class: CSS.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
         ]))));
     }
     //--------------------------------------------------------------------------

package/dist/esm/calcite-input-number.entry.js

@@ -4,26 +4,26 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { g as getSlotted, i as isPrimaryPointerButton, z as setRequestedIcon, a as getElementDir } from './dom-adaa346d.js';
-import { s as submitForm, c as connectForm, i as internalHiddenInputInputEvent, d as disconnectForm, H as HiddenFormInputSlot } from './form-ff4cee81.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-8a1c50b8.js';
-import { n as numberKeys } from './key-bc256b99.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-82bcd527.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-c3166a45.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, e as addLocalizedTrailingDecimalZeros, c as connectLocalized, d as disconnectLocalized, B as BigDecimal } from './locale-f6556a2c.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import { C as CSS_UTILITY } from './resources-60c8dbbc.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-22159fb9.js';
-import { g as getIconScale } from './component-ea2e5ffe.js';
-import { V as Validation } from './Validation-ee7ac6f8.js';
-import { s as syncHiddenFormInput } from './input-3466d6d7.js';
-import './guid-58589598.js';
-import './browser-f1924ed5.js';
+import { g as getSlotted, i as isPrimaryPointerButton, z as setRequestedIcon, a as getElementDir } from './dom-982585e7.js';
+import { s as submitForm, c as connectForm, i as internalHiddenInputInputEvent, d as disconnectForm, H as HiddenFormInputSlot } from './form-9827fc54.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-1d03c7ff.js';
+import { n as numberKeys } from './key-7f394a98.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-38802319.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-869378d9.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, e as addLocalizedTrailingDecimalZeros, c as connectLocalized, d as disconnectLocalized, B as BigDecimal } from './locale-53748f98.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { C as CSS_UTILITY } from './resources-3bc82696.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-5371b7ab.js';
+import { g as getIconScale } from './component-e3f05da5.js';
+import { V as Validation } from './Validation-8ddc15e3.js';
+import { s as syncHiddenFormInput } from './input-bf439d4b.js';
+import './guid-5c959cfd.js';
+import './browser-8c71dd57.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.10.1
+ * v2.11.1
  */
 const CSS = {
     loader: "loader",
@@ -581,27 +581,27 @@ const InputNumber = class {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (h("div", { key: '792a159864fecad5a3f8f8a12f99da26bf7d978b', class: CSS.loader }, h("calcite-progress", { key: '0be46f7aeed43519c2f12c8991257e94151035f3', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (h("button", { key: '4b5cd4a3b1dcfc52ec2e543a4c72a4407f1a7428', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'd89fa3a009124fe451f5a82e913f89d80ebd3b9a', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (h("calcite-icon", { key: 'ddde33f2e405f17561a000cdc48c3736a4117ac3', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (h("div", { key: '4d832947b4a683a0c74473a481e15eda1c3e6c6f', class: CSS.loader }, h("calcite-progress", { key: '90103aab3b5ab29cea99511b93ecfc52c2b20545', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (h("button", { key: '409e8c4235cd733abfe5b46a499ec439432f0dda', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'e4ade48bc9c6862d64e08674cb2784f230ce4980', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (h("calcite-icon", { key: 'dc6ce1cb7824c236d776124be25584f1c976f495', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (h("button", { key: '0fd04a0153c74c1fc81892dd4dbe5a31f67f4eb9', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (h("button", { key: 'd08c3ea83d6e00bf97f1e3f3d41a2caf4fb7d5eb', "aria-hidden": "true", class: {
                 [CSS.numberButtonItem]: true,
                 [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '2b12b651f53d4a519518efe84e5bc84f97f9dbe1', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (h("button", { key: 'cb046f61566d5bd316c60aed147877b7bb3cf634', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '7b55738e70f5aabdac824650fd6314f915b234a0', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (h("button", { key: 'ed7abdf5e2eda7091f34e3808dd15f9090163564', "aria-hidden": "true", class: {
                 [CSS.numberButtonItem]: true,
                 [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '65930ea168d80198101844d692dbcfbb639dd97a', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (h("div", { key: '57f22f634162c4e3c377c54cd65b42d71f4ad266', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = h("div", { key: '7af4c5da294fb0d8e275ce440a98ed9f51326657', class: CSS.prefix }, this.prefixText);
-        const suffixText = h("div", { key: 'ef579965ea46806676af208a2ee31e5e69c9be89', class: CSS.suffix }, this.suffixText);
-        const childEl = (h("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode"), key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.displayedValue }));
-        return (h(Host, { key: '81ff4a340635b293add9a060e5c7ea3891e36701', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'f14b00b8b0e94e81714adc7059f47e07fa7c8867', disabled: this.disabled }, h("div", { key: '06c06fa7b1f19090152dedf758ef808509b29e6b', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '15c36fc1408a3c814a9fa5aa1b590fa02a29d7e3', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (h("div", { key: 'a48133c6f0b067b5088731a663dfcfff4c1a06ba', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = h("div", { key: '6b2099f39bbc08ef8d7e1540113d2bff6adb0798', class: CSS.prefix }, this.prefixText);
+        const suffixText = h("div", { key: '83f015b4af8dedb12d9d27bbe9a26d9ac9bc5052', class: CSS.suffix }, this.suffixText);
+        const childEl = (h("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode") || "decimal", key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.displayedValue }));
+        return (h(Host, { key: 'c24ad59519e7a556c17d73e9f4e1def1e1dd3eb8', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '261dc376e7919a788656e281892ed421da04e696', disabled: this.disabled }, h("div", { key: 'e85dd19739baab9d11bcccd95b8f1ada51d25133', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, h("div", { key: 'a9e3fe40c6ae6f6917b76645ab53fd93c14ce6de', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '99b7ed45a27506f9fd8ae635c1817eb328c579ff', class: CSS.actionWrapper }, h("slot", { key: 'd1d9025fd4de24400ee2c708e9bfad747e5afaed', name: SLOTS.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, h("div", { key: 'cd657c99a89880a9525701c2826f2165aab1a42a', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: 'e653c7789da412239b7cc537857a131ac3670f3f', class: CSS.actionWrapper }, h("slot", { key: 'fc7ada3995cd15aa51f5f510a785c2b8bd9ee9a5', name: SLOTS.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, h(HiddenFormInputSlot, { key: '5e981eb0204b50b3262f7b6cce7162ff4729e08e', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, h(HiddenFormInputSlot, { key: '2b7e0a60096c93a3d5708b1214376621b7acbedc', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

package/dist/esm/calcite-input-text.entry.js

@@ -4,26 +4,26 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { g as getSlotted, z as setRequestedIcon, a as getElementDir } from './dom-adaa346d.js';
-import { s as submitForm, c as connectForm, i as internalHiddenInputInputEvent, d as disconnectForm, H as HiddenFormInputSlot } from './form-ff4cee81.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-8a1c50b8.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-82bcd527.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c3166a45.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import { C as CSS_UTILITY } from './resources-60c8dbbc.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-22159fb9.js';
-import { g as getIconScale } from './component-ea2e5ffe.js';
-import { V as Validation } from './Validation-ee7ac6f8.js';
-import { s as syncHiddenFormInput } from './input-3466d6d7.js';
-import './guid-58589598.js';
-import './browser-f1924ed5.js';
-import './key-bc256b99.js';
+import { g as getSlotted, z as setRequestedIcon, a as getElementDir } from './dom-982585e7.js';
+import { s as submitForm, c as connectForm, i as internalHiddenInputInputEvent, d as disconnectForm, H as HiddenFormInputSlot } from './form-9827fc54.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-1d03c7ff.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-38802319.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { C as CSS_UTILITY } from './resources-3bc82696.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-5371b7ab.js';
+import { g as getIconScale } from './component-e3f05da5.js';
+import { V as Validation } from './Validation-8ddc15e3.js';
+import { s as syncHiddenFormInput } from './input-bf439d4b.js';
+import './guid-5c959cfd.js';
+import './browser-8c71dd57.js';
+import './key-7f394a98.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.10.1
+ * v2.11.1
  */
 const CSS = {
     loader: "loader",
@@ -335,16 +335,16 @@ const InputText = class {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (h("div", { key: '12865e7b3c27ad8b8ea0a3dd5d1604ce3f87f5a1', class: CSS.loader }, h("calcite-progress", { key: '6bcebc67db62c8cc0c5e61855f07ea1535010fc3', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (h("button", { key: 'd87e649b3340823a1e2f279be9b917f67e7f86b0', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'dcc3b9f506417c195827a4f05a9cc8c86a550e42', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (h("calcite-icon", { key: '95d5ebadf61a11abaa1a18317ce8a72bf6b3c4d6', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
-        const prefixText = h("div", { key: 'c97d334f65eee3f3c72d380e893a9c98f76219e7', class: CSS.prefix }, this.prefixText);
-        const suffixText = h("div", { key: 'bb784745fd1af8ddface534b720c3d4bd226115f', class: CSS.suffix }, this.suffixText);
-        const childEl = (h("input", { key: '545992d12265f6db70aae39552d35d511fdebc30', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+        const loader = (h("div", { key: '312dd68091ac57f7846a3e52fc9d800c7fced5b3', class: CSS.loader }, h("calcite-progress", { key: '4debe7e7c6a87be5065019e831c65bc227a557a7', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (h("button", { key: 'fbfd74e5d928be2208ee053208f07d17bf55b4e7', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '0abb236adde179134a48175ccc4bfadd483ab6bc', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (h("calcite-icon", { key: '4ca36a556db3bb93ff474e21d863bc4a20380421', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const prefixText = h("div", { key: '066efbe771cc9ea9239f564c4ccd1996a6d8a365', class: CSS.prefix }, this.prefixText);
+        const suffixText = h("div", { key: '9b34f658b7c2dae1f0ccd07be23d91987847aad6', class: CSS.suffix }, this.suffixText);
+        const childEl = (h("input", { key: '198c91add28dd04f74be153edfa17be636126fb2', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
                 [CSS.editingEnabled]: this.editingEnabled,
                 [CSS.inlineChild]: !!this.inlineEditableEl,
             }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode"), maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
-        return (h(Host, { key: '77abd0b127fa8a0afb9e29bf0d04cfd5dd570a74', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '9bd66bf7df32a0b8c6563f1f834d32dd5ed94cea', disabled: this.disabled }, h("div", { key: '15eccd86d7dd9a3af9d140bd5462f97a7427f33a', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { key: 'b664da42bf3e4d8d05550d324231d3bff9723dc4', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '695fd376f05dec95974b7c183b404837f7bce74a', class: CSS.actionWrapper }, h("slot", { key: '59488a35e2a8de4062f87c0f73d924b86713e730', name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { key: '8359bd5062670af69a06b9e00d5e2dafd67c21db', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (h(Host, { key: '50c546649db474a19c5fedd528e1b61f4eeb1b52', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '0157bca7fca6d8e1ea2cf14c1b046eef993945df', disabled: this.disabled }, h("div", { key: 'b582d6b2b539d4f1fb211d95de1102046b8f747e', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { key: 'c1b703c7e5942ce0bcd4afd0ca5ed5d9456280fb', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '6890177760f4e8da27ab1b64675c875aa47c9467', class: CSS.actionWrapper }, h("slot", { key: '1c3f528c03e4ecc3fe4bde16437dd99a27026dce', name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { key: 'ff90c44312b1a2d93b44273455bd07ce4946b802', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }