@esri/calcite-components 3.0.0-next.99 → 3.0.1

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

@@ -1,38 +1,34 @@
-import { i as O, c as z } from "../../chunks/runtime.js";
+import { i as T, c as O } from "../../chunks/runtime.js";
 import { ref as u } from "lit-html/directives/ref.js";
 import { html as p, nothing as m } from "lit";
-import { LitElement as E, createEvent as I, stringOrBoolean as R, safeClassMap as o } from "@arcgis/lumina";
-import { d as S, a as l, b as D, c, e as B, f as $, i as L } from "../../chunks/date.js";
+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 M, f as U, h as Y, F as A } from "../../chunks/floating-ui.js";
-import { c as _, d as q, s as G, H as j } from "../../chunks/form.js";
-import { u as K, I as Z } from "../../chunks/interactive.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 J, d as Q } from "../../chunks/label.js";
-import { c as X, s as tt, a as et } from "../../chunks/loadable.js";
-import { n as b, a as at, d as it } from "../../chunks/locale.js";
-import { o as C } from "../../chunks/openCloseComponent.js";
-import { g as x, a as nt } from "../../chunks/utils2.js";
-import { d as w, a as k, c as st } from "../../chunks/focusTrapComponent.js";
-import { g as T } from "../../chunks/guid.js";
+import { c as Z, d as J } from "../../chunks/label.js";
+import { c as Q } from "../../chunks/loadable.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 C, b as it } from "../../chunks/focusTrapComponent.js";
+import { g as k } from "../../chunks/guid.js";
 import { g as V } from "../../chunks/component.js";
