@esri/calcite-components 5.0.0-next.86 → 5.0.0-next.88

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

@@ -13,26 +13,26 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  * @cssproperty [--calcite-input-actions-icon-color] - Specifies the icon color of the component's `clearable` and `number-button-type` elements.
  * @cssproperty [--calcite-input-actions-icon-color-hover] - Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered.
  * @cssproperty [--calcite-input-actions-icon-color-press] - Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed.
- * @cssproperty [--calcite-input-loading-background-color] - Specifies the background color of the `loading` element.
- * @cssproperty [--calcite-input-loading-fill-color] - Specifies the fill color of the `loading` element.
- * @cssproperty [--calcite-input-number-background-color] - Specifies the background color of the component.
- * @cssproperty [--calcite-input-number-border-color] - Specifies the border color of the component.
- * @cssproperty [--calcite-input-number-corner-radius] - Specifies the border radius of the component.
+ * @cssproperty [--calcite-input-loading-background-color] - When `loading`, specifies the background color of the component's `loading` element.
+ * @cssproperty [--calcite-input-loading-fill-color] - When `loading`, specifies the fill color of the component's `loading` element.
+ * @cssproperty [--calcite-input-number-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-input-number-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-input-number-corner-radius] - Specifies the component's border radius.
  * @cssproperty [--calcite-input-number-icon-color] - Specifies the component's icon color.
