@esri/calcite-components 2.8.0 → 2.8.1-hotfix.0

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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.8.0
+ * v2.8.1-hotfix.0
  */
 'use strict';
 
@@ -13399,6 +13399,52 @@ function isBefore(a, b) {
     const children = Array.from(a.parentNode.children);
     return children.indexOf(a) < children.indexOf(b);
 }
+/**
+ * This util helps determine when an animation has completed.
+ *
+ * @param targetEl The element to watch for the animation to complete.
+ * @param animationName The name of the animation to watch for completion.
+ */
+async function whenAnimationDone(targetEl, animationName) {
+    const { animationDuration: allDurations, animationName: allNames } = getComputedStyle(targetEl);
+    const allDurationsArray = allDurations.split(",");
+    const allPropsArray = allNames.split(",");
+    const propIndex = allPropsArray.indexOf(animationName);
+    const duration = allDurationsArray[propIndex] ??
+        /* Safari will have a single duration value for the shorthand prop when multiple, separate names/props are defined,
+                so we fall back to it if there's no matching prop duration */
+        allDurationsArray[0];
+    if (duration === "0s") {
+        return Promise.resolve();
+    }
+    const startEvent = "animationstart";
+    const endEvent = "animationend";
+    const cancelEvent = "animationcancel";
+    return new Promise((resolve) => {
+        const fallbackTimeoutId = setTimeout(() => {
+            targetEl.removeEventListener(startEvent, onStart);
+            targetEl.removeEventListener(endEvent, onEndOrCancel);
+            targetEl.removeEventListener(cancelEvent, onEndOrCancel);
+            resolve();
+        }, parseFloat(duration) * 1000);
+        targetEl.addEventListener(startEvent, onStart);
+        targetEl.addEventListener(endEvent, onEndOrCancel);
+        targetEl.addEventListener(cancelEvent, onEndOrCancel);
+        function onStart(event) {
+            if (event.animationName === animationName && event.target === targetEl) {
+                clearTimeout(fallbackTimeoutId);
+                targetEl.removeEventListener(startEvent, onStart);
+            }
+        }
+        function onEndOrCancel(event) {
+            if (event.animationName === animationName && event.target === targetEl) {
+                targetEl.removeEventListener(endEvent, onEndOrCancel);
+                targetEl.removeEventListener(cancelEvent, onEndOrCancel);
+                resolve();
+            }
+        }
+    });
+}
 
 function getIconScale(componentScale) {
     return componentScale === "l" ? "m" : "s";
@@ -20070,18 +20116,23 @@ class Carousel {
         this.handleArrowClick = (event) => {
             const direction = event.target.dataset.direction;
             if (direction === "next") {
+                this.direction = "forward";
                 this.nextItem(true);
             }
             else if (direction === "previous") {
+                this.direction = "backward";
                 this.previousItem();
             }
         };
         this.handleItemSelection = (event) => {
+            const item = event.target;
+            const requestedPosition = parseInt(item.dataset.index);
+            if (requestedPosition === this.selectedIndex) {
+                return;
+            }
             if (this.playing) {
                 this.handlePause(true);
             }
-            const item = event.target;
-            const requestedPosition = parseInt(item.dataset.index);
             this.direction = requestedPosition > this.selectedIndex ? "forward" : "backward";
             this.setSelectedItem(requestedPosition, true);
         };
@@ -20190,6 +20241,9 @@ class Carousel {
         this.storeContainerRef = (el) => {
             this.container = el;
         };
+        this.storeItemContainerRef = (el) => {
+            this.itemContainer = el;
+        };
         // --------------------------------------------------------------------------
         //
         //  Render Methods
@@ -20238,7 +20292,7 @@ class Carousel {
         this.selectedItem = undefined;
         this.selectedIndex = undefined;
         this.items = [];
-        this.direction = undefined;
+        this.direction = "standby";
         this.defaultMessages = undefined;
         this.playing = false;
         this.suspendedDueToFocus = false;
@@ -20314,6 +20368,13 @@ class Carousel {
         }
         this.handlePause(true);
     }
+    async directionWatcher(direction) {
+        if (direction === "standby") {
+            return;
+        }
+        await whenAnimationDone(this.itemContainer, direction === "forward" ? "item-forward" : "item-backward");
+        this.direction = "standby";
+    }
     playingWatcher() {
         this.paused = !this.playing;
     }
@@ -20374,23 +20435,26 @@ class Carousel {
     }
     render() {
         const { direction } = this;
-        return (hAsync(Host, { key: '692bc42380aad4126c4d14f825c8209b32edb20e' }, hAsync(InteractiveContainer, { key: '96affe45d0c2e7594158389751b7e628039476f8', disabled: this.disabled }, hAsync("div", { key: '1b2caef5c5ea571c342423118074198f986ecb62', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
+        return (hAsync(Host, { key: 'e26fac48bb322e4d33ae1074c83ca4f83da24649' }, hAsync(InteractiveContainer, { key: 'ecdc547a3127f58eaec10677281a34ad895f6d5e', disabled: this.disabled }, hAsync("div", { key: '99b501c010c01559c943290cc026bbab193ede57', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
                 [CSS$1a.container]: true,
                 [CSS$1a.containerOverlaid]: this.controlOverlay,
                 [CSS$1a.containerEdged]: this.arrowType === "edge",
             }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, role: "group", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props
-            ref: this.storeContainerRef }, hAsync("section", { key: 'a5eb3108e7a3dc72038b0907e21d698dc1674280', class: {
+            ref: this.storeContainerRef }, hAsync("section", { key: '4a6b4483dd82a0e8e374ad48c41c8dac826d681e', class: {
                 [CSS$1a.itemContainer]: true,
                 [CSS$1a.itemContainerForward]: direction === "forward",
                 [CSS$1a.itemContainerBackward]: direction === "backward",
-            }, id: this.containerId }, hAsync("slot", { key: '95f76e6b958c3559095aa4e5135168619f2bc0e5', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
+            }, id: this.containerId,
+            // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
+            ref: this.storeItemContainerRef }, hAsync("slot", { key: '4c3e1b8181f21348339e42a0e08ba87985220ee7', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
     static get watchers() { return {
         "autoplay": ["autoplayWatcher"],
         "messageOverrides": ["onMessagesChange"],
+        "direction": ["directionWatcher"],
         "playing": ["playingWatcher"],
         "suspendedDueToFocus": ["suspendWatcher"],
         "suspendedDueToHover": ["suspendWatcher"],
@@ -24497,7 +24561,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Wed, 01 May 2024 00:07:10 GMT
+ * Generated on Tue, 14 May 2024 11:49:36 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -31604,12 +31668,15 @@ class Input {
             window.clearInterval(this.nudgeNumberValueIntervalId);
         };
         this.alignment = "start";
+        this.autofocus = undefined;
         this.clearable = false;
         this.disabled = false;
+        this.enterKeyHint = undefined;
         this.form = undefined;
         this.groupSeparator = false;
         this.icon = undefined;
         this.iconFlipRtl = false;
+        this.inputMode = undefined;
         this.label = undefined;
         this.loading = false;
         this.numberingSystem = undefined;
@@ -31868,42 +31935,45 @@ class Input {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: '2c71b6ec377f2fb94b228db2aa4f38799c788726', class: CSS$R.loader }, hAsync("calcite-progress", { key: 'ddcf3deefc554793630fdbe91131f2ee080c942a', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: 'e13b6454e1131d0a3d536e36e301f8b6eeb1214f', "aria-label": this.messages.clear, class: CSS$R.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '48670788a48d60d542ed58083619063ca0fa11df', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: '3715be60f2a484a15da8b2d4e2655632dba9bc02', class: CSS$R.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: '1884ffeed7fcf0bfde46093ff9f46493816f0055', class: CSS$R.loader }, hAsync("calcite-progress", { key: 'b0750b82c21c0cb3c493b303efe11ed9b612f615', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: '3a62ed45c9f2bee09604123b190f95c083a8a695', "aria-label": this.messages.clear, class: CSS$R.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '90b32c8ffbbe2374061e7b30435a9305c7fb4ba1', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: 'd1444a28cae517a598ea419ef6dc598e216c6d66', class: CSS$R.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: '8c35ef7d721edb587230cd13a2a01e2a641b1f88', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: '166277b8246c54c107f9a83c09d2d50c010befe1', "aria-hidden": "true", class: {
                 [CSS$R.numberButtonItem]: true,
                 [CSS$R.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '594b34752670380a5212ccf0c939a1a549ec2955', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: '3d977b9a6c3a7b7e564b3a5aaf956a8aba9c788c', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'f75bc0589ec77e573261b36deee28c04c0741261', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: '25987f1ae2515635ebd39262f39b44ccfa0c796b', "aria-hidden": "true", class: {
                 [CSS$R.numberButtonItem]: true,
                 [CSS$R.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'ae9f4699c386024f9a18160179047185a44a0860', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: 'd869bc9f083435d8010f06c120d6295ef58de022', class: CSS$R.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: 'e03ef05ffdcddb66e7d72de0eae7bb6de2d0caa5', class: CSS$R.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '0fd91ad8fae5501624e2047527faaae10478ac90', class: CSS$R.suffix }, this.suffixText);
-        const localeNumberInput = this.type === "number" ? (hAsync("input", { accept: this.accept, "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, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, multiple: this.multiple, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, type: "text", value: this.displayedValue,
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '908fc536cfe9454e0beb197389f6da3a79289a3c', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: '2341b183f27f4b58ddcc420b92550e49dd969785', class: CSS$R.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: '1c77b20fb24235a8aa5257738c3054d69174cfa0', class: CSS$R.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: 'df73cf568077b6142335dfd1e733861cf4c5674b', class: CSS$R.suffix }, this.suffixText);
+        const autofocus = this.el.autofocus || this.el.hasAttribute("autofocus") ? true : null;
+        const enterKeyHint = this.el.enterKeyHint || this.el.getAttribute("enterkeyhint");
+        const inputMode = this.el.inputMode || this.el.getAttribute("inputmode");
+        const localeNumberInput = this.type === "number" ? (hAsync("input", { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: autofocus, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: enterKeyHint, inputMode: inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, multiple: this.multiple, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, type: "text", value: this.displayedValue,
             // 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.setChildNumberElRef })) : null;
         const childEl = this.type !== "number"
             ? [
-                hAsync(this.childElType, { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+                hAsync(this.childElType, { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: autofocus, class: {
                         [CSS$R.editingEnabled]: this.editingEnabled,
                         [CSS$R.inlineChild]: !!this.inlineEditableEl,
-                    }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value,
+                    }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: enterKeyHint, inputMode: inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value,
                     // 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.setChildElRef }),
                 this.isTextarea ? (hAsync("div", { class: CSS$R.resizeIconWrapper }, hAsync("calcite-icon", { icon: "chevron-down", scale: getIconScale(this.scale) }))) : null,
             ]
             : null;
-        return (hAsync(Host, { key: '8e22f65c5aa4820e0e158d3baa58ddc077eee6b4', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'e355c41516ca72583eb82cc46a0bf0a63bc3660a', disabled: this.disabled }, hAsync("div", { key: '8f95e8494d5490429ff30e85cb7b6ad5498ab7f9', class: { [CSS$R.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: 'f53bbe522d4f2fcb0e1f37d42232b5064b1a698b', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '9005fd3873aa7357e70761b5273276fe89ef9926', disabled: this.disabled }, hAsync("div", { key: '605663ee739b9a691f3e52a3240564832278a383', class: { [CSS$R.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '01a63a07add2ebb157118c32faaa17fc1a32b9ae', class: CSS$R.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '0a6cb81782704f2034813d452e33aa95ac73dc47', class: CSS$R.actionWrapper }, hAsync("slot", { key: 'fc62ee1f7350c8227184fb74e99ad3f6cf6ca716', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '1976b94364a2af1d4806e04ff9cdefba4ad9be0d', class: CSS$R.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '0f7edfae9afda2d256cb110cc32d0145b177374d', class: CSS$R.actionWrapper }, hAsync("slot", { key: 'b319611c3dec08757e16009fa48459013c5cc9c6', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
             ? numberButtonsVertical
             : null, this.suffixText ? suffixText : null, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: 'a19f44cf7d672070a4872d3090e23dfc48ac764e', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: '94fe9aa1975d21023b7d572724472d4ce9580618', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -31926,12 +31996,15 @@ class Input {
         "$tagName$": "calcite-input",
         "$members$": {
             "alignment": [513],
+            "autofocus": [4],
             "clearable": [516],
             "disabled": [516],
+            "enterKeyHint": [1, "enter-key-hint"],
             "form": [513],
             "groupSeparator": [516, "group-separator"],
             "icon": [520],
             "iconFlipRtl": [516, "icon-flip-rtl"],
+            "inputMode": [1, "input-mode"],
             "label": [1],
             "loading": [516],
             "numberingSystem": [513, "numbering-system"],
@@ -34101,12 +34174,15 @@ class InputNumber {
             window.clearInterval(this.nudgeNumberValueIntervalId);
         };
         this.alignment = "start";
+        this.autofocus = undefined;
         this.clearable = false;
         this.disabled = false;
+        this.enterKeyHint = undefined;
         this.form = undefined;
         this.groupSeparator = false;
         this.icon = undefined;
         this.iconFlipRtl = false;
+        this.inputMode = undefined;
         this.integer = false;
         this.label = undefined;
         this.loading = false;
@@ -34349,29 +34425,29 @@ class InputNumber {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: '29155555f7614867e208e88540cf39ff8e353e14', class: CSS$P.loader }, hAsync("calcite-progress", { key: '5cfafff27fcafca743911466b6340b02846777a5', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: 'a5b5297e957c8e6fd5a6f339156955a54e03ffe3', "aria-label": this.messages.clear, class: CSS$P.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '84a369ee19228da6507421c20c9c87536f8a124f', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: '03585a6bbb458b87eed80e1e1f3ff0fbcc13f2ff', class: CSS$P.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: 'd3abc6524b00871ffeffe5171a89bcc353233d6f', class: CSS$P.loader }, hAsync("calcite-progress", { key: '34f27e211f9350d039c98025d14e9f892c6889b1', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: '69be5ed912fe252d1114d1669f5384f2fff36985', "aria-label": this.messages.clear, class: CSS$P.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'e6bccd77006324a927bfed9e6f1bc85203218a76', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: 'f6a6df5e037ec3cc285914781f0ca933b715457a', class: CSS$P.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: 'df1a243d54978cd71233af46f77eef9edc36ab41', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: '9fa39d70a263f45b278fcc659bff7bb580a76476', "aria-hidden": "true", class: {
                 [CSS$P.numberButtonItem]: true,
                 [CSS$P.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '49f63b1ff62e0f8417dd2492f5e378877114f4dd', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: '55d37fbfe2a02acc5cf234781d736db9eaf6f9af', "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" }, hAsync("calcite-icon", { key: 'a9501d854f142a011fb20b3f047d101468a1f0f1', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: '3009cd2f9754a0d4e7b3ec6d119e84616fda412f', "aria-hidden": "true", class: {
                 [CSS$P.numberButtonItem]: true,
                 [CSS$P.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'bd24b05837fe72fdd84fa1f7ae84d2d282788d9a', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: '4f8f08ca711772a0f2bdbd947895e44159d9cc55', class: CSS$P.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: 'd723c49e20f8f07c6adf611e1054127d749b563f', class: CSS$P.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: 'bee92e77d72ab80a415b9a61af69da196f551e49', class: CSS$P.suffix }, this.suffixText);
-        const childEl = (hAsync("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, inputMode: this.el.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, type: "text", value: this.displayedValue,
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'e2e482cc27c44425f563c1fb4fc2bc3a51475b8c', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: 'dce41157e536fed2194176d8a58b47e0a723d5c2', class: CSS$P.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: '403b46f76746d51cb2f5c638c706f8988a57d80b', class: CSS$P.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: '8c1c73d41f7d8ee21013975afc5cf1a791ff56f3', class: CSS$P.suffix }, this.suffixText);
+        const childEl = (hAsync("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, type: "text", value: this.displayedValue,
             // 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.setChildNumberElRef }));
-        return (hAsync(Host, { key: 'c532bec85b5ea1f2268d4755c6aa526cc3a65002', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '03144ad4966c3a8c9a838afc02493c5d650a302e', disabled: this.disabled }, hAsync("div", { key: '4b47d599e4c8f0347a8583c43b42b5fcd76700fe', class: { [CSS$P.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: 'd7e489f5a4a33c09463ce30007f5dd4ba8114126', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '3e27f271dac91c3713db46e64df9e6e086d30334', disabled: this.disabled }, hAsync("div", { key: '19f0b5c951b5d5b7c5f8ac2c1e35f304688c44ed', class: { [CSS$P.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: 'ccaf9fddc5db60394a71d1c49b58c09c79e17478', class: CSS$P.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '3c39f821e4d851798d5e2e2fd5866b8c265da8d8', class: CSS$P.actionWrapper }, hAsync("slot", { key: '47ea7bc09f88d6a6b74a7297e35dbc9877789c13', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '6fa6e7bd01a1ccf2b8757b5edaa89f92438d1ccf', class: CSS$P.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '1c784a042c260c3f9b6d69c831e87bc94fda3abc', class: CSS$P.actionWrapper }, hAsync("slot", { key: '60dd4b13dac3af10a16e075aab405d425e22dac6', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: '2e8a0268c7e3dfcf07d898ca5020fd1b310a60da', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: 'bb3e5e6ad1d012de66d9e9e757acc02661345e90', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -34393,12 +34469,15 @@ class InputNumber {
         "$tagName$": "calcite-input-number",
         "$members$": {
             "alignment": [513],
+            "autofocus": [4],
             "clearable": [516],
             "disabled": [516],
+            "enterKeyHint": [1, "enter-key-hint"],
             "form": [513],
             "groupSeparator": [516, "group-separator"],
             "icon": [520],
             "iconFlipRtl": [516, "icon-flip-rtl"],
+            "inputMode": [1, "input-mode"],
             "integer": [4],
             "label": [1],
             "loading": [516],
@@ -34590,11 +34669,14 @@ class InputText {
             }
         };
         this.alignment = "start";
+        this.autofocus = undefined;
         this.clearable = false;
         this.disabled = false;
+        this.enterKeyHint = undefined;
         this.form = undefined;
         this.icon = undefined;
         this.iconFlipRtl = false;
+        this.inputMode = undefined;
         this.label = undefined;
         this.loading = false;
         this.maxLength = undefined;
@@ -34748,18 +34830,18 @@ class InputText {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: '9162181c241e45fdecb94bf029f53d4b7e61051c', class: CSS$O.loader }, hAsync("calcite-progress", { key: '3b8a44d0a0270f8dd49b29c7652590af93330c9d', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: 'e4a4bf84cf19dae37bd76f658fd77bc4e49b0a13', "aria-label": this.messages.clear, class: CSS$O.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '7e6c9ee74b52f344ebd518ca451f4b505fd6c34b', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: 'e62b5c18c01c4f1ce357c0006a1a16a946a82bcc', class: CSS$O.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
-        const prefixText = hAsync("div", { key: 'cb3b6d712099127cc494c08d7420f8f08df22917', class: CSS$O.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '925b0b74702d3f3b36f38f811111fd1ebf021bf1', class: CSS$O.suffix }, this.suffixText);
-        const childEl = (hAsync("input", { key: '1716549929284b7f13f8bf09f60dc7eb6b7b5442', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+        const loader = (hAsync("div", { key: '9bf7accea25a80536640e26229a3b15c244469b2', class: CSS$O.loader }, hAsync("calcite-progress", { key: '40f9404404852960d03545a9fe3d22405e9c5803', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: 'f72a9549511b7a9e5a68eeec3aaf3708f5ae9a41', "aria-label": this.messages.clear, class: CSS$O.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '8171336455d3aa4ed71005059977a380b23b63e6', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: 'ba54d6b6d8859f19dd0fbe28982e1f8008b77cb1', class: CSS$O.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const prefixText = hAsync("div", { key: 'a3c072c6020009b9ff0d781c882cf1fcf22c93a0', class: CSS$O.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: '7af8bf81f8639e33630f1af5a71665e78914e405', class: CSS$O.suffix }, this.suffixText);
+        const childEl = (hAsync("input", { key: '677840d6230500325a9989d889b150d0e942469f', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
                 [CSS$O.editingEnabled]: this.editingEnabled,
                 [CSS$O.inlineChild]: !!this.inlineEditableEl,
-            }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.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, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value,
+            }, 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, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value,
             // 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.setChildElRef }));
-        return (hAsync(Host, { key: '04c12015fbbea4d05ad70054386b9e65ed43386e', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '7c50e75118ab67363dbb3d164377292a11f0bce9', disabled: this.disabled }, hAsync("div", { key: '543d33986709ed0675e589a22b0c40cccbf47b65', class: { [CSS$O.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, hAsync("div", { key: '8f760912f5372c5521d0551a6567e22d3a4f054c', class: CSS$O.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: 'c3fbdaebec28a38bdb952dee430614ecbec08053', class: CSS$O.actionWrapper }, hAsync("slot", { key: '10fe0347c1d1398612e52792af8e5cd4e0748a41', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: '1c7b1064ffbe51e9c85a7a47bff9779f1f54064b', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: 'b4fb33c97e159eaceebaca886bed2517ebceb534', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'e6c8ea23fb5d10f16446337689731791c3650dde', disabled: this.disabled }, hAsync("div", { key: 'cbfee045082d14c61eb571f5f5180ddf65149a05', class: { [CSS$O.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, hAsync("div", { key: 'dc73dae622744b6c53d5ca9c52e58083610dae05', class: CSS$O.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: 'a92553cf6aa9cab3fd61bfe88dab31ddfbf244d1', class: CSS$O.actionWrapper }, hAsync("slot", { key: 'dd1044de7b51640a4de02e9b33f01a05321c8ca6', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: '5694dc63f0b96e111820b583b368de84d821ce79', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -34779,11 +34861,14 @@ class InputText {
         "$tagName$": "calcite-input-text",
         "$members$": {
             "alignment": [513],
+            "autofocus": [4],
             "clearable": [516],
             "disabled": [516],
+            "enterKeyHint": [1, "enter-key-hint"],
             "form": [513],
             "icon": [520],
             "iconFlipRtl": [516, "icon-flip-rtl"],
+            "inputMode": [1, "input-mode"],
             "label": [1],
             "loading": [516],
             "maxLength": [514, "max-length"],
@@ -40894,7 +40979,7 @@ class List$1 {
     }; }
 }
 
-const listItemCss = "/*!@:host([disabled])*/[disabled].sc-calcite-list-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-h *.sc-calcite-list-item,.sc-calcite-list-item-h[disabled].sc-calcite-list-item-s>*,.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-h{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}/*!@:host([filter-hidden]),\n:host([closed])*/[filter-hidden].sc-calcite-list-item-h,[closed].sc-calcite-list-item-h{display:none}/*!@.wrapper--bordered*/.wrapper--bordered.sc-calcite-list-item{border-block-end:1px solid var(--calcite-color-border-3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-h [calcite-hydrated][disabled].sc-calcite-list-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-list-item{display:contents}/*!@.indent*/.indent.sc-calcite-list-item{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*/.container.sc-calcite-list-item{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}/*!@.container **/.container.sc-calcite-list-item *.sc-calcite-list-item{box-sizing:border-box}/*!@.container--hover:hover*/.container--hover.sc-calcite-list-item:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}/*!@.container:active*/.container.sc-calcite-list-item:active{background-color:var(--calcite-color-foreground-1)}/*!@.container--border*/.container--border.sc-calcite-list-item{border-inline-start-width:4px;border-inline-start-style:solid}/*!@.container--border-selected*/.container--border-selected.sc-calcite-list-item{border-inline-start-color:var(--calcite-color-brand)}/*!@.container--border-unselected*/.container--border-unselected.sc-calcite-list-item{border-inline-start-color:transparent}/*!@.container:hover.container--border-unselected*/.container.sc-calcite-list-item:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}/*!@.nested-container*/.nested-container.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.nested-container--hidden*/.nested-container--hidden.sc-calcite-list-item{display:none}/*!@.content-container*/.content-container.sc-calcite-list-item{display:flex;flex:1 1 auto;-webkit-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,\ntd*/tr.sc-calcite-list-item,td.sc-calcite-list-item{outline-color:transparent}/*!@tr:focus,\ntd:focus*/tr.sc-calcite-list-item:focus,td.sc-calcite-list-item: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,\n.custom-content*/.content.sc-calcite-list-item,.custom-content.sc-calcite-list-item{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,\n.description,\n.content-bottom*/.label.sc-calcite-list-item,.description.sc-calcite-list-item,.content-bottom.sc-calcite-list-item{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,\n.description:only-child,\n.content-bottom:only-child*/.label.sc-calcite-list-item:only-child,.description.sc-calcite-list-item:only-child,.content-bottom.sc-calcite-list-item:only-child{margin:0px;padding-block:0.25rem}/*!@.label*/.label.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@:host([selected]) .label*/[selected].sc-calcite-list-item-h .label.sc-calcite-list-item{font-weight:var(--calcite-font-weight-medium)}/*!@.description*/.description.sc-calcite-list-item{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}/*!@:host([selected]) .description*/[selected].sc-calcite-list-item-h .description.sc-calcite-list-item{color:var(--calcite-color-text-2)}/*!@.content-start*/.content-start.sc-calcite-list-item{justify-content:flex-start}/*!@.content-end*/.content-end.sc-calcite-list-item{justify-content:flex-end}/*!@.content-start,\n.content-end*/.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{flex:1 1 auto}/*!@.content-start ::slotted(calcite-icon),\n.content-end ::slotted(calcite-icon)*/.content-start .sc-calcite-list-item-s>calcite-icon,.content-end.sc-calcite-list-item-s>calcite-icon,.content-end .sc-calcite-list-item-s>calcite-icon{margin-inline:0.75rem;align-self:center}/*!@.content-bottom*/.content-bottom.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end*/.content-container--has-center-content.sc-calcite-list-item .content-start.sc-calcite-list-item,.content-container--has-center-content.sc-calcite-list-item .content-end.sc-calcite-list-item{flex:0 1 auto}/*!@.selection-container*/.selection-container.sc-calcite-list-item{display:flex;padding-inline:0.75rem;padding-block:0px;color:var(--calcite-color-border-input)}/*!@.selection-container--single*/.selection-container--single.sc-calcite-list-item{color:transparent}/*!@:host(:not([disabled]):not([selected])) .container:hover .selection-container--single*/.sc-calcite-list-item-h:not([disabled]):not([selected]) .container.sc-calcite-list-item:hover .selection-container--single.sc-calcite-list-item{color:var(--calcite-color-border-1)}/*!@:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container*/[selected].sc-calcite-list-item-h:hover .selection-container.sc-calcite-list-item,[selected].sc-calcite-list-item-h:hover .selection-container--single.sc-calcite-list-item,[selected].sc-calcite-list-item-h .selection-container.sc-calcite-list-item{color:var(--calcite-list-item-icon-color)}/*!@.open-container*/.open-container.sc-calcite-list-item{color:var(--calcite-color-text-3)}/*!@:host(:not([disabled])) .container:hover .open-container*/.sc-calcite-list-item-h:not([disabled]) .container.sc-calcite-list-item:hover .open-container.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item,.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item,.selection-container.sc-calcite-list-item,.drag-container.sc-calcite-list-item,.open-container.sc-calcite-list-item{display:flex;align-items:center}/*!@.actions-start calcite-action,\n.actions-start calcite-handle,\n.actions-end calcite-action,\n.actions-end calcite-handle,\n.content-start calcite-action,\n.content-start calcite-handle,\n.content-end calcite-action,\n.content-end calcite-handle,\n.selection-container calcite-action,\n.selection-container calcite-handle,\n.drag-container calcite-action,\n.drag-container calcite-handle,\n.open-container calcite-action,\n.open-container calcite-handle*/.actions-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item{align-self:stretch}/*!@.open-container,\n.selection-container*/.open-container.sc-calcite-list-item,.selection-container.sc-calcite-list-item{cursor:pointer}/*!@.actions-start,\n.actions-end*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item{padding:0px}/*!@.actions-start ::slotted(calcite-action),\n.actions-start ::slotted(calcite-action-menu),\n.actions-start ::slotted(calcite-handle),\n.actions-start ::slotted(calcite-dropdown),\n.actions-end ::slotted(calcite-action),\n.actions-end ::slotted(calcite-action-menu),\n.actions-end ::slotted(calcite-handle),\n.actions-end ::slotted(calcite-dropdown)*/.actions-start .sc-calcite-list-item-s>calcite-action,.actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,.actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,.actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,.actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,.actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,.actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{align-self:stretch;color:inherit}/*!@::slotted(calcite-list:empty)*/.sc-calcite-list-item-s>calcite-list:empty{border-block-start-width:0px}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-list-item{display:none}";
+const listItemCss = "/*!@:host([disabled])*/[disabled].sc-calcite-list-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-h *.sc-calcite-list-item,.sc-calcite-list-item-h[disabled].sc-calcite-list-item-s>*,.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-h{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}/*!@:host([filter-hidden]),\n:host([closed])*/[filter-hidden].sc-calcite-list-item-h,[closed].sc-calcite-list-item-h{display:none}/*!@.wrapper--bordered*/.wrapper--bordered.sc-calcite-list-item{border-block-end:1px solid var(--calcite-color-border-3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-h [calcite-hydrated][disabled].sc-calcite-list-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-list-item{display:contents}/*!@.indent*/.indent.sc-calcite-list-item{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*/.container.sc-calcite-list-item{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}/*!@.container **/.container.sc-calcite-list-item *.sc-calcite-list-item{box-sizing:border-box}/*!@.container--hover:hover*/.container--hover.sc-calcite-list-item:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}/*!@.container:active*/.container.sc-calcite-list-item:active{background-color:var(--calcite-color-foreground-1)}/*!@.container--border*/.container--border.sc-calcite-list-item{border-inline-start-width:4px;border-inline-start-style:solid}/*!@.container--border-selected*/.container--border-selected.sc-calcite-list-item{border-inline-start-color:var(--calcite-color-brand)}/*!@.container--border-unselected*/.container--border-unselected.sc-calcite-list-item{border-inline-start-color:transparent}/*!@.container:hover.container--border-unselected*/.container.sc-calcite-list-item:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}/*!@.nested-container*/.nested-container.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.nested-container--hidden*/.nested-container--hidden.sc-calcite-list-item{display:none}/*!@.content-container*/.content-container.sc-calcite-list-item{display:flex;flex:1 1 auto;-webkit-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,\ntd*/tr.sc-calcite-list-item,td.sc-calcite-list-item{outline-color:transparent}/*!@tr:focus,\ntd:focus*/tr.sc-calcite-list-item:focus,td.sc-calcite-list-item: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,\n.custom-content*/.content.sc-calcite-list-item,.custom-content.sc-calcite-list-item{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,\n.description,\n.content-bottom*/.label.sc-calcite-list-item,.description.sc-calcite-list-item,.content-bottom.sc-calcite-list-item{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,\n.description:only-child,\n.content-bottom:only-child*/.label.sc-calcite-list-item:only-child,.description.sc-calcite-list-item:only-child,.content-bottom.sc-calcite-list-item:only-child{margin:0px;padding-block:0.25rem}/*!@.label*/.label.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@:host([selected]) .label*/[selected].sc-calcite-list-item-h .label.sc-calcite-list-item{font-weight:var(--calcite-font-weight-medium)}/*!@.description*/.description.sc-calcite-list-item{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}/*!@:host([selected]) .description*/[selected].sc-calcite-list-item-h .description.sc-calcite-list-item{color:var(--calcite-color-text-2)}/*!@.content-start*/.content-start.sc-calcite-list-item{justify-content:flex-start}/*!@.content-end*/.content-end.sc-calcite-list-item{justify-content:flex-end}/*!@.content-start,\n.content-end*/.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{flex:1 1 auto}/*!@.content-start ::slotted(calcite-icon),\n.content-end ::slotted(calcite-icon)*/.content-start .sc-calcite-list-item-s>calcite-icon,.content-end.sc-calcite-list-item-s>calcite-icon,.content-end .sc-calcite-list-item-s>calcite-icon{margin-inline:0.75rem;align-self:center}/*!@.content-bottom*/.content-bottom.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end*/.content-container--has-center-content.sc-calcite-list-item .content-start.sc-calcite-list-item,.content-container--has-center-content.sc-calcite-list-item .content-end.sc-calcite-list-item{flex:0 1 auto}/*!@.selection-container*/.selection-container.sc-calcite-list-item{display:flex;padding-block:0px;color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xxs)}/*!@.selection-container--single*/.selection-container--single.sc-calcite-list-item{color:transparent}/*!@:host(:not([disabled]):not([selected])) .container:hover .selection-container--single*/.sc-calcite-list-item-h:not([disabled]):not([selected]) .container.sc-calcite-list-item:hover .selection-container--single.sc-calcite-list-item{color:var(--calcite-color-border-1)}/*!@:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container*/[selected].sc-calcite-list-item-h:hover .selection-container.sc-calcite-list-item,[selected].sc-calcite-list-item-h:hover .selection-container--single.sc-calcite-list-item,[selected].sc-calcite-list-item-h .selection-container.sc-calcite-list-item{color:var(--calcite-list-item-icon-color)}/*!@.open-container*/.open-container.sc-calcite-list-item{color:var(--calcite-color-text-3)}/*!@:host(:not([disabled])) .container:hover .open-container*/.sc-calcite-list-item-h:not([disabled]) .container.sc-calcite-list-item:hover .open-container.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item,.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item,.selection-container.sc-calcite-list-item,.drag-container.sc-calcite-list-item,.open-container.sc-calcite-list-item{display:flex;align-items:center}/*!@.actions-start calcite-action,\n.actions-start calcite-handle,\n.actions-end calcite-action,\n.actions-end calcite-handle,\n.content-start calcite-action,\n.content-start calcite-handle,\n.content-end calcite-action,\n.content-end calcite-handle,\n.selection-container calcite-action,\n.selection-container calcite-handle,\n.drag-container calcite-action,\n.drag-container calcite-handle,\n.open-container calcite-action,\n.open-container calcite-handle*/.actions-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item{align-self:stretch}/*!@.open-container,\n.selection-container*/.open-container.sc-calcite-list-item,.selection-container.sc-calcite-list-item{cursor:pointer}/*!@.actions-start,\n.actions-end*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item{padding:0px}/*!@.actions-start ::slotted(calcite-action),\n.actions-start ::slotted(calcite-action-menu),\n.actions-start ::slotted(calcite-handle),\n.actions-start ::slotted(calcite-dropdown),\n.actions-end ::slotted(calcite-action),\n.actions-end ::slotted(calcite-action-menu),\n.actions-end ::slotted(calcite-handle),\n.actions-end ::slotted(calcite-dropdown)*/.actions-start .sc-calcite-list-item-s>calcite-action,.actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,.actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,.actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,.actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,.actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,.actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{align-self:stretch;color:inherit}/*!@::slotted(calcite-list:empty)*/.sc-calcite-list-item-s>calcite-list:empty{border-block-start-width:0px}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-list-item{display:none}";
 var CalciteListItemStyle0 = listItemCss;
 
 const focusMap = new Map();
@@ -42574,7 +42659,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Wed, 01 May 2024 00:07:12 GMT
+ * Generated on Tue, 14 May 2024 11:49:37 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "2.8.0",
+  "version": "2.8.1-hotfix.0",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
@@ -71,12 +71,13 @@
     "focus-trap": "7.5.4",
     "lodash-es": "4.17.21",
     "sortablejs": "1.15.1",
-    "timezone-groups": "0.8.0"
+    "timezone-groups": "0.8.0",
+    "type-fest": "4.18.2"
   },
   "devDependencies": {
-    "@esri/calcite-design-tokens": "^2.2.0",
+    "@esri/calcite-design-tokens": "^2.2.1-hotfix.0",
     "@esri/calcite-ui-icons": "3.27.9",
-    "@esri/eslint-plugin-calcite-components": "^1.2.0",
+    "@esri/eslint-plugin-calcite-components": "^1.2.1-hotfix.0",
     "@stencil-community/eslint-plugin": "0.7.2",
     "@stencil-community/postcss": "2.2.0",
     "@stencil/angular-output-target": "0.8.4",
@@ -88,5 +89,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "1ad530e81c655184c90e964522a366b71b814d44"
+  "gitHead": "8c81d82e11d0903749a81441e52d7e25c91d1f21"
 }

package/dist/calcite/p-01163504.entry.js

@@ -1,7 +0,0 @@
-/*!
- * 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.8.0
- */
-import{r as t,c as e,f as i,h as n,H as o,g as s}from"./p-2cca1b5a.js";import{e as r,l as a,h as c,g as l}from"./p-471227bd.js";import{s as d,c as h,i as u,d as b,H as f}from"./p-028b0bc6.js";import{c as p,d as m,u as v,I as g}from"./p-827bd580.js";import{n as x}from"./p-f8ee4dc8.js";import{c as k,d as y,g as w}from"./p-45e5e6ed.js";import{a as z,s as j,c as I}from"./p-01eca752.js";import{n as C,i as E,p as W,s as D,a as L,c as A,d as N,B as M}from"./p-4a2aba9a.js";import{c as B}from"./p-720054c4.js";import{C as G}from"./p-696889fe.js";import{u as $,c as F,d as P,s as V}from"./p-9ca50819.js";import{g as O}from"./p-c6aeed91.js";import{V as S}from"./p-3870e69b.js";import{s as U}from"./p-5f98bf13.js";import"./p-46e63924.js";import"./p-7a70c542.js";const H={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const K={action:"action"};const R=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input: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          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);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          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button: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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const T=R;const q=class{constructor(i){t(this,i);this.calciteInternalInputNumberFocus=e(this,"calciteInternalInputNumberFocus",6);this.calciteInternalInputNumberBlur=e(this,"calciteInternalInputNumberBlur",6);this.calciteInputNumberInput=e(this,"calciteInputNumberInput",7);this.calciteInputNumberChange=e(this,"calciteInputNumberChange",6);this.previousValueOrigin="initial";this.mutationObserver=B("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled||t.defaultPrevented){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"){if(d(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setNumberValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue){this.calciteInputNumberChange.emit();this.setPreviousEmittedNumberValue(this.value)}};this.inputNumberBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputNumberBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const e=r(this.el,"action");if(t.target!==e){this.setFocus()}};this.inputNumberFocusHandler=()=>{this.calciteInternalInputNumberFocus.emit()};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const e=t.target.value;C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const i=C.delocalize(e);if(t.inputType==="insertFromPaste"){if(!E(i)||this.integer&&(i.includes("e")||i.includes("."))){t.preventDefault()}this.setNumberValue({nativeEvent:t,origin:"user",value:W(i)});this.childNumberEl.value=this.displayedValue}else{this.setNumberValue({nativeEvent:t,origin:"user",value:i})}};this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const e=[...x,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)||i){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===C.decimal&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(C.decimal)===-1){return}}if(/[eE]/.test(t.key)&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&!/[eE]/.test(this.childNumberEl.value)){return}}if(t.key==="-"){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=(t,e)=>{if(e instanceof KeyboardEvent&&e.repeat){return}const i=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const o=150;this.incrementOrDecrementNumberValue(t,i,n,e);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let s=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(s){s=false;return}this.incrementOrDecrementNumberValue(t,i,n,e)}),o)};this.nudgeButtonPointerUpHandler=t=>{if(!a(t)){return}window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerDownHandler=t=>{if(!a(t)){return}t.preventDefault();const e=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(e,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setNumberValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputNumberValue=t=>{if(!this.childNumberEl){return}this.childNumberEl.value=t};this.setPreviousEmittedNumberValue=t=>{this.previousEmittedNumberValue=this.normalizeValue(t)};this.setPreviousNumberValue=t=>{this.previousValue=this.normalizeValue(t)};this.setNumberValue=({committing:t=false,nativeEvent:e,origin:i,previousValue:n,value:o})=>{C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const s=this.previousValue?.length>o.length||this.value?.length>o.length;const r=this.integer?o.replace(/[e.]/g,""):o;const a=r.charAt(r.length-1)===".";const c=a&&s?r:D(r);const l=o&&!c?E(this.previousValue)?this.previousValue:"":c;let d=C.localize(l);if(i!=="connected"&&!a){d=L(d,l,C)}this.displayedValue=a&&s?`${d}${C.decimal}`:d;this.setPreviousNumberValue(n??this.value);this.previousValueOrigin=i;this.userChangedValue=i==="user"&&this.value!==l;this.value=["-","."].includes(l)?"":l;if(i==="direct"){this.setInputNumberValue(d);this.setPreviousEmittedNumberValue(d)}if(e){const e=this.calciteInputNumberInput.emit();if(e.defaultPrevented){this.value=this.previousValue;this.displayedValue=C.localize(this.previousValue)}else if(t){this.emitChangeIfUserModified()}}};this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.clearable=false;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.icon=undefined;this.iconFlipRtl=false;this.integer=false;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}handleGlobalAttributesChanged(){i(this)}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,e){if(!this.userChangedValue){if(t==="Infinity"||t==="-Infinity"){this.displayedValue=t;this.previousEmittedNumberValue=t;return}this.setNumberValue({origin:"direct",previousValue:e,value:t==null||t==""?"":E(t)?t:this.previousValue||""});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=c({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleWatcher(t){$(this,this.effectiveLocale);C.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:false}}connectedCallback(){p(this);A(this);F(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}k(this);h(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(u,this.onHiddenFormInputInput)}componentDidLoad(){z(this)}disconnectedCallback(){m(this);y(this);b(this);N(this);P(this);this.mutationObserver?.disconnect();this.el.removeEventListener(u,this.onHiddenFormInputInput)}async componentWillLoad(){j(this);this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=c({},this.icon,"number");await V(this);this.setPreviousEmittedNumberValue(this.value);this.setPreviousNumberValue(this.value);this.warnAboutInvalidNumberValue(this.value);if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedNumberValue=this.value}else{this.setNumberValue({origin:"connected",value:E(this.value)?this.value:""})}}componentShouldUpdate(t,e,i){if(i==="value"&&t&&!E(t)){this.setNumberValue({origin:"reset",value:e});return false}return true}componentDidRender(){v(this)}async setFocus(){await I(this);this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,e,i,n){const{value:o}=this;if(o==="Infinity"||o==="-Infinity"){return}const s=t==="up"?1:-1;const r=this.integer&&this.step!=="any"?Math.round(this.step):this.step;const a=r==="any"?1:Math.abs(r||1);const c=new M(o!==""?o:"0");const l=c.add(`${a*s}`);const d=()=>typeof i==="number"&&!isNaN(i)&&l.subtract(`${i}`).isNegative;const h=()=>typeof e==="number"&&!isNaN(e)&&!l.subtract(`${e}`).isNegative;const u=d()?`${i}`:h()?`${e}`:l.toString();this.setNumberValue({committing:true,nativeEvent:n,origin:"user",value:u})}syncHiddenFormInput(t){U("number",this,t)}setDisabledAction(){const t=r(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return E(t)?t:""}warnAboutInvalidNumberValue(t){if(t&&!E(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=l(this.el);const e=n("div",{key:"29155555f7614867e208e88540cf39ff8e353e14",class:H.loader},n("calcite-progress",{key:"5cfafff27fcafca743911466b6340b02846777a5",label:this.messages.loading,type:"indeterminate"}));const i=n("button",{key:"a5b5297e957c8e6fd5a6f339156955a54e03ffe3","aria-label":this.messages.clear,class:H.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},n("calcite-icon",{key:"84a369ee19228da6507421c20c9c87536f8a124f",icon:"x",scale:O(this.scale)}));const s=n("calcite-icon",{key:"03585a6bbb458b87eed80e1e1f3ff0fbcc13f2ff",class:H.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:O(this.scale)});const r=this.numberButtonType==="horizontal";const a=n("button",{key:"df1a243d54978cd71233af46f77eef9edc36ab41","aria-hidden":"true",class:{[H.numberButtonItem]:true,[H.buttonItemHorizontal]:r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"49f63b1ff62e0f8417dd2492f5e378877114f4dd",icon:"chevron-up",scale:O(this.scale)}));const c=n("button",{key:"55d37fbfe2a02acc5cf234781d736db9eaf6f9af","aria-hidden":"true",class:{[H.numberButtonItem]:true,[H.buttonItemHorizontal]:r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"bd24b05837fe72fdd84fa1f7ae84d2d282788d9a",icon:"chevron-down",scale:O(this.scale)}));const d=n("div",{key:"4f8f08ca711772a0f2bdbd947895e44159d9cc55",class:H.numberButtonWrapper},a,c);const h=n("div",{key:"d723c49e20f8f07c6adf611e1054127d749b563f",class:H.prefix},this.prefixText);const u=n("div",{key:"bee92e77d72ab80a415b9a61af69da196f551e49",class:H.suffix},this.suffixText);const b=n("input",{"aria-label":w(this),autocomplete:this.autocomplete,autofocus:this.el.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.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,type:"text",value:this.displayedValue,ref:this.setChildNumberElRef});return n(o,{key:"c532bec85b5ea1f2268d4755c6aa526cc3a65002",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},n(g,{key:"03144ad4966c3a8c9a838afc02493c5d650a302e",disabled:this.disabled},n("div",{key:"4b47d599e4c8f0347a8583c43b42b5fcd76700fe",class:{[H.inputWrapper]:true,[G.rtl]:t==="rtl"}},this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?h:null,n("div",{key:"ccaf9fddc5db60394a71d1c49b58c09c79e17478",class:H.wrapper},b,this.isClearable?i:null,this.requestedIcon?s:null,this.loading?e:null),n("div",{key:"3c39f821e4d851798d5e2e2fd5866b8c265da8d8",class:H.actionWrapper},n("slot",{key:"47ea7bc09f88d6a6b74a7297e35dbc9877789c13",name:K.action})),this.numberButtonType==="vertical"&&!this.readOnly?d:null,this.suffixText?u:null,this.numberButtonType==="horizontal"&&!this.readOnly?a:null,n(f,{key:"2e8a0268c7e3dfcf07d898ca5020fd1b310a60da",component:this})),this.validationMessage&&this.status==="invalid"?n(S,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};q.style=T;export{q as calcite_input_number};
-//# sourceMappingURL=p-01163504.entry.js.map