@esri/calcite-components 2.13.0 → 2.14.0-next.1

package/dist/cjs/calcite-input-time-zone.cjs.entry.js

@@ -1,26 +1,26 @@
 /*!
  * 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.13.0
+ * v2.14.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const label = require('./label-4cec1587.js');
-const interactive = require('./interactive-e27cd6e3.js');
-const locale = require('./locale-783be19a.js');
-const t9n = require('./t9n-5f0809e3.js');
-const loadable = require('./loadable-1e343f4a.js');
-const form = require('./form-26bde25c.js');
-require('./dom-401c47fa.js');
-require('./guid-7487a6a8.js');
-require('./resources-8d0a3a55.js');
-require('./component-25eaec79.js');
-require('./key-8032a9dc.js');
-require('./observers-dc37fb24.js');
-require('./browser-b9024aa0.js');
+const index = require('./index-fa8af6d4.js');
+const label = require('./label-818df254.js');
+const interactive = require('./interactive-cad47537.js');
+const locale = require('./locale-c8a9eaf0.js');
+const t9n = require('./t9n-386452e2.js');
+const loadable = require('./loadable-3b4436ea.js');
+const form = require('./form-9fffc18b.js');
+require('./dom-c64d16b4.js');
+require('./guid-fd15b830.js');
+require('./resources-d4d76af1.js');
+require('./component-7ca6ac5e.js');
+require('./key-cae77b35.js');
+require('./observers-d4deb7de.js');
+require('./browser-39ff1e63.js');
 
 const CSS = {
     offset: "offset",
@@ -57,12 +57,12 @@ async function getNormalizer(mode) {
     if (mode === "offset") {
         return (timeZone) => timeZone;
     }
-    const { normalize } = await Promise.resolve().then(function () { return require('./time-zones-b0ae45d1.js'); });
+    const { normalize } = await Promise.resolve().then(function () { return require('./time-zones-c069f863.js'); });
     return normalize;
 }
 async function createTimeZoneItems(locale, messages, mode, referenceDate, standardTime) {
     if (mode === "name") {
-        const { groupByName } = await Promise.resolve().then(function () { return require('./index-34f1d139.js'); });
+        const { groupByName } = await Promise.resolve().then(function () { return require('./index-bf18ba2b.js'); });
         const groups = await groupByName();
         return groups
             .map(({ label: timeZone }) => {
@@ -88,8 +88,8 @@ async function createTimeZoneItems(locale, messages, mode, referenceDate, standa
     const referenceDateInMs = referenceDate.getTime();
     if (mode === "region") {
         const [{ groupByRegion }, { getCountry, global: globalLabel }] = await Promise.all([
-            Promise.resolve().then(function () { return require('./index-07f61ddd.js'); }),
-            Promise.resolve().then(function () { return require('./region-128c6d83.js'); }),
+            Promise.resolve().then(function () { return require('./index-ce9acc32.js'); }),
+            Promise.resolve().then(function () { return require('./region-5f629ee7.js'); }),
         ]);
         const groups = await groupByRegion();
         return groups
@@ -135,8 +135,8 @@ async function createTimeZoneItems(locale, messages, mode, referenceDate, standa
             .sort((groupA, groupB) => groupA.label === globalLabel ? -1 : groupB.label === globalLabel ? 1 : groupA.label.localeCompare(groupB.label));
     }
     const [{ groupByOffset }, { DateEngine }] = await Promise.all([
-        Promise.resolve().then(function () { return require('./index-27dcb5e8.js'); }),
-        Promise.resolve().then(function () { return require('./index-3c6b9765.js'); }),
+        Promise.resolve().then(function () { return require('./index-2b767f90.js'); }),
+        Promise.resolve().then(function () { return require('./index-9b90c7c0.js'); }),
     ]);
     const groups = await groupByOffset({
         dateEngine: new DateEngine(),
@@ -451,11 +451,11 @@ const InputTimeZone = class {
         this.overrideSelectedLabelForRegion(this.open);
     }
     render() {
-        return (index.h(index.Host, { key: 'b94fb2d93cdcaf0c44bbd2a0c7deaf59701078bf' }, index.h(interactive.InteractiveContainer, { key: '45246bbab441e9daf0e372832e74d7660039c770', disabled: this.disabled }, index.h("calcite-combobox", { key: '294e44d8ab01079651c417f7808348e584f135b7', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name"
+        return (index.h(index.Host, { key: '01e92ff0b71928757d2c4a47cbf691ca8b47fd4b' }, index.h(interactive.InteractiveContainer, { key: 'e8c840862e0a1d977393dbf30d684c236f4893c2', disabled: this.disabled }, index.h("calcite-combobox", { key: '0766faea4458022bb0642534a74ab743c4c97f4b', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name"
                 ? this.messages.namePlaceholder
                 : this.mode === "offset"
                     ? this.messages.offsetPlaceholder
-                    : this.messages.regionPlaceholder, placeholderIcon: "search", readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.renderItems()), index.h(form.HiddenFormInputSlot, { key: '0b7a0694166f1d5b36b780d3436dad15d466bc3c', component: this }))));
+                    : this.messages.regionPlaceholder, placeholderIcon: "search", readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.renderItems()), index.h(form.HiddenFormInputSlot, { key: '7fb8724e1183f6341fc0167338f0ddd681f57f1c', component: this }))));
     }
     renderItems() {
         if (this.mode === "region") {

package/dist/cjs/calcite-input.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/dev/LICENSE.md for details.
- * v2.13.0
+ * v2.14.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03561b9a.js');
-const dom = require('./dom-401c47fa.js');
-const form = require('./form-26bde25c.js');
-const interactive = require('./interactive-e27cd6e3.js');
-const key = require('./key-8032a9dc.js');
-const label = require('./label-4cec1587.js');
-const loadable = require('./loadable-1e343f4a.js');
-const locale = require('./locale-783be19a.js');
-const observers = require('./observers-dc37fb24.js');
-const resources = require('./resources-8d0a3a55.js');
-const t9n = require('./t9n-5f0809e3.js');
-const component = require('./component-25eaec79.js');
-const Validation = require('./Validation-64dfab90.js');
-const input = require('./input-3dd5805a.js');
-require('./guid-7487a6a8.js');
-require('./browser-b9024aa0.js');
+const index = require('./index-fa8af6d4.js');
+const dom = require('./dom-c64d16b4.js');
+const form = require('./form-9fffc18b.js');
+const interactive = require('./interactive-cad47537.js');
+const key = require('./key-cae77b35.js');
+const label = require('./label-818df254.js');
+const loadable = require('./loadable-3b4436ea.js');
+const locale = require('./locale-c8a9eaf0.js');
+const resources = require('./resources-d4d76af1.js');
+const t9n = require('./t9n-386452e2.js');
+const component = require('./component-7ca6ac5e.js');
+const Validation = require('./Validation-9804753d.js');
+const input = require('./input-bc0b5fd1.js');
+require('./guid-fd15b830.js');
+require('./browser-39ff1e63.js');
+require('./observers-d4deb7de.js');
 
 const CSS = {
     loader: "loader",
@@ -68,7 +68,6 @@ const Input = class {
         /** keep track of the rendered child type */
         this.childElType = "input";
         this.previousValueOrigin = "initial";
