@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

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

@@ -1,25 +1,25 @@
 /*!
  * 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.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const dom = require('./dom-b3b692c7.js');
-const interactive = require('./interactive-a21fc529.js');
-const label = require('./label-1bfab83c.js');
-const loadable = require('./loadable-8502181b.js');
-const locale = require('./locale-3c14df15.js');
-const observers = require('./observers-9d4b94fa.js');
-const t9n = require('./t9n-d22d6156.js');
-require('./guid-8153c924.js');
-require('./resources-2cc41c87.js');
-require('./browser-1a5f23a5.js');
-require('./component-4791014e.js');
-require('./key-b4561c75.js');
+const index = require('./index-ca9c5738.js');
+const dom = require('./dom-4f3978e9.js');
+const interactive = require('./interactive-46826d66.js');
+const label = require('./label-0eaf6fab.js');
+const loadable = require('./loadable-485b5ca8.js');
+const locale = require('./locale-22e50901.js');
+const observers = require('./observers-64d0e318.js');
+const t9n = require('./t9n-a2235c64.js');
+require('./guid-70d8b321.js');
+require('./resources-ea1d0de4.js');
+require('./browser-d83e81a6.js');
+require('./component-62e55d43.js');
+require('./key-987bfdfb.js');
 
 const CSS = {
     wrapper: "wrapper",
@@ -170,12 +170,12 @@ const InlineEditable = class {
         interactive.updateHostInteraction(this);
     }
     render() {
-        return (index.h(interactive.InteractiveContainer, { key: '13a425b04bd57b14d4d1a7705f79f3e1f86c2e5a', disabled: this.disabled }, index.h("div", { key: '29b3c35c384d6044bcfc4f94d9a153dde2842656', class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, index.h("div", { key: '1cf670abd3361519ee80465efd198d2217b4a1e2', class: CSS.inputWrapper }, index.h("slot", { key: '86d343f2dbd9bdd4803b8552696530751945da69' })), index.h("div", { key: '87e0fe412f9a4e39f2d427601ae84f29f33249cc', class: CSS.controlsWrapper }, index.h("calcite-button", { key: '1a773397c56c219b8f0d4f40d17cebd183e7ebce', 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 (index.h(interactive.InteractiveContainer, { key: '47d77961bb70f18fdb31994c043a013f1400f892', disabled: this.disabled }, index.h("div", { key: 'c711aa022f759abdc6cc65184fb92d36ccbb629c', class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, index.h("div", { key: '21239055816c853b059f700a318fb2b772fb78f5', class: CSS.inputWrapper }, index.h("slot", { key: 'ca2ce871db7386f9e32264e9555f7a08eac7b9e0' })), index.h("div", { key: '31cad4378d3f71301dc3b5803a9b34a08e394b3c', class: CSS.controlsWrapper }, index.h("calcite-button", { key: '942282672ebad6e33cddf76433b490ded2db7dcb', 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 && [
-            index.h("div", { key: 'ceb4edaaf9484b4faa690e9350de53e33f98c6ea', class: CSS.cancelEditingButtonWrapper }, index.h("calcite-button", { key: '2b38d2b71b47b68b48da47af519714b932216ffc', 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" })),
-            index.h("calcite-button", { key: '729774a3dfdd93991478ac9f3260cdd9b04cd177', 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" }),
+            index.h("div", { key: 'b47f75ed7a102ba84ea82b5dd483bda894c49dc9', class: CSS.cancelEditingButtonWrapper }, index.h("calcite-button", { key: '590dddf42b7c99f00f4a39af4e2e0eb4adf54697', 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" })),
+            index.h("calcite-button", { key: 'bfbe94acd5313a70558bd6a6ad48127f4b63deed', 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/cjs/calcite-input-date-picker.cjs.entry.js

@@ -1,32 +1,32 @@
 /*!
  * 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.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const utils = require('./utils-7340366a.js');
-const dom = require('./dom-b3b692c7.js');
-const floatingUi = require('./floating-ui-eb71a064.js');
-const form = require('./form-2f0ce4f5.js');
-const interactive = require('./interactive-a21fc529.js');
-const key = require('./key-b4561c75.js');
-const label = require('./label-1bfab83c.js');
-const loadable = require('./loadable-8502181b.js');
-const locale = require('./locale-3c14df15.js');
-const openCloseComponent = require('./openCloseComponent-e274d148.js');
-const t9n = require('./t9n-d22d6156.js');
-const focusTrapComponent = require('./focusTrapComponent-40da5be2.js');
-const guid = require('./guid-8153c924.js');
-const component = require('./component-4791014e.js');
-const Validation = require('./Validation-a9559083.js');
-require('./resources-2cc41c87.js');
-require('./debounce-348db285.js');
-require('./browser-1a5f23a5.js');
-require('./observers-9d4b94fa.js');
+const index = require('./index-ca9c5738.js');
+const utils = require('./utils-74b2d3a5.js');
+const dom = require('./dom-4f3978e9.js');
+const floatingUi = require('./floating-ui-d4a2ecab.js');
+const form = require('./form-228b04bd.js');
+const interactive = require('./interactive-46826d66.js');
+const key = require('./key-987bfdfb.js');
+const label = require('./label-0eaf6fab.js');
+const loadable = require('./loadable-485b5ca8.js');
+const locale = require('./locale-22e50901.js');
+const openCloseComponent = require('./openCloseComponent-9808d3ab.js');
+const t9n = require('./t9n-a2235c64.js');
+const focusTrapComponent = require('./focusTrapComponent-357c2193.js');
+const guid = require('./guid-70d8b321.js');
+const component = require('./component-62e55d43.js');
+const Validation = require('./Validation-b1edd79e.js');
+require('./resources-ea1d0de4.js');
+require('./debounce-8594d56b.js');
+require('./browser-d83e81a6.js');
+require('./observers-64d0e318.js');
 
 /**
  * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.
@@ -538,23 +538,23 @@ const InputDatePicker = class {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (index.h(index.Host, { key: '9b4fed74209f0ce20402ee8a48afd7ebf2d2e796', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: '1877b35c7266d6a31fd969b12505d6c33f180801', disabled: this.disabled }, this.localeData && (index.h("div", { key: '98a3c9332f16b7e49b3580057bd1dda0e8f419b1', class: CSS.inputContainer }, index.h("div", { key: 'd0803f7aad9ad0ab5789a9c0a111d590e0195267', class: CSS.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, index.h("calcite-input-text", { key: 'f35b70fbd2c2c069035ed2d68f449c81c4a3d239', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": dom.toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+        return (index.h(index.Host, { key: '16158c7a391a55d79ce3622b725e1e852b5e6ebe', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: '89ebc751cfb78e050461d0e06f54cef6e16cf38f', disabled: this.disabled }, this.localeData && (index.h("div", { key: '31770fe6a1c1910a68c7031582ab7bafcce77f91', class: CSS.inputContainer }, index.h("div", { key: 'a944079bd926f5c89a62363178b4c699692f8d64', class: CSS.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, index.h("calcite-input-text", { key: '724f959486cbc5e47903854e657446b740c05330', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": dom.toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS.input]: true,
                 [CSS.inputNoBottomBorder]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setStartInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "start"), index.h("span", { key: 'f761ab93c43b94a3b4f8ba6a8d205d9575640934', "aria-hidden": "true", class: CSS.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), index.h("div", { key: '59c2b05c659594a6b1df048202a7fcd68ec750fa', "aria-hidden": dom.toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
+            this.renderToggleIcon(this.open && this.focusedInput === "start"), index.h("span", { key: '585a78e0fc721e98c0336a2c81cd86ec0aef4846', "aria-hidden": "true", class: CSS.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), index.h("div", { key: '19b54a3cb53e887ad5ba53040d1d55b5934ecd8b', "aria-hidden": dom.toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS.menu]: true,
                 [CSS.menuActive]: this.open,
-            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, index.h("div", { key: '77621e3bdc7d55e49049bb4c9834687de6103f55', class: {
+            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, index.h("div", { key: 'f14acc1679ab77d422322440d7620143a140040c', class: {
                 [CSS.calendarWrapper]: true,
                 [CSS.calendarWrapperEnd]: this.focusedInput === "end",
                 [floatingUi.FloatingCSS.animation]: true,
                 [floatingUi.FloatingCSS.animationActive]: this.open,
-            }, ref: this.setTransitionEl }, index.h("calcite-date-picker", { key: 'e64f2e1e099534b9b36473c1656a6325bd54103f', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (index.h("div", { key: 'fc6365bdaeb44666c6f867f0c6e4d31c4c506016', class: CSS.horizontalArrowContainer }, index.h("calcite-icon", { key: '32b3bf8acb63754f9d35c33fcfba10f2a89cabfd', flipRtl: true, icon: "arrow-right", scale: component.getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { key: '5a8ab25a202538b6705ba7c2eda48166c15c875b', class: CSS.verticalArrowContainer }, index.h("calcite-icon", { key: 'c8add8431f5b495c9df652092aedef0c4af69a63', icon: "arrow-down", scale: component.getIconScale(this.scale) }))), this.range && (index.h("div", { key: 'c7bffa6f5244adaf3ce7458f3b79ccbf696941df', class: CSS.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, index.h("calcite-input-text", { key: '70190770870e3855018563d73db17e77f963aab1', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": dom.toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            }, ref: this.setTransitionEl }, index.h("calcite-date-picker", { key: '71750c9f9a7be9b7bbfaf7bc8eb01f61ab031c2f', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (index.h("div", { key: 'f69e2115f0c24ac0c474fc967b2f7976a0477c02', class: CSS.horizontalArrowContainer }, index.h("calcite-icon", { key: 'd7f667f50cf954dc1197e210f8dd1acd280e90db', flipRtl: true, icon: "arrow-right", scale: component.getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { key: 'f0179c9c75aa2747ecd61bda4a9bc451cfd035d3', class: CSS.verticalArrowContainer }, index.h("calcite-icon", { key: '42d800d083bb50160f36bf6f9756979395339e0c', icon: "arrow-down", scale: component.getIconScale(this.scale) }))), this.range && (index.h("div", { key: 'a6aef465ff68ab77e1075ee3a560ff6e5bd9873a', class: CSS.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, index.h("calcite-input-text", { key: '9d05c537e569613b2ccb0749fb0847a2b233165f', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": dom.toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS.input]: true,
                 [CSS.inputBorderTopColorOne]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), index.h(form.HiddenFormInputSlot, { key: '89fb0548fac9923bc16666355b4c1a67e618dcbd', component: this }), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), index.h(form.HiddenFormInputSlot, { key: '214e36f45d2514e759c8bf25a65ad985ab16892c', component: this }), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (

package/dist/cjs/calcite-input-message.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * 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.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const dom = require('./dom-b3b692c7.js');
-require('./guid-8153c924.js');
-require('./resources-2cc41c87.js');
+const index = require('./index-ca9c5738.js');
+const dom = require('./dom-4f3978e9.js');
+require('./guid-70d8b321.js');
+require('./resources-ea1d0de4.js');
 
 const StatusIconDefaults = {
     valid: "check-circle",
@@ -42,7 +42,7 @@ const InputMessage = class {
     }
     render() {
         const hidden = this.el.hidden;
-        return (index.h(index.Host, { key: '7d7329dbca2d5abb5a9b92dbee9767ba14488caa', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), index.h("slot", { key: '2fc037f47b40f25698cecdd52df9436da86ecfcf' })));
+        return (index.h(index.Host, { key: 'f7008c19417cc42c784a3f71f811e7ea497398e4', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), index.h("slot", { key: '2f15a032a0a51dc475c09fa24ad9789d5d55e49e' })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -1,28 +1,28 @@
 /*!
  * 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.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const dom = require('./dom-b3b692c7.js');
-const form = require('./form-2f0ce4f5.js');
-const interactive = require('./interactive-a21fc529.js');
-const key = require('./key-b4561c75.js');
-const label = require('./label-1bfab83c.js');
-const loadable = require('./loadable-8502181b.js');
-const locale = require('./locale-3c14df15.js');
-const observers = require('./observers-9d4b94fa.js');
-const resources = require('./resources-2cc41c87.js');
-const t9n = require('./t9n-d22d6156.js');
-const component = require('./component-4791014e.js');
-const Validation = require('./Validation-a9559083.js');
-const input = require('./input-59075b7d.js');
-require('./guid-8153c924.js');
-require('./browser-1a5f23a5.js');
+const index = require('./index-ca9c5738.js');
+const dom = require('./dom-4f3978e9.js');
+const form = require('./form-228b04bd.js');
+const interactive = require('./interactive-46826d66.js');
+const key = require('./key-987bfdfb.js');
+const label = require('./label-0eaf6fab.js');
+const loadable = require('./loadable-485b5ca8.js');
+const locale = require('./locale-22e50901.js');
+const observers = require('./observers-64d0e318.js');
+const resources = require('./resources-ea1d0de4.js');
+const t9n = require('./t9n-a2235c64.js');
+const component = require('./component-62e55d43.js');
+const Validation = require('./Validation-b1edd79e.js');
+const input = require('./input-5385ae4f.js');
+require('./guid-70d8b321.js');
+require('./browser-d83e81a6.js');
 
 const CSS = {
     loader: "loader",
@@ -580,27 +580,27 @@ const InputNumber = class {
     // --------------------------------------------------------------------------
     render() {
         const dir = dom.getElementDir(this.el);
-        const loader = (index.h("div", { key: 'd3abc6524b00871ffeffe5171a89bcc353233d6f', class: CSS.loader }, index.h("calcite-progress", { key: '34f27e211f9350d039c98025d14e9f892c6889b1', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (index.h("button", { key: '69be5ed912fe252d1114d1669f5384f2fff36985', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, index.h("calcite-icon", { key: 'e6bccd77006324a927bfed9e6f1bc85203218a76', icon: "x", scale: component.getIconScale(this.scale) })));
-        const iconEl = (index.h("calcite-icon", { key: 'f6a6df5e037ec3cc285914781f0ca933b715457a', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: component.getIconScale(this.scale) }));
+        const loader = (index.h("div", { key: 'a4f52e726014f5c4344ee746270965c12ed61584', class: CSS.loader }, index.h("calcite-progress", { key: 'a7dc653c7b9984ab8a38458fb87e77326e22ca4e', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (index.h("button", { key: '1d960bc9c14b08eba558b7ce1227eb851d08513c', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, index.h("calcite-icon", { key: '8d1ee036fcbff44b41856dc4f5c09f971a89432a', icon: "x", scale: component.getIconScale(this.scale) })));
+        const iconEl = (index.h("calcite-icon", { key: 'c5162bc6c62e84a8c80d342dba492a675002d0e9', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: component.getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (index.h("button", { key: '9fa39d70a263f45b278fcc659bff7bb580a76476', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (index.h("button", { key: '53daeb9943dac80f3ecf81919b2775e3f4335cbc', "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" }, index.h("calcite-icon", { key: 'a9501d854f142a011fb20b3f047d101468a1f0f1', icon: "chevron-up", scale: component.getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (index.h("button", { key: '3009cd2f9754a0d4e7b3ec6d119e84616fda412f', "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" }, index.h("calcite-icon", { key: '68e674e74c7e21cd1ced726980b2a4e2ee39abf4', icon: "chevron-up", scale: component.getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (index.h("button", { key: '648c84c9f7fad45296f0f7aa1a4fe37eb978f333', "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" }, index.h("calcite-icon", { key: 'e2e482cc27c44425f563c1fb4fc2bc3a51475b8c', icon: "chevron-down", scale: component.getIconScale(this.scale) })));
-        const numberButtonsVertical = (index.h("div", { key: 'dce41157e536fed2194176d8a58b47e0a723d5c2', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = index.h("div", { key: '403b46f76746d51cb2f5c638c706f8988a57d80b', class: CSS.prefix }, this.prefixText);
-        const suffixText = index.h("div", { key: '8c1c73d41f7d8ee21013975afc5cf1a791ff56f3', class: CSS.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, index.h("calcite-icon", { key: 'a8ae7a105913dc1c13731c4321d75459afe1c265', icon: "chevron-down", scale: component.getIconScale(this.scale) })));
+        const numberButtonsVertical = (index.h("div", { key: '628ff7ec90ff45e7d091cafec90bff2ea40bf147', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = index.h("div", { key: '6ccbacd041cff176f8659ebea5de90970801a6ed', class: CSS.prefix }, this.prefixText);
+        const suffixText = index.h("div", { key: '79cbd5e74fe678e7cde09efa88c9e666e7d01b11', class: CSS.suffix }, this.suffixText);
         const childEl = (index.h("input", { "aria-label": 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 (index.h(index.Host, { key: '5305d6fbe9ab057336841d09b054f34a603f4fcc', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: 'af03230003b05d575d9638526cbfed7ceafcdaa0', disabled: this.disabled }, index.h("div", { key: 'd83924d0e266c32d8ab77bb1d4369a97a480780d', class: { [CSS.inputWrapper]: true, [resources.CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
+        return (index.h(index.Host, { key: '2aa254fa8e0a2230dbad3d47e0763c3a5429be40', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: 'e1cdd1054bd5a2aa789f0d964d4e51ab47fe1d61', disabled: this.disabled }, index.h("div", { key: '043b48c477a3413d38e3d719fc29c2c9e400a7d0', class: { [CSS.inputWrapper]: true, [resources.CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, index.h("div", { key: '0b6c306ccb9d32eaee5642d665bba488a6ad96e9', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), index.h("div", { key: 'a6741c4511accceee0fda36057ff1f42038a1d07', class: CSS.actionWrapper }, index.h("slot", { key: '687f7affe7882bbff9d91eb8f959888f41aa20b3', name: SLOTS.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, index.h("div", { key: 'b7da66e36e0c5591bc664783fc4d34b2a16080b7', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), index.h("div", { key: 'e61890fc81cfade12114bce838c83ada41fcec2c', class: CSS.actionWrapper }, index.h("slot", { key: 'c111d4c31c1cb20c65dafd30992db4c9fd17e1f0', name: SLOTS.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, index.h(form.HiddenFormInputSlot, { key: 'ae3c55e42aa5ccaf59db17c95598cd364db9ed0a', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, index.h(form.HiddenFormInputSlot, { key: 'a4f6a0bc8e06139000894515be31fc5faac851eb', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }