@esri/calcite-components 5.0.0-next.72 → 5.0.0-next.74

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

@@ -1,67 +1,68 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Alignment, Layout, Scale, SelectionAppearance, SelectionMode } from '../interfaces';
-import { SelectableGroupComponent } from '../../utils/selectableComponent';
-import { Tile } from '../calcite-tile/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Alignment, Layout, Scale, SelectionAppearance, SelectionMode } from "../interfaces.js";
+import type { Tile } from "../calcite-tile/customElement.js";
 
 /** @slot  - A slot for adding `calcite-tile` elements. */
-export declare class TileGroup extends LitElement {
-    /**
-     * Specifies the alignment of each `calcite-tile`'s content.
-     *
-     * @default "start"
-     */
-    alignment: Exclude<Alignment, "end">;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * Defines the layout of the component.
-     *
-     * Use `"horizontal"` for rows, and `"vertical"` for a single column.
-     *
-     * @default "horizontal"
-     */
-    layout: Extract<Layout, "horizontal" | "vertical">;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** Specifies the component's selected items. */
-    readonly selectedItems: HTMLCalciteTileElement[];
-    /**
-     * Specifies the selection appearance, where:
-     *
-     * - `"icon"` (displays a checkmark or dot), or
-     * - `"highlight"` (changes the background color), or
-     * - `"border"` (displays a border). [Deprecated] The `"border"` value is deprecated in v5.0.0, removal target v6.0.0 - Use `"highlight"` instead.
-     *
-     * @default "icon"
-     */
-    selectionAppearance: Extract<"icon" | "highlight" | "border", SelectionAppearance>;
-    /**
-     * Specifies the selection mode, where:
-     *
-     * - `"multiple"` (allows any number of selected items),
-     * - `"single"` (allows only one selected item),
-     * - `"single-persist"` (allows only one selected item and prevents de-selection),
-     * - `"none"` (allows no selected items).
-     *
-     * @default "none"
-     */
-    selectionMode: Extract<"multiple" | "none" | "single" | "single-persist", SelectionMode>;
-    /** Fires when the component's selection changes. */
-    readonly calciteTileGroupSelect: TargetedEvent<this, void>;
-}
+export abstract class TileGroup extends LitElement {
+  /**
+   * Specifies the alignment of each `calcite-tile`'s content.
+   *
+   * @default "start"
+   */
+  accessor alignment: Exclude<Alignment, "end">;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /**
+   * Defines the layout of the component.
+   *
+   * Use `"horizontal"` for rows, and `"vertical"` for a single column.
+   *
+   * @default "horizontal"
+   */
+  accessor layout: Extract<Layout, "horizontal" | "vertical">;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** Specifies the component's selected items. */
+  get selectedItems(): Tile[];
+  /**
+   * Specifies the selection appearance, where:
+   *
+   * - `"icon"` (displays a checkmark or dot), or
+   * - `"highlight"` (changes the background color), or
+   * - `"border"` (displays a border). [Deprecated] The `"border"` value is deprecated in v5.0.0, removal target v6.0.0 - Use `"highlight"` instead.
+   *
+   * @default "icon"
+   */
+  accessor selectionAppearance: Extract<"icon" | "highlight" | "border", SelectionAppearance>;
+  /**
+   * Specifies the selection mode, where:
+   *
+   * - `"multiple"` (allows any number of selected items),
+   * - `"single"` (allows only one selected item),
+   * - `"single-persist"` (allows only one selected item and prevents de-selection),
+   * - `"none"` (allows no selected items).
+   *
+   * @default "none"
+   */
+  accessor selectionMode: Extract<"multiple" | "none" | "single" | "single-persist", SelectionMode>;
+  /** Fires when the component's selection changes. */
+  readonly calciteTileGroupSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTileGroupSelect: TileGroup["calciteTileGroupSelect"]["detail"];
+  };
+}

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

