@esri/calcite-components 2.8.0-next.2 → 2.8.0-next.4

package/dist/collection/components/input-number/input-number.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:22 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:08 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/input-number/input-number.e2e.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-next.2
+ * v2.8.0-next.4
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

package/dist/collection/components/input-number/input-number.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-next.2
+ * v2.8.0-next.4
  */
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon, } from "../../utils/dom";
@@ -534,29 +534,29 @@ export class InputNumber {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (h("div", { key: '725c6f58dfa0c45b29daa87945efa7fa581d06e8', class: CSS.loader }, h("calcite-progress", { key: '620da8e278a736e723ce504864a008cbb2cb2007', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (h("button", { key: 'de4a492ef01f6b8e59dd61e32d54e11f0bc5142e', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '221f8724da5764d092bf67b30f1040404dc031fe', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (h("calcite-icon", { key: 'd5a2708a0b3146ab73f81cbc9ddcdce88a020cd9', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (h("div", { key: '7a43402b6a46ca0594f5e0f2f47ec6d1da9f80ec', class: CSS.loader }, h("calcite-progress", { key: '24a9e2b61484c819b2bc25b3447dc5f69c429bdd', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (h("button", { key: 'f29b0524d49a95f71e0d88834f411ea554d63cf2', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '2c0710c0e0ad72b8d80c580c31fbe34bda5e79bc', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (h("calcite-icon", { key: 'd7568982f7df070a438b6a732a18e27671a98a29', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (h("button", { key: '29b02e674211d20af7f51e10f22a78e9a1a9e4a3', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (h("button", { key: '95d4c6d74159f19e26c917538b2945c8710cb32f', "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: '118f0f4a9bb2cb6cc734e7151ee91195fe9eb022', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (h("button", { key: 'e44e590234d65a5c7f21eeca73704e22c8d47b38', "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: 'b245825ffa5517c56c7e1b1d5f9f2deec325cd1f', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (h("button", { key: '0942aae6990c50ae033c4e706f7668b156750c45', "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: '6ddc4d67a66ed0e0298785569e62245a5c88272c', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (h("div", { key: 'fa789577a4a716f6a1d168adc21202e400ec3917', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = h("div", { key: '02406bc79dd6010dd3df2935147823a18c359275', class: CSS.prefix }, this.prefixText);
-        const suffixText = h("div", { key: '5a24c4c6949d6042d43daebb87f11b7a2e0b26b2', 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" }, h("calcite-icon", { key: '460fa2a2e84930f6f7c7cf628f3257ccf4bba66a', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (h("div", { key: '7c47243d45def1eec5038e347624e1a196d3db52', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = h("div", { key: 'b86817ea8ff3a55cae2bc3c2ea2a2ca7ac5f4311', class: CSS.prefix }, this.prefixText);
+        const suffixText = h("div", { key: 'd74022b8b66daf1d932426940c69306b9b8f7459', 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, 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,
             // 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 (h(Host, { key: '239970e7a0390690900eddfb6c8f44d02fbff0f2', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'bfe9f0865d1779a05901320152f5b8b899b3684e', disabled: this.disabled }, h("div", { key: 'dad298a784be2bba9c3d16c2c487320ceb173db4', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
+        return (h(Host, { key: '31982f11ae867e03a660b82ffdae817479dfae17', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '7d357fc1f7224c7bcf6867d5b5c48aa23e4e8d3e', disabled: this.disabled }, h("div", { key: '8e83c3db94021720805ba58a346affea2548465a', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, h("div", { key: '03d115221e003d683a6d1f82e6da809925f66183', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '68c68edc3e05f6377c82c594c08dc79c1a90598f', class: CSS.actionWrapper }, h("slot", { key: '42ea11e1c7c97367c542af35b7e334dac51123d5', 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: 'b050a2fc5c7352b54389865f544bf5eaf348f641', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: 'ba0cf76a501167b7cd4dcf5536cd9439653b952d', class: CSS.actionWrapper }, h("slot", { key: 'abc8b119f190531cfd01720850543ee6509e5516', name: SLOTS.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, h(HiddenFormInputSlot, { key: '0295be0a1e9b64d78e90ad58a84610a758dc85eb', 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: 'f480e9b120b0e91ec70c3bf5ad1dd4b923535a07', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get is() { return "calcite-input-number"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-number/resources.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-next.2
+ * v2.8.0-next.4
  */
 export const CSS = {
     loader: "loader",

package/dist/collection/components/input-text/input-text.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:22 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:08 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/input-text/input-text.e2e.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-next.2
+ * v2.8.0-next.4
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

package/dist/collection/components/input-text/input-text.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-next.2
+ * v2.8.0-next.4
  */
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { getElementDir, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -289,18 +289,18 @@ export class InputText {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (h("div", { key: '657cee410f3c5285eef6e0be59ce21eea00612bf', class: CSS.loader }, h("calcite-progress", { key: 'bae0d36725ea820a2822cd6bc6c17f074d1a0c74', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (h("button", { key: 'adc31a642bc75d36110bd6ba93161ee9a5144d19', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: 'a35a5d106cedab1bb643225974a0a9b445461f87', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (h("calcite-icon", { key: 'ecf3f792fd30ba0addfab534ba6d160792abec7c', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
-        const prefixText = h("div", { key: '34b2290afee53e3ae86dd91c5fe3802360622712', class: CSS.prefix }, this.prefixText);
-        const suffixText = h("div", { key: 'f3afc21a0b09fc4c80568af27333c0eadedb811a', class: CSS.suffix }, this.suffixText);
-        const childEl = (h("input", { key: 'dc3d7a4e23b277b76ca5dcbf04a8b3a5072e0144', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+        const loader = (h("div", { key: '61d78ae82eff28d3ea21992ea2224f071e19e30f', class: CSS.loader }, h("calcite-progress", { key: '83e6c24320bc3586afba345141f56f3463743ff2', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (h("button", { key: '99573258bc035806f2f657a42afcf2e657e9fbc9', "aria-label": this.messages.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { key: '40496c7d19884943040d8977d5724dab558afa4c', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (h("calcite-icon", { key: 'ae1e83ec3677d84d028269055db09ed94c711285', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const prefixText = h("div", { key: '65e89ea49f8d2120d075d04c8708a0b7c7a89156', class: CSS.prefix }, this.prefixText);
+        const suffixText = h("div", { key: '18691614ab923147352eef58eb09ebb9a4a5288e', class: CSS.suffix }, this.suffixText);
+        const childEl = (h("input", { key: '437f4e3a12d0ac69a8c20267fd5711e0a0649578', "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, 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,
             // 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 (h(Host, { key: 'd81096fdfee8fd008257d4896728700f6fa4d3dc', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'b1d2b55c232618522202d4e56681b80cb1f515de', disabled: this.disabled }, h("div", { key: 'ff62f7725fef0f2f71bb40513100772bc42a6adf', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { key: '20da4b96760af258a0eed300451961a6d24f5285', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '499cc6f51f84e3066a2795fd04deec447407b63b', class: CSS.actionWrapper }, h("slot", { key: 'cbe38f9cd8a85ae3d76a521f9cf0b61adee14b13', name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { key: '34642abc7d3ba939b01addcc20f95d85add08e6a', 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: '4055669e4cbee4eff0868c89f87ca27731241e8a', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '638eefd7cbf9b7c0d1a990a6c5e6ca5db2ca1e94', disabled: this.disabled }, h("div", { key: '29051c1c308871dd534d27a998e95bd4a730eb94', class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { key: 'f0d1e2c47c4c4a7f41b24c0375d402bb9c0d4715', class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { key: '0c0d8408badd385e9ce23454d0f4dd063eebb9c6', class: CSS.actionWrapper }, h("slot", { key: 'c83c632d089e6f20047e1d37d3ae157f24bf76f7', name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { key: '06101c54e4631c6892e55d900696e2389d8fd7ed', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get is() { return "calcite-input-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-text/resources.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-next.2
+ * v2.8.0-next.4
  */
 export const CSS = {
     loader: "loader",

package/dist/collection/components/input-time-picker/input-time-picker.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:22 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:08 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/input-time-picker/input-time-picker.e2e.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-next.2
+ * v2.8.0-next.4
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { localizeTimeString } from "../../utils/time";

package/dist/collection/components/input-time-picker/input-time-picker.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-next.2
+ * v2.8.0-next.4
  */
 import { h, Host, } from "@stencil/core";
 import dayjs from "dayjs/esm";
@@ -641,13 +641,13 @@ export class InputTimePicker {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, messages, readOnly, dialogId } = this;
-        return (h(Host, { key: '4d9ccaf776cc86a44199fcaa666c80fca0e54353', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'eaa6b40f05a29ce66df1b4d2a623c5b9a68358d6', disabled: this.disabled }, h("div", { key: '476296133977dc184ab155d404233b0ea3602cd1', class: "input-wrapper", onClick: this.onInputWrapperClick }, h("calcite-input-text", { key: '823835e8266af3e001feb955d32d9f9b19351e7c', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
+        return (h(Host, { key: '423c8d7b25cb627d4dc561f91c8702a8fdb237a8', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '0e107c7eba0b4a466353d4954f040655e2030a48', disabled: this.disabled }, h("div", { key: 'ce7aa0fa911456adb800c5c27d79aa3e6960c7da', class: "input-wrapper", onClick: this.onInputWrapperClick }, h("calcite-input-text", { key: '9436c9a236111cf5d7936ad00de851dbc05865b7', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // 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.setInputAndTransitionEl }), !this.readOnly && this.renderToggleIcon(this.open)), h("calcite-popover", { key: 'd64a80bf8968c40046961ebbf4f8df89da9a7374', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
+            ref: this.setInputAndTransitionEl }), !this.readOnly && this.renderToggleIcon(this.open)), h("calcite-popover", { key: 'a632e5f96bbb254958e3378b0341ce0bdeb2a34f', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
             // 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.setCalcitePopoverEl }, h("calcite-time-picker", { key: '2fc6e62efba7abeeab16e3df661a6f72f86b2a9e', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value,
+            ref: this.setCalcitePopoverEl }, h("calcite-time-picker", { key: 'b6196174da6bbecf3e46d828c7c426f456b5746f', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, 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.setCalciteTimePickerEl })), h(HiddenFormInputSlot, { key: '7752184faf5f7a16c2aa4ecf4b415ceec5da2961', component: this }), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            ref: this.setCalciteTimePickerEl })), h(HiddenFormInputSlot, { key: '45283a31ee152c0de7a8dbd5183c3012e4d4b8c3', 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 (h("span", { class: CSS.toggleIcon }, h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));

package/dist/collection/components/input-time-picker/resources.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-next.2
+ * v2.8.0-next.4
  */
 export const CSS = {
     toggleIcon: "toggle-icon",

package/dist/collection/components/input-time-zone/input-time-zone.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:24 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:22 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:08 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/input-time-zone/input-time-zone.e2e.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-next.2
+ * v2.8.0-next.4
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";
@@ -9,14 +9,15 @@ import { accessible, defaults, disabled, focusable, formAssociated, hidden, labe
 import { toUserFriendlyName } from "./utils";
 describe("calcite-input-time-zone", () => {
     // for stability, we use time zones that are unaffected by daylight savings time
-    const testTimeZoneNamesAndOffsets = [
+    const testTimeZoneItems = [
         { name: "America/Mexico_City", offset: -360, label: "GMT-6" },
         { name: "America/Phoenix", offset: -420, label: "GMT-7" },
         { name: "Pacific/Guam", offset: 600, label: "GMT+10" },
+        { name: "Pacific/Galapagos", offset: -360, label: "GMT-6" },
     ];
     async function simpleTestProvider() {
         const page = await newE2EPage();
-        await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+        await page.emulateTimezone(testTimeZoneItems[0].name);
         await page.setContent(addTimeZoneNamePolyfill(html `<calcite-input-time-zone></calcite-input-time-zone>`));
         return {
             page,
@@ -33,7 +34,7 @@ describe("calcite-input-time-zone", () => {
         formAssociated({
             tagOrHTML: addTimeZoneNamePolyfill(html `<calcite-input-time-zone></calcite-input-time-zone>`),
             beforeContent: async (page) => {
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+                await page.emulateTimezone(testTimeZoneItems[0].name);
             },
         }, {
             testValue: "-360",
@@ -50,7 +51,7 @@ describe("calcite-input-time-zone", () => {
         labelable({
             tagOrHTML: addTimeZoneNamePolyfill(html `<calcite-input-time-zone></calcite-input-time-zone>`),
             beforeContent: async (page) => {
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+                await page.emulateTimezone(testTimeZoneItems[0].name);
             },
         });
     });
@@ -91,7 +92,7 @@ describe("calcite-input-time-zone", () => {
     describe("mode", () => {
         describe("offset (default)", () => {
             describe("selects user's matching time zone offset on initialization", () => {
-                testTimeZoneNamesAndOffsets.forEach(({ name, offset, label }) => {
+                testTimeZoneItems.forEach(({ name, offset, label }) => {
                     it(`selects default time zone for "${name}"`, async () => {
                         const page = await newE2EPage();
                         await page.emulateTimezone(name);
@@ -106,30 +107,30 @@ describe("calcite-input-time-zone", () => {
             });
             it("allows users to preselect a time zone offset", async () => {
                 const page = await newE2EPage();
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
-                await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone value="${testTimeZoneNamesAndOffsets[1].offset}"></calcite-input-time-zone>`));
+                await page.emulateTimezone(testTimeZoneItems[0].name);
+                await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone value="${testTimeZoneItems[1].offset}"></calcite-input-time-zone>`));
                 const input = await page.find("calcite-input-time-zone");
-                expect(await input.getProperty("value")).toBe(`${testTimeZoneNamesAndOffsets[1].offset}`);
+                expect(await input.getProperty("value")).toBe(`${testTimeZoneItems[1].offset}`);
                 const timeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
-                expect(await timeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneNamesAndOffsets[1].label);
+                expect(await timeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneItems[1].label);
             });
             it("ignores invalid values", async () => {
                 const page = await newE2EPage();
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+                await page.emulateTimezone(testTimeZoneItems[0].name);
                 await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone value="9000"></calcite-input-time-zone>`));
                 const input = await page.find("calcite-input-time-zone");
-                expect(await input.getProperty("value")).toBe(`${testTimeZoneNamesAndOffsets[0].offset}`);
+                expect(await input.getProperty("value")).toBe(`${testTimeZoneItems[0].offset}`);
                 const timeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
-                expect(await timeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneNamesAndOffsets[0].label);
+                expect(await timeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneItems[0].label);
             });
             it("omits filtered or non-localized time zones (incoming to browser)", async () => {
                 const page = await newE2EPage();
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+                await page.emulateTimezone(testTimeZoneItems[0].name);
                 await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone value="600"></calcite-input-time-zone>`));
                 const input = await page.find("calcite-input-time-zone");
-                expect(await input.getProperty("value")).toBe(`${testTimeZoneNamesAndOffsets[2].offset}`);
+                expect(await input.getProperty("value")).toBe(`${testTimeZoneItems[2].offset}`);
                 const timeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
-                expect(await timeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneNamesAndOffsets[2].label);
+                expect(await timeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneItems[2].label);
             });
             it("looks up in label and time zone groups (not displayed)", async () => {
                 const displayLabelSearchTerm = "Guam";
@@ -137,7 +138,7 @@ describe("calcite-input-time-zone", () => {
                 const gmtSearchTerm = "GMT-12";
                 const searchTerms = [displayLabelSearchTerm, groupedTimeZoneSearchTerm, gmtSearchTerm];
                 const page = await newE2EPage();
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+                await page.emulateTimezone(testTimeZoneItems[0].name);
                 await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone></calcite-input-time-zone>`));
                 const input = await page.find("calcite-input-time-zone");
                 async function clearSearchTerm(searchTerm) {
@@ -170,7 +171,7 @@ describe("calcite-input-time-zone", () => {
         });
         describe("name", () => {
             describe("selects user's matching time zone name on initialization", () => {
-                testTimeZoneNamesAndOffsets.forEach(({ name }) => {
+                testTimeZoneItems.forEach(({ name }) => {
                     it(`selects default time zone for "${name}"`, async () => {
                         const page = await newE2EPage();
                         await page.emulateTimezone(name);
@@ -185,32 +186,29 @@ describe("calcite-input-time-zone", () => {
             });
             it("allows users to preselect a time zone by name", async () => {
                 const page = await newE2EPage();
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
-                await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone
-              mode="name"
-              value="${testTimeZoneNamesAndOffsets[1].name}"
-            ></calcite-input-time-zone>`));
+                await page.emulateTimezone(testTimeZoneItems[0].name);
+                await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone mode="name" value="${testTimeZoneItems[1].name}"></calcite-input-time-zone>`));
                 const input = await page.find("calcite-input-time-zone");
-                expect(await input.getProperty("value")).toBe(testTimeZoneNamesAndOffsets[1].name);
+                expect(await input.getProperty("value")).toBe(testTimeZoneItems[1].name);
                 const timeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
-                expect(await timeZoneItem.getProperty("textLabel")).toMatch(toUserFriendlyName(testTimeZoneNamesAndOffsets[1].name));
+                expect(await timeZoneItem.getProperty("textLabel")).toMatch(toUserFriendlyName(testTimeZoneItems[1].name));
             });
             it("ignores invalid values", async () => {
                 const page = await newE2EPage();
-                await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+                await page.emulateTimezone(testTimeZoneItems[0].name);
                 await page.setContent(await addTimeZoneNamePolyfill(html `<calcite-input-time-zone mode="name" value="Does/Not/Exist"></calcite-input-time-zone>`));
                 const input = await page.find("calcite-input-time-zone");
-                expect(await input.getProperty("value")).toBe(testTimeZoneNamesAndOffsets[0].name);
+                expect(await input.getProperty("value")).toBe(testTimeZoneItems[0].name);
                 const timeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
-                expect(await timeZoneItem.getProperty("textLabel")).toMatch(toUserFriendlyName(testTimeZoneNamesAndOffsets[0].name));
+                expect(await timeZoneItem.getProperty("textLabel")).toMatch(toUserFriendlyName(testTimeZoneItems[0].name));
             });
         });
     });
     it("does not allow users to deselect a time zone offset", async () => {
         const page = await newE2EPage();
-        await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+        await page.emulateTimezone(testTimeZoneItems[0].name);
         await page.setContent(addTimeZoneNamePolyfill(html `
-        <calcite-input-time-zone value="${testTimeZoneNamesAndOffsets[1].offset}" open></calcite-input-time-zone>
+        <calcite-input-time-zone value="${testTimeZoneItems[1].offset}" open></calcite-input-time-zone>
       `));
         await page.waitForChanges();
         let selectedTimeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
@@ -218,12 +216,44 @@ describe("calcite-input-time-zone", () => {
         await page.waitForChanges();
         selectedTimeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
         const input = await page.find("calcite-input-time-zone");
-        expect(await input.getProperty("value")).toBe(`${testTimeZoneNamesAndOffsets[1].offset}`);
-        expect(await selectedTimeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneNamesAndOffsets[1].label);
+        expect(await input.getProperty("value")).toBe(`${testTimeZoneItems[1].offset}`);
+        expect(await selectedTimeZoneItem.getProperty("textLabel")).toMatch(testTimeZoneItems[1].label);
+    });
+    describe("selection of subsequent items with the same offset", () => {
+        const testCases = [
+            {
+                name: "displays selected item when changing from another offset",
+                initialTimeZoneItem: testTimeZoneItems[1],
+            },
+            {
+                name: "displays selected item when changing from the same offset",
+                initialTimeZoneItem: testTimeZoneItems[0],
+            },
+        ];
+        testCases.forEach(({ name, initialTimeZoneItem }) => {
+            it(`${name}`, async () => {
+                const page = await newE2EPage();
+                await page.emulateTimezone(initialTimeZoneItem.name);
+                await page.setContent(addTimeZoneNamePolyfill(html `<calcite-input-time-zone value="${initialTimeZoneItem.offset}"></calcite-input-time-zone> `));
+                const input = await page.find("calcite-input-time-zone");
+                await input.click();
+                await page.waitForChanges();
+                await input.type("(GMT-6)");
+                await page.waitForChanges();
+                const sharedOffsetTimeZoneItems = await page.findAll("calcite-input-time-zone >>> calcite-combobox-item:not([hidden])");
+                expect(sharedOffsetTimeZoneItems).toHaveLength(2);
+                await sharedOffsetTimeZoneItems[1].click();
+                await page.waitForChanges();
+                const selectedTimeZoneItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item[selected]");
+                const expectedTimeZoneItem = testTimeZoneItems[3];
+                expect(await input.getProperty("value")).toBe(`${expectedTimeZoneItem.offset}`);
+                expect(await selectedTimeZoneItem.getProperty("value")).toMatch(expectedTimeZoneItem.name);
+            });
+        });
     });
     it("supports setting maxItems to display", async () => {
         const page = await newE2EPage();
-        await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+        await page.emulateTimezone(testTimeZoneItems[0].name);
         await page.setContent(addTimeZoneNamePolyfill(html `<calcite-input-time-zone max-items="7"></calcite-input-time-zone>`));
         const internalCombobox = await page.find("calcite-input-time-zone >>> calcite-combobox");
         // we assume maxItems works properly on combobox
@@ -231,7 +261,7 @@ describe("calcite-input-time-zone", () => {
     });
     it("recreates time zone items when item-dependent props change", async () => {
         const page = await newE2EPage();
-        await page.emulateTimezone(testTimeZoneNamesAndOffsets[0].name);
+        await page.emulateTimezone(testTimeZoneItems[0].name);
         await page.setContent(addTimeZoneNamePolyfill(html `<calcite-input-time-zone></calcite-input-time-zone>`));
         const inputTimeZone = await page.find("calcite-input-time-zone");
         let prevComboboxItem = await page.find("calcite-input-time-zone >>> calcite-combobox-item");
@@ -290,7 +320,7 @@ function addTimeZoneNamePolyfill(testHtml) {
             } else {
               offsetString =
                 "GMT" +
-                (timeZone === "America/Mexico_City"
+                (timeZone === "America/Mexico_City" || timeZone === "Pacific/Galapagos"
                   ? "-6"
                   : timeZone === "America/Phoenix"
                     ? "-7"
@@ -327,6 +357,7 @@ function addTimeZoneNamePolyfill(testHtml) {
           return [
             "America/Mexico_City",
             "America/Phoenix",
+            "Pacific/Galapagos",
             "Pacific/Guam",
 
             // not available in Chromium v92 at time of testing