npm - @esri/solutions-components - Versions diffs - 0.10.3 → 0.10.5 - Mend

@esri/solutions-components 0.10.3 → 0.10.5

Files changed (1568) hide show

package/dist/components/index.js CHANGED Viewed

@@ -5,12 +5,13 @@
  */
 import { d as darkMode, a as autoMode } from './resources.js';
 import { s as stampVersion } from './config.js';
+import { i as isBrowser } from './browser.js';
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 /**
  * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
@@ -41,7 +42,7 @@ function initModeChangeEvent() {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 /**
  * This file is imported in Stencil's `globalScript` config option.
@@ -49,12 +50,7 @@ function initModeChangeEvent() {
  * @see {@link https://stenciljs.com/docs/config#globalscript}
  */
 function appGlobalScript () {
-    const isBrowser = typeof window !== "undefined" &&
-        typeof location !== "undefined" &&
-        typeof document !== "undefined" &&
-        window.location === location &&
-        window.document === document;
-    if (isBrowser) {
+    if (isBrowser()) {
         if (document.readyState === "interactive") {
             initModeChangeEvent();
         }

package/dist/components/input-date-picker.js CHANGED Viewed

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host, Build } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { j as datePartsFromISO, k as datePartsFromLocalizedString, l as dateFromLocalizedString, i as inRange, a as dateToISO, d as dateFromISO, b as dateFromRange } from './date.js';
 import { k as focusFirstTabbable, t as toAriaBoolean } from './dom.js';
 import { f as filterValidFlipPlacements, c as connectFloatingUI, b as defaultMenuPlacement, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui.js';
@@ -21,6 +21,7 @@ import { g as guid } from './guid.js';
 import { g as getIconScale } from './component.js';
 import { V as Validation } from './Validation.js';
 import { s as syncHiddenFormInput } from './input2.js';
+import { i as isBrowser } from './browser.js';
 import { d as defineCustomElement$6 } from './date-picker-day.js';
 import { d as defineCustomElement$5 } from './date-picker-month.js';
 import { d as defineCustomElement$4 } from './date-picker-month-header.js';
@@ -31,7 +32,7 @@ import { d as defineCustomElement$1 } from './progress.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 /**
  * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.
@@ -61,7 +62,7 @@ function normalizeToCurrentCentury(twoDigitYear) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     assistiveText: "assistive-text",
@@ -453,7 +454,8 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class InputDatePicker e
     /**
      * Updates the position of the component.
      *
-     * @param delayed
+     * @param delayed If true, the repositioning is delayed.
+     * @returns void
      */
     async reposition(delayed = false) {
         const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;
@@ -476,12 +478,20 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class InputDatePicker e
         connectLocalized(this);
         const { open } = this;
         open && this.openHandler();
+        if (this.min) {
+            this.minAsDate = dateFromISO(this.min);
+        }
+        if (this.max) {
+            this.maxAsDate = dateFromISO(this.max);
+        }
         if (Array.isArray(this.value)) {
             this.valueAsDate = getValueAsDateRange(this.value);
         }
         else if (this.value) {
             try {
-                this.valueAsDate = dateFromISO(this.value);
+                const date = dateFromISO(this.value);
+                const dateInRange = dateFromRange(date, this.minAsDate, this.maxAsDate);
+                this.valueAsDate = dateInRange;
             }
             catch (error) {
                 this.warnAboutInvalidValue(this.value);
@@ -496,12 +506,6 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class InputDatePicker e
                 this.value = dateToISO(this.valueAsDate);
             }
         }
-        if (this.min) {
-            this.minAsDate = dateFromISO(this.min);
-        }
-        if (this.max) {
-            this.maxAsDate = dateFromISO(this.max);
-        }
         connectLabel(this);
         connectForm(this);
         connectMessages(this);
@@ -546,23 +550,23 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class InputDatePicker e
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (h(Host, { key: 'aa69d03a90a634fd434770a407971b0deb24782d', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '5d30252fbcb3dab76b0cc0d81c90c3d75f75d520', disabled: this.disabled }, this.localeData && (h("div", { key: '846c8e4b6dcbf4c8452dd84dd8434989a0cd770e', class: CSS.inputContainer }, h("div", { key: '13625f578741424941b7b098f8e75693fd40d581', class: CSS.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, h("calcite-input-text", { key: '9e046258464c35d2d274376c130cff91363844e9', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+        return (h(Host, { key: 'd2c7596b3d8c5bf59a47171801a73cf8325b0214', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'c9b2355ed515748260b93c580e7ce462fb363bb9', disabled: this.disabled }, this.localeData && (h("div", { key: 'b5ffdad5ecaf135d5d74e13f0eb148cd689d8276', class: CSS.inputContainer }, h("div", { key: '6950ddff12c7588c984fe86590938e4df8ce4ac0', class: CSS.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, h("calcite-input-text", { key: 'd4444a1cccbf8112dfdee4ebaff7b4da246fd168', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": 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"), h("span", { key: '867993bfe3ba2602140e4401c97efb5480ca3ce5', "aria-hidden": "true", class: CSS.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), h("div", { key: '719763b40876f53da8018e22bcd9d87161f8c2fe', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
+            this.renderToggleIcon(this.open && this.focusedInput === "start"), h("span", { key: 'fc01c4d6abf41f6d3de3553828d5eba47ab29f4e', "aria-hidden": "true", class: CSS.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), h("div", { key: '998ee127b35ce6ea8ab4481c7c9034c4b7175726', "aria-hidden": 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" }, h("div", { key: '981f7c95532de4f8dc742664a2c04370a522c164', class: {
+            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, h("div", { key: '7fd228d5a4871a71acda67d8cddc19de68243c53', class: {
                 [CSS.calendarWrapper]: true,
                 [CSS.calendarWrapperEnd]: this.focusedInput === "end",
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: this.open,
-            }, ref: this.setTransitionEl }, h("calcite-date-picker", { key: 'd40466e0fa7a8cca133444476f12a0d3e80b92d1', 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" && (h("div", { key: 'b41f729ce46f0a5578ff58e7507a1c6802fc6bfe', class: CSS.horizontalArrowContainer }, h("calcite-icon", { key: 'ea2aef7c844385fe99e81b7df1955bdc95f5926d', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { key: '743d7173f465a3c480ac43e41839338b205913a5', class: CSS.verticalArrowContainer }, h("calcite-icon", { key: '0e233a74f1df8560b3fd1c9b4e7889d37458ba2c', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (h("div", { key: '51a308d2835d37394a0b26bd7900533ef8dd948b', class: CSS.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, h("calcite-input-text", { key: 'ef69ebe63fdc6068c5ba8ef469bf95780f81b841', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            }, ref: this.setTransitionEl }, h("calcite-date-picker", { key: '5477699016423ab41aee9d324100c92d98aa8421', 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" && (h("div", { key: '0f50ea7872f3b9139d8434972930f2bcf142cf38', class: CSS.horizontalArrowContainer }, h("calcite-icon", { key: 'ab18b23a1549bdfd859da64dd6f9d49fe3e96ad0', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { key: '8691507261f2ee44f12d3496fb2889e84ad55b54', class: CSS.verticalArrowContainer }, h("calcite-icon", { key: '6b527d9782fc528041ec0e0e70ecbb85788ac7b2', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (h("div", { key: 'fdfea44f4bd7a8c242a454524a54e1617e1b491b', class: CSS.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, h("calcite-input-text", { key: '7c907100f5388b7af81d827ef39544d68babefc1', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": 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"))))), h(HiddenFormInputSlot, { key: '22b9829585178610d9690130244000f579f556a7', component: this }), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), h(HiddenFormInputSlot, { key: '3dd51741ee6ceb9d470b21f81d592965a5d236a4', component: this }), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (
@@ -657,7 +661,7 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class InputDatePicker e
         }
     }
     async loadLocaleData() {
-        if (!Build.isBrowser) {
+        if (!isBrowser()) {
             return;
         }
         numberStringFormatter.numberFormatOptions = {

package/dist/components/input-message.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const StatusIconDefaults = {
     valid: "check-circle",
@@ -44,7 +44,7 @@ const InputMessage = /*@__PURE__*/ proxyCustomElement(class InputMessage extends
     }
     render() {
         const hidden = this.el.hidden;
-        return (h(Host, { key: 'd25eda9bcff16d0d71d1373e87b27fd39df842f1', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), h("slot", { key: 'aa5c6414007081f521e9354118aeb1365aa04c88' })));
+        return (h(Host, { key: '807f74f1838b74f514cb6c79b91be23d634a7a9a', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), h("slot", { key: '15aa8635b2a9646f5b0b02d47e255073789799ef' })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/input-number.js CHANGED Viewed

@@ -23,7 +23,7 @@ import { d as defineCustomElement$1 } from './progress.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     loader: "loader",
@@ -583,27 +583,27 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (h("div", { key: '792a159864fecad5a3f8f8a12f99da26bf7d978b', class: CSS.loader }, h("calcite-progress", { key: '0be46f7aeed43519c2f12c8991257e94151035f3', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (h("button", { key: '4b5cd4a3b1dcfc52ec2e543a4c72a4407f1a7428', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'd89fa3a009124fe451f5a82e913f89d80ebd3b9a', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (h("calcite-icon", { key: 'ddde33f2e405f17561a000cdc48c3736a4117ac3', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (h("div", { key: '4d832947b4a683a0c74473a481e15eda1c3e6c6f', class: CSS.loader }, h("calcite-progress", { key: '90103aab3b5ab29cea99511b93ecfc52c2b20545', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (h("button", { key: '409e8c4235cd733abfe5b46a499ec439432f0dda', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'e4ade48bc9c6862d64e08674cb2784f230ce4980', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (h("calcite-icon", { key: 'dc6ce1cb7824c236d776124be25584f1c976f495', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (h("button", { key: '0fd04a0153c74c1fc81892dd4dbe5a31f67f4eb9', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (h("button", { key: 'd08c3ea83d6e00bf97f1e3f3d41a2caf4fb7d5eb', "aria-hidden": "true", class: {
                 [CSS.numberButtonItem]: true,
                 [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '2b12b651f53d4a519518efe84e5bc84f97f9dbe1', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (h("button", { key: 'cb046f61566d5bd316c60aed147877b7bb3cf634', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '7b55738e70f5aabdac824650fd6314f915b234a0', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (h("button", { key: 'ed7abdf5e2eda7091f34e3808dd15f9090163564', "aria-hidden": "true", class: {
                 [CSS.numberButtonItem]: true,
                 [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '65930ea168d80198101844d692dbcfbb639dd97a', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (h("div", { key: '57f22f634162c4e3c377c54cd65b42d71f4ad266', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = h("div", { key: '7af4c5da294fb0d8e275ce440a98ed9f51326657', class: CSS.prefix }, this.prefixText);
-        const suffixText = h("div", { key: 'ef579965ea46806676af208a2ee31e5e69c9be89', class: CSS.suffix }, this.suffixText);
-        const childEl = (h("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode"), key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.displayedValue }));
-        return (h(Host, { key: '81ff4a340635b293add9a060e5c7ea3891e36701', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'f14b00b8b0e94e81714adc7059f47e07fa7c8867', disabled: this.disabled }, h("div", { key: '06c06fa7b1f19090152dedf758ef808509b29e6b', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '15c36fc1408a3c814a9fa5aa1b590fa02a29d7e3', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (h("div", { key: 'a48133c6f0b067b5088731a663dfcfff4c1a06ba', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = h("div", { key: '6b2099f39bbc08ef8d7e1540113d2bff6adb0798', class: CSS.prefix }, this.prefixText);
+        const suffixText = h("div", { key: '83f015b4af8dedb12d9d27bbe9a26d9ac9bc5052', class: CSS.suffix }, this.suffixText);
+        const childEl = (h("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode") || "decimal", key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.displayedValue }));
+        return (h(Host, { key: 'c24ad59519e7a556c17d73e9f4e1def1e1dd3eb8', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '261dc376e7919a788656e281892ed421da04e696', disabled: this.disabled }, h("div", { key: 'e85dd19739baab9d11bcccd95b8f1ada51d25133', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, h("div", { key: 'a9e3fe40c6ae6f6917b76645ab53fd93c14ce6de', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '99b7ed45a27506f9fd8ae635c1817eb328c579ff', class: CSS.actionWrapper }, h("slot", { key: 'd1d9025fd4de24400ee2c708e9bfad747e5afaed', name: SLOTS.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, h("div", { key: 'cd657c99a89880a9525701c2826f2165aab1a42a', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: 'e653c7789da412239b7cc537857a131ac3670f3f', class: CSS.actionWrapper }, h("slot", { key: 'fc7ada3995cd15aa51f5f510a785c2b8bd9ee9a5', name: SLOTS.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, h(HiddenFormInputSlot, { key: '5e981eb0204b50b3262f7b6cce7162ff4729e08e', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, h(HiddenFormInputSlot, { key: '2b7e0a60096c93a3d5708b1214376621b7acbedc', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/input-text.js CHANGED Viewed

@@ -22,7 +22,7 @@ import { d as defineCustomElement$1 } from './progress.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     loader: "loader",
@@ -336,16 +336,16 @@ const InputText = /*@__PURE__*/ proxyCustomElement(class InputText extends HTMLE
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (h("div", { key: '12865e7b3c27ad8b8ea0a3dd5d1604ce3f87f5a1', class: CSS.loader }, h("calcite-progress", { key: '6bcebc67db62c8cc0c5e61855f07ea1535010fc3', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (h("button", { key: 'd87e649b3340823a1e2f279be9b917f67e7f86b0', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'dcc3b9f506417c195827a4f05a9cc8c86a550e42', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (h("calcite-icon", { key: '95d5ebadf61a11abaa1a18317ce8a72bf6b3c4d6', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
-        const prefixText = h("div", { key: 'c97d334f65eee3f3c72d380e893a9c98f76219e7', class: CSS.prefix }, this.prefixText);
-        const suffixText = h("div", { key: 'bb784745fd1af8ddface534b720c3d4bd226115f', class: CSS.suffix }, this.suffixText);
-        const childEl = (h("input", { key: '545992d12265f6db70aae39552d35d511fdebc30', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+        const loader = (h("div", { key: '312dd68091ac57f7846a3e52fc9d800c7fced5b3', class: CSS.loader }, h("calcite-progress", { key: '4debe7e7c6a87be5065019e831c65bc227a557a7', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (h("button", { key: 'fbfd74e5d928be2208ee053208f07d17bf55b4e7', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '0abb236adde179134a48175ccc4bfadd483ab6bc', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (h("calcite-icon", { key: '4ca36a556db3bb93ff474e21d863bc4a20380421', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const prefixText = h("div", { key: '066efbe771cc9ea9239f564c4ccd1996a6d8a365', class: CSS.prefix }, this.prefixText);
+        const suffixText = h("div", { key: '9b34f658b7c2dae1f0ccd07be23d91987847aad6', class: CSS.suffix }, this.suffixText);
+        const childEl = (h("input", { key: '198c91add28dd04f74be153edfa17be636126fb2', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
                 [CSS.editingEnabled]: this.editingEnabled,
                 [CSS.inlineChild]: !!this.inlineEditableEl,
             }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode"), maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
-        return (h(Host, { key: '77abd0b127fa8a0afb9e29bf0d04cfd5dd570a74', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '9bd66bf7df32a0b8c6563f1f834d32dd5ed94cea', disabled: this.disabled }, h("div", { key: '15eccd86d7dd9a3af9d140bd5462f97a7427f33a', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { key: 'b664da42bf3e4d8d05550d324231d3bff9723dc4', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '695fd376f05dec95974b7c183b404837f7bce74a', class: CSS.actionWrapper }, h("slot", { key: '59488a35e2a8de4062f87c0f73d924b86713e730', name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { key: '8359bd5062670af69a06b9e00d5e2dafd67c21db', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (h(Host, { key: '50c546649db474a19c5fedd528e1b61f4eeb1b52', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '0157bca7fca6d8e1ea2cf14c1b046eef993945df', disabled: this.disabled }, h("div", { key: 'b582d6b2b539d4f1fb211d95de1102046b8f747e', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { key: 'c1b703c7e5942ce0bcd4afd0ca5ed5d9456280fb', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '6890177760f4e8da27ab1b64675c875aa47c9467', class: CSS.actionWrapper }, h("slot", { key: '1c3f528c03e4ecc3fe4bde16437dd99a27026dce', name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { key: 'ff90c44312b1a2d93b44273455bd07ce4946b802', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/input.js CHANGED Viewed

@@ -23,7 +23,7 @@ import { d as defineCustomElement$1 } from './progress.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     loader: "loader",
@@ -638,21 +638,21 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (h("div", { key: '91ca290797296d930565c4d5c8c1c5adcfadd42f', class: CSS.loader }, h("calcite-progress", { key: '2721ebc8dcf7fa5dfb17455f2e7bbfd925548856', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (h("button", { key: '9cdd4f14b0c4128281b12fd6156e8274b579968b', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'cb77c42adac45d939293624cda425fa8ff1fccdc', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (h("calcite-icon", { key: '2e285859d4f3bfaaed8ffb284ba4595d88a05a0f', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (h("div", { key: '84c0bd7785985b5d3188bfcba054120fd32687be', class: CSS.loader }, h("calcite-progress", { key: '7f9df66f96b36087177fd8a82dd44f8a216a3a02', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (h("button", { key: '320a27ded0752938ef6eb824e2fdf23de510e9fc', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '800e1cc87d8f4c8e915c01f74b4fd551c5daed4b', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (h("calcite-icon", { key: 'd22e551c7f109a1bc59670a766e6020887793346', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (h("button", { key: '657b0297a616e827e7f9b4f6c216d216dd87e193', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (h("button", { key: 'd481136fc775193bdbd5a74634ed32a4964da0af', "aria-hidden": "true", class: {
                 [CSS.numberButtonItem]: true,
                 [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '77a3bf36286924aafc9e3352e02acc578c3b5856', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (h("button", { key: '0deaf9efe2a4cb059ad24b8a2c8363ed1392726e', "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" }, h("calcite-icon", { key: 'fc7d8f85747204cdba07c794cb8b645477f7ab49', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (h("button", { key: '0b70f6228a37975997fc7e6f060aed85709eb992', "aria-hidden": "true", class: {
                 [CSS.numberButtonItem]: true,
                 [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '13b751be5ad896baa26ccf6c234844b0d17abd06', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (h("div", { key: 'b738d15248ccf6cfe5447e1c34c9b1f65fc8a4e4', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = h("div", { key: 'e9b94004e6a6e0d4fafebc5a2e4d75f4d4b4e216', class: CSS.prefix }, this.prefixText);
-        const suffixText = h("div", { key: '6cbe0d708f7a3a6deac4877b868f5bef28148c01', class: CSS.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '22335c3ef4d615b4938b8ea1c2bc375eec65fd1b', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (h("div", { key: 'd588f6413ab8cb2ee9bb25b7fa6c1ae436c09727', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = h("div", { key: 'd653764ca74047a6b1c5a8526e1de5b5ebec2f95', class: CSS.prefix }, this.prefixText);
+        const suffixText = h("div", { key: 'a6d815022a67a216ecbf6a98476dd9c84f393031', class: CSS.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");
@@ -666,13 +666,13 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
                 this.isTextarea ? (h("div", { class: CSS.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: getIconScale(this.scale) }))) : null,
             ]
             : null;
-        return (h(Host, { key: 'd64b5741e88f8a1f0fa7bf57b1fcd1c653ebb4e1', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'c2a88b41ad40cc71430241b92162c39b9e95e91f', disabled: this.disabled }, h("div", { key: '93a830ba649218eaa1d82e5fcb6e86e9c7f1125b', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
+        return (h(Host, { key: '8315bd55591b2d846d69d6070571a17e0030d5c7', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'af0643a63ad73a63a4cac7fda338f47cdd890bdd', disabled: this.disabled }, h("div", { key: 'b92bfabff6dfc6115c0f289cc7c7b788862f2054', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, h("div", { key: '4c0265736053dbccd3d0bca070c3b00716c1753e', class: CSS.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: 'c3fee68974f3d04d6f843e30f598049861c9312a', class: CSS.actionWrapper }, h("slot", { key: '1ba027e1883626596fe1b06cb86fe3e6720c62b5', name: SLOTS.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, h("div", { key: '99b9ced0f2b9ee174b5c87603fd7cc6742d6da8e', class: CSS.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '86159febefcb1d62d05b2c15f7ffb5cec2810e69', class: CSS.actionWrapper }, h("slot", { key: '4e58925d61432853348fb86c9b1fea217ee6f45b', name: SLOTS.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, h(HiddenFormInputSlot, { key: '2770f59360cbc7cfacb854d8b6b9345c98fa7967', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, h(HiddenFormInputSlot, { key: '24d8b7e1f68d438177e528c244b341b02ef7d5a0', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/input2.js CHANGED Viewed

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 /**
  * Exported for testing purposes only