@@ -1,12 +1,12 @@
 /*! 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.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { c as createObserver } from "../../chunks/observers.js";
-import { d as focusElementInGroup } from "../../chunks/dom.js";
+import { f as focusElementInGroup } from "../../chunks/dom.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 const CSS = {
   container: "container"

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

@@ -1,83 +1,78 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
-import { NumberingSystem } from '../../utils/locale';
-import { HourFormat } from '../../utils/time';
-import { TimeComponent, useTime } from '../../controllers/useTime';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale } from "../interfaces.js";
+import type { NumberingSystem } from "../../utils/locale.js";
+import type { HourFormat } from "../../utils/time.js";
+import type { useTime } from "../../controllers/useTime.js";
 
-export declare class TimePicker extends LitElement {
-    /** @internal */
-    time: ReturnType<typeof useTime>;
-    /**
-     * Specifies the component's hour format, where:
-     *
-     * `"user"` displays the user's locale format,
-     * `"12"` displays a 12-hour format, and
-     * `"24"` displays a 24-hour format.
-     *
-     * @default "user"
-     */
-    hourFormat: HourFormat;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /** Specifies the Unicode numeral system used by the component for localization. */
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies the granularity the `value` must adhere to (in seconds).
-     *
-     * @default 60
-     */
-    step: number;
-    /** The component's value in UTC (always 24-hour format). */
-    value: string;
-    /**
-     * Sets focus on the component's first focusable element.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires when a user changes the component's time */
-    readonly calciteTimePickerChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        fractionalSecond: string;
-        fractionalSecondDown: string;
-        fractionalSecondUp: string;
-        hour: string;
-        hourDown: string;
-        hourUp: string;
-        meridiem: string;
-        meridiemDown: string;
-        meridiemUp: string;
-        minute: string;
-        minuteDown: string;
-        minuteUp: string;
-        second: string;
-        secondDown: string;
-        secondUp: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        fractionalSecond: string;
-        fractionalSecondDown: string;
-        fractionalSecondUp: string;
-        hour: string;
-        hourDown: string;
-        hourUp: string;
-        meridiem: string;
-        meridiemDown: string;
-        meridiemUp: string;
-        minute: string;
-        minuteDown: string;
-        minuteUp: string;
-        second: string;
-        secondDown: string;
-        secondUp: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-time-picker-background-color] - Specifies the background color of the time picker.
+ * @cssproperty [--calcite-time-picker-border-color] - Specifies the border color of the time picker.
+ * @cssproperty [--calcite-time-picker-corner-radius] - Specifies the border radius of the time picker.
+ * @cssproperty [--calcite-time-picker-button-background-color-hover] - Specifies the button's background color when hovered or focused.
+ * @cssproperty [--calcite-time-picker-button-background-color-press] - Specifies the button's background color when active.
+ * @cssproperty [--calcite-time-picker-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-time-picker-icon-color] - Specifies the component's icon color.
+ * @cssproperty [--calcite-time-picker-input-border-color-press] - Specifies the input's border color when active.
+ * @cssproperty [--calcite-time-picker-input-border-color-hover] - Specifies the input's border color when hovered.
+ */
+export abstract class TimePicker extends LitElement {
+  /**
+   * Specifies the component's hour format, where:
+   *
+   * `"user"` displays the user's locale format,
+   * `"12"` displays a 12-hour format, and
+   * `"24"` displays a 24-hour format.
+   *
+   * @default "user"
+   */
+  accessor hourFormat: HourFormat;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      fractionalSecond?: string;
+      fractionalSecondDown?: string;
+      fractionalSecondUp?: string;
+      hour?: string;
+      hourDown?: string;
+      hourUp?: string;
+      meridiem?: string;
+      meridiemDown?: string;
+      meridiemUp?: string;
+      minute?: string;
+      minuteDown?: string;
+      minuteUp?: string;
+      second?: string;
+      secondDown?: string;
+      secondUp?: string;
+  };
+  /** Specifies the Unicode numeral system used by the component for localization. */
+  accessor numberingSystem: NumberingSystem;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies the granularity the `value` must adhere to (in seconds).
+   *
+   * @default 60
+   */
+  accessor step: number;
+  /** @internal */
+  accessor time: ReturnType<typeof useTime>;
+  /** The component's value in UTC (always 24-hour format). */
+  accessor value: string;
+  /**
+   * Sets focus on the component's first focusable element.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires when a user changes the component's time */
+  readonly calciteTimePickerChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTimePickerChange: TimePicker["calciteTimePickerChange"]["detail"];
+  };
+}

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

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

