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

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

@@ -3,34 +3,29 @@ import { live as v } from "lit-html/directives/live.js";
 import { html as c } from "lit-html";
 import { throttle as b } from "lodash-es";
 import { createRef as y, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as z, createEvent as m, stringOrBoolean as L, nothing as s, safeClassMap as r } from "@arcgis/lumina";
+import { LitElement as z, createEvent as m, stringOrBoolean as L, nothing as r, safeClassMap as s } from "@arcgis/lumina";
 import { useWatchAttributes as E } from "@arcgis/components-controllers";
-import { c as w, d as $, H as C } from "../../chunks/form.js";
-import { c as k, d as A, g as S } from "../../chunks/label.js";
+import { c as $, d as w, H as k } from "../../chunks/form.js";
+import { c as A, d as C, g as S } from "../../chunks/label.js";
 import { a as g } from "../../chunks/dom.js";
 import { n as d } from "../../chunks/locale.js";
 import { c as H } from "../../chunks/observers.js";
-import { b as f, c as O, s as I, a as T } from "../../chunks/loadable.js";
-import { u as M, I as W } from "../../chunks/interactive.js";
-import { g as F } from "../../chunks/guid.js";
-import { V as j } from "../../chunks/Validation.js";
-import { s as V } from "../../chunks/input.js";
-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.0.0-next.99
-*/
+import { a as f, c as O } from "../../chunks/loadable.js";
+import { u as I, I as T } from "../../chunks/interactive.js";
+import { g as M } from "../../chunks/guid.js";
+import { V as W } from "../../chunks/Validation.js";
+import { s as F } from "../../chunks/input.js";
+import { u as j } from "../../chunks/useT9n.js";
+import { css as V } 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 a = {
   assistiveText: "assistive-text",
   characterLimit: "character-limit",
   content: "content",
   container: "container",
   footer: "footer",
-  resizeDisabled: "resize--disabled",
-  resizeDisabledX: "resize--disabled-x",
-  resizeDisabledY: "resize--disabled-y",
   characterOverLimit: "character--over-limit",
   readOnly: "readonly",
   textAreaInvalid: "text-area--invalid",
@@ -44,16 +39,16 @@ const a = {
 }, u = {
   footerStart: "footer-start",
   footerEnd: "footer-end"
-}, R = 100, B = D`: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;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area: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))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.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}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:.25rem;padding-inline:.5rem}:host([scale=m]) .text-area{padding-block:.5rem;padding-inline:.75rem}:host([scale=m]) .footer{padding-block:.5rem;padding-inline:.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.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}: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 U extends z {
+}, q = 100, R = V`: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;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area: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))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.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}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:.25rem;padding-inline:.5rem}:host([scale=m]) .text-area{padding-block:.5rem;padding-inline:.75rem}:host([scale=m]) .footer{padding-block:.5rem;padding-inline:.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.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}: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 B extends z {
   constructor() {
-    super(...arguments), this.attributeWatch = E(["autofocus", "spellcheck"], this.handleGlobalAttributesChanged), this.footerEl = y(), this.guid = F(), this.resizeObserver = H("resize", async () => {
+    super(...arguments), this.attributeWatch = E(["autofocus", "spellcheck"], this.handleGlobalAttributesChanged), this.footerEl = y(), this.guid = M(), this.resizeObserver = H("resize", async () => {
       await f(this);
       const { textAreaHeight: e, textAreaWidth: t, elHeight: i, elWidth: l, footerHeight: n, footerWidth: o } = this.getHeightAndWidthOfElements();
       o > 0 && o !== t && (this.footerEl.value.style.width = `${t}px`), (l !== t || i !== e + (n || 0)) && this.setHeightAndWidthToAuto();
     }), this.setHeightAndWidthToAuto = b(() => {
       (this.resize === "vertical" || this.resize === "both") && (this.el.style.height = "auto"), (this.resize === "horizontal" || this.resize === "both") && (this.el.style.width = "auto");
-    }, R, { leading: !1 }), this.disabled = !1, this.groupSeparator = !1, this.messages = q({ blocking: !0 }), this.readOnly = !1, this.required = !1, this.resize = "both", this.scale = "m", this.status = "idle", this.validity = {
+    }, q, { leading: !1 }), this.disabled = !1, this.groupSeparator = !1, this.limitText = !1, this.messages = j({ blocking: !0 }), this.readOnly = !1, this.required = !1, this.resize = "both", this.scale = "m", this.status = "idle", this.validity = {
       valid: !1,
       badInput: !1,
       customError: !1,
@@ -68,10 +63,10 @@ class U extends z {
     }, this.value = "", this.wrap = "soft", this.calciteTextAreaChange = m(), this.calciteTextAreaInput = m();
   }
   static {
-    this.properties = { endSlotHasElements: 16, startSlotHasElements: 16, columns: 11, disabled: 7, form: 3, groupSeparator: 7, label: 1, maxLength: 11, messageOverrides: 0, minLength: 11, name: 3, numberingSystem: 1, placeholder: 1, readOnly: 7, required: 7, resize: 3, rows: 11, scale: 3, status: 3, validationIcon: [3, { converter: L }], validationMessage: 1, validity: 0, value: 1, wrap: 3 };
+    this.properties = { endSlotHasElements: 16, startSlotHasElements: 16, columns: 11, disabled: 7, form: 3, groupSeparator: 7, label: 1, limitText: 7, maxLength: 11, messageOverrides: 0, minLength: 11, name: 3, numberingSystem: 1, placeholder: 1, readOnly: 7, required: 7, resize: 3, rows: 11, scale: 3, status: 3, validationIcon: [3, { converter: L }], validationMessage: 1, validity: 0, value: 1, wrap: 3 };
   }
   static {
-    this.styles = B;
+    this.styles = R;
   }
   // #endregion
   // #region Public Methods
@@ -86,19 +81,17 @@ class U extends z {
   // #endregion
   // #region Lifecycle
   connectedCallback() {
-    super.connectedCallback(), k(this), w(this);
+    super.connectedCallback(), A(this), $(this);
   }
   async load() {
-    I(this);
   }
   updated() {
-    M(this), this.setTextAreaHeight();
+    I(this), this.setTextAreaHeight();
   }
   loaded() {
-    T(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), A(this), $(this), this.resizeObserver?.disconnect();
+    super.disconnectedCallback(), C(this), w(this), this.resizeObserver?.disconnect();
   }
   // #endregion
   // #region Private Methods
@@ -132,7 +125,7 @@ class U extends z {
     });
   }
   syncHiddenFormInput(e) {
-    e.setCustomValidity(""), this.isCharacterLimitExceeded() && e.setCustomValidity(this.replacePlaceholdersInMessages()), V("textarea", this, e);
+    e.setCustomValidity(""), this.isCharacterLimitExceeded() && e.setCustomValidity(this.replacePlaceholdersInMessages()), F("textarea", this, e);
   }
   setTextAreaEl(e) {
     e && (this.textAreaEl = e, this.resizeObserver?.observe(e));
@@ -162,26 +155,26 @@ class U extends z {
   // #region Rendering
   render() {
     const e = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-    return W({ disabled: this.disabled, children: c`<textarea aria-describedby=${this.guid ?? s} aria-errormessage=${p.validationMessage} .ariaInvalid=${this.status === "invalid" || this.isCharacterLimitExceeded()} .ariaLabel=${S(this)} .autofocus=${this.el.autofocus} class=${r({
+    return T({ disabled: this.disabled, children: c`<textarea aria-describedby=${this.guid ?? r} aria-errormessage=${p.validationMessage} .ariaInvalid=${this.status === "invalid" || this.isCharacterLimitExceeded()} .ariaLabel=${S(this)} .autofocus=${this.el.autofocus} class=${s({
       [a.textArea]: !0,
       [a.readOnly]: this.readOnly,
       [a.textAreaInvalid]: this.isCharacterLimitExceeded(),
       [a.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
       [a.textAreaOnly]: !e
-    })} .cols=${this.columns} .disabled=${this.disabled} name=${this.name ?? s} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder ?? s} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck ?? s} .value=${v(this.value ?? "")} wrap=${this.wrap ?? s} ${h(this.setTextAreaEl)}></textarea><span class=${r({ [a.content]: !0 })}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${r({
+    })} .cols=${this.columns} .disabled=${this.disabled} maxlength=${(this.limitText ? this.maxLength : void 0) ?? r} name=${this.name ?? r} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder ?? r} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck ?? r} .value=${v(this.value ?? "")} wrap=${this.wrap ?? r} ${h(this.setTextAreaEl)}></textarea><span class=${s({ [a.content]: !0 })}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${s({
       [a.footer]: !0,
       [a.readOnly]: this.readOnly,
       [a.hide]: !e
-    })} ${h(this.footerEl)}><div class=${r({
+    })} ${h(this.footerEl)}><div class=${s({
       [a.container]: !0,
       [a.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements
-    })}><slot name=${u.footerStart} @slotchange=${(t) => this.startSlotHasElements = g(t)}></slot><slot name=${u.footerEnd} @slotchange=${(t) => this.endSlotHasElements = g(t)}></slot></div>${this.renderCharacterLimit()}</footer>${C({ component: this })}${this.isCharacterLimitExceeded() && c`<span aria-live=polite class=${r(a.assistiveText)} id=${this.guid ?? s}>${this.replacePlaceholdersInMessages()}</span>` || ""}${this.validationMessage && this.status === "invalid" ? j({ icon: this.validationIcon, id: p.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
+    })}><slot name=${u.footerStart} @slotchange=${(t) => this.startSlotHasElements = g(t)}></slot><slot name=${u.footerEnd} @slotchange=${(t) => this.endSlotHasElements = g(t)}></slot></div>${this.renderCharacterLimit()}</footer>${k({ component: this })}${this.isCharacterLimitExceeded() && c`<span aria-live=polite class=${s(a.assistiveText)} id=${this.guid ?? r}>${this.replacePlaceholdersInMessages()}</span>` || ""}${this.validationMessage && this.status === "invalid" ? W({ icon: this.validationIcon, id: p.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
   }
   renderCharacterLimit() {
-    return this.maxLength ? (this.localizedCharacterLengthObj = this.getLocalizedCharacterLength(), c`<span class=${r(a.characterLimit)}><span class=${r({ [a.characterOverLimit]: this.isCharacterLimitExceeded() })}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`) : null;
+    return this.maxLength ? (this.localizedCharacterLengthObj = this.getLocalizedCharacterLength(), c`<span class=${s(a.characterLimit)}><span class=${s({ [a.characterOverLimit]: this.isCharacterLimitExceeded() })}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`) : null;
   }
 }
-x("calcite-text-area", U);
+x("calcite-text-area", B);
 export {
-  U as TextArea
+  B as TextArea
 };

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

@@ -1,16 +1,14 @@
-import { c as z } from "../../chunks/runtime.js";
+import { c as C } from "../../chunks/runtime.js";
 import { html as o } from "lit-html";
 import { ref as w } from "lit-html/directives/ref.js";
 import { LitElement as $, createEvent as u, safeClassMap as n, nothing as y } from "@arcgis/lumina";
 import { u as S, I as E } from "../../chunks/interactive.js";
 import { a as T } from "../../chunks/dom.js";
-import { c as A, s as H, a as I } 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-next.99
-*/
+import { c as A } from "../../chunks/loadable.js";
+import { css as H } 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 t = {
   container: "container",
   contentContainer: "content-container",
@@ -26,7 +24,7 @@ const t = {
   selected: "selected",
   selectionIcon: "selection-icon",
   textContent: "text-content"
-}, r = {
+}, s = {
   selectedMultiple: "check-square-f",
   selectedSingle: "circle-f",
   unselectedMultiple: "square",
@@ -36,8 +34,8 @@ const t = {
   contentEnd: "content-end",
   contentStart: "content-start",
   contentTop: "content-top"
-}, 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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;word-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`;
-class D extends $ {
+}, I = H`: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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;word-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`;
+class M extends $ {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -47,7 +45,7 @@ class D extends $ {
     this.properties = { hasContentBottom: 16, hasContentEnd: 16, hasContentStart: 16, hasContentTop: 16, active: 7, alignment: 3, description: 3, disabled: 7, embed: 7, heading: 3, href: 3, icon: 3, iconFlipRtl: 7, interactive: 5, label: 1, layout: 3, scale: 3, selected: 7, selectionAppearance: 3, selectionMode: 3 };
   }
   static {
-    this.styles = B;
+    this.styles = I;
   }
   // #endregion
   // #region Public Methods
@@ -56,13 +54,11 @@ class D extends $ {
     await A(this), !this.disabled && this.interactive && this.containerEl?.focus();
   }
   load() {
-    H(this);
   }
   updated() {
     S(this);
   }
   loaded() {
-    I(this);
   }
   // #endregion
   // #region Private Methods
@@ -101,10 +97,10 @@ class D extends $ {
   renderSelectionIcon() {
     const { selected: e, selectionAppearance: c, selectionMode: a } = this;
     if (c === "icon" && a !== "none")
-      return o`<calcite-icon class=${n(t.selectionIcon)} .icon=${e ? a === "multiple" ? r.selectedMultiple : r.selectedSingle : a === "multiple" ? r.unselectedMultiple : r.unselectedSingle} scale=s></calcite-icon>`;
+      return o`<calcite-icon class=${n(t.selectionIcon)} .icon=${e ? a === "multiple" ? s.selectedMultiple : s.selectedSingle : a === "multiple" ? s.unselectedMultiple : s.unselectedSingle} scale=s></calcite-icon>`;
   }
   renderTile() {
-    const { description: e, disabled: c, hasContentBottom: a, hasContentEnd: f, hasContentStart: m, hasContentTop: g, heading: l, icon: s, iconFlipRtl: x, interactive: i, selectionMode: h } = this, k = l && s && !e, p = !!this.href || !i, v = h === "multiple" && i ? "checkbox" : h !== "none" && i ? "radio" : i ? "button" : void 0, b = !!(e || f || m || l || s), C = !b && g && a;
+    const { description: e, disabled: c, hasContentBottom: a, hasContentEnd: f, hasContentStart: g, hasContentTop: m, heading: l, icon: r, iconFlipRtl: x, interactive: i, selectionMode: h } = this, k = l && r && !e, p = !!this.href || !i, v = h === "multiple" && i ? "checkbox" : h !== "none" && i ? "radio" : i ? "button" : void 0, b = !!(e || f || g || l || r), z = !b && m && a;
     return o`<div .ariaChecked=${h !== "none" && i ? this.selected : void 0} .ariaDisabled=${p ? c : void 0} .ariaLabel=${v && this.label} class=${n({
       [t.container]: !0,
       [t.interactive]: i,
@@ -115,15 +111,15 @@ class D extends $ {
     })} @click=${this.clickHandler} .role=${v} tabindex=${(p ? void 0 : 0) ?? y} ${w(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${n({
       [t.contentContainer]: !0,
       [t.contentContainerHasContent]: b,
-      [t.contentContainerHasOnlyContentTopAndBottom]: C
-    })}><slot name=${d.contentTop} @slotchange=${this.handleSlotChange}></slot>${s && o`<calcite-icon class=${n(t.icon)} .flipRtl=${x} .icon=${s} scale=l></calcite-icon>` || ""}<div class=${n({ [t.textContentContainer]: !0, [t.row]: !0 })}><slot name=${d.contentStart} @slotchange=${this.handleSlotChange}></slot><div class=${n(t.textContent)}>${l && o`<div class=${n(t.heading)}>${l}</div>` || ""}${e && o`<div class=${n(t.description)}>${e}</div>` || ""}</div><slot name=${d.contentEnd} @slotchange=${this.handleSlotChange}></slot></div><slot name=${d.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`;
+      [t.contentContainerHasOnlyContentTopAndBottom]: z
+    })}><slot name=${d.contentTop} @slotchange=${this.handleSlotChange}></slot>${r && o`<calcite-icon class=${n(t.icon)} .flipRtl=${x} .icon=${r} scale=l></calcite-icon>` || ""}<div class=${n({ [t.textContentContainer]: !0, [t.row]: !0 })}><slot name=${d.contentStart} @slotchange=${this.handleSlotChange}></slot><div class=${n(t.textContent)}>${l && o`<div class=${n(t.heading)}>${l}</div>` || ""}${e && o`<div class=${n(t.description)}>${e}</div>` || ""}</div><slot name=${d.contentEnd} @slotchange=${this.handleSlotChange}></slot></div><slot name=${d.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`;
   }
   render() {
     const { disabled: e } = this;
     return E({ disabled: e, children: this.href ? o`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>` : this.renderTile() });
   }
 }
-z("calcite-tile", D);
+C("calcite-tile", M);
 export {
-  D as Tile
+  M as Tile
 };

package/dist/components/calcite-tile-group/customElement.js

@@ -6,11 +6,9 @@ import { u as d, I as h } from "../../chunks/interactive.js";
 import { c as p } from "../../chunks/observers.js";
 import { d as i } from "../../chunks/dom.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-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 u = {
   container: "container"
 }, f = 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{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto,1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}: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-tile-select/customElement.js

@@ -3,19 +3,15 @@ import { html as l } from "lit";
 import { LitElement as m, createEvent as f, safeClassMap as a } from "@arcgis/lumina";
 import { g as k } from "../../chunks/guid.js";
 import { u as v, I as x } from "../../chunks/interactive.js";
-import { c as y, s as w, a as C } from "../../chunks/loadable.js";
-import { l as B } from "../../chunks/logger.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.0.0-next.99
-*/
+import { c as y } from "../../chunks/loadable.js";
+import { l as w } from "../../chunks/logger.js";
+import { css as C } 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 i = {
-  checked: "checked",
   description: "description",
   descriptionOnly: "description-only",
-  disabled: "disabled",
   heading: "heading",
   headingOnly: "heading-only",
   icon: "icon",
@@ -32,8 +28,8 @@ const i = {
   tileLargeVisual: "tile--large-visual",
   widthAuto: "width-auto",
   widthFull: "width-full"
-}, H = 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:block}:host .container{background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 1px var(--calcite-color-border-2);box-sizing:border-box;cursor:pointer;display:inline-block;block-size:100%;max-inline-size:300px;padding:.75rem;position:relative;vertical-align:top;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}:host .container.checked{z-index:var(--calcite-z-index);box-shadow:0 0 0 1px var(--calcite-color-brand)}:host .container.heading-only{align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){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 .container.focused{outline-color:transparent}:host .container.focused:not(.disabled):not(.input-enabled){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))));outline-offset:-4px;box-shadow:0 0 0 1px var(--calcite-color-brand),inset 0 0 0 2px var(--calcite-color-foreground-1)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:.75rem}:host .container.input-enabled.input-alignment-start .tile{order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:.75rem;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}:host .container.width-full{display:flex;max-inline-size:none}:host .container.width-full .tile{flex:1 1 auto}.tile{pointer-events:none;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tile-content-container{display:flex;inline-size:100%;align-items:stretch;padding:0;color:var(--calcite-color-text-2);outline-color:transparent}.tile-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;inline-size:10%}.tile-heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tile-description{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tile--large-visual{display:grid;justify-content:center;text-align:center;min-block-size:12rem}.tile--large-visual .icon{align-self:flex-end}.tile--large-visual calcite-icon{block-size:64px;inline-size:64px}.tile--large-visual .tile-content-container{align-self:center}:host(:hover) .container:not(.input-enabled){box-shadow:0 0 0 1px var(--calcite-color-brand)}:host(:hover) .tile-heading,.checked .tile-heading{color:var(--calcite-color-text-1)}:host(:hover) .tile-description,.checked .tile-description{color:var(--calcite-color-text-2)}: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 F extends m {
+}, B = C`: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:block}:host .container{background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 1px var(--calcite-color-border-2);box-sizing:border-box;cursor:pointer;display:inline-block;block-size:100%;max-inline-size:300px;padding:.75rem;position:relative;vertical-align:top;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}:host .container.checked{z-index:var(--calcite-z-index);box-shadow:0 0 0 1px var(--calcite-color-brand)}:host .container.heading-only{align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){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 .container.focused{outline-color:transparent}:host .container.focused:not(.disabled):not(.input-enabled){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))));outline-offset:-4px;box-shadow:0 0 0 1px var(--calcite-color-brand),inset 0 0 0 2px var(--calcite-color-foreground-1)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:.75rem}:host .container.input-enabled.input-alignment-start .tile{order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:.75rem;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}:host .container.width-full{display:flex;max-inline-size:none}:host .container.width-full .tile{flex:1 1 auto}.tile{pointer-events:none;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tile-content-container{display:flex;inline-size:100%;align-items:stretch;padding:0;color:var(--calcite-color-text-2);outline-color:transparent}.tile-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;inline-size:10%}.tile-heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tile-description{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tile--large-visual{display:grid;justify-content:center;text-align:center;min-block-size:12rem}.tile--large-visual .icon{align-self:flex-end}.tile--large-visual calcite-icon{block-size:64px;inline-size:64px}.tile--large-visual .tile-content-container{align-self:center}:host(:hover) .container:not(.input-enabled){box-shadow:0 0 0 1px var(--calcite-color-brand)}:host(:hover) .tile-heading,.checked .tile-heading{color:var(--calcite-color-text-1)}:host(:hover) .tile-description,.checked .tile-description{color:var(--calcite-color-text-2)}: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 z extends m {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -43,7 +39,7 @@ class F extends m {
     this.properties = { focused: 16, checked: 7, description: 3, disabled: 7, heading: 3, icon: 3, iconFlipRtl: 7, inputAlignment: 3, inputEnabled: 7, name: 3, type: 3, value: 1, width: 3 };
   }
   static {
-    this.styles = H;
+    this.styles = B;
   }
   // #endregion
   // #region Public Methods
@@ -55,11 +51,11 @@ class F extends m {
     super.connectedCallback(), this.renderInput();
   }
   load() {
-    B.deprecated("component", {
+    w.deprecated("component", {
       name: "tile-select",
       removalVersion: 4,
       suggested: ["tile", "tile-group"]
-    }), w(this);
+    });
   }
   willUpdate(t) {
     t.has("checked") && (this.hasUpdated || this.checked !== !1) && (this.input.checked = this.checked), t.has("name") && (this.input.name = this.name);
@@ -68,7 +64,6 @@ class F extends m {
     v(this);
   }
   loaded() {
-    C(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.input?.remove();
@@ -127,17 +122,17 @@ class F extends m {
     ), this.input.checked = this.checked, this.input.disabled = this.disabled, this.input.hidden = this.el.hidden, this.input.id = this.guid, this.input.label = this.heading || this.name || "", this.name && (this.input.name = this.name), this.value && (this.input.value = this.value != null ? this.value.toString() : ""), this.el.insertAdjacentElement("beforeend", this.input);
   }
   render() {
-    const { checked: t, description: e, disabled: c, focused: u, heading: n, icon: o, inputAlignment: s, inputEnabled: p, width: r, iconFlipRtl: g } = this, d = n && o && !e, h = !!o;
+    const { checked: t, description: e, disabled: c, focused: h, heading: n, icon: o, inputAlignment: s, inputEnabled: p, width: r, iconFlipRtl: g } = this, d = n && o && !e, u = !!o;
     return x({ disabled: c, children: l`<div class=${a({
       checked: t,
       container: !0,
       [i.description]: !!e,
       [i.descriptionOnly]: !!(!n && !o && e),
       disabled: c,
-      focused: u,
+      focused: h,
       [i.heading]: !!n,
       [i.headingOnly]: n && !o && !e,
-      [i.icon]: h,
+      [i.icon]: u,
       [i.iconOnly]: !n && o && !e,
       [i.inputAlignmentEnd]: s === "end",
       [i.inputAlignmentStart]: s === "start",
@@ -145,10 +140,10 @@ class F extends m {
       [i.largeVisual]: d,
       [i.widthAuto]: r === "auto",
       [i.widthFull]: r === "full"
-    })}><div class=${a({ [i.tile]: !0, [i.tileLargeVisual]: d })}>${o && l`<div class=${a({ [i.icon]: h })}><calcite-icon .flipRtl=${g} .icon=${o} scale=l></calcite-icon></div>` || ""}<div class=${a(i.tileContentContainer)}><div class=${a(i.tileContent)}>${n && l`<div class=${a(i.tileHeading)}>${n}</div>` || ""}${e && l`<div class=${a(i.tileDescription)}>${e}</div>` || ""}</div></div></div><slot></slot></div>` });
+    })}><div class=${a({ [i.tile]: !0, [i.tileLargeVisual]: d })}>${o && l`<div class=${a({ [i.icon]: u })}><calcite-icon .flipRtl=${g} .icon=${o} scale=l></calcite-icon></div>` || ""}<div class=${a(i.tileContentContainer)}><div class=${a(i.tileContent)}>${n && l`<div class=${a(i.tileHeading)}>${n}</div>` || ""}${e && l`<div class=${a(i.tileDescription)}>${e}</div>` || ""}</div></div></div><slot></slot></div>` });
   }
 }
-b("calcite-tile-select", F);
+b("calcite-tile-select", z);
 export {
-  F as TileSelect
+  z as TileSelect
 };

package/dist/components/calcite-tile-select-group/customElement.js

@@ -4,11 +4,9 @@ import { LitElement as s } from "@arcgis/lumina";
 import { u as i, I as o } from "../../chunks/interactive.js";
 import { l } from "../../chunks/logger.js";
 import { css as a } 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 d = a`: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;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}: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 s {
   constructor() {

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

@@ -67,5 +67,6 @@ export declare class TimePicker extends LitElement {
     value: string;
     /** Sets focus on the component's first focusable element. */
     setFocus(): Promise<void>;
+    /** Fires when a user changes the component's time */
     readonly calciteTimePickerChange: TargetedEvent<this, undefined>;
 }

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

@@ -1,4 +1,4 @@
-import { c as U } from "../../chunks/runtime.js";
+import { c as C } from "../../chunks/runtime.js";
 import { ref as f } from "lit-html/directives/ref.js";
 import { html as m } from "lit";
 import { LitElement as L, createEvent as I, safeClassMap as o } from "@arcgis/lumina";
@@ -6,16 +6,14 @@ import { n as b } from "../../chunks/key.js";
 import { i as d } from "../../chunks/locale.js";
 import { f as p, p as v, i as D, l as H, g as T, a as k, b as x, c as S, d as N, e as K, m as z } from "../../chunks/time.js";
 import { g as O } from "../../chunks/component.js";
-import { c as E, s as R, a as _ } from "../../chunks/loadable.js";
+import { c as E } from "../../chunks/loadable.js";
 import { d as h, g } from "../../chunks/math.js";
-import { g as B } from "../../chunks/dom.js";
-import { u as j } from "../../chunks/useT9n.js";
-import { css as W } 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 R } from "../../chunks/dom.js";
+import { u as _ } from "../../chunks/useT9n.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.1 */
 const t = {
   button: "button",
   buttonBottomLeft: "button--bottom-left",
@@ -52,15 +50,15 @@ const t = {
   "scale-l": "scale-l",
   timePicker: "time-picker",
   meridiemStart: "meridiem--start"
-}, q = W`:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:.75rem;padding-block:.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
-function G(w) {
+}, j = B`:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:.75rem;padding-block:.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
+function W(w) {
   return w.charAt(0).toUpperCase() + w.slice(1);
 }
-class J extends L {
+class q extends L {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.pointerActivated = !1, this.localizedDecimalSeparator = ".", this.hourFormat = "user", this.messages = j(), this.scale = "m", this.step = 60, this.value = null, this.calciteTimePickerChange = I({ cancelable: !1 }), this.listen("blur", this.blurHandler), this.listen("keydown", this.keyDownHandler), this.listen("pointerdown", this.pointerDownHandler);
+    super(), this.pointerActivated = !1, this.localizedDecimalSeparator = ".", this.hourFormat = "user", this.messages = _(), this.scale = "m", this.step = 60, this.value = null, this.calciteTimePickerChange = I({ cancelable: !1 }), this.listen("blur", this.blurHandler), this.listen("keydown", this.keyDownHandler), this.listen("pointerdown", this.pointerDownHandler);
   }
   static {
     this.properties = { activeEl: 16, effectiveHourFormat: 16, fractionalSecond: 16, hour: 16, localizedDecimalSeparator: 16, localizedFractionalSecond: 16, localizedHour: 16, localizedHourSuffix: 16, localizedMeridiem: 16, localizedMinute: 16, localizedMinuteSuffix: 16, localizedSecond: 16, localizedSecondSuffix: 16, meridiem: 16, minute: 16, second: 16, showFractionalSecond: 16, showSecond: 16, hourFormat: 3, messageOverrides: 0, numberingSystem: 1, scale: 3, step: 11, value: 1 };
@@ -69,7 +67,7 @@ class J extends L {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = q;
+    this.styles = j;
   }
   // #endregion
   // #region Public Methods
@@ -81,13 +79,11 @@ class J extends L {
     super.connectedCallback(), this.updateLocale(), this.toggleSecond();
   }
   async load() {
-    R(this);
   }
   willUpdate(e) {
     e.has("step") && (this.hasUpdated || this.step !== 60) && this.toggleSecond(), e.has("value") && (this.hasUpdated || this.value !== null) && this.setValue(this.value), (e.has("hourFormat") || e.has("messages")) && this.updateLocale();
   }
   loaded() {
-    _(this);
   }
   // #endregion
   // #region Private Methods
@@ -393,13 +389,13 @@ class J extends L {
   }
   setValue(e) {
     if (D(e)) {
-      const { hour: i, minute: s, second: a, fractionalSecond: n } = v(e), { effectiveHourFormat: r, messages: { _lang: l }, numberingSystem: c } = this, { localizedHour: u, localizedHourSuffix: M, localizedMinute: F, localizedMinuteSuffix: P, localizedSecond: y, localizedDecimalSeparator: A, localizedFractionalSecond: V, localizedSecondSuffix: C, localizedMeridiem: $ } = H({
+      const { hour: i, minute: s, second: a, fractionalSecond: n } = v(e), { effectiveHourFormat: r, messages: { _lang: l }, numberingSystem: c } = this, { localizedHour: u, localizedHourSuffix: M, localizedMinute: F, localizedMinuteSuffix: P, localizedSecond: y, localizedDecimalSeparator: A, localizedFractionalSecond: V, localizedSecondSuffix: U, localizedMeridiem: $ } = H({
         value: e,
         locale: l,
         numberingSystem: c,
         hour12: r === "12"
       });
-      this.hour = i, this.minute = s, this.second = a, this.fractionalSecond = this.sanitizeFractionalSecond(n), this.localizedHour = u, this.localizedHourSuffix = M, this.localizedMinute = F, this.localizedMinuteSuffix = P, this.localizedSecond = y, this.localizedDecimalSeparator = A, this.localizedFractionalSecond = V, this.localizedSecondSuffix = C, $ && (this.localizedMeridiem = $, this.meridiem = T(this.hour));
+      this.hour = i, this.minute = s, this.second = a, this.fractionalSecond = this.sanitizeFractionalSecond(n), this.localizedHour = u, this.localizedHourSuffix = M, this.localizedMinute = F, this.localizedMinuteSuffix = P, this.localizedSecond = y, this.localizedDecimalSeparator = A, this.localizedFractionalSecond = V, this.localizedSecondSuffix = U, $ && (this.localizedMeridiem = $, this.meridiem = T(this.hour));
     } else
       this.hour = null, this.fractionalSecond = null, this.localizedHour = null, this.localizedHourSuffix = k("hour", this.messages._lang, this.numberingSystem), this.localizedMeridiem = null, this.localizedMinute = null, this.localizedMinuteSuffix = k("minute", this.messages._lang, this.numberingSystem), this.localizedSecond = null, this.localizedDecimalSeparator = x(this.messages._lang, this.numberingSystem), this.localizedFractionalSecond = null, this.localizedSecondSuffix = k("second", this.messages._lang, this.numberingSystem), this.meridiem = null, this.minute = null, this.second = null, this.value = null;
   }
@@ -434,7 +430,7 @@ class J extends L {
         hour12: r
       });
     } else
-      this[e] = typeof i == "number" ? p(i) : i, this[`localized${G(e)}`] = S({
+      this[e] = typeof i == "number" ? p(i) : i, this[`localized${W(e)}`] = S({
         value: this[e],
         part: e,
         locale: a,
@@ -507,7 +503,7 @@ class J extends L {
       [t.buttonFractionalSecondDown]: !0
     })} @click=${this.fractionalSecondDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>` || ""}${r && m`<span class=${o({ [t.delimiter]: !0, [t.secondSuffix]: !0 })}>${this.localizedSecondSuffix}</span>` || ""}${l && m`<div class=${o({
       [t.column]: !0,
-      [t.meridiemStart]: this.meridiemOrder === 0 || B(this.el) === "rtl"
+      [t.meridiemStart]: this.meridiemOrder === 0 || R(this.el) === "rtl"
     })} role=group><span .ariaLabel=${this.messages.meridiemUp} class=${o({
       [t.button]: !0,
       [t.buttonMeridiemUp]: !0,
@@ -523,7 +519,7 @@ class J extends L {
     })} @click=${this.meridiemDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>` || ""}</div>`;
   }
 }
-U("calcite-time-picker", J);
+C("calcite-time-picker", q);
 export {
-  J as TimePicker
+  q as TimePicker
 };