@esri/calcite-components 3.1.0-next.9 → 3.1.0

package/dist/components/calcite-input-date-picker/customElement.js

@@ -1,28 +1,28 @@
-import { i as T, c as O } from "../../chunks/runtime.js";
-import { ref as u } from "lit-html/directives/ref.js";
+import { i as V, c as S } from "../../chunks/runtime.js";
+import { ref as d } from "lit-html/directives/ref.js";
 import { nothing as p, html as m } from "lit";
-import { LitElement as E, createEvent as I, stringOrBoolean as z, safeClassMap as o } from "@arcgis/lumina";
-import { d as S, a as l, b as D, c, e as R, f as $, i as B } from "../../chunks/date.js";
-import { h as N } from "../../chunks/dom.js";
-import { b as W, r as H, c as y, a as L, f as M, h as U, F as A } from "../../chunks/floating-ui.js";
-import { c as Y, d as _, s as q, H as G } from "../../chunks/form.js";
-import { u as j, I as K } from "../../chunks/interactive.js";
-import { n as F } from "../../chunks/key.js";
-import { c as Z, d as J } from "../../chunks/label.js";
-import { c as Q, g as C } from "../../chunks/component.js";
-import { n as b, a as X, d as tt } from "../../chunks/locale.js";
-import { o as et } from "../../chunks/openCloseComponent.js";
-import { g as x, a as at } from "../../chunks/utils2.js";
-import { d as w, a as k, b as it } from "../../chunks/focusTrapComponent.js";
-import { g as V } from "../../chunks/guid.js";
-import { V as st } from "../../chunks/Validation.js";
-import { s as nt } from "../../chunks/input.js";
-import { u as rt } from "../../chunks/useT9n.js";
-import { css as ot } from "@lit/reactive-element/css-tag.js";
+import { LitElement as O, createEvent as I, stringOrBoolean as T, safeClassMap as o } from "@arcgis/lumina";
+import { u as E } from "../../chunks/useFocusTrap.js";
+import { d as P, a as l, b as D, c, e as z, f as w, i as R } from "../../chunks/date.js";
+import { h as B } from "../../chunks/dom.js";
+import { b as N, r as W, c as b, a as H, f as L, h as M, F as $ } from "../../chunks/floating-ui.js";
+import { c as U, d as Y, s as _, H as q } from "../../chunks/form.js";
+import { u as G, I as j } from "../../chunks/interactive.js";
+import { n as A } from "../../chunks/key.js";
+import { c as K, d as Z } from "../../chunks/label.js";
+import { c as J, g as F } from "../../chunks/component.js";
+import { n as y, a as Q, d as X } from "../../chunks/locale.js";
+import { o as tt } from "../../chunks/openCloseComponent.js";
+import { g as x, a as et } from "../../chunks/utils2.js";
+import { g as C } from "../../chunks/guid.js";
+import { V as at } from "../../chunks/Validation.js";
+import { s as it } from "../../chunks/input.js";
+import { u as st } from "../../chunks/useT9n.js";
+import { css as nt } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
-const lt = ot`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}:host([scale=s]){--calcite-toggle-spacing: .5rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing: .75rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing: 1rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateZ(0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.input-wrapper:focus-within~.input-wrapper .chevron-icon,.input-wrapper:active~.input-wrapper .chevron-icon,.input-wrapper:hover~.input-wrapper .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}:host([layout=horizontal]) .divider-container{width:1px}.divider{display:inline-block;width:1px;margin-block:var(--calcite-spacing-xxs);background-color:var(--calcite-color-border-2)}:host([layout=vertical]) .divider-container{height:1px;width:100%;border-top-width:0px;border-bottom-width:0px;border-left-width:1px;border-right-width:0px;padding-inline:var(--calcite-spacing-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.input .calcite-input__wrapper{margin-top:0}.vertical-chevron-container{display:flex;align-items:center;border-width:1px;border-left-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}.vertical-chevron-container calcite-icon{color:var(--calcite-color-text-3)}.vertical-chevron-container calcite-icon:hover{color:var(--calcite-color-text-1)}:host([range][layout=vertical][scale=s]) .vertical-chevron-container,:host([range][layout=vertical][scale=s]) .divider-container{padding-inline:var(--calcite-spacing-sm)}:host([range][layout=vertical][scale=l]) .vertical-chevron-container,:host([range][layout=vertical][scale=l]) .divider-container{padding-inline:var(--calcite-spacing-lg)}.container:focus-within .vertical-chevron-container calcite-icon,.container:active .vertical-chevron-container calcite-icon,.container:hover .vertical-chevron-container calcite-icon{color:var(--calcite-color-text-1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`, n = {
+v3.1.0 */
+const rt = nt`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}:host([scale=s]){--calcite-toggle-spacing: .5rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing: .75rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing: 1rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateZ(0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.input-wrapper:focus-within~.input-wrapper .chevron-icon,.input-wrapper:active~.input-wrapper .chevron-icon,.input-wrapper:hover~.input-wrapper .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}:host([layout=horizontal]) .divider-container{width:1px}.divider{display:inline-block;width:1px;margin-block:var(--calcite-spacing-xxs);background-color:var(--calcite-color-border-2)}:host([layout=vertical]) .divider-container{height:1px;width:100%;border-top-width:0px;border-bottom-width:0px;border-left-width:1px;border-right-width:0px;padding-inline:var(--calcite-spacing-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.input .calcite-input__wrapper{margin-top:0}.vertical-chevron-container{display:flex;align-items:center;border-width:1px;border-left-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}.vertical-chevron-container calcite-icon{color:var(--calcite-color-text-3)}.vertical-chevron-container calcite-icon:hover{color:var(--calcite-color-text-1)}:host([range][layout=vertical][scale=s]) .vertical-chevron-container,:host([range][layout=vertical][scale=s]) .divider-container{padding-inline:var(--calcite-spacing-sm)}:host([range][layout=vertical][scale=l]) .vertical-chevron-container,:host([range][layout=vertical][scale=l]) .divider-container{padding-inline:var(--calcite-spacing-lg)}.container:focus-within .vertical-chevron-container calcite-icon,.container:active .vertical-chevron-container calcite-icon,.container:hover .vertical-chevron-container calcite-icon{color:var(--calcite-color-text-1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`, n = {
   assistiveText: "assistive-text",
   calendarWrapper: "calendar-wrapper",
   container: "container",
@@ -39,26 +39,39 @@ const lt = ot`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;
   toggleIcon: "toggle-icon",
   verticalChevronContainer: "vertical-chevron-container",
   chevronIcon: "chevron-icon"
-}, P = {
+}, k = {
   validationMessage: "inputDatePickerValidationMessage"
 };
-function ct(g) {
+function ot(g) {
   if (!g)
     return !1;
-  const { year: t } = S(g);
+  const { year: t } = P(g);
   return Number(t) < 100;
 }
-function ht(g) {
+function lt(g) {
   const t = (/* @__PURE__ */ new Date()).getFullYear();
   return Math.floor(t / 100) * 100 + g;
 }
-class dt extends E {
+class ct extends O {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.commonDateSeparators = [".", "-", "/"], this.dialogId = `date-picker-dialog--${V()}`, this.focusOnOpen = !1, this.focusTrapDeactivates = () => {
-      this.open = !1;
-    }, this.transitionProp = "opacity", this.placeholderTextId = `calcite-input-date-picker-placeholder-${V()}`, this.rangeStartValueChangedByUser = !1, this.userChangedValue = !1, this._value = "", this.valueAsDateChangedExternally = !1, this.focusedInput = "start", this.disabled = !1, this.focusTrapDisabled = !1, this.layout = "horizontal", this.messages = rt({ blocking: !0 }), this.monthStyle = "wide", this.open = !1, this.overlayPositioning = "absolute", this.placement = W, this.proximitySelectionDisabled = !1, this.range = !1, this.readOnly = !1, this.required = !1, this.scale = "m", this.status = "idle", this.validity = {
+    super(), this.commonDateSeparators = [".", "-", "/"], this.dialogId = `date-picker-dialog--${C()}`, this.focusOnOpen = !1, this.focusTrap = E({
+      triggerProp: "open",
+      focusTrapOptions: {
+        onActivate: () => {
+          this.focusOnOpen && (this.datePickerEl?.setFocus(), this.focusOnOpen = !1);
+        },
+        allowOutsideClick: !0,
+        // Allow outside click and let the popover manager take care of closing the popover.
+        clickOutsideDeactivates: !1,
+        initialFocus: !1,
+        setReturnFocus: !1,
+        onDeactivate: () => {
+          this.open = !1;
+        }
+      }
+    })(this), this.transitionProp = "opacity", this.placeholderTextId = `calcite-input-date-picker-placeholder-${C()}`, this.rangeStartValueChangedByUser = !1, this.userChangedValue = !1, this._value = "", this.valueAsDateChangedExternally = !1, this.focusedInput = "start", this.disabled = !1, this.focusTrapDisabled = !1, this.layout = "horizontal", this.messages = st({ blocking: !0 }), this.monthStyle = "wide", this.open = !1, this.overlayPositioning = "absolute", this.placement = N, this.proximitySelectionDisabled = !1, this.range = !1, this.readOnly = !1, this.required = !1, this.scale = "m", this.status = "idle", this.validity = {
       valid: !1,
       badInput: !1,
       customError: !1,
@@ -73,13 +86,13 @@ class dt extends E {
     }, this.calciteInputDatePickerBeforeClose = I({ cancelable: !1 }), this.calciteInputDatePickerBeforeOpen = I({ cancelable: !1 }), this.calciteInputDatePickerChange = I({ cancelable: !1 }), this.calciteInputDatePickerClose = I({ cancelable: !1 }), this.calciteInputDatePickerOpen = I({ cancelable: !1 }), this.listen("blur", this.blurHandler), this.listen("keydown", this.keyDownHandler), this.handleDateTimeFormatChange();
   }
   static {
-    this.properties = { datePickerActiveDate: 16, focusedInput: 16, localeData: 16, disabled: 7, flipPlacements: 0, focusTrapDisabled: 7, form: 3, headingLevel: 11, layout: 3, max: 3, maxAsDate: 0, messageOverrides: 0, min: 3, minAsDate: 0, monthStyle: 1, name: 3, numberingSystem: 3, open: 7, overlayPositioning: 3, placement: 3, proximitySelectionDisabled: 5, range: 7, readOnly: 7, required: 7, scale: 3, status: 3, validationIcon: [3, { converter: z }], validationMessage: 1, validity: 0, value: 1, valueAsDate: 0 };
+    this.properties = { datePickerActiveDate: 16, focusedInput: 16, localeData: 16, disabled: 7, flipPlacements: 0, focusTrapDisabled: 7, form: 3, headingLevel: 11, layout: 3, max: 3, maxAsDate: 0, messageOverrides: 0, min: 3, minAsDate: 0, monthStyle: 1, name: 3, numberingSystem: 3, open: 7, overlayPositioning: 3, placement: 3, proximitySelectionDisabled: 5, range: 7, readOnly: 7, required: 7, scale: 3, status: 3, validationIcon: [3, { converter: T }], validationMessage: 1, validity: 0, value: 1, valueAsDate: 0 };
   }
   static {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = lt;
+    this.styles = rt;
   }
   /** Selected date as a string in ISO format (`"yyyy-mm-dd"`). */
   get value() {
@@ -99,7 +112,7 @@ class dt extends E {
    */
   async reposition(t = !1) {
     const { floatingEl: e, referenceEl: a, placement: i, overlayPositioning: s, filteredFlipPlacements: r } = this;
-    return H(this, {
+    return W(this, {
       floatingEl: e,
       referenceEl: a,
       overlayPositioning: s,
@@ -110,7 +123,7 @@ class dt extends E {
   }
   /** Sets focus on the component. */
   async setFocus() {
-    await Q(this), N(this.el);
+    await J(this), B(this.el);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -125,32 +138,29 @@ class dt extends E {
         this.warnAboutInvalidValue(this.value), this.value = "";
       }
     else this.valueAsDate && (this.range && Array.isArray(this.valueAsDate) ? this.value = [c(this.valueAsDate[0]), c(this.valueAsDate[1])] : !this.range && !Array.isArray(this.valueAsDate) && (this.value = c(this.valueAsDate)));
-    Z(this), Y(this), this.setFilteredPlacements(), b.numberFormatOptions = {
+    K(this), U(this), this.setFilteredPlacements(), y.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
       locale: this.messages._lang,
       useGrouping: !1
-    }, y(this);
+    }, b(this);
   }
   async load() {
     this.handleDateTimeFormatChange(), await this.loadLocaleData(), this.onMinChanged(this.min), this.onMaxChanged(this.max);
   }
   willUpdate(t) {
-    t.has("focusTrapDisabled") && (this.hasUpdated || this.focusTrapDisabled !== !1) && this.handleFocusTrapDisabled(this.focusTrapDisabled), t.has("disabled") && (this.hasUpdated || this.disabled !== !1) && this.handleDisabledAndReadOnlyChange(this.disabled), t.has("readOnly") && (this.hasUpdated || this.readOnly !== !1) && this.handleDisabledAndReadOnlyChange(this.readOnly), t.has("valueAsDate") && this.valueAsDateWatcher(this.valueAsDate), t.has("flipPlacements") && this.flipPlacementsHandler(), t.has("min") && this.onMinChanged(this.min), t.has("max") && this.onMaxChanged(this.max), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), t.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") && this.reposition(!0), (t.has("numberingSystem") || t.has("messages")) && this.handleDateTimeFormatChange(), t.has("layout") && (this.hasUpdated || this.layout !== "horizontal") && this.setReferenceEl(), t.has("messages") && this.loadLocaleData();
+    t.has("disabled") && (this.hasUpdated || this.disabled !== !1) && this.handleDisabledAndReadOnlyChange(this.disabled), t.has("readOnly") && (this.hasUpdated || this.readOnly !== !1) && this.handleDisabledAndReadOnlyChange(this.readOnly), t.has("valueAsDate") && this.valueAsDateWatcher(this.valueAsDate), t.has("flipPlacements") && this.flipPlacementsHandler(), t.has("min") && this.onMinChanged(this.min), t.has("max") && this.onMaxChanged(this.max), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), t.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") && this.reposition(!0), (t.has("numberingSystem") || t.has("messages")) && this.handleDateTimeFormatChange(), t.has("layout") && (this.hasUpdated || this.layout !== "horizontal") && this.setReferenceEl(), t.has("messages") && this.loadLocaleData();
   }
   updated() {
-    j(this);
+    G(this);
   }
   loaded() {
-    this.localizeInputValues(), y(this);
+    this.localizeInputValues(), b(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), w(this), J(this), _(this), L(this);
+    super.disconnectedCallback(), Z(this), Y(this), H(this);
   }
   // #endregion
   // #region Private Methods
-  handleFocusTrapDisabled(t) {
-    this.open && (t ? w(this) : k(this));
-  }
   handleDisabledAndReadOnlyChange(t) {
     t || (this.open = !1);
   }
@@ -175,16 +185,16 @@ class dt extends E {
     this.maxAsDate = l(t);
   }
   openHandler() {
-    et(this), !(this.disabled || this.readOnly) && this.reposition(!0);
+    tt(this), !(this.disabled || this.readOnly) && this.reposition(!0);
   }
   calciteInternalInputInputHandler(t) {
     const e = t.target, a = e.value, i = this.parseNumerals(a), s = this.formatNumerals(i);
     e.value = s;
-    const { year: r } = R(a, this.localeData);
+    const { year: r } = z(a, this.localeData);
     if (r && r.length < 4)
       return;
-    const h = $(a, this.localeData);
-    B(h, this.min, this.max) && (this.datePickerActiveDate = h);
+    const h = w(a, this.localeData);
+    R(h, this.min, this.max) && (this.datePickerActiveDate = h);
   }
   calciteInternalInputBlurHandler() {
     this.commitValue();
@@ -193,13 +203,13 @@ class dt extends E {
     const t = {
       // we explicitly set numberingSystem to prevent the browser-inferred value
       // @see [Arabic numbering system support context](https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195) for more info.
-      numberingSystem: X(this.numberingSystem)
+      numberingSystem: Q(this.numberingSystem)
     };
-    this.dateTimeFormat = new Intl.DateTimeFormat(tt(this.messages._lang), t);
+    this.dateTimeFormat = new Intl.DateTimeFormat(X(this.messages._lang), t);
   }
   setReferenceEl() {
     const { focusedInput: t, layout: e, endWrapper: a, startWrapper: i } = this;
-    this.referenceEl = t === "end" || e === "vertical" ? a || i : i || a, requestAnimationFrame(() => y(this));
+    this.referenceEl = t === "end" || e === "vertical" ? a || i : i || a, requestAnimationFrame(() => b(this));
   }
   onInputWrapperPointerDown() {
     this.currentOpenInput = this.focusedInput;
@@ -210,10 +220,10 @@ class dt extends E {
   }
   setFilteredPlacements() {
     const { el: t, flipPlacements: e } = this;
-    this.filteredFlipPlacements = e ? M(e, t) : null;
+    this.filteredFlipPlacements = e ? L(e, t) : null;
   }
   setTransitionEl(t) {
-    this.transitionEl = t;
+    t && (this.transitionEl = t);
   }
   onLabelClick() {
     this.setFocus();
@@ -222,20 +232,16 @@ class dt extends E {
     this.calciteInputDatePickerBeforeOpen.emit();
   }
   onOpen() {
-    k(this, {
-      onActivate: () => {
-        this.focusOnOpen && (this.datePickerEl?.setFocus(), this.focusOnOpen = !1);
-      }
-    }), this.calciteInputDatePickerOpen.emit();
+    this.focusTrap.activate(), this.calciteInputDatePickerOpen.emit();
   }
   onBeforeClose() {
     this.calciteInputDatePickerBeforeClose.emit();
   }
   onClose() {
-    this.calciteInputDatePickerClose.emit(), U(this), w(this), this.focusOnOpen = !1, this.datePickerEl?.reset();
+    this.calciteInputDatePickerClose.emit(), M(this), this.focusTrap.deactivate(), this.focusOnOpen = !1, this.datePickerEl?.reset();
   }
   syncHiddenFormInput(t) {
-    nt("date", this, t);
+    it("date", this, t);
   }
   setStartInput(t) {
     this.startInput = t;
@@ -247,11 +253,11 @@ class dt extends E {
     this.open = !1;
   }
   commitValue() {
-    const { focusedInput: t, value: e } = this, a = `${t}Input`, i = this[a].value, s = $(i, this.localeData), r = c(s), h = Array.isArray(e);
+    const { focusedInput: t, value: e } = this, a = `${t}Input`, i = this[a].value, s = w(i, this.localeData), r = c(s), h = Array.isArray(e);
     if (this.range) {
-      const d = t === "start" ? 0 : 1;
+      const u = t === "start" ? 0 : 1;
       if (h) {
-        if (r === e[d])
+        if (r === e[u])
           return;
         s ? (this.setRangeValue([
           t === "start" ? s : l(e[0]),
@@ -276,7 +282,7 @@ class dt extends E {
     if (e)
       return;
     const i = t.composedPath().some((s) => s.tagName === "CALCITE-SELECT");
-    a === "Enter" ? (t.preventDefault(), this.commitValue(), this.shouldFocusRangeEnd() ? this.endInput?.setFocus() : this.shouldFocusRangeStart() && this.startInput?.setFocus(), q(this) && this.restoreInputFocus(!0)) : (a === "ArrowDown" || a === "ArrowUp") && !i ? (this.open = !0, this.focusOnOpen = !0, t.preventDefault()) : this.open && a === "Escape" && (this.open = !1, t.preventDefault(), this.restoreInputFocus(!0));
+    a === "Enter" ? (t.preventDefault(), this.commitValue(), this.shouldFocusRangeEnd() ? this.endInput?.setFocus() : this.shouldFocusRangeStart() && this.startInput?.setFocus(), _(this) && this.restoreInputFocus(!0)) : (a === "ArrowDown" || a === "ArrowUp") && !i ? (this.open = !0, this.focusOnOpen = !0, t.preventDefault()) : this.open && a === "Escape" && (this.open = !1, t.preventDefault(), this.restoreInputFocus(!0));
   }
   startInputFocus() {
     this.focusedInput = "start";
@@ -285,7 +291,7 @@ class dt extends E {
     this.focusedInput = "end";
   }
   setFloatingEl(t) {
-    this.floatingEl = t, y(this);
+    this.floatingEl = t, b(this);
   }
   setStartWrapper(t) {
     this.startWrapper = t, this.setReferenceEl();
@@ -294,23 +300,14 @@ class dt extends E {
     this.endWrapper = t, this.setReferenceEl();
   }
   setDatePickerRef(t) {
-    this.datePickerEl = t, it(this, {
-      focusTrapEl: t,
-      focusTrapOptions: {
-        allowOutsideClick: !0,
-        clickOutsideDeactivates: !1,
-        initialFocus: !1,
-        setReturnFocus: !1,
-        onDeactivate: this.focusTrapDeactivates
-      }
-    });
+    t && (this.datePickerEl = t, this.focusTrap.overrideFocusTrapEl(t));
   }
   async loadLocaleData() {
-    T() && (b.numberFormatOptions = {
+    V() && (y.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
       locale: this.messages._lang,
       useGrouping: !1
-    }, this.localeData = await at(this.messages._lang), this.localizeInputValues());
+    }, this.localeData = await et(this.messages._lang), this.localizeInputValues());
   }
   /**
    * Event handler for when the selected date changes
@@ -361,9 +358,9 @@ class dt extends E {
     let r = i ? c(s) : "";
     r && (r = this.getNormalizedDate(r));
     const h = i ? t[1] : null;
-    let d = i ? c(h) : "";
-    d && (d = this.getNormalizedDate(d));
-    const f = r || d ? [r, d] : "";
+    let u = i ? c(h) : "";
+    u && (u = this.getNormalizedDate(u));
+    const f = r || u ? [r, u] : "";
     if (f === e)
       return;
     this.userChangedValue = !0, this.value = f, this.valueAsDate = f ? x(f) : void 0;
@@ -383,18 +380,18 @@ class dt extends E {
     console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`);
   }
   formatNumerals(t) {
-    return t ? t.split("").map((e) => this.commonDateSeparators?.includes(e) ? this.localeData?.separator : F?.includes(e) ? b?.numberFormatter?.format(Number(e)) : e).join("") : "";
+    return t ? t.split("").map((e) => this.commonDateSeparators?.includes(e) ? this.localeData?.separator : A?.includes(e) ? y?.numberFormatter?.format(Number(e)) : e).join("") : "";
   }
   parseNumerals(t) {
-    return t ? t.split("").map((e) => F.includes(e) ? b.delocalize(e) : e).join("") : "";
+    return t ? t.split("").map((e) => A.includes(e) ? y.delocalize(e) : e).join("") : "";
   }
   getNormalizedDate(t) {
     if (!t)
       return "";
-    if (!ct(t))
+    if (!ot(t))
       return t;
-    const { day: e, month: a, year: i } = S(t);
-    return `${ht(Number(i))}-${a}-${e}`;
+    const { day: e, month: a, year: i } = P(t);
+    return `${lt(Number(i))}-${a}-${e}`;
   }
   focusInput() {
     (this.focusedInput === "start" ? this.startInput : this.endInput).setFocus();
@@ -403,30 +400,30 @@ class dt extends E {
   // #region Rendering
   render() {
     const { disabled: t, messages: { _lang: e }, messages: a, numberingSystem: i, readOnly: s } = this;
-    return b.numberFormatOptions = {
+    return y.numberFormatOptions = {
       numberingSystem: i,
       locale: e,
       useGrouping: !1
-    }, K({ disabled: this.disabled, children: m`${this.localeData && m`<div class=${o(n.container)}><div class=${o(n.inputContainer)}><div class=${o(n.inputWrapper)} data-position=start @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${u(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId ?? p} aria-describedby=${this.placeholderTextId ?? p} aria-errormessage=${P.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status === "invalid"} class=${o({
+    }, j({ disabled: this.disabled, children: m`${this.localeData && m`<div class=${o(n.container)}><div class=${o(n.inputContainer)}><div class=${o(n.inputWrapper)} data-position=start @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${d(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId ?? p} aria-describedby=${this.placeholderTextId ?? p} aria-errormessage=${k.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status === "invalid"} class=${o({
       [n.input]: !0,
       [n.inputNoBottomBorder]: this.layout === "vertical" && this.range,
       [n.inputNoRightBorder]: this.range
-    })} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${u(this.setStartInput)}></calcite-input-text>${!this.readOnly && !this.range && this.renderToggleIcon(this.open && this.focusedInput === "start") || ""}<span aria-hidden=true class=${o(n.assistiveText)} id=${this.placeholderTextId ?? p}>${a.dateFormat.replace("{format}", this.localeData?.placeholder)}</span></div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite aria-modal=true class=${o(n.menu)} id=${this.dialogId ?? p} role=dialog ${u(this.setFloatingEl)}><div class=${o({
+    })} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${d(this.setStartInput)}></calcite-input-text>${!this.readOnly && !this.range && this.renderToggleIcon(this.open && this.focusedInput === "start") || ""}<span aria-hidden=true class=${o(n.assistiveText)} id=${this.placeholderTextId ?? p}>${a.dateFormat.replace("{format}", this.localeData?.placeholder)}</span></div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite aria-modal=true class=${o(n.menu)} id=${this.dialogId ?? p} role=dialog ${d(this.setFloatingEl)}><div class=${o({
       [n.calendarWrapper]: !0,
-      [A.animation]: !0,
-      [A.animationActive]: this.open
-    })} ${u(this.setTransitionEl)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open ? void 0 : -1) ?? p} .valueAsDate=${this.valueAsDate} ${u(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range && m`<div class=${o(n.dividerContainer)}><div class=${o(n.divider)}></div></div>` || ""}${this.range && m`<div class=${o(n.inputWrapper)} data-position=end @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${u(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId ?? p} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${o({
+      [$.animation]: !0,
+      [$.animationActive]: this.open
+    })} ${d(this.setTransitionEl)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open ? void 0 : -1) ?? p} .valueAsDate=${this.valueAsDate} ${d(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range && m`<div class=${o(n.dividerContainer)}><div class=${o(n.divider)}></div></div>` || ""}${this.range && m`<div class=${o(n.inputWrapper)} data-position=end @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${d(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId ?? p} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${o({
       [n.input]: !0,
       [n.inputNoTopBorder]: this.layout === "vertical" && this.range,
       [n.inputNoLeftBorder]: this.layout === "horizontal" && this.range,
       [n.inputNoRightBorder]: this.layout === "vertical" && this.range
-    })} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${u(this.setEndInput)}></calcite-input-text>${!this.readOnly && this.layout === "horizontal" && this.renderToggleIcon(this.open) || ""}</div>` || ""}</div>${this.range && this.layout === "vertical" && m`<div class=${o(n.verticalChevronContainer)}><calcite-icon .icon=${this.open ? "chevron-up" : "chevron-down"} .scale=${C(this.scale)}></calcite-icon></div>` || ""}</div>` || ""}${G({ component: this })}${this.validationMessage && this.status === "invalid" ? st({ icon: this.validationIcon, id: P.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
+    })} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${d(this.setEndInput)}></calcite-input-text>${!this.readOnly && this.layout === "horizontal" && this.renderToggleIcon(this.open) || ""}</div>` || ""}</div>${this.range && this.layout === "vertical" && m`<div class=${o(n.verticalChevronContainer)}><calcite-icon .icon=${this.open ? "chevron-up" : "chevron-down"} .scale=${F(this.scale)}></calcite-icon></div>` || ""}</div>` || ""}${q({ component: this })}${this.validationMessage && this.status === "invalid" ? at({ icon: this.validationIcon, id: k.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
   }
   renderToggleIcon(t) {
-    return m`<span class=${o(n.toggleIcon)} tabindex=-1><calcite-icon class=${o(n.chevronIcon)} .icon=${t ? "chevron-up" : "chevron-down"} .scale=${C(this.scale)}></calcite-icon></span>`;
+    return m`<span class=${o(n.toggleIcon)} tabindex=-1><calcite-icon class=${o(n.chevronIcon)} .icon=${t ? "chevron-up" : "chevron-down"} .scale=${F(this.scale)}></calcite-icon></span>`;
   }
 }
-O("calcite-input-date-picker", dt);
+S("calcite-input-date-picker", ct);
 export {
-  dt as InputDatePicker
+  ct as InputDatePicker
 };

package/dist/components/calcite-input-message/customElement.js

@@ -5,7 +5,7 @@ import { v as e } from "../../chunks/dom.js";
 import { css as l } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const s = {
   valid: "check-circle",
   invalid: "exclamation-mark-triangle",

package/dist/components/calcite-input-number/customElement.js

@@ -18,7 +18,7 @@ import { u as Q } from "../../chunks/useT9n.js";
 import { css as X } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const r = {
   loader: "loader",
   clearButton: "clear-button",

package/dist/components/calcite-input-text/customElement.js

@@ -15,7 +15,7 @@ import { u as q } from "../../chunks/useT9n.js";
 import { css as D } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const n = {
   loader: "loader",
   clearButton: "clear-button",

package/dist/components/calcite-input-time-picker/customElement.js

@@ -23,7 +23,7 @@ import { u as te } from "../../chunks/useT9n.js";
 import { css as ie } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const se = ie`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([scale=s]){--calcite-toggle-spacing: .5rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing: .75rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing: 1rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 2rem)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing);--calcite-icon-color: var(--calcite-color-text-3)}.input-wrapper:hover .toggle-icon,calcite-input-text:focus+.toggle-icon{--calcite-icon-color: var(--calcite-color-text-1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`, ae = {
   toggleIcon: "toggle-icon"
 }, y = {

package/dist/components/calcite-input-time-zone/customElement.js

@@ -13,7 +13,7 @@ import { g as X } from "../../chunks/locale.js";
 import { css as Y } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const ee = {
   offset: "offset"
 }, te = 60;

package/dist/components/calcite-label/customElement.js

@@ -5,7 +5,7 @@ import { l as s, a as o, b as c } from "../../chunks/label.js";
 import { css as r } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const d = {
   container: "container"
 }, m = r`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .5rem)}:host([scale=m]) .container{gap:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .75rem)}:host([scale=l]) .container{gap:.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1);color:var(--calcite-label-text-color, var(--calcite-color-text-1))}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host([layout=inline][scale=l]) .container{gap:.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity: 1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: 0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-link/customElement.js

@@ -9,7 +9,7 @@ import { c as E } from "../../chunks/component.js";
 import { css as z } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const w = z`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0;border-style:none;font-family:inherit;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform,background-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;margin-block-start:-.25em}:host .calcite-link--icon.icon-start{margin-inline-end:.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px,100% 1px}:host span:active,:host a:active{background-size:100% 2px,100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%,100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
 class R extends f {
   // #endregion

package/dist/components/calcite-list/customElement.js

@@ -1,4 +1,4 @@
-import { D as x, c as A } from "../../chunks/runtime.js";
+import { D as C, c as A } from "../../chunks/runtime.js";
 import { ref as $ } from "lit-html/directives/ref.js";
 import { keyed as I } from "lit-html/directives/keyed.js";
 import { debounce as y } from "lodash-es";
@@ -6,18 +6,18 @@ import { html as d } from "lit";
 import { LitElement as w, createEvent as p, safeClassMap as h } from "@arcgis/lumina";
 import { a as g, y as P } from "../../chunks/dom.js";
 import { u as k, I as D } from "../../chunks/interactive.js";
-import { c as O } from "../../chunks/observers.js";
-import { b as u, l as b, u as M, c as L, i as v, o as T } from "../../chunks/utils.js";
+import { c as M } from "../../chunks/observers.js";
+import { b as u, l as b, u as O, c as L, i as v, e as T } from "../../chunks/utils.js";
 import { d as R, c as N } from "../../chunks/sortableComponent.js";
 import { S as F } from "../../chunks/resources.js";
 import { c as U } from "../../chunks/component.js";
-import { n as C } from "../../chunks/locale.js";
+import { n as x } from "../../chunks/locale.js";
 import { g as G } from "../../chunks/guid.js";
 import { u as H } from "../../chunks/useT9n.js";
 import { css as z } from "@lit/reactive-element/css-tag.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.
-v3.1.0-next.9 */
+v3.1.0 */
 const f = {
   container: "container",
   table: "table",
@@ -35,7 +35,7 @@ class W extends w {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.dragSelector = u, this.focusableItems = [], this.handleSelector = "calcite-sort-handle", this.listItems = [], this.listItemGroups = [], this.mutationObserver = O("mutation", () => {
+    super(), this.dragSelector = u, this.focusableItems = [], this.handleSelector = "calcite-sort-handle", this.listItems = [], this.listItemGroups = [], this.mutationObserver = M("mutation", () => {
       this.willPerformFilter = !0, this.updateListItems();
     }), this.updateListItems = y(() => {
       this.updateGroupItems();
@@ -47,7 +47,7 @@ class W extends w {
         return;
       }
       this.listItems = m, this.filterEnabled && this.willPerformFilter && (this.willPerformFilter = !1, this.dataForFilter = this.getItemData(), n && (n.items = this.dataForFilter, this.filterAndUpdateData())), this.visibleItems = this.listItems.filter((o) => !o.closed && !o.hidden), this.updateFilteredItems(), this.borderItems(), this.focusableItems = this.filteredItems.filter((o) => !o.disabled), this.setActiveListItem(), this.updateSelectedItems(), this.setUpSorting();
-    }, x.nextTick), this.visibleItems = [], this.willFilterEmit = !1, this.willPerformFilter = !1, this.dataForFilter = [], this.hasFilterActionsEnd = !1, this.hasFilterActionsStart = !1, this.hasFilterNoResults = !1, this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.filterEnabled = !1, this.filteredData = [], this.filteredItems = [], this.interactionMode = "interactive", this.loading = !1, this.messages = H({ blocking: !0 }), this.displayMode = "flat", this.scale = "m", this.selectedItems = [], this.selectionAppearance = "icon", this.selectionMode = "none", this.calciteInternalListDefaultSlotChange = p({ cancelable: !1 }), this.calciteListChange = p({ cancelable: !1 }), this.calciteListDragEnd = p({ cancelable: !1 }), this.calciteListDragStart = p({ cancelable: !1 }), this.calciteListFilter = p({ cancelable: !1 }), this.calciteListOrderChange = p({ cancelable: !1 }), this.listen("calciteInternalListItemToggle", this.handleCalciteListItemToggle), this.listen("calciteInternalFocusPreviousItem", this.handleCalciteInternalFocusPreviousItem), this.listen("calciteInternalListItemActive", this.handleCalciteInternalListItemActive), this.listen("calciteListItemSelect", this.handleCalciteListItemSelect), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove), this.listen("calciteInternalListItemSelect", this.handleCalciteInternalListItemSelect), this.listen("calciteInternalListItemSelectMultiple", this.handleCalciteInternalListItemSelectMultiple), this.listen("calciteInternalListItemChange", this.handleCalciteInternalListItemChange), this.listen("calciteInternalListItemGroupDefaultSlotChange", this.handleCalciteInternalListItemGroupDefaultSlotChange);
+    }, C.nextTick), this.visibleItems = [], this.willFilterEmit = !1, this.willPerformFilter = !1, this.dataForFilter = [], this.hasFilterActionsEnd = !1, this.hasFilterActionsStart = !1, this.hasFilterNoResults = !1, this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.filterEnabled = !1, this.filteredData = [], this.filteredItems = [], this.interactionMode = "interactive", this.loading = !1, this.messages = H({ blocking: !0 }), this.displayMode = "flat", this.scale = "m", this.selectedItems = [], this.selectionAppearance = "icon", this.selectionMode = "none", this.calciteInternalListDefaultSlotChange = p({ cancelable: !1 }), this.calciteListChange = p({ cancelable: !1 }), this.calciteListDragEnd = p({ cancelable: !1 }), this.calciteListDragStart = p({ cancelable: !1 }), this.calciteListFilter = p({ cancelable: !1 }), this.calciteListOrderChange = p({ cancelable: !1 }), this.listen("calciteInternalListItemToggle", this.handleCalciteListItemToggle), this.listen("calciteInternalFocusPreviousItem", this.handleCalciteInternalFocusPreviousItem), this.listen("calciteInternalListItemActive", this.handleCalciteInternalListItemActive), this.listen("calciteListItemSelect", this.handleCalciteListItemSelect), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove), this.listen("calciteInternalListItemSelect", this.handleCalciteInternalListItemSelect), this.listen("calciteInternalListItemSelectMultiple", this.handleCalciteInternalListItemSelectMultiple), this.listen("calciteInternalListItemChange", this.handleCalciteInternalListItemChange), this.listen("calciteInternalListItemGroupDefaultSlotChange", this.handleCalciteInternalListItemGroupDefaultSlotChange);
   }
   static {
     this.properties = { assistiveText: 16, dataForFilter: 16, hasFilterActionsEnd: 16, hasFilterActionsStart: 16, hasFilterNoResults: 16, moveToItems: 16, hasActiveFilter: 16, showNoResultsContainer: 16, canPull: 0, canPut: 0, disabled: 7, dragEnabled: 7, filterEnabled: 7, filterPredicate: 0, filterLabel: 3, filterPlaceholder: 3, filterProps: 0, filterText: 3, filteredData: 0, filteredItems: 0, group: 3, interactionMode: 3, label: 1, loading: 7, messageOverrides: 0, displayMode: 3, numberingSystem: 1, scale: 3, selectedItems: 0, selectionAppearance: 3, selectionMode: 3 };
@@ -171,7 +171,7 @@ class W extends w {
     this.calciteListDragEnd.emit(t);
   }
   onDragMove({ relatedEl: t }) {
-    t.open = !0;
+    t.expanded = !0;
   }
   onDragStart(t) {
     t.dragEl.sortHandleOpen = !1, this.calciteListDragStart.emit(t);
@@ -183,7 +183,7 @@ class W extends w {
     this.parentListEl = this.el.parentElement?.closest(b);
   }
   handleDefaultSlotChange(t) {
-    M(t.target), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
+    O(t.target), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
   }
   setListItemGroups() {
     this.listItemGroups = Array.from(this.el.querySelectorAll(L));
@@ -214,16 +214,16 @@ class W extends w {
       visibleParents: i
     }));
   }
-  allParentListItemsOpen(t) {
+  allParentListItemsExpanded(t) {
     const e = t.parentElement?.closest(u);
     if (e) {
-      if (!e.open)
+      if (!e.expanded)
         return !1;
     } else return !0;
-    return this.allParentListItemsOpen(e);
+    return this.allParentListItemsExpanded(e);
   }
   borderItems() {
-    const t = this.visibleItems.filter((e) => !e.filterHidden && this.allParentListItemsOpen(e));
+    const t = this.visibleItems.filter((e) => !e.filterHidden && this.allParentListItemsExpanded(e));
     t.forEach((e) => e.bordered = e !== t[t.length - 1]);
   }
   updateFilteredItems() {
@@ -280,7 +280,7 @@ class W extends w {
   }
   isNavigable(t) {
     const e = t.parentElement?.closest(u);
-    return e ? e.open && this.isNavigable(e) : !0;
+    return e ? e.expanded && this.isNavigable(e) : !0;
   }
   handleListKeydown(t) {
     if (t.defaultPrevented || this.parentListEl)
@@ -363,10 +363,10 @@ class W extends w {
   }
   renderItemAriaLive() {
     const { messages: t, filteredItems: e, parentListEl: i, messages: { _lang: l }, numberingSystem: s } = this;
-    return C.numberFormatOptions = {
+    return x.numberFormatOptions = {
       locale: l,
       numberingSystem: s
-    }, i ? null : d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter ? I("aria-filter-enabled", d`<div>${t.filterEnabled}</div>`) : null}${I("aria-item-count", d`<div>${t.total.replace("{count}", C.localize(e.length.toString()))}</div>`)}${e.length ? I("aria-item-list", d`<ol>${e.map((n) => d`<li>${n.label}</li>`)}</ol>`) : null}</div>`;
+    }, i ? null : d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter ? I("aria-filter-enabled", d`<div>${t.filterEnabled}</div>`) : null}${I("aria-item-count", d`<div>${t.total.replace("{count}", x.localize(e.length.toString()))}</div>`)}${e.length ? I("aria-item-list", d`<ol>${e.map((n) => d`<li>${n.label}</li>`)}</ol>`) : null}</div>`;
   }
 }
 A("calcite-list", W);