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

package/dist/components/calcite-dropdown/customElement.d.ts

@@ -8,7 +8,7 @@ import type { DropdownItem } from "../calcite-dropdown-item/customElement.js";
  * @cssproperty [--calcite-dropdown-width] - Specifies the width of the component's wrapper.
  * @cssproperty [--calcite-dropdown-background-color] - Specifies the component's background color.
  * @slot  - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.
- * @slot [trigger] - A slot for the element that triggers the `calcite-dropdown`.
+ * @slot [trigger] - A slot for the element that triggers the component.
  */
 export abstract class Dropdown extends LitElement {
   /**
@@ -20,28 +20,28 @@ export abstract class Dropdown extends LitElement {
    */
   accessor closeOnSelectDisabled: 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
    */
   accessor disabled: boolean;
-  /** Specifies the component's fallback `placement` for slotted `calcite-dropdown-items` when their initial or specified `placement` has insufficient space available. */
+  /** Specifies the component's fallback `placement` for slotted `calcite-dropdown-item`s when their initial or specified `placement` has insufficient space available. */
   accessor flipPlacements: FlipPlacement[];
   /**
-   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.
-   * Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.
+   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scrollbar.
+   * Value must be greater than `0`, and does not include `groupTitle`s from `calcite-dropdown-group`.
    *
    * @default 0
    */
   accessor maxItems: number;
   /**
-   * Offset the position of the component away from the `referenceElement`.
+   * Specifies the distance to position the component away from the `referenceElement`.
    *
    * @default 0
    */
   accessor offsetDistance: number;
   /**
-   * Offset the position of the component along the `referenceElement`.
+   * Specifies the distance to position the component along the `referenceElement`.
    *
    * @default 0
    */
@@ -63,7 +63,7 @@ export abstract class Dropdown extends LitElement {
    */
   accessor overlayPositioning: OverlayPositioning;
   /**
-   * Determines where the component will be positioned relative to the container element.
+   * Determines the component's placement relative to the container element.
    *
    * @default "bottom-start"
    */
@@ -74,7 +74,7 @@ export abstract class Dropdown extends LitElement {
    * @default "m"
    */
   accessor scale: Scale;
-  /** Specifies the component's selected items. */
+  /** The component's selected items. */
   get selectedItems(): DropdownItem[];
   /**
    * When `true` and the component is `open`, disables top layer placement.
@@ -86,21 +86,21 @@ export abstract class Dropdown extends LitElement {
    */
   accessor topLayerDisabled: boolean;
   /**
-   * Specifies the action to open the component from the container element.
+   * Specifies the type of action on the container element to open the component.
    *
    * @default "click"
    */
   accessor type: "hover" | "click";
-  /** Specifies the width of the component. */
+  /** Specifies the component's width. */
   accessor width: Extract<Width, Scale>;
   /**
-   * Specifies the width of the component.
+   * Specifies the component's width.
    *
    * @deprecated in v3.0.0, removal target v6.0.0 - Use the `width` property instead.
    */
   accessor widthScale: Scale;
   /**
-   * Updates the position of the component.
+   * Updates the component's position.
    *
    * @param delayed
    */
@@ -118,7 +118,7 @@ export abstract class Dropdown extends LitElement {
   readonly calciteDropdownBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when the component is closed and animation is complete. */
   readonly calciteDropdownClose: 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 calciteDropdownOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when a `calcite-dropdown-item`'s selection changes. */
   readonly calciteDropdownSelect: import("@arcgis/lumina").TargetedEvent<this, void>;

package/dist/components/calcite-dropdown/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.87 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { css, nothing, html } from "lit";

package/dist/components/calcite-dropdown-group/customElement.d.ts

@@ -3,12 +3,12 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { SelectionMode } from "../interfaces.js";
 
 /**
- * @cssproperty [--calcite-dropdown-group-border-color] - Specifies the `calcite-dropdown`'s border color.
+ * @cssproperty [--calcite-dropdown-group-border-color] - Specifies the components's border color.
  * @cssproperty [--calcite-dropdown-group-title-text-color] - Specifies the component's `groupTitle` color.
  * @slot  - A slot for adding `calcite-dropdown-item`s.
  */
 export abstract class DropdownGroup extends LitElement {
-  /** Specifies and displays a group title. */
+  /** When specified, displays a group title. */
   accessor groupTitle: string;
   /**
    * The position of the group in the dropdown menu.

package/dist/components/calcite-dropdown-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.87 */
+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-dropdown-item/customElement.d.ts

@@ -4,17 +4,17 @@ import type { FlipContext } from "../interfaces.js";
 import type { IconName } from "../calcite-icon/interfaces.js";
 
 /**
- * @cssproperty [--calcite-dropdown-item-background-color-hover] - Specifies the item's background color when hovered.
- * @cssproperty [--calcite-dropdown-item-background-color-press] - Specifies the item's background color when selected or active.
- * @cssproperty [--calcite-dropdown-item-icon-color-hover] - [Deprecated] Specifies the item's icon selection color when hovered.
- * @cssproperty [--calcite-dropdown-item-icon-color-press] - Specifies the item's icon selection color when selected or active.
- * @cssproperty [--calcite-dropdown-item-text-color-press] - Specifies the item's text when selected or active.
- * @cssproperty [--calcite-dropdown-item-text-color] - Specifies the item's text color.
+ * @cssproperty [--calcite-dropdown-item-background-color-hover] - Specifies the component's background color when hovered.
+ * @cssproperty [--calcite-dropdown-item-background-color-press] - Specifies the components's background color when `selected` or active.
+ * @cssproperty [--calcite-dropdown-item-icon-color-hover] - [Deprecated] Specifies the color of the component's selection icon when hovered.
+ * @cssproperty [--calcite-dropdown-item-icon-color-press] - Specifies the color of the component's selection icon when `selected` or active.
+ * @cssproperty [--calcite-dropdown-item-text-color-press] - Specifies the component's text color when `selected` or active.
+ * @cssproperty [--calcite-dropdown-item-text-color] - Specifies the component's text color.
  * @slot  - A slot for adding text.
  */
 export abstract class DropdownItem 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
    */
@@ -27,13 +27,13 @@ export abstract class DropdownItem extends LitElement {
   accessor href: string;
   /** Specifies an icon to display at the end of the component. */
   accessor iconEnd: IconName;
-  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
+  /** When the element direction is right-to-left (`"rtl"`), flips the component's `iconStart` and/or `iconEnd`. */
   accessor iconFlipRtl: FlipContext;
   /** Specifies an icon to display at the start of the component. */
   accessor iconStart: IconName;
   /** Specifies an accessible label for the component. */
   accessor label: string;
-  /** Specifies the relationship to the linked document defined in `href`. */
+  /** Specifies the relationship to the linked resource defined in `href`. */
   accessor rel: string;
   /**
    * When `true`, the component is selected.
@@ -41,7 +41,7 @@ export abstract class DropdownItem extends LitElement {
    * @default false
    */
   accessor selected: boolean;
-  /** Specifies the frame or window to open the linked document. */
+  /** Specifies the frame or window to open the linked resource. */
   accessor target: string;
   /**
    * Sets focus on the component.

package/dist/components/calcite-dropdown-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.87 */
+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-fab/customElement.d.ts

@@ -13,13 +13,13 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  */
 export abstract class Fab extends LitElement {
   /**
-   * Specifies the appearance style of the component.
+   * Specifies the component's appearance style.
    *
    * @default "solid"
    */
   accessor appearance: Extract<"solid" | "outline-fill", Appearance>;
   /**
-   * 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
    */
@@ -27,13 +27,13 @@ export abstract class Fab extends LitElement {
   /** Specifies an icon to display. */
   accessor icon: IconName;
   /**
-   * 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
    */
   accessor iconFlipRtl: boolean;
   /**
-   * Specifies the kind of the component, which will apply to border and background.
+   * Specifies the component's kind, which determines border and background styling.
    *
    * @default "brand"
    */

package/dist/components/calcite-fab/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.87 */
+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-filter/customElement.d.ts

@@ -4,33 +4,33 @@ import type { Scale } from "../interfaces.js";
 
 /**
  * @cssproperty [--calcite-filter-content-space] - Specifies the padding of the component's content.
- * @cssproperty [--calcite-filter-input-background-color] - Specifies the input's background color.
- * @cssproperty [--calcite-filter-input-border-color] - Specifies the input's border color.
- * @cssproperty [--calcite-filter-input-corner-radius] - Specifies the input's corner radius.
- * @cssproperty [--calcite-filter-input-shadow] - Specifies the shadow around the input.
- * @cssproperty [--calcite-filter-input-icon-color] - Specifies the input's icon color.
- * @cssproperty [--calcite-filter-input-text-color] - Specifies the input's text color.
- * @cssproperty [--calcite-filter-input-placeholder-text-color] - Specifies the input's placeholder text color.
- * @cssproperty [--calcite-filter-input-actions-background-color] - Specifies the background color of the input's `clearable` element.
- * @cssproperty [--calcite-filter-input-actions-background-color-hover] - Specifies the background color of the input's `clearable` element when hovered.
- * @cssproperty [--calcite-filter-input-actions-background-color-press] - Specifies the background color of the input's `clearable` element when pressed.
- * @cssproperty [--calcite-filter-input-actions-icon-color] - Specifies the icon color of the input's `clearable` element.
- * @cssproperty [--calcite-filter-input-actions-icon-color-hover] - Specifies the icon color of the input's `clearable` element when hovered.
- * @cssproperty [--calcite-filter-input-actions-icon-color-press] - Specifies the icon color of the input's `clearable` element when pressed.
+ * @cssproperty [--calcite-filter-input-background-color] - Specifies the component's input background color.
+ * @cssproperty [--calcite-filter-input-border-color] - Specifies the component's input border color.
+ * @cssproperty [--calcite-filter-input-corner-radius] - Specifies the component's input corner radius.
+ * @cssproperty [--calcite-filter-input-shadow] - Specifies the component's input shadow.
+ * @cssproperty [--calcite-filter-input-icon-color] - Specifies the component's input icon color.
+ * @cssproperty [--calcite-filter-input-text-color] - Specifies the component's input text color.
+ * @cssproperty [--calcite-filter-input-placeholder-text-color] - Specifies the component's input placeholder text color.
+ * @cssproperty [--calcite-filter-input-actions-background-color] - Specifies the background color of the component's input `clearable` element.
+ * @cssproperty [--calcite-filter-input-actions-background-color-hover] - Specifies the background color of the component's input `clearable` element when hovered.
+ * @cssproperty [--calcite-filter-input-actions-background-color-press] - Specifies the background color of the component's input `clearable` element when pressed.
+ * @cssproperty [--calcite-filter-input-actions-icon-color] - Specifies the icon color of the component's input `clearable` element.
+ * @cssproperty [--calcite-filter-input-actions-icon-color-hover] - Specifies the icon color of the component's input `clearable` element when hovered.
+ * @cssproperty [--calcite-filter-input-actions-icon-color-press] - Specifies the icon color of the component's input `clearable` element when pressed.
  */
 export abstract class Filter 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
    */
   accessor disabled: boolean;
   /** The component's resulting items after filtering. */
   get filteredItems(): object[];
-  /** Specifies the properties to match against when filtering. This will only apply when `value` is an object. If not set, all properties will be matched. */
+  /** When `value` is an object, specifies the properties to match against when filtering. If not set, all properties will be matched. */
   accessor filterProps: string[] | undefined;
   /**
-   * Defines the items to filter. The component uses the values as the starting point, and returns items
+   * Specifies the items to filter. The component uses the values as the starting point, and returns items
    *
    * that contain the string entered in the input, using a partial match and recursive search.
    *
@@ -44,7 +44,7 @@ export abstract class Filter extends LitElement {
       label?: string;
       clear?: string;
   };
-  /** Specifies placeholder text for the input element. */
+  /** Specifies the component's input placeholder text. */
   accessor placeholder: string | undefined;
   /**
    * Specifies the size of the component.

package/dist/components/calcite-filter/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.87 */
+v5.0.0-next.88 */
 import { D as DEBOUNCE, c as customElement } from "../../chunks/runtime.js";
 import { debounce } from "es-toolkit";
 import { css, html } from "lit";

package/dist/components/calcite-flow/customElement.d.ts

@@ -5,11 +5,11 @@ import type { FlowItemLikeElement } from "./interfaces.js";
 
 /**
  * @cssproperty [--calcite-flow-background-color] - Specifies the component's background color.
- * @slot  - A slot for adding `calcite-flow-item` elements to the component.
+ * @slot  - A slot for adding `calcite-flow-item`s to the component.
  */
 export abstract class Flow extends LitElement {
   /**
-   * Removes the currently active `calcite-flow-item`.
+   * Removes selection of the currently active `calcite-flow-item`.
    *
    * @returns Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>
    */

package/dist/components/calcite-flow/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.87 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";

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

@@ -10,14 +10,14 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  * @cssproperty [--calcite-flow-item-header-border-block-end] - [Deprecated] Use `--calcite-flow-border-color` instead. Specifies the component header's block end border.
  * @cssproperty [--calcite-flow-corner-radius] - Specifies the component's corner radius.
  * @cssproperty [--calcite-flow-heading-text-color] - Specifies the text color of the component's `heading`.
- * @cssproperty [--calcite-flow-icon-color] - Specifies the color of the component's icon.
+ * @cssproperty [--calcite-flow-icon-color] - Specifies the color of the component's `icon`.
  * @cssproperty [--calcite-flow-description-text-color] - Specifies the text color of the component's `description`.
  * @cssproperty [--calcite-flow-border-color] - Specifies the component's border color.
  * @cssproperty [--calcite-flow-background-color] - Specifies the component's background color.
  * @cssproperty [--calcite-flow-header-background-color] - Specifies the background color of the component's header.
  * @cssproperty [--calcite-flow-footer-background-color] - Specifies the background color of the component's footer.
- * @cssproperty [--calcite-flow-space] - Specifies the padding of the component's `"unnamed (default)"` slot.
- * @cssproperty [--calcite-flow-header-content-space] - Specifies the padding of the `"header-content"` slot.
+ * @cssproperty [--calcite-flow-space] - Specifies the padding of the component's `unnamed (default)` slot.
+ * @cssproperty [--calcite-flow-header-content-space] - Specifies the padding of the `header-content` slot.
  * @cssproperty [--calcite-flow-footer-space] - Specifies the padding of the component's footer.
  * @cssproperty [--calcite-action-background-color] - Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s. Applies to any slotted `calcite-action`s.
  * @cssproperty [--calcite-action-background-color-hover] - Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s.
@@ -25,12 +25,12 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  * @cssproperty [--calcite-action-text-color-hover] - Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s.
  * @cssproperty [--calcite-action-text-color-pressed] - Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s.
  * @cssproperty [--calcite-popover-border-color] - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s.
- * @cssproperty [--calcite-flow-header-action-background-color-hover] - Specifies the background color of the component's `calcite-action` items  in the flow item header when hovered.
- * @cssproperty [--calcite-flow-header-action-background-color-press] - Specifies the background color of the component's `calcite-action` items  in the flow item header when pressed.
- * @cssproperty [--calcite-flow-header-action-background-color] - Specifies the background color of the component's `calcite-action` items  in the flow item header.
- * @cssproperty [--calcite-flow-header-action-indicator-color] - Specifies the color of the component's `calcite-action` items' indicator in the flow item header.
- * @cssproperty [--calcite-flow-header-action-text-color-press] - Specifies the text color of the component's `calcite-action` items in the flow item header when pressed.
- * @cssproperty [--calcite-flow-header-action-text-color] - Specifies the text color of the component's `calcite-action` items in the flow item header.
+ * @cssproperty [--calcite-flow-header-action-background-color-hover] - Specifies the background color of any `calcite-action`s in the component's header when hovered.
+ * @cssproperty [--calcite-flow-header-action-background-color-press] - Specifies the background color of any `calcite-action`s in the component's header when pressed.
+ * @cssproperty [--calcite-flow-header-action-background-color] - Specifies the background color of any `calcite-action`s in the component's header.
+ * @cssproperty [--calcite-flow-header-action-indicator-color] - Specifies the color of any `calcite-action`s indicator in the component's header.
+ * @cssproperty [--calcite-flow-header-action-text-color-press] - Specifies the text color of any `calcite-action`s in the component's header when pressed.
+ * @cssproperty [--calcite-flow-header-action-text-color] - Specifies the text color of any `calcite-action`s in the component's header.
  * @slot  - A slot for adding custom content.
  * @slot [action-bar] - A slot for adding a `calcite-action-bar` to the component.
  * @slot [alerts] - A slot for adding `calcite-alert`s to the component.
@@ -41,14 +41,14 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  * @slot [header-content] - A slot for adding custom content to the component's header.
  * @slot [header-menu-actions] - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.
  * @slot [fab] - A slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot [footer] - A slot for adding custom content to the component's footer. Should not be used with the `"footer-start"` or `"footer-end"` slots.
- * @slot [footer-end] - A slot for adding a trailing footer custom content. Should not be used with the `"footer"` slot.
- * @slot [footer-start] - A slot for adding a leading footer custom content. Should not be used with the `"footer"` slot.
+ * @slot [footer] - A slot for adding custom content to the component's footer. Should not be used with the `footer-start` or `footer-end` slots.
+ * @slot [footer-end] - A slot for adding a trailing footer custom content. Should not be used with the `footer` slot.
+ * @slot [footer-start] - A slot for adding a leading footer custom content. Should not be used with the `footer` slot.
  */
 export abstract class FlowItem extends LitElement {
-  /** When provided, the method will be called before it is removed from its parent `calcite-flow`. */
+  /** Specifies a function to run before the component is removed from its parent `calcite-flow`. */
   accessor beforeBack: (() => Promise<void>) | undefined;
-  /** Passes a function to run before the component closes. */
+  /** Specifies a function to run before the component closes. */
   accessor beforeClose: () => Promise<void>;
   /**
    * When `true`, displays a close button in the trailing side of the component's header.
@@ -74,10 +74,10 @@ export abstract class FlowItem extends LitElement {
    * @default false
    */
   accessor collapsible: boolean;
-  /** Specifies a description for the component. */
+  /** Specifies a the component's description. */
   accessor description: string;
   /**
-   * 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
    */
@@ -89,7 +89,7 @@ export abstract class FlowItem extends LitElement {
   /** Specifies an icon to display. */
   accessor icon: IconName;
   /**
-   * 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
    */
@@ -129,7 +129,7 @@ export abstract class FlowItem extends LitElement {
    */
   accessor scale: Scale;
   /**
-   * When `true`, the component is displayed within a parent flow.
+   * When `true`, the component is displayed within a parent `calcite-flow`.
    *
    * @default false
    */
@@ -171,17 +171,17 @@ export abstract class FlowItem extends LitElement {
    * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
    */
   setFocus(options?: FocusOptions): Promise<void>;
-  /** Fires when the back button is clicked. */
+  /** Fires when the component's back button is clicked. */
   readonly calciteFlowItemBack: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the close button is clicked. */
+  /** Fires when the component's close button is clicked. */
   readonly calciteFlowItemClose: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when the component's content area is collapsed. */
   readonly calciteFlowItemCollapse: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when the component's content area is expanded. */
   readonly calciteFlowItemExpand: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the content is scrolled. */
+  /** Fires when the component's content is scrolled. */
   readonly calciteFlowItemScroll: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Fires when the collapse button is clicked. */
+  /** Fires when the component's collapse button is clicked. */
   readonly calciteFlowItemToggle: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     calciteFlowItemBack: FlowItem["calciteFlowItemBack"]["detail"];

package/dist/components/calcite-flow-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.87 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, nothing, html } from "lit";

package/dist/components/calcite-graph/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.87 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html, svg } from "lit";
 import { LitElement, safeClassMap, nothing } from "@arcgis/lumina";

package/dist/components/calcite-handle/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.87 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-icon/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.87 */
+v5.0.0-next.88 */
 import { g as getAssetPath, c as customElement } from "../../chunks/runtime.js";
 import { css, isServer, nothing, svg, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-inline-editable/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.87 */
+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-input/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.87 */
+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-date-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.87 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, isServer, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-input-message/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.87 */
+v5.0.0-next.88 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, stringOrBoolean, setAttribute, safeClassMap } from "@arcgis/lumina";

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.87 */
+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.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.87 */
+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.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.87 */
+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.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.87 */
+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.87 */
+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.87 */
+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.87 */
+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";