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

package/dist/components/calcite-combobox/resources.d.ts

@@ -12,6 +12,7 @@ export declare const CSS: {
     placeholderIcon: string;
     selectedIcon: string;
     floatingUIContainer: string;
+    screenReadersOnly: string;
 };
 export declare const IDS: {
     validationMessage: string;

package/dist/components/calcite-combobox-item/customElement.d.ts

@@ -35,7 +35,8 @@ export declare class ComboboxItem extends LitElement {
     /** Provides additional metadata to the component used in filtering. */
     metadata: Record<string, unknown>;
     /** When `true`, the component is selected. */
-    selected: boolean;
+    get selected(): boolean;
+    set selected(value: boolean);
     /**
      * The component's short heading.
      *

package/dist/components/calcite-combobox-item/customElement.js

@@ -1,19 +1,17 @@
 import { c as S } from "../../chunks/runtime.js";
-import { keyed as a } from "lit-html/directives/keyed.js";
+import { keyed as n } from "lit-html/directives/keyed.js";
 import { html as o, nothing as y } from "lit";
-import { LitElement as k, createEvent as h, safeClassMap as i, safeStyleMap as I } from "@arcgis/lumina";
-import { g as L } from "../../chunks/guid.js";
-import { u as M, I as H } from "../../chunks/interactive.js";
+import { LitElement as I, createEvent as m, safeClassMap as i, safeStyleMap as k } from "@arcgis/lumina";
+import { g as H } from "../../chunks/guid.js";
+import { u as L, I as M } from "../../chunks/interactive.js";
 import { g as R, i as T, a as E } from "../../chunks/utils3.js";
-import { w as D, g as m } from "../../chunks/component.js";
+import { w as D, g as b } from "../../chunks/component.js";
 import { r as F } from "../../chunks/dom.js";
-import { h as n } from "../../chunks/text.js";
+import { h as s } from "../../chunks/text.js";
 import { css as P } 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.0 */
 const t = {
   active: "label--active",
   centerContent: "center-content",
@@ -23,25 +21,33 @@ const t = {
   icon: "icon",
   iconSelected: "icon--selected",
   label: "label",
-  scale: (s) => `scale--${s}`,
+  scale: (r) => `scale--${r}`,
   selected: "label--selected",
   shortText: "short-text",
   single: "label--single",
   textContainer: "text-container",
   title: "title"
-}, b = {
+}, p = {
   contentEnd: "content-end",
   contentStart: "content-start"
-}, U = P`: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .25rem;--calcite-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .375rem;--calcite-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-s: .625rem;--calcite-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){--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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);outline-color:transparent;word-wrap:break-word;word-break:break-word;justify-content:space-around;gap:var(--calcite-combobox-item-spacing-unit-l);padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-color-text-1)}.label--selected .title{font-weight:var(--calcite-font-weight-medium)}.label--active{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))))}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--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)}.label:active{background-color:var(--calcite-color-foreground-3)}.icon{display:inline-flex;opacity:0;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-color-border-1)}.icon--custom{margin-block-start:-1px}.icon--selected{color:var(--calcite-color-text-1)}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}:host([selected]) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}.short-text{color:var(--calcite-color-text-3);white-space:nowrap}.title{color:var(--calcite-color-text-1)}.title,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`;
-class j extends k {
+}, _ = P`: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .25rem;--calcite-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-s: .375rem;--calcite-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-s: .625rem;--calcite-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){--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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);outline-color:transparent;word-wrap:break-word;word-break:break-word;justify-content:space-around;gap:var(--calcite-combobox-item-spacing-unit-l);padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-color-text-1)}.label--selected .title{font-weight:var(--calcite-font-weight-medium)}.label--active{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))))}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--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)}.label:active{background-color:var(--calcite-color-foreground-3)}.icon{display:inline-flex;opacity:0;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-color-border-1)}.icon--custom{margin-block-start:-1px}.icon--selected{color:var(--calcite-color-text-1)}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}:host([selected]) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}.short-text{color:var(--calcite-color-text-3);white-space:nowrap}.title{color:var(--calcite-color-text-1)}.title,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}:host([item-hidden]){display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`;
+class U extends I {
   constructor() {
-    super(...arguments), this.hasContent = !1, this.active = !1, this.disabled = !1, this.guid = L(), this.iconFlipRtl = !1, this.scale = "m", this.selected = !1, this.selectionMode = "multiple", this.calciteComboboxItemChange = h({ cancelable: !1 }), this.calciteInternalComboboxItemChange = h({ cancelable: !1 });
+    super(...arguments), this.hasContent = !1, this._selected = !1, this.active = !1, this.disabled = !1, this.guid = H(), this.iconFlipRtl = !1, this.scale = "m", this.selectionMode = "multiple", this.itemHidden = !1, this.calciteComboboxItemChange = m({ cancelable: !1 }), this.calciteInternalComboboxItemChange = m({ cancelable: !1 });
   }
   static {
-    this.properties = { hasContent: 16, active: 7, ancestors: 0, description: 1, disabled: 7, filterDisabled: 7, filterTextMatchPattern: 2, guid: 3, heading: 1, icon: 3, iconFlipRtl: 7, label: 1, metadata: 0, scale: 1, selected: 7, selectionMode: 3, shortHeading: 1, textLabel: 3, value: 1 };
+    this.properties = { hasContent: 16, active: 7, ancestors: 0, description: 1, disabled: 7, filterDisabled: 7, filterTextMatchPattern: 2, guid: 3, heading: 1, icon: 3, iconFlipRtl: 7, label: 1, metadata: 0, scale: 1, selected: 7, selectionMode: 3, shortHeading: 1, textLabel: 3, value: 1, itemHidden: 7 };
   }
   static {
-    this.styles = U;
+    this.styles = _;
+  }
+  /** When `true`, the component is selected. */
+  get selected() {
+    return this._selected;
+  }
+  set selected(e) {
+    const c = this._selected;
+    e !== c && (this._selected = e, this.emitItemChange());
   }
   // #endregion
   // #region Lifecycle
@@ -52,13 +58,16 @@ class j extends k {
     D(this, "value", "textLabel");
   }
   willUpdate(e) {
-    (e.has("disabled") && this.hasUpdated || e.has("selected") && this.hasUpdated || e.has("textLabel") && this.hasUpdated) && this.calciteInternalComboboxItemChange.emit();
+    this.hasUpdated && (e.has("disabled") || e.has("heading") || e.has("label") || e.has("textLabel")) && this.emitItemChange();
   }
   updated() {
-    M(this);
+    L(this);
   }
   // #endregion
   // #region Private Methods
+  emitItemChange() {
+    this.calciteInternalComboboxItemChange.emit();
+  }
   handleDefaultSlotChange(e) {
     this.hasContent = F(e);
   }
@@ -72,43 +81,43 @@ class j extends k {
   // #endregion
   // #region Rendering
   renderIcon(e) {
-    return this.icon ? a("icon", o`<calcite-icon class=${i({
+    return this.icon ? n("icon", o`<calcite-icon class=${i({
       [t.custom]: !!this.icon,
       [t.iconSelected]: this.icon && this.selected
-    })} .flipRtl=${this.iconFlipRtl} .icon=${this.icon || e} .scale=${m(this.scale)}></calcite-icon>`) : null;
+    })} .flipRtl=${this.iconFlipRtl} .icon=${this.icon || e} .scale=${b(this.scale)}></calcite-icon>`) : null;
   }
   renderSelectIndicator(e) {
-    return a("indicator", o`<calcite-icon class=${i({
+    return n("indicator", o`<calcite-icon class=${i({
       [t.icon]: !0,
       [t.iconSelected]: this.selected
-    })} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${m(this.scale)}></calcite-icon>`);
+    })} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${b(this.scale)}></calcite-icon>`);
   }
   renderChildren() {
-    return a("default-slot-container", o`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`);
+    return n("default-slot-container", o`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`);
   }
   render() {
-    const { disabled: e, heading: p, label: u, textLabel: f, value: g, filterTextMatchPattern: c, description: r, shortHeading: d } = this, l = T(this.selectionMode), x = e || l ? void 0 : "check", v = l ? "bullet-point" : "check", w = p || f, $ = u || g, C = {
+    const { disabled: e, heading: c, label: u, textLabel: g, value: f, filterTextMatchPattern: l, description: d, shortHeading: h } = this, a = T(this.selectionMode), x = e || a ? void 0 : "check", v = a ? "bullet-point" : "check", w = c || g, C = u || f, $ = {
       [t.label]: !0,
       [t.selected]: this.selected,
       [t.active]: this.active,
-      [t.single]: l
+      [t.single]: a
     }, z = E(this.el);
-    return this.el.ariaHidden = "true", this.el.ariaLabel = $, H({ disabled: e, children: o`<div class=${i({
+    return this.el.ariaHidden = "true", this.el.ariaLabel = C, M({ disabled: e, children: o`<div class=${i({
       [t.container]: !0,
       [t.scale(this.scale)]: !0
-    })} style=${I({ "--calcite-combobox-item-spacing-indent-multiplier": `${z}` })}><li class=${i(C)} id=${this.guid ?? y} @click=${this.itemClickHandler}>${this.renderSelectIndicator(v)}<slot name=${b.contentStart}></slot>${this.renderIcon(x)}<div class=${i(t.centerContent)}><div class=${i(t.title)}>${n({
+    })} style=${k({ "--calcite-combobox-item-spacing-indent-multiplier": `${z}` })}><li class=${i($)} id=${this.guid ?? y} @click=${this.itemClickHandler}>${this.renderSelectIndicator(v)}<slot name=${p.contentStart}></slot>${this.renderIcon(x)}<div class=${i(t.centerContent)}><div class=${i(t.title)}>${s({
       text: w,
-      pattern: c
-    })}</div>${r ? o`<div class=${i(t.description)}>${n({
-      text: r,
-      pattern: c
-    })}</div>` : null}</div>${d ? o`<div class=${i(t.shortText)}>${n({
+      pattern: l
+    })}</div>${d ? o`<div class=${i(t.description)}>${s({
       text: d,
-      pattern: c
-    })}</div>` : null}<slot name=${b.contentEnd}></slot></li>${this.renderChildren()}</div>` });
+      pattern: l
+    })}</div>` : null}</div>${h ? o`<div class=${i(t.shortText)}>${s({
+      text: h,
+      pattern: l
+    })}</div>` : null}<slot name=${p.contentEnd}></slot></li>${this.renderChildren()}</div>` });
   }
 }
-S("calcite-combobox-item", j);
+S("calcite-combobox-item", U);
 export {
-  j as ComboboxItem
+  U as ComboboxItem
 };

package/dist/components/calcite-combobox-item-group/customElement.js

@@ -1,25 +1,23 @@
-import { c as s } from "../../chunks/runtime.js";
+import { c as a } from "../../chunks/runtime.js";
 import { html as c } from "lit-html";
 import { LitElement as r, nothing as i, safeClassMap as e, safeStyleMap as n } from "@arcgis/lumina";
 import { g as m } from "../../chunks/guid.js";
-import { g as p, a as b } from "../../chunks/utils3.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.0.0-next.99
-*/
+import { g as d, a as p } from "../../chunks/utils3.js";
+import { css as b } 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 */
 const t = {
   list: "list",
   label: "label",
   title: "title"
-}, u = d`.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit: .5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit: .75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit: 1rem}:host,.list{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier) );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding:var(--calcite-combobox-item-spacing-unit);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit)}:host([hidden]){display:none}[hidden]{display:none}`;
+}, u = b`.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit: .5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit: .75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit: 1rem}:host,.list{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier) );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding:var(--calcite-combobox-item-spacing-unit);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit)}:host([hidden]){display:none}[hidden]{display:none}:host([item-hidden]){display:none}`;
 class g extends r {
   constructor() {
-    super(...arguments), this.guid = m(), this.afterEmptyGroup = !1, this.scale = "m";
+    super(...arguments), this.guid = m(), this.afterEmptyGroup = !1, this.scale = "m", this.itemHidden = !1;
   }
   static {
-    this.properties = { afterEmptyGroup: 7, ancestors: 0, label: 1, scale: 1 };
+    this.properties = { afterEmptyGroup: 7, ancestors: 0, label: 1, scale: 1, itemHidden: 7 };
   }
   static {
     this.styles = u;
@@ -27,16 +25,16 @@ class g extends r {
   // #endregion
   // #region Lifecycle
   connectedCallback() {
-    super.connectedCallback(), this.ancestors = p(this.el);
+    super.connectedCallback(), this.ancestors = d(this.el);
   }
   // #endregion
   // #region Rendering
   render() {
-    const { el: o, scale: l } = this, a = b(o);
-    return c`<ul aria-labelledby=${this.guid ?? i} class=${e({ [t.list]: !0, [`scale--${l}`]: !0 })} role=group><li class=${e({ [t.label]: !0 })} id=${this.guid ?? i} role=presentation style=${n({ "--calcite-combobox-item-spacing-indent-multiplier": `${a}` })}><span class=${e(t.title)}>${this.label}</span></li><slot></slot></ul>`;
+    const { el: o, scale: l } = this, s = p(o);
+    return c`<ul aria-labelledby=${this.guid ?? i} class=${e({ [t.list]: !0, [`scale--${l}`]: !0 })} role=group><li class=${e({ [t.label]: !0 })} id=${this.guid ?? i} role=presentation style=${n({ "--calcite-combobox-item-spacing-indent-multiplier": `${s}` })}><span class=${e(t.title)}>${this.label}</span></li><slot></slot></ul>`;
   }
 }
-s("calcite-combobox-item-group", g);
+a("calcite-combobox-item-group", g);
 export {
   g as ComboboxItemGroup
 };

package/dist/components/calcite-date-picker/customElement.d.ts

@@ -14,7 +14,10 @@ export declare class DatePicker extends LitElement {
     headingLevel: HeadingLevel;
     /** Defines the layout of the component. */
     layout: "horizontal" | "vertical";
-    /** Specifies the latest allowed date (`"yyyy-mm-dd"`). */
+    /**
+     * When the component resides in a form,
+     * specifies the latest allowed date (`"yyyy-mm-dd"`).
+     */
     max: string;
     /** Specifies the latest allowed date as a full date object (`new Date("yyyy-mm-dd")`). */
     maxAsDate: Date;
@@ -38,7 +41,10 @@ export declare class DatePicker extends LitElement {
         yearMenu: string;
         year: string;
     }>;
-    /** Specifies the earliest allowed date (`"yyyy-mm-dd"`). */
+    /**
+     * When the component resides in a form,
+     * specifies the earliest allowed date (`"yyyy-mm-dd"`).
+     */
     min: string;
     /** Specifies the earliest allowed date as a full date object (`new Date("yyyy-mm-dd")`). */
     minAsDate: Date;

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

@@ -1,24 +1,22 @@
 import { i as A, c as p } from "../../chunks/runtime.js";
 import { html as y } from "lit";
 import { LitElement as x, createEvent as v } from "@arcgis/lumina";
-import { a as h, n as r, p as d, o as D, c as o, b as n, s as g, m, i as u } from "../../chunks/date.js";
-import { c as S, s as R, a as E } from "../../chunks/loadable.js";
-import { n as C, g as b } from "../../chunks/locale.js";
-import { h as z } from "../../chunks/dom.js";
-import { u as M } from "../../chunks/useT9n.js";
-import { g as f, a as k } from "../../chunks/utils2.js";
-import { css as $ } 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 P = 2, w = { dateStyle: "full" }, F = $`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:100%;overflow:visible;border-radius:0;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:236px;min-inline-size:216px;max-inline-size:380px}:host([scale=s][range][layout=horizontal]){inline-size:480px;min-inline-size:432px;max-inline-size:772px}:host([scale=m]){inline-size:298px;min-inline-size:272px;max-inline-size:480px}:host([scale=m][range][layout=horizontal]){inline-size:608px;min-inline-size:544px;max-inline-size:972px}:host([scale=l]){inline-size:334px;min-inline-size:320px;max-inline-size:600px}:host([scale=l][range][layout=horizontal]){inline-size:684px;min-inline-size:640px;max-inline-size:1212px}:host([hidden]){display:none}[hidden]{display:none}`;
-class O extends x {
+import { a as h, n as r, p as d, o as D, c as o, b as n, m as g, s as m, i as u } from "../../chunks/date.js";
+import { c as S } from "../../chunks/loadable.js";
+import { n as R, g as E } from "../../chunks/locale.js";
+import { h as b } from "../../chunks/dom.js";
+import { u as C } from "../../chunks/useT9n.js";
+import { g as f, a as z } from "../../chunks/utils2.js";
+import { css as k } 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 */
+const M = 2, $ = { dateStyle: "full" }, P = k`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:100%;overflow:visible;border-width:1px;border-style:solid;vertical-align:top;border-color:var(--calcite-date-picker-border-color, var(--calcite-color-border-1));border-radius:var(--calcite-date-picker-corner-radius, 0)}:host([scale=s]){inline-size:236px;min-inline-size:216px;max-inline-size:380px}:host([scale=s][range][layout=horizontal]){inline-size:480px;min-inline-size:432px;max-inline-size:772px}:host([scale=m]){inline-size:298px;min-inline-size:272px;max-inline-size:480px}:host([scale=m][range][layout=horizontal]){inline-size:608px;min-inline-size:544px;max-inline-size:972px}:host([scale=l]){inline-size:334px;min-inline-size:320px;max-inline-size:600px}:host([scale=l][range][layout=horizontal]){inline-size:684px;min-inline-size:640px;max-inline-size:1212px}:host([hidden]){display:none}[hidden]{display:none}`;
+class w extends x {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.rangeValueChangedByUser = !1, this.layout = "horizontal", this.messages = M({ blocking: !0 }), this.monthStyle = "wide", this.proximitySelectionDisabled = !1, this.range = !1, this.scale = "m", this.calciteDatePickerChange = v({ cancelable: !1 }), this.calciteDatePickerRangeChange = v({ cancelable: !1 }), this.listen("keydown", this.keyDownHandler);
+    super(), this.rangeValueChangedByUser = !1, this.layout = "horizontal", this.messages = C({ blocking: !0 }), this.monthStyle = "wide", this.proximitySelectionDisabled = !1, this.range = !1, this.scale = "m", this.calciteDatePickerChange = v({ cancelable: !1 }), this.calciteDatePickerRangeChange = v({ cancelable: !1 }), this.listen("keydown", this.keyDownHandler);
   }
   static {
     this.properties = { activeEndDate: 16, activeStartDate: 16, dateTimeFormat: 16, endAsDate: 16, hoverRange: 16, localeData: 16, startAsDate: 16, activeDate: 0, activeRange: 3, headingLevel: 11, layout: 3, max: 3, maxAsDate: 0, messageOverrides: 0, min: 3, minAsDate: 0, monthStyle: 1, numberingSystem: 3, proximitySelectionDisabled: 7, range: 7, scale: 3, value: 1, valueAsDate: 0 };
@@ -27,7 +25,7 @@ class O extends x {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = F;
+    this.styles = P;
   }
   // #endregion
   // #region Public Methods
@@ -41,19 +39,18 @@ class O extends x {
   }
   /** Sets focus on the component's first focusable element. */
   async setFocus() {
-    await S(this), z(this.el);
+    await S(this), b(this.el);
   }
   connectedCallback() {
     super.connectedCallback(), Array.isArray(this.value) ? this.valueAsDate = f(this.value) : this.value && (this.valueAsDate = h(this.value)), this.min && (this.minAsDate = h(this.min)), this.max && (this.maxAsDate = h(this.max)), this.setActiveStartAndEndDates();
   }
   async load() {
-    R(this), await this.loadLocaleData(), this.onMinChanged(this.min), this.onMaxChanged(this.max);
+    await this.loadLocaleData(), this.onMinChanged(this.min), this.onMaxChanged(this.max);
   }
   willUpdate(t) {
     t.has("activeDate") && this.activeDateWatcher(this.activeDate), t.has("value") && this.valueHandler(this.value), t.has("valueAsDate") && this.valueAsDateWatcher(this.valueAsDate), t.has("min") && this.onMinChanged(this.min), t.has("max") && this.onMaxChanged(this.max), t.has("messages") && this.hasUpdated && this.loadLocaleData().catch(console.error);
   }
   loaded() {
-    E(this);
   }
   // #endregion
   // #region Private Methods
@@ -76,11 +73,11 @@ class O extends x {
     t.key === "Escape" && this.resetActiveDates();
   }
   async loadLocaleData() {
-    A() && (C.numberFormatOptions = {
+    A() && (R.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
       locale: this.messages._lang,
       useGrouping: !1
-    }, this.localeData = await k(this.messages._lang), this.dateTimeFormat = b(this.messages._lang, w));
+    }, this.localeData = await z(this.messages._lang), this.dateTimeFormat = E(this.messages._lang, $));
   }
   monthHeaderSelectChange(t) {
     const e = new Date(t.detail.date), a = t.detail.position;
@@ -115,8 +112,8 @@ class O extends x {
     else if (this.activeRange)
       this.activeRange === "end" ? (this.hoverRange.end = s, this.hoverRange.focused = "end") : (this.hoverRange.start = s, this.hoverRange.focused = "start");
     else if (a && i) {
-      const l = Math.abs(D(s, a)), c = Math.abs(D(s, i));
-      s > i ? (this.hoverRange.end = s, this.hoverRange.focused = "end") : s < a ? (this.hoverRange.start = s, this.hoverRange.focused = "start") : s > a && s < i && (l < c ? (this.hoverRange.start = s, this.hoverRange.focused = "start") : (this.hoverRange.end = s, this.hoverRange.focused = "end"));
+      const c = Math.abs(D(s, a)), l = Math.abs(D(s, i));
+      s > i ? (this.hoverRange.end = s, this.hoverRange.focused = "end") : s < a ? (this.hoverRange.start = s, this.hoverRange.focused = "start") : s > a && s < i && (c < l ? (this.hoverRange.start = s, this.hoverRange.focused = "start") : (this.hoverRange.end = s, this.hoverRange.focused = "end"));
     } else
       a && (s < a ? this.hoverRange = {
         focused: "start",
@@ -169,8 +166,8 @@ class O extends x {
     else if (this.activeRange)
       this.activeRange == "end" ? this.setEndDate(e) : (e > s && (this.setEndDate(null), this.activeEndDate = null), this.setStartDate(e));
     else {
-      const l = D(e, i), c = D(e, s);
-      c === 0 || l < 0 ? this.setStartDate(e) : l === 0 || c < 0 ? this.setEndDate(e) : l < c ? this.setStartDate(e) : this.setEndDate(e);
+      const c = D(e, i), l = D(e, s);
+      l === 0 || c < 0 ? this.setStartDate(e) : c === 0 || l < 0 ? this.setEndDate(e) : c < l ? this.setStartDate(e) : this.setEndDate(e);
     }
     t.stopPropagation(), this.calciteDatePickerChange.emit();
   }
@@ -183,7 +180,7 @@ class O extends x {
    */
   getActiveDate(t, e, a) {
     const i = n(/* @__PURE__ */ new Date(), e, a);
-    return n(this.activeDate, e, a) || t || (g(a, i) && !this.range ? m(i, e, a) : i);
+    return n(this.activeDate, e, a) || t || (m(a, i) && !this.range ? g(i, e, a) : i);
   }
   getActiveEndDate(t, e, a) {
     return n(this.activeEndDate, e, a) || t || n(r(/* @__PURE__ */ new Date()), e, a);
@@ -191,8 +188,8 @@ class O extends x {
   setActiveStartAndEndDates() {
     if (this.range) {
       const t = n(Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate, this.minAsDate, this.maxAsDate), e = n(Array.isArray(this.valueAsDate) ? this.valueAsDate[1] : null, this.minAsDate, this.maxAsDate);
-      if (this.activeStartDate = this.getActiveDate(t, this.minAsDate, this.maxAsDate), this.activeEndDate = this.getActiveEndDate(e, this.minAsDate, this.maxAsDate), g(this.activeStartDate, this.activeEndDate)) {
-        const a = m(d(this.activeEndDate), this.minAsDate, this.maxAsDate), i = r(this.activeEndDate);
+      if (this.activeStartDate = this.getActiveDate(t, this.minAsDate, this.maxAsDate), this.activeEndDate = this.getActiveEndDate(e, this.minAsDate, this.maxAsDate), m(this.activeStartDate, this.activeEndDate)) {
+        const a = g(d(this.activeEndDate), this.minAsDate, this.maxAsDate), i = r(this.activeEndDate);
         u(a, this.minAsDate, this.maxAsDate) ? this.activeStartDate = a : u(i, this.minAsDate, this.maxAsDate) && (this.activeEndDate = i);
       }
     }
@@ -213,10 +210,10 @@ class O extends x {
    * @param endDate
    */
   renderMonth(t, e, a, i, s) {
-    return this.localeData && y`<calcite-date-picker-month .activeDate=${t} .dateTimeFormat=${this.dateTimeFormat} .endDate=${this.range ? s : void 0} .headingLevel=${this.headingLevel || P} .hoverRange=${this.hoverRange} .layout=${this.layout} .localeData=${this.localeData} .max=${e} .messages=${this.messages} .min=${a} .monthStyle=${this.monthStyle} @calciteInternalDatePickerDayHover=${this.monthHoverChange} @calciteInternalDatePickerDaySelect=${this.monthDateChange} @calciteInternalDatePickerMonthActiveDateChange=${this.monthActiveDateChange} @calciteInternalDatePickerMonthChange=${this.monthHeaderSelectChange} @calciteInternalDatePickerMonthMouseOut=${this.monthMouseOutChange} .range=${this.range} .scale=${this.scale} .selectedDate=${this.activeRange === "end" ? s : i} .startDate=${this.range ? i : void 0}></calcite-date-picker-month>` || "";
+    return this.localeData && y`<calcite-date-picker-month .activeDate=${t} .dateTimeFormat=${this.dateTimeFormat} .endDate=${this.range ? s : void 0} .headingLevel=${this.headingLevel || M} .hoverRange=${this.hoverRange} .layout=${this.layout} .localeData=${this.localeData} .max=${e} .messages=${this.messages} .min=${a} .monthStyle=${this.monthStyle} @calciteInternalDatePickerDayHover=${this.monthHoverChange} @calciteInternalDatePickerDaySelect=${this.monthDateChange} @calciteInternalDatePickerMonthActiveDateChange=${this.monthActiveDateChange} @calciteInternalDatePickerMonthChange=${this.monthHeaderSelectChange} @calciteInternalDatePickerMonthMouseOut=${this.monthMouseOutChange} .range=${this.range} .scale=${this.scale} .selectedDate=${this.activeRange === "end" ? s : i} .startDate=${this.range ? i : void 0}></calcite-date-picker-month>` || "";
   }
 }
-p("calcite-date-picker", O);
+p("calcite-date-picker", w);
 export {
-  O as DatePicker
+  w as DatePicker
 };

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

@@ -2,19 +2,17 @@ import { c as s } from "../../chunks/runtime.js";
 import { html as n } from "lit-html";
 import { LitElement as d, createEvent as o, setAttribute as i } from "@arcgis/lumina";
 import { c as h } from "../../chunks/date.js";
-import { k as f, t as u } from "../../chunks/dom.js";
+import { k as u, t as f } from "../../chunks/dom.js";
 import { u as v, I as p } from "../../chunks/interactive.js";
-import { i as g } from "../../chunks/key.js";
+import { i as y } from "../../chunks/key.js";
 import { n as c } from "../../chunks/locale.js";
-import { c as y, s as m, a as b } from "../../chunks/loadable.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.0.0-next.99
-*/
-const k = x`: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:flex;cursor:pointer;color:var(--calcite-color-text-3);outline:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-wrapper{position:relative;display:flex;inline-size:100%;flex-direction:column;align-items:center;justify-content:center}.day{position:relative;display:flex;inline-size:100%;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;line-height:var(--calcite-font-line-height-fixed-base);background:none;block-size:var(--calcite-internal-day-size);outline-color:var(--calcite-color-transparent)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size: 32px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size: 40px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size: 44px}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:not([range]):not([selected]).current-day) .day{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-medium)}:host(:focus[selected]) .day{z-index:var(--calcite-z-index);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))));box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host(:focus:not([disabled]):not([selected])) .day{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))))}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([highlighted]:not([selected])) .day{color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-current)}:host(:hover[highlighted]:not([selected]).inside-range--hover) .day{background-color:var(--calcite-color-foreground-current);color:var(--calcite-color-brand);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))))}:host(:hover:not([highlighted]):not([selected]).outside-range--hover) .day{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))))}@media (forced-colors: active){.day{border-radius:0}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day,:host([highlighted]) .day,:host([range-hover]:not([selected])) .day{background-color:highlight}:host([range-hover]) .day,:host([range][selected][start-of-range]) .day,:host([range][selected][end-of-range]) .day{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}`;
-class z extends d {
+import { c as g } from "../../chunks/loadable.js";
+import { css as m } 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 */
+const b = m`: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:flex;cursor:pointer;outline:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-wrapper{position:relative;display:flex;inline-size:100%;flex-direction:column;align-items:center;justify-content:center}.day{position:relative;display:flex;inline-size:100%;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;line-height:var(--calcite-font-line-height-fixed-base);block-size:var(--calcite-internal-day-size);outline-color:var(--calcite-color-transparent);background-color:var(--calcite-date-picker-day-background-color);color:var(--calcite-date-picker-day-text-color, var(--calcite-color-text-3))}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size: 32px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size: 40px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size: 44px}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day{background-color:var(--calcite-date-picker-day-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-text-color-hover, var(--calcite-color-text-1))}:host(:not([range]):not([selected]).current-day) .day{color:var(--calcite-date-picker-current-day-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium)}:host(:focus[selected]) .day{z-index:var(--calcite-z-index);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))));box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host(:focus:not([disabled]):not([selected])) .day{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))))}:host(:hover:not([disabled]):not([selected])) .day{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))))}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-date-picker-day-background-color-selected, var(--calcite-color-brand));color:var(--calcite-date-picker-day-text-color-selected, var(--calcite-color-foreground-1))}:host([range-hover]:not([selected])) .day{background-color:var(--calcite-date-picker-day-outside-range-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-outside-range-text-color-hover, var(--calcite-color-text-1))}:host([highlighted]:not([selected])) .day,:host(:hover[highlighted]:not([selected])) .day{color:var(--calcite-date-picker-day-range-text-color, var(--calcite-color-brand));background-color:var(--calcite-date-picker-day-range-background-color, var(--calcite-color-foreground-current))}@media (forced-colors: active){.day{border-radius:0}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day,:host([highlighted]) .day,:host([range-hover]:not([selected])) .day{background-color:highlight}:host([range-hover]) .day,:host([range][selected][start-of-range]) .day,:host([range][selected][end-of-range]) .day{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}`;
+class k extends d {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -24,22 +22,21 @@ class z extends d {
     this.properties = { active: 7, currentMonth: 7, dateTimeFormat: 0, day: 9, disabled: 7, endOfRange: 7, highlighted: 7, range: 7, rangeEdge: 3, rangeHover: 7, scale: 3, selected: 7, startOfRange: 7, value: 0 };
   }
   static {
-    this.styles = k;
+    this.styles = b;
   }
   // #endregion
   // #region Public Methods
   /** Sets focus on the component. */
   async setFocus() {
-    await y(this), this.el.focus();
+    await g(this), this.el.focus();
   }
   load() {
-    m(this), this.parentDatePickerEl = f(this.el, "calcite-date-picker");
+    this.parentDatePickerEl = u(this.el, "calcite-date-picker");
   }
   updated() {
     v(this);
   }
   loaded() {
-    b(this);
   }
   // #endregion
   // #region Private Methods
@@ -47,7 +44,7 @@ class z extends d {
     this.disabled || this.calciteInternalDaySelect.emit();
   }
   keyDownHandler(e) {
-    g(e.key) && (this.disabled || this.calciteInternalDaySelect.emit(), e.preventDefault());
+    y(e.key) && (this.disabled || this.calciteInternalDaySelect.emit(), e.preventDefault());
   }
   pointerOverHandler() {
     this.disabled || this.calciteInternalDayHover.emit();
@@ -65,10 +62,10 @@ class z extends d {
       };
     }
     const r = c.localize(String(this.day)), l = this.dateTimeFormat.format(this.value);
-    return this.el.ariaLabel = l, this.el.ariaSelected = u(this.active), i(this.el, "id", e), this.el.role = "button", i(this.el, "tabIndex", this.active && !this.disabled ? 0 : -1), p({ disabled: this.disabled, children: n`<div aria-hidden=true class="day-wrapper"><span class="day"><span class="text">${r}</span></span></div>` });
+    return this.el.ariaLabel = l, this.el.ariaSelected = f(this.active), i(this.el, "id", e), this.el.role = "button", i(this.el, "tabIndex", this.active && !this.disabled ? 0 : -1), p({ disabled: this.disabled, children: n`<div aria-hidden=true class="day-wrapper"><span class="day"><span class="text">${r}</span></span></div>` });
   }
 }
-s("calcite-date-picker-day", z);
+s("calcite-date-picker-day", k);
 export {
-  z as DatePickerDay
+  k as DatePickerDay
 };