-import { V as rt } from "../../chunks/Validation.js";
-import { s as ot } from "../../chunks/input.js";
-import { u as lt } from "../../chunks/useT9n.js";
-import { css as ct } 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.0.0-next.99
-*/
-const ht = ct`: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;inline-size: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-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}:host([layout=horizontal]) .divider-container{inline-size:1px}.divider{display:inline-block;inline-size:1px;margin-block:var(--calcite-spacing-xxs);background-color:var(--calcite-color-border-2)}:host([layout=vertical]) .divider-container{block-size:1px;inline-size:100%;border-block-start-width:0px;border-block-end-width:0px;border-inline-start-width:1px;border-inline-end-width:0px;padding-inline:var(--calcite-spacing-md)}:host([layout=vertical]) .divider-container .divider{margin-block:0px;block-size:1px;inline-size:100%}:host([range][layout=vertical]) .input-wrapper{inline-size: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-block-start:0px}.vertical-chevron-container{display:flex;align-items:center;border-width:1px;border-inline-start-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;inline-size:1px;block-size: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}`, s = {
+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";
+/*! 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.0.1 */
+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 = {
   assistiveText: "assistive-text",
   calendarWrapper: "calendar-wrapper",
   container: "container",
   dividerContainer: "divider-container",
   divider: "divider",
-  horizontalArrowContainer: "horizontal-arrow-container",
-  inputBorderTopColorOne: "border-top-color-one",
   inputContainer: "input-container",
   inputNoBottomBorder: "input--no-bottom-border",
   inputNoRightBorder: "input--no-right-border",
@@ -47,23 +43,23 @@ const ht = ct`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;
 }, P = {
   validationMessage: "inputDatePickerValidationMessage"
 };
-function dt(g) {
+function ct(g) {
   if (!g)
     return !1;
   const { year: t } = S(g);
   return Number(t) < 100;
 }
-function ut(g) {
+function ht(g) {
   const t = (/* @__PURE__ */ new Date()).getFullYear();
   return Math.floor(t / 100) * 100 + g;
 }
-class pt extends E {
+class dt extends E {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.commonDateSeparators = [".", "-", "/"], this.dialogId = `date-picker-dialog--${T()}`, this.focusOnOpen = !1, this.focusTrapDeactivates = () => {
+    super(), this.commonDateSeparators = [".", "-", "/"], this.dialogId = `date-picker-dialog--${k()}`, this.focusOnOpen = !1, this.focusTrapDeactivates = () => {
       this.open = !1;
-    }, this.openTransitionProp = "opacity", this.placeholderTextId = `calcite-input-date-picker-placeholder-${T()}`, 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 = lt({ 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 = {
+    }, this.transitionProp = "opacity", this.placeholderTextId = `calcite-input-date-picker-placeholder-${k()}`, 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 = {
       valid: !1,
       badInput: !1,
       customError: !1,
@@ -78,13 +74,13 @@ class pt 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: R }], 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: z }], validationMessage: 1, validity: 0, value: 1, valueAsDate: 0 };
   }
   static {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = ht;
+    this.styles = lt;
   }
   /** Selected date as a string in ISO format (`"yyyy-mm-dd"`). */
   get value() {
@@ -103,11 +99,11 @@ class pt extends E {
    * @returns void
    */
   async reposition(t = !1) {
-    const { floatingEl: e, referenceEl: a, placement: i, overlayPositioning: n, filteredFlipPlacements: r } = this;
+    const { floatingEl: e, referenceEl: a, placement: i, overlayPositioning: s, filteredFlipPlacements: r } = this;
     return H(this, {
       floatingEl: e,
       referenceEl: a,
-      overlayPositioning: n,
+      overlayPositioning: s,
       placement: i,
       flipPlacements: r,
       type: "menu"
@@ -115,7 +111,7 @@ class pt extends E {
   }
   /** Sets focus on the component. */
   async setFocus() {
-    await X(this), N(this.el);
+    await Q(this), N(this.el);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -130,31 +126,31 @@ class pt 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)));
-    J(this), _(this), this.setFilteredPlacements(), b.numberFormatOptions = {
+    Z(this), Y(this), this.setFilteredPlacements(), b.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
       locale: this.messages._lang,
       useGrouping: !1
-    }, this.open && C(this), y(this);
+    }, y(this);
   }
   async load() {
-    tt(this), this.handleDateTimeFormatChange(), await this.loadLocaleData(), this.onMinChanged(this.min), this.onMaxChanged(this.max);
+    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();
   }
   updated() {
-    K(this);
+    j(this);
   }
   loaded() {
-    et(this), this.localizeInputValues(), y(this);
+    this.localizeInputValues(), y(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), w(this), Q(this), q(this), M(this);
+    super.disconnectedCallback(), w(this), J(this), _(this), L(this);
   }
   // #endregion
   // #region Private Methods
   handleFocusTrapDisabled(t) {
-    this.open && (t ? w(this) : k(this));
+    this.open && (t ? w(this) : C(this));
   }
   handleDisabledAndReadOnlyChange(t) {
     t || (this.open = !1);
@@ -180,16 +176,16 @@ class pt extends E {
     this.maxAsDate = l(t);
   }
   openHandler() {
-    C(this), !(this.disabled || this.readOnly) && this.reposition(!0);
+    et(this), !(this.disabled || this.readOnly) && this.reposition(!0);
   }
   calciteInternalInputInputHandler(t) {
-    const e = t.target, a = e.value, i = this.parseNumerals(a), n = this.formatNumerals(i);
-    e.value = n;
-    const { year: r } = B(a, this.localeData);
+    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);
     if (r && r.length < 4)
       return;
     const h = $(a, this.localeData);
-    L(h, this.min, this.max) && (this.datePickerActiveDate = h);
+    B(h, this.min, this.max) && (this.datePickerActiveDate = h);
   }
   calciteInternalInputBlurHandler() {
     this.commitValue();
@@ -198,9 +194,9 @@ class pt 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: at(this.numberingSystem)
+      numberingSystem: X(this.numberingSystem)
     };
-    this.dateTimeFormat = new Intl.DateTimeFormat(it(this.messages._lang), t);
+    this.dateTimeFormat = new Intl.DateTimeFormat(tt(this.messages._lang), t);
   }
   setReferenceEl() {
     const { focusedInput: t, layout: e, endWrapper: a, startWrapper: i } = this;
@@ -210,12 +206,12 @@ class pt extends E {
     this.currentOpenInput = this.focusedInput;
   }
   onInputWrapperClick(t) {
-    const { range: e, endInput: a, startInput: i, currentOpenInput: n } = this, h = t.currentTarget.getAttribute("data-position");
-    t.composedPath().find((v) => v.classList?.contains(s.toggleIcon)) && (h === "start" ? i : a).setFocus(), (!e || !this.open || n === h) && (this.open = !this.open);
+    const { range: e, endInput: a, startInput: i, currentOpenInput: s } = this, h = t.currentTarget.getAttribute("data-position");
+    t.composedPath().find((v) => v.classList?.contains(n.toggleIcon)) && (h === "start" ? i : a).setFocus(), (!e || !this.open || s === h) && (this.open = !this.open);
   }
   setFilteredPlacements() {
     const { el: t, flipPlacements: e } = this;
-    this.filteredFlipPlacements = e ? U(e, t) : null;
+    this.filteredFlipPlacements = e ? M(e, t) : null;
   }
   setTransitionEl(t) {
     this.transitionEl = t;
@@ -227,7 +223,7 @@ class pt extends E {
     this.calciteInputDatePickerBeforeOpen.emit();
   }
   onOpen() {
-    k(this, {
+    C(this, {
       onActivate: () => {
         this.focusOnOpen && (this.datePickerEl?.setFocus(), this.focusOnOpen = !1);
       }
@@ -237,10 +233,10 @@ class pt extends E {
     this.calciteInputDatePickerBeforeClose.emit();
   }
   onClose() {
-    this.calciteInputDatePickerClose.emit(), Y(this), w(this), this.focusOnOpen = !1, this.datePickerEl?.reset();
+    this.calciteInputDatePickerClose.emit(), U(this), w(this), this.focusOnOpen = !1, this.datePickerEl?.reset();
   }
   syncHiddenFormInput(t) {
-    ot("date", this, t);
+    nt("date", this, t);
   }
   setStartInput(t) {
     this.startInput = t;
@@ -252,36 +248,36 @@ class pt extends E {
     this.open = !1;
   }
   commitValue() {
-    const { focusedInput: t, value: e } = this, a = `${t}Input`, i = this[a].value, n = $(i, this.localeData), r = c(n), h = Array.isArray(e);
+    const { focusedInput: t, value: e } = this, a = `${t}Input`, i = this[a].value, s = $(i, this.localeData), r = c(s), h = Array.isArray(e);
     if (this.range) {
       const d = t === "start" ? 0 : 1;
       if (h) {
         if (r === e[d])
           return;
-        n ? (this.setRangeValue([
-          t === "start" ? n : l(e[0]),
-          t === "end" ? n : l(e[1])
+        s ? (this.setRangeValue([
+          t === "start" ? s : l(e[0]),
+          t === "end" ? s : l(e[1])
         ]), this.localizeInputValues()) : this.setRangeValue([
           t === "end" && l(e[0]),
           t === "start" && l(e[1])
         ]);
       } else
-        n && (this.setRangeValue([
-          t === "start" ? n : l(e[0]),
-          t === "end" ? n : l(e[1])
+        s && (this.setRangeValue([
+          t === "start" ? s : l(e[0]),
+          t === "end" ? s : l(e[1])
         ]), this.localizeInputValues());
     } else {
       if (r === e)
         return;
-      this.setValue(n), this.localizeInputValues();
+      this.setValue(s), this.localizeInputValues();
     }
   }
   keyDownHandler(t) {
     const { defaultPrevented: e, key: a } = t;
     if (e)
       return;
-    const i = t.composedPath().some((n) => n.tagName === "CALCITE-SELECT");
-    a === "Enter" ? (t.preventDefault(), this.commitValue(), this.shouldFocusRangeEnd() ? this.endInput?.setFocus() : this.shouldFocusRangeStart() && this.startInput?.setFocus(), G(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));
+    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));
   }
   startInputFocus() {
     this.focusedInput = "start";
@@ -299,7 +295,7 @@ class pt extends E {
     this.endWrapper = t, this.setReferenceEl();
   }
   setDatePickerRef(t) {
-    this.datePickerEl = t, st(this, {
+    this.datePickerEl = t, it(this, {
       focusTrapEl: t,
       focusTrapOptions: {
         allowOutsideClick: !0,
@@ -312,11 +308,11 @@ class pt extends E {
     });
   }
   async loadLocaleData() {
-    O() && (b.numberFormatOptions = {
+    T() && (b.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
       locale: this.messages._lang,
       useGrouping: !1
-    }, this.localeData = await nt(this.messages._lang), this.localizeInputValues());
+    }, this.localeData = await at(this.messages._lang), this.localizeInputValues());
   }
   /**
    * Event handler for when the selected date changes
@@ -363,8 +359,8 @@ class pt extends E {
   setRangeValue(t) {
     if (!this.range)
       return;
-    const { value: e } = this, a = Array.isArray(e), i = Array.isArray(t), n = i ? t[0] : null;
-    let r = i ? c(n) : "";
+    const { value: e } = this, a = Array.isArray(e), i = Array.isArray(t), s = i ? t[0] : null;
+    let r = i ? c(s) : "";
     r && (r = this.getNormalizedDate(r));
     const h = i ? t[1] : null;
     let d = i ? c(h) : "";
@@ -397,10 +393,10 @@ class pt extends E {
   getNormalizedDate(t) {
     if (!t)
       return "";
-    if (!dt(t))
+    if (!ct(t))
       return t;
     const { day: e, month: a, year: i } = S(t);
-    return `${ut(Number(i))}-${a}-${e}`;
+    return `${ht(Number(i))}-${a}-${e}`;
   }
   focusInput() {
     (this.focusedInput === "start" ? this.startInput : this.endInput).setFocus();
@@ -408,31 +404,31 @@ class pt extends E {
   // #endregion
   // #region Rendering
   render() {
-    const { disabled: t, messages: { _lang: e }, messages: a, numberingSystem: i, readOnly: n } = this;
+    const { disabled: t, messages: { _lang: e }, messages: a, numberingSystem: i, readOnly: s } = this;
     return b.numberFormatOptions = {
       numberingSystem: i,
       locale: e,
       useGrouping: !1
-    }, Z({ disabled: this.disabled, children: p`${this.localeData && p`<div class=${o(s.container)}><div class=${o(s.inputContainer)}><div class=${o(s.inputWrapper)} data-position=start @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${u(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId ?? m} aria-describedby=${this.placeholderTextId ?? m} aria-errormessage=${P.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status === "invalid"} class=${o({
-      [s.input]: !0,
-      [s.inputNoBottomBorder]: this.layout === "vertical" && this.range,
-      [s.inputNoRightBorder]: this.range
-    })} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${n} 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(s.assistiveText)} id=${this.placeholderTextId ?? m}>${a.dateFormat.replace("{format}", this.localeData?.placeholder)}</span></div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite aria-modal=true class=${o(s.menu)} id=${this.dialogId ?? m} role=dialog ${u(this.setFloatingEl)}><div class=${o({
-      [s.calendarWrapper]: !0,
+    }, K({ disabled: this.disabled, children: p`${this.localeData && p`<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 ?? m} aria-describedby=${this.placeholderTextId ?? m} aria-errormessage=${P.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 ?? m}>${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 ?? m} role=dialog ${u(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) ?? m} .valueAsDate=${this.valueAsDate} ${u(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range && p`<div class=${o(s.dividerContainer)}><div class=${o(s.divider)}></div></div>` || ""}${this.range && p`<div class=${o(s.inputWrapper)} data-position=end @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${u(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId ?? m} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${o({
-      [s.input]: !0,
-      [s.inputNoTopBorder]: this.layout === "vertical" && this.range,
-      [s.inputNoLeftBorder]: this.layout === "horizontal" && this.range,
-      [s.inputNoRightBorder]: this.layout === "vertical" && this.range
-    })} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${n} 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" && p`<div class=${o(s.verticalChevronContainer)}><calcite-icon .icon=${this.open ? "chevron-up" : "chevron-down"} .scale=${V(this.scale)}></calcite-icon></div>` || ""}</div>` || ""}${j({ component: this })}${this.validationMessage && this.status === "invalid" ? rt({ icon: this.validationIcon, id: P.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
+    })} ${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) ?? m} .valueAsDate=${this.valueAsDate} ${u(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range && p`<div class=${o(n.dividerContainer)}><div class=${o(n.divider)}></div></div>` || ""}${this.range && p`<div class=${o(n.inputWrapper)} data-position=end @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${u(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId ?? m} 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" && p`<div class=${o(n.verticalChevronContainer)}><calcite-icon .icon=${this.open ? "chevron-up" : "chevron-down"} .scale=${V(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}` });
   }
   renderToggleIcon(t) {
-    return p`<span class=${o(s.toggleIcon)} tabindex=-1><calcite-icon class=${o(s.chevronIcon)} .icon=${t ? "chevron-up" : "chevron-down"} .scale=${V(this.scale)}></calcite-icon></span>`;
+    return p`<span class=${o(n.toggleIcon)} tabindex=-1><calcite-icon class=${o(n.chevronIcon)} .icon=${t ? "chevron-up" : "chevron-down"} .scale=${V(this.scale)}></calcite-icon></span>`;
   }
 }
-z("calcite-input-date-picker", pt);
+O("calcite-input-date-picker", dt);
 export {
-  pt as InputDatePicker
+  dt as InputDatePicker
 };

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

@@ -3,11 +3,9 @@ import { html as i } from "lit";
 import { LitElement as o, stringOrBoolean as a, setAttribute as c } from "@arcgis/lumina";
 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.0.0-next.99
-*/
+/*! 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.0.1 */
 const s = {
   valid: "check-circle",
   invalid: "exclamation-mark-triangle",

package/dist/components/calcite-input-number/customElement.d.ts

@@ -54,13 +54,15 @@ export declare class InputNumber extends LitElement {
     /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
     loading: boolean;
     /**
-     * Specifies the maximum value.
+     * When the component resides in a form,
+     * specifies the maximum value.
      *
      * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
      */
     max: number;
     /**
-     * Specifies the maximum length of text for the component's value.
+     * When the component resides in a form,
+     * specifies the maximum length of text for the component's value.
      *
      * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
      * @deprecated This property has no effect on the component.
@@ -81,13 +83,15 @@ export declare class InputNumber extends LitElement {
         loading: string;
     }>;
     /**
-     * Specifies the minimum value.
+     * When the component resides in a form,
+     * specifies the minimum value.
      *
      * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
      */
     min: number;
     /**
-     * Specifies the minimum length of text for the component's value.
+     * When the component resides in a form,
+     * specifies the minimum length of text for the component's value.
      *
      * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
      * @deprecated This property has no effect on the component.
@@ -119,7 +123,10 @@ export declare class InputNumber extends LitElement {
      * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
      */
     readOnly: boolean;
-    /** When `true`, the component must have a value in order for the form to submit. */
+    /**
+     * When `true` and the component resides in a form,
+     * the component must have a value in order for the form to submit.
+     */
     required: boolean;
     /** Specifies the size of the component. */
     scale: Scale;