- * @cssproperty [--calcite-input-number-height] - Specifies the height of the component.
- * @cssproperty [--calcite-input-number-placeholder-text-color] - Specifies the text color of the placeholder in the component.
- * @cssproperty [--calcite-input-number-text-color] - Specifies the text color of the component.
- * @cssproperty [--calcite-input-number-text-color-focus] - Specifies the text color of the component when focused.
- * @cssproperty [--calcite-input-prefix-size] - Specifies the width of the prefix element.
- * @cssproperty [--calcite-input-prefix-text-color] - Specifies the text color of the prefix element.
- * @cssproperty [--calcite-input-suffix-size] - Specifies the width of the suffix element.
- * @cssproperty [--calcite-input-suffix-text-color] - Specifies the text color of the suffix element.
- * @slot [action] - A slot for positioning a `calcite-action` or other interactive content.
+ * @cssproperty [--calcite-input-number-height] - Specifies the component's height.
+ * @cssproperty [--calcite-input-number-placeholder-text-color] - Specifies the text color of the component's placeholder.
+ * @cssproperty [--calcite-input-number-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-input-number-text-color-focus] - Specifies the component's text color when focused.
+ * @cssproperty [--calcite-input-prefix-size] - When `prefixText` is provided, specifies the width of the component's prefix element.
+ * @cssproperty [--calcite-input-prefix-text-color] - When `prefixText` is provided, specifies the text color of the component's prefix element.
+ * @cssproperty [--calcite-input-suffix-size] - When `suffixText` is provided, specifies the width of the component's suffix element.
+ * @cssproperty [--calcite-input-suffix-text-color] - When `suffixText` is provided, specifies the text color of the component's suffix element.
+ * @slot [action] - A slot for positioning a `calcite-action` or other interactive content adjacent to the component.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */
 export abstract class InputNumber extends LitElement {
   /**
-   * Specifies the text alignment of the component's value.
+   * Specifies the text alignment of the component's `value`.
    *
    * @default "start"
    */
@@ -45,13 +45,13 @@ export abstract class InputNumber extends LitElement {
    */
   accessor autocomplete: AutoFill;
   /**
-   * When `true`, a clear button is displayed when the component has a value.
+   * When `true` and the component has a `value`, a clear button is displayed.
    *
    * @default false
    */
   accessor clearable: boolean;
   /**
-   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, prevents interaction and decreases the component's opacity.
    *
    * @default false
    * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
@@ -76,7 +76,7 @@ export abstract class InputNumber extends LitElement {
    */
   accessor icon: IconName | boolean;
   /**
-   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   * When `true` and the element direction is right-to-left (`"rtl"`), flips the component`s `icon`.
    *
    * @default false
    */
@@ -92,21 +92,21 @@ export abstract class InputNumber extends LitElement {
   /** Specifies the component's label text. */
   accessor labelText: string;
   /**
-   * When `true`, the component is in the loading state and `calcite-progress` is displayed.
+   * When `true`, displays a busy indicator.
    *
    * @default false
    */
   accessor loading: boolean;
   /**
    * When the component resides in a form,
-   * specifies the maximum value.
+   * specifies the maximum `value`.
    *
    * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
    */
   accessor max: number;
   /**
    * When the component resides in a form,
-   * specifies the maximum length of text for the component's value.
+   * specifies the maximum length of text for the component's `value`.
    *
    * @deprecated in v3.0.0, removal target v6.0.0 - This property has no effect on the component.
    * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
@@ -120,14 +120,14 @@ export abstract class InputNumber extends LitElement {
   };
   /**
    * When the component resides in a form,
-   * specifies the minimum value.
+   * specifies the minimum `value`.
    *
    * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
    */
   accessor min: number;
   /**
    * When the component resides in a form,
-   * specifies the minimum length of text for the component's value.
+   * specifies the minimum length of text for the component's `value`.
    *
    * @deprecated in v3.0.0, removal target v6.0.0 - This property has no effect on the component.
    * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
@@ -150,15 +150,15 @@ export abstract class InputNumber extends LitElement {
   /** Specifies the Unicode numeral system used by the component for localization. */
   accessor numberingSystem: NumberingSystem;
   /**
-   * Specifies placeholder text for the component.
+   * Specifies the component's placeholder text.
    *
    * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
    */
   accessor placeholder: string;
-  /** Adds text to the start of the component. */
+  /** Specifies text to display at the start of the component. */
   accessor prefixText: string;
   /**
-   * When `true`, the component's value can be read, but cannot be modified.
+   * When `true`, the component's `value` can be read, but cannot be modified.
    *
    * @default false
    * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
@@ -166,7 +166,7 @@ export abstract class InputNumber extends LitElement {
   accessor readOnly: boolean;
   /**
    * When `true` and the component resides in a form,
-   * the component must have a value in order for the form to submit.
+   * the component must have a `value` in order for the form to submit.
    *
    * @default false
    */
@@ -178,18 +178,18 @@ export abstract class InputNumber extends LitElement {
    */
   accessor scale: Scale;
   /**
-   * Specifies the status of the input field, which determines message and icons.
+   * Specifies the input field's status, which determines message and icons.
    *
    * @default "idle"
    */
   accessor status: Status;
   /**
-   * Specifies the granularity that the component's value must adhere to.
+   * Specifies the granularity that the component's `value` must adhere to.
    *
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
    */
   accessor step: number | "any";
-  /** Adds text to the end of the component. */
+  /** Specifies text to display at the end of the component. */
   accessor suffixText: string;
   /** Specifies the validation icon to display under the component. */
   accessor validationIcon: IconName | boolean;
@@ -212,9 +212,9 @@ export abstract class InputNumber extends LitElement {
    * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
    */
   setFocus(options?: FocusOptions): Promise<void>;
-  /** Fires each time a new value is typed and committed. */
+  /** Fires each time a new `value` is typed and committed. */
   readonly calciteInputNumberChange: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires each time a new value is typed. */
+  /** Fires each time a new `value` is typed. */
   readonly calciteInputNumberInput: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     calciteInputNumberChange: InputNumber["calciteInputNumberChange"]["detail"];

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { live } from "lit/directives/live.js";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -8,11 +8,11 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  * @cssproperty [--calcite-input-action-background-color] - Specifies the background color of the component's `clearable` element.
  * @cssproperty [--calcite-input-action-background-color-hover] - Specifies the background color of the component's `clearable` element when hovered.
  * @cssproperty [--calcite-input-action-background-color-press] - Specifies the background color of the component's `clearable` element when pressed.
- * @cssproperty [--calcite-input-action-icon-color] - Specifies the icon color of the component's `clearable` & icon elements.
- * @cssproperty [--calcite-input-action-icon-color-hover] - Specifies the icon color of the component's `clearable` & icon elements when hovered.
- * @cssproperty [--calcite-input-action-icon-color-press] - Specifies the icon color of the component's `clearable` & icon elements when pressed.
- * @cssproperty [--calcite-input-loading-background-color] - Specifies the background color of the `loading` element.
- * @cssproperty [--calcite-input-loading-fill-color] - Specifies the fill color of the `loading` element.
+ * @cssproperty [--calcite-input-action-icon-color] - Specifies the icon color of the component's `clearable` element.
+ * @cssproperty [--calcite-input-action-icon-color-hover] - Specifies the icon color of the component's `clearable` element when hovered.
+ * @cssproperty [--calcite-input-action-icon-color-press] - Specifies the icon color of the component's `clearable` element when pressed.
+ * @cssproperty [--calcite-input-loading-background-color] - When `loading`, specifies the background color of the component`s `loading` element.
+ * @cssproperty [--calcite-input-loading-fill-color] - When `loading`, specifies the fill color of the component`s `loading` element.
  * @cssproperty [--calcite-input-prefix-size-x] - When `prefixText` is provided, specifies the width of the component's prefix element.
  * @cssproperty [--calcite-input-prefix-text-color] - When `prefixText` is provided, specifies the text color of the component's prefix element.
  * @cssproperty [--calcite-input-suffix-size-x] - When `suffixText` is provided, specifies the width of the component's suffix element.
@@ -20,16 +20,16 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  * @cssproperty [--calcite-input-text-background-color] - Specifies the component's background color.
  * @cssproperty [--calcite-input-text-border-color] - Specifies the component's border color.
  * @cssproperty [--calcite-input-text-corner-radius] - Specifies the component's border radius.
- * @cssproperty [--calcite-input-text-icon-color] - Specifies the component's icon color.
+ * @cssproperty [--calcite-input-text-icon-color] - Specifies the component's `icon` color.
  * @cssproperty [--calcite-input-text-placeholder-text-color] - Specifies the component's `placeholder` text color.
  * @cssproperty [--calcite-input-text-text-color] - Specifies the component's text color.
  * @cssproperty [--calcite-input-text-text-color-focus] - Specifies the component's text color when focused.
- * @slot [action] - A slot for positioning a button next to the component.
+ * @slot [action] - A slot for positioning a `calcite-action` or other interactive content adjacent to the component.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */
 export abstract class InputText extends LitElement {
   /**
-   * Specifies the text alignment of the component's value.
+   * Specifies the text alignment of the component's `value`.
    *
    * @default "start"
    */
@@ -42,13 +42,13 @@ export abstract class InputText extends LitElement {
    */
   accessor autocomplete: AutoFill;
   /**
-   * When `true`, a clear button is displayed when the component has a value.
+   * When `true` and the component has a `value`, a clear button is displayed.
    *
    * @default false
    */
   accessor clearable: boolean;
   /**
-   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, prevents interaction and decreases the component's opacity.
    *
    * @default false
    * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
@@ -67,7 +67,7 @@ export abstract class InputText extends LitElement {
    */
   accessor icon: IconName | boolean;
   /**
-   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   * When `true` and the element direction is right-to-left (`"rtl"`), flips the component`s `icon`.
    *
    * @default false
    */
@@ -77,7 +77,7 @@ export abstract class InputText extends LitElement {
   /** Specifies the component's label text. */
   accessor labelText: string;
   /**
-   * When `true`, the component is in the loading state and `calcite-progress` is displayed.
+   * When `true`, a busy indicator is displayed.
    *
    * @default false
    */
@@ -119,15 +119,15 @@ export abstract class InputText extends LitElement {
    */
   accessor pattern: string;
   /**
-   * Specifies placeholder text for the component.
+   * Specifies the component's placeholder text.
    *
    * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
    */
   accessor placeholder: string;
-  /** Adds text to the start of the component. */
+  /** Specifies text to display at the start of the component. */
   accessor prefixText: string;
   /**
-   * When `true`, the component's value can be read, but cannot be modified.
+   * When `true`, the component's `value` can be read, but cannot be modified.
    *
    * @default false
    * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
@@ -135,7 +135,7 @@ export abstract class InputText extends LitElement {
   accessor readOnly: boolean;
   /**
    * When `true` and the component resides in a form,
-   * the component must have a value in order for the form to submit.
+   * the component must have a `value` in order for the form to submit.
    *
    * @default false
    */
@@ -147,12 +147,12 @@ export abstract class InputText extends LitElement {
    */
   accessor scale: Scale;
   /**
-   * Specifies the status of the input field, which determines message and icons.
+   * Specifies the input field's status, which determines message and icons.
    *
    * @default "idle"
    */
   accessor status: Status;
-  /** Adds text to the end of the component. */
+  /** Specifies text to display at the end of the component. */
   accessor suffixText: string;
   /** Specifies the validation icon to display under the component. */
   accessor validationIcon: IconName | boolean;
@@ -175,9 +175,9 @@ export abstract class InputText extends LitElement {
    * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
    */
   setFocus(options?: FocusOptions): Promise<void>;
-  /** Fires each time a new value is typed and committed. */
+  /** Fires each time a new `value` is typed and committed. */
   readonly calciteInputTextChange: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires each time a new value is typed. */
+  /** Fires each time a new `value` is typed. */
   readonly calciteInputTextInput: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     calciteInputTextChange: InputText["calciteInputTextChange"]["detail"];

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { live } from "lit/directives/live.js";
 import { css, html, nothing } from "lit";

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

@@ -24,13 +24,13 @@ import type { TimePicker } from "../calcite-time-picker/customElement.js";
  * @cssproperty [--calcite-input-time-picker-digit-icon-color] - Specifies the component's digit icon color.
  * @cssproperty [--calcite-input-time-picker-digit-border-color-press] - Specifies the component's digit border color when pressed.
  * @cssproperty [--calcite-input-time-picker-digit-border-color-hover] - Specifies the component's digit border color when hovered.
- * @cssproperty [--calcite-input-time-picker-action-background-color-hover] - Specifies the background color of the component's actions when hovered or focused.
+ * @cssproperty [--calcite-input-time-picker-action-background-color-hover] - Specifies the background color of the component's actions when hovered.
  * @cssproperty [--calcite-input-time-picker-action-background-color-press] - Specifies the background color of the component's actions when active.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */
 export abstract class InputTimePicker extends LitElement {
   /**
-   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, prevents interaction and decreases the component's opacity.
    *
    * @default false
    */
@@ -63,7 +63,7 @@ export abstract class InputTimePicker extends LitElement {
   accessor labelText: string;
   /**
    * When the component resides in a form,
-   * specifies the maximum value.
+   * specifies the maximum `value`.
    *
    * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#max)
    */
@@ -90,7 +90,7 @@ export abstract class InputTimePicker extends LitElement {
   } & TimePicker["messageOverrides"];
   /**
    * When the component resides in a form,
-   * specifies the minimum value.
+   * specifies the minimum `value`.
    *
    * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#min)
    */
@@ -116,13 +116,13 @@ export abstract class InputTimePicker extends LitElement {
    */
   accessor overlayPositioning: OverlayPositioning;
   /**
-   * Determines where the popover will be positioned relative to the input.
+   * Determines the `calcite-time-picker`'s position relative to the input.
    *
    * @default "auto"
    */
   accessor placement: LogicalPlacement;
   /**
-   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
+   * When `true`, the component's `value` can be read, but controls are not accessible and the `value` cannot be modified.
    *
    * @default false
    * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
@@ -130,7 +130,7 @@ export abstract class InputTimePicker extends LitElement {
   accessor readOnly: boolean;
   /**
    * When `true` and the component resides in a form,
-   * the component must have a value in order for the form to submit.
+   * the component must have a `value` in order for the form to submit.
    *
    * @default false
    */
@@ -142,7 +142,7 @@ export abstract class InputTimePicker extends LitElement {
    */
   accessor scale: Scale;
   /**
-   * Specifies the status of the input field, which determines message and icons.
+   * Specifies the input field's status, which determines message and icons.
    *
    * @default "idle"
    */
@@ -166,7 +166,7 @@ export abstract class InputTimePicker extends LitElement {
   /** The time value in ISO (24-hour) format. */
   accessor value: string;
   /**
-   * Updates the position of the component.
+   * Updates the component's position.
    *
    * @param delayed - If true, delay the repositioning.
    */
@@ -186,7 +186,7 @@ export abstract class InputTimePicker extends LitElement {
   readonly calciteInputTimePickerChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when the component is closed and animation is complete. */
   readonly calciteInputTimePickerClose: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the component is open and animation is complete. */
+  /** Fires when the component is opened and animation is complete. */
   readonly calciteInputTimePickerOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     calciteInputTimePickerBeforeClose: InputTimePicker["calciteInputTimePickerBeforeClose"]["detail"];

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
@@ -59,6 +59,7 @@ class InputTimePicker extends LitElement {
     this.secondRef = createRef();
     this.time = useTime(this);
     this.interactiveContainer = useInteractive(this);
+    this.timePickerRef = createRef();
     this.disabled = false;
     this.focusTrapDisabled = false;
     this.hourFormat = "user";
@@ -284,6 +285,8 @@ class InputTimePicker extends LitElement {
     const newValue = event.detail;
     if (newValue !== this.value) {
       this.value = newValue;
+    } else {
+      this.timePickerRef.value.manager?.component.requestUpdate();
     }
   }
   timePartFocusHandler(event) {
@@ -327,7 +330,7 @@ class InputTimePicker extends LitElement {
       [CSS.empty]: !localizedFractionalSecond,
       [CSS.fractionalSecond]: true,
       [CSS.input]: true
-    })} @focus=${this.timePartFocusHandler} @keydown=${isInteractive ? handleFractionalSecondKeyDownEvent : void 0} role=spinbutton tabindex=0 ${ref(this.fractionalSecondRef)}>${localizedFractionalSecond || "".padStart(decimalPlaces(this.step), "-")}</span>` || ""}${localizedSecondSuffix && html`<span class=${safeClassMap(CSS.secondSuffix)}>${localizedSecondSuffix}</span>` || ""}${showMeridiem && !meridiemStart && this.renderMeridiem() || ""}</div>${!this.readOnly && this.renderToggleIcon(this.open) || ""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{ initialFocus: false }} .label=${messages.chooseTime} lang=${this.messages._lang ?? nothing} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${ref(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang ?? nothing} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open ? void 0 : -1) ?? nothing} .time=${this.time} .value=${this.value}></calcite-time-picker></calcite-popover>${HiddenFormInputSlot({ component: this })}${this.validationMessage && this.status === "invalid" ? Validation({ icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
+    })} @focus=${this.timePartFocusHandler} @keydown=${isInteractive ? handleFractionalSecondKeyDownEvent : void 0} role=spinbutton tabindex=0 ${ref(this.fractionalSecondRef)}>${localizedFractionalSecond || "".padStart(decimalPlaces(this.step), "-")}</span>` || ""}${localizedSecondSuffix && html`<span class=${safeClassMap(CSS.secondSuffix)}>${localizedSecondSuffix}</span>` || ""}${showMeridiem && !meridiemStart && this.renderMeridiem() || ""}</div>${!this.readOnly && this.renderToggleIcon(this.open) || ""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{ initialFocus: false }} .label=${messages.chooseTime} lang=${this.messages._lang ?? nothing} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${ref(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang ?? nothing} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open ? void 0 : -1) ?? nothing} .time=${this.time} .value=${this.value} ${ref(this.timePickerRef)}></calcite-time-picker></calcite-popover>${HiddenFormInputSlot({ component: this })}${this.validationMessage && this.status === "invalid" ? Validation({ icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
   }
   renderMeridiem() {
     const { handleMeridiemKeyDownEvent, localizedMeridiem, meridiem } = this.time;

package/dist/components/calcite-input-time-zone/customElement.d.ts

@@ -17,7 +17,7 @@ export abstract class InputTimeZone extends LitElement {
    */
   accessor clearable: boolean;
   /**
-   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, prevents interaction and decreases the component's opacity.
    *
    * @default false
    */
@@ -658,14 +658,12 @@ export abstract class InputTimeZone extends LitElement {
   /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
   accessor name: string;
   /**
-   * Specifies how the offset will be displayed, where
+   * When `mode` is `"offset"`, specifies how the offset will be displayed, where
    *
    * `"user"` uses `UTC` or `GMT` depending on the user's locale,
    * `"gmt"` always uses `GMT`, and
    * `"utc"` always uses `UTC`.
    *
-   * This only applies to the `offset` mode.
-   *
    * @default "user"
    */
   accessor offsetStyle: OffsetStyle;
@@ -686,7 +684,7 @@ export abstract class InputTimeZone extends LitElement {
    */
   accessor overlayPositioning: OverlayPositioning;
   /**
-   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
+   * When `true`, the component's `value` can be read, but controls are not accessible and the `value` cannot be modified.
    *
    * @default false
    */
@@ -706,7 +704,7 @@ export abstract class InputTimeZone extends LitElement {
    */
   accessor scale: Scale;
   /**
-   * Specifies the status of the input field, which determines message and icons.
+   * Specifies the input field's status, which determines message and icons.
    *
    * @default "idle"
    */
@@ -751,9 +749,9 @@ export abstract class InputTimeZone extends LitElement {
   readonly calciteInputTimeZoneBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when the component's `value` changes. */
   readonly calciteInputTimeZoneChange: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires after the component is closed and animation is complete. */
+  /** Fires when the component is closed and animation is complete. */
   readonly calciteInputTimeZoneClose: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires after the component is opened and animation is complete. */
+  /** Fires when the component is opened and animation is complete. */
   readonly calciteInputTimeZoneOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     calciteInputTimeZoneBeforeClose: InputTimeZone["calciteInputTimeZoneBeforeClose"]["detail"];

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { repeat } from "lit/directives/repeat.js";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { literal, html as html$1 } from "lit/static-html.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { D as DEBOUNCE, c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing } from "lit";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html, nothing, svg } from "lit";
 import { LitElement, setAttribute, safeClassMap, safeStyleMap } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html } from "lit";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-navigation-logo/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { keyed } from "lit/directives/keyed.js";

package/dist/components/calcite-navigation-user/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.86 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { html } from "lit";
 import { LitElement, createEvent } from "@arcgis/lumina";