@@ -1,2 +1 @@
-import "../calcite-icon/index.js";
 export * from "./customElement.js";

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

@@ -1,88 +1,99 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FloatingLayout, FloatingUIComponent, LogicalPlacement, OverlayPositioning, ReferenceElement } from '../../utils/floating-ui';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui.js";
 
-/** @slot  - A slot for adding text. */
-export declare class Tooltip extends LitElement {
-    /**
-     * Closes the component when the `referenceElement` is clicked.
-     *
-     * @default false
-     */
-    closeOnClick: boolean;
-    /**
-     * Accessible name for the component.
-     *
-     * @deprecated in v1.5.0, removal target v6.0.0 - No longer necessary. Overrides the context of the component's text description, which could confuse assistive technology users.
-     */
-    label: string;
-    /**
-     * Offset the position of the component away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    offsetDistance: number;
-    /**
-     * Offset the position of the component along the `referenceElement`.
-     *
-     * @default 0
-     */
-    offsetSkidding: number;
-    /**
-     * When `true`, the component is open.
-     *
-     * @default false
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     * @default "absolute"
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     *
-     * @default "auto"
-     */
-    placement: LogicalPlacement;
-    /**
-     * The `referenceElement` to position the component according to its `"placement"` value.
-     *
-     * Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.
-     *
-     * However, a string ID of the reference element can be used.
-     *
-     * The component should not be placed within its own `referenceElement` to avoid unintended behavior.
-     */
-    referenceElement: ReferenceElement | string;
-    /**
-     * When true, disables top layer placement when the component is open.
-     *
-     * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
-     *
-     * @default false
-     * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
-     */
-    topLayerDisabled: boolean;
-    /**
-     * Updates the position of the component.
-     *
-     * @param delayed
-     * @param delayed
-     */
-    reposition(delayed?: boolean): Promise<void>;
-    /** Fires when the component is requested to be closed and before the closing transition begins. */
-    readonly calciteTooltipBeforeClose: TargetedEvent<this, void>;
-    /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calciteTooltipBeforeOpen: TargetedEvent<this, void>;
-    /** Fires when the component is closed and animation is complete. */
-    readonly calciteTooltipClose: TargetedEvent<this, void>;
-    /** Fires when the component is open and animation is complete. */
-    readonly calciteTooltipOpen: TargetedEvent<this, void>;
-}
+/**
+ * @cssproperty [--calcite-tooltip-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-tooltip-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-tooltip-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-tooltip-max-size-x] - Specifies the component's maximum width.
+ * @cssproperty [--calcite-tooltip-text-color] - Specifies the component's text color.
+ * @slot  - A slot for adding text.
+ */
+export abstract class Tooltip extends LitElement {
+  /**
+   * Closes the component when the `referenceElement` is clicked.
+   *
+   * @default false
+   */
+  accessor closeOnClick: boolean;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @deprecated in v1.5.0, removal target v6.0.0 - No longer necessary. Overrides the context of the component's text description, which could confuse assistive technology users.
+   */
+  accessor label: string;
+  /**
+   * Offset the position of the component away from the `referenceElement`.
+   *
+   * @default 6
+   */
+  accessor offsetDistance: number;
+  /**
+   * Offset the position of the component along the `referenceElement`.
+   *
+   * @default 0
+   */
+  accessor offsetSkidding: number;
+  /**
+   * When `true`, the component is open.
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /**
+   * Specifies the type of positioning to use for overlaid content, where:
+   *
+   * `"absolute"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout, and
+   *
+   * `"fixed"` is used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+   *
+   * @default "absolute"
+   */
+  accessor overlayPositioning: OverlayPositioning;
+  /**
+   * Determines where the component will be positioned relative to the `referenceElement`.
+   *
+   * @default "auto"
+   */
+  accessor placement: LogicalPlacement;
+  /**
+   * The `referenceElement` used to position the component according to its `placement` value.
+   *
+   * Setting to an `HTMLElement` is preferred so the component does not need to query the DOM.
+   *
+   * However, a string `id` of the reference element can also be used.
+   *
+   * The component should not be placed within its own `referenceElement` to avoid unintended behavior.
+   */
+  accessor referenceElement: ReferenceElement | string;
+  /**
+   * When `true` and the component is `open`, disables top layer placement.
+   *
+   * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
+   *
+   * @default false
+   * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
+   */
+  accessor topLayerDisabled: boolean;
+  /**
+   * Updates the position of the component.
+   *
+   * @param delayed
+   */
+  reposition(delayed?: boolean): Promise<void>;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  readonly calciteTooltipBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  readonly calciteTooltipBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is closed and animation is complete. */
+  readonly calciteTooltipClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is open and animation is complete. */
+  readonly calciteTooltipOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTooltipBeforeClose: Tooltip["calciteTooltipBeforeClose"]["detail"];
+    calciteTooltipBeforeOpen: Tooltip["calciteTooltipBeforeOpen"]["detail"];
+    calciteTooltipClose: Tooltip["calciteTooltipClose"]["detail"];
+    calciteTooltipOpen: Tooltip["calciteTooltipOpen"]["detail"];
+  };
+}

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