-        this.mutationObserver = observers.createObserver("mutation", () => this.setDisabledAction());
         this.userChangedValue = false;
         //--------------------------------------------------------------------------
         //
@@ -437,9 +436,6 @@ const Input = class {
     handleGlobalAttributesChanged() {
         index.forceUpdate(this);
     }
-    disabledWatcher() {
-        this.setDisabledAction();
-    }
     /** watcher to update number-to-string for max */
     maxWatcher() {
         this.maxString = this.max?.toString() || null;
@@ -499,8 +495,6 @@ const Input = class {
         }
         label.connectLabel(this);
         form.connectForm(this);
-        this.mutationObserver?.observe(this.el, { childList: true });
-        this.setDisabledAction();
         this.el.addEventListener(form.internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     disconnectedCallback() {
@@ -508,7 +502,6 @@ const Input = class {
         form.disconnectForm(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
-        this.mutationObserver?.disconnect();
         this.el.removeEventListener(form.internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     async componentWillLoad() {
@@ -607,22 +600,6 @@ const Input = class {
     syncHiddenFormInput(input$1) {
         input.syncHiddenFormInput(this.type, this, input$1);
     }
-    setDisabledAction() {
-        const slottedActionEl = dom.getSlotted(this.el, "action");
-        if (!slottedActionEl) {
-            return;
-        }
-        if (this.disabled) {
-            if (slottedActionEl.getAttribute("disabled") == null) {
-                this.slottedActionElDisabledInternally = true;
-            }
-            slottedActionEl.setAttribute("disabled", "");
-        }
-        else if (this.slottedActionElDisabledInternally) {
-            slottedActionEl.removeAttribute("disabled");
-            this.slottedActionElDisabledInternally = false;
-        }
-    }
     normalizeValue(value) {
         return this.type === "number" ? (locale.isValidNumber(value) ? value : "") : value;
     }
@@ -638,21 +615,21 @@ const Input = class {
     // --------------------------------------------------------------------------
     render() {
         const dir = dom.getElementDir(this.el);
-        const loader = (index.h("div", { key: 'ed9acea9dbc18f4cfc5e7095c1e2de0b1adfdf35', class: CSS.loader }, index.h("calcite-progress", { key: '58321a27c25dd848a648d2e3d5ca6dfc3f5fd649', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (index.h("button", { key: '348d8dee0c032afe986b1e253c9d667256f3d9f0', "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: '334b68a283b767c0e9bea09ccfd83d09c8c17711', icon: "x", scale: component.getIconScale(this.scale) })));
-        const iconEl = (index.h("calcite-icon", { key: '4ab83aa9268277a38449ebe4a6e3db4dc9badcae', class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: component.getIconScale(this.scale) }));
+        const loader = (index.h("div", { key: '6f733315d8e509bf08aa9a113c02c208be7149ce', class: CSS.loader }, index.h("calcite-progress", { key: 'ea71a09004d4388959c994245ad18ffd08c63817', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (index.h("button", { key: 'd7e272b4dfc39467128adf0e4794664a14e646e9', "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: '186a38e7d19ab25165adbd0175aeab3032b750bd', icon: "x", scale: component.getIconScale(this.scale) })));
+        const iconEl = (index.h("calcite-icon", { key: 'b4690b5f023d1015f61d016cf946765c73d253b9', 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: '2dd700034d38581aaea39c019e626ffa1a2c1c16', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (index.h("button", { key: '780b72b6eb590bf075195ef59f55e334cfce12ae', "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" }, index.h("calcite-icon", { key: '6ca9a7c93aa14520292ad8c800c4e099bd46f30d', icon: "chevron-up", scale: component.getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (index.h("button", { key: 'cdbd88ddd308bd82b6d239a83f365a2c5e226cfc', "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" }, index.h("calcite-icon", { key: '3e50b8af46024ca2a2c15334b4ebb7dd6841cbad', icon: "chevron-up", scale: component.getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (index.h("button", { key: '43849aa9373cad4048d6e713ad79e84f68e3b696', "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" }, index.h("calcite-icon", { key: 'f1b9cf329da9add564d690c517ddcc414c4fbfa3', icon: "chevron-down", scale: component.getIconScale(this.scale) })));
-        const numberButtonsVertical = (index.h("div", { key: '247efdce33568f219b1bf3bf252b8b19a74d03ea', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = index.h("div", { key: '01819a850399fb20a29471861e011695bf80af97', class: CSS.prefix }, this.prefixText);
-        const suffixText = index.h("div", { key: 'dcc073305f3824a0eb72ef230bd217dabdb72104', 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" }, index.h("calcite-icon", { key: '639209668b74b5a6e411eb1bc30b5bb609a179a3', icon: "chevron-down", scale: component.getIconScale(this.scale) })));
+        const numberButtonsVertical = (index.h("div", { key: 'e0655d7a44116a4aef4fb849499e88c8613bb817', class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = index.h("div", { key: '21035d6446f14acf2198ebdbdab73c6c3967fbff', class: CSS.prefix }, this.prefixText);
+        const suffixText = index.h("div", { key: '71826d415f69fbdbd90126c5d4a7c6b0184a008d', 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 +643,13 @@ const Input = class {
                 this.isTextarea ? (index.h("div", { class: CSS.resizeIconWrapper }, index.h("calcite-icon", { icon: "chevron-down", scale: component.getIconScale(this.scale) }))) : null,
             ]
             : null;
-        return (index.h(index.Host, { key: '23d6092960315f172a56105b9af75ddc6497874c', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: '1bb063f39c14a829a376465fa8c2bbc288046ac7', disabled: this.disabled }, index.h("div", { key: '7f3644f002b7cb75d93d9c0218508b502ddcfd0b', class: { [CSS.inputWrapper]: true, [resources.CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
+        return (index.h(index.Host, { key: 'b1f7425cc7572b36c75d8ebf33ade264c7473537', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: '010a5bdb624985ec1fa891fcb3a96bd57ad87875', disabled: this.disabled }, index.h("div", { key: 'a26f722831c0312f5829357cb66eca63fdc6b8ac', class: { [CSS.inputWrapper]: true, [resources.CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, index.h("div", { key: '0d01898e4949a60e0853c1a72669f5c9d6c91ba5', class: CSS.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), index.h("div", { key: '42e7adec440e417128feb9845c36d0444e6c1ae4', class: CSS.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, index.h("slot", { key: 'f391b035ad9fc108d1f99c4cedf539425c20a36d', name: SLOTS.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, index.h("div", { key: 'fb9f07ae67f1096ebd3d4f942b30a83b8a5fa6bd', class: CSS.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), index.h("div", { key: '901c6d878bf65c2989e4812f1d061312c043bcff', class: CSS.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, index.h("slot", { key: '3e9fa8d3fdab692f669161a23ccf42f3f2405217', 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, index.h(form.HiddenFormInputSlot, { key: 'df415df551b4a9a16565c8f554454d01aa89327e', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, index.h(form.HiddenFormInputSlot, { key: 'aae3ab13af24cd4ceca256a4156dcba8b23c486c', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -680,7 +657,6 @@ const Input = class {
         "autofocus": ["handleGlobalAttributesChanged"],
         "enterkeyhint": ["handleGlobalAttributesChanged"],
         "inputmode": ["handleGlobalAttributesChanged"],
-        "disabled": ["disabledWatcher"],
         "max": ["maxWatcher"],
         "min": ["minWatcher"],
         "messageOverrides": ["onMessagesChange"],