@@ -1,16 +1,16 @@
 /*! 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.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, setAttribute, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { d as defaultOffsetDistance, r as reposition, a as disconnectFloatingUI, h as hideFloatingUI, c as connectFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
+import { e as defaultOffsetDistance, r as reposition, a as disconnectFloatingUI, h as hideFloatingUI, c as connectFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
 import { g as guid } from "../../chunks/guid.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
 import { F as FloatingArrow } from "../../chunks/FloatingArrow.js";
 import { u as useTopLayer } from "../../chunks/useTopLayer.js";
-import { q as queryElementRoots, c as getShadowRootNode } from "../../chunks/dom.js";
+import { q as queryElementRoots, D as getShadowRootNode } from "../../chunks/dom.js";
 const CSS = {
   positionContainer: "position-container",
   container: "container"

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

@@ -1,45 +1,47 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale, SelectionMode } from '../interfaces';
-import { TreeItem } from '../calcite-tree-item/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale, SelectionMode } from "../interfaces.js";
+import type { TreeItem } from "../calcite-tree-item/customElement.js";
 
 /** @slot  - A slot for `calcite-tree-item` elements. */
-export declare class Tree extends LitElement {
-    /**
-     * When `true`, displays indentation guide lines.
-     *
-     * @default false
-     */
-    lines: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** Specifies the component's selected items. */
-    readonly selectedItems: HTMLCalciteTreeItemElement[];
-    /**
-     * Specifies the selection mode of the component, where:
-     *
-     * `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections,
-     *
-     * `"children"` allows any number of selections from one parent from corresponding parent and child selections,
-     *
-     * `"multichildren"` allows any number of selections from corresponding parent and child selections,
-     *
-     * `"multiple"` allows any number of selections,
-     *
-     * `"none"` allows no selections,
-     *
-     * `"single"` allows one selection, and
-     *
-     * `"single-persist"` allows and requires one selection.
-     *
-     * @default "single"
-     */
-    selectionMode: SelectionMode;
-    /** Fires when the user selects/deselects `calcite-tree-items`. */
-    readonly calciteTreeSelect: TargetedEvent<this, void>;
-}
+export abstract class Tree extends LitElement {
+  /**
+   * When `true`, displays indentation guide lines.
+   *
+   * @default false
+   */
+  accessor lines: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** Specifies the component's selected items. */
+  get selectedItems(): TreeItem[];
+  /**
+   * Specifies the selection mode of the component, where:
+   *
+   * `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections,
+   *
+   * `"children"` allows any number of selections from one parent from corresponding parent and child selections,
+   *
+   * `"multichildren"` allows any number of selections from corresponding parent and child selections,
+   *
+   * `"multiple"` allows any number of selections,
+   *
+   * `"none"` allows no selections,
+   *
+   * `"single"` allows one selection, and
+   *
+   * `"single-persist"` allows and requires one selection.
+   *
+   * @default "single"
+   */
+  accessor selectionMode: SelectionMode;
+  /** Fires when the user selects/deselects `calcite-tree-items`. */
+  readonly calciteTreeSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTreeSelect: Tree["calciteTreeSelect"]["detail"];
+  };
+}