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

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

@@ -1,164 +1,169 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FlipPlacement, FloatingLayout, FloatingUIComponent, LogicalPlacement, OverlayPositioning, ReferenceElement } from '../../utils/floating-ui';
-import { HeadingLevel } from '../functional/Heading';
-import { Scale } from '../interfaces';
-import { FocusTrapOptions } from '../../controllers/useFocusTrap';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { FlipPlacement, LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui.js";
+import type { HeadingLevel } from "../functional/Heading.js";
+import type { Scale } from "../interfaces.js";
+import type { FocusTrapOptions } from "../../controllers/useFocusTrap.js";
 
-/** @slot  - A slot for adding custom content. */
-export declare class Popover extends LitElement {
-    /**
-     * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
-     *
-     * @default false
-     */
-    autoClose: boolean;
-    /**
-     * When `true`, displays a close button within the component.
-     *
-     * @default false
-     */
-    closable: boolean;
-    /**
-     * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
-     *
-     * @default false
-     */
-    flipDisabled: boolean;
-    /** Specifies the component's fallback `placement` when it's initial or specified `placement` has insufficient space available. */
-    flipPlacements: FlipPlacement[];
-    /**
-     * When `true`, prevents focus trapping.
-     *
-     * @default false
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * Specifies custom focus trap configuration on the component, where
-     *
-     * `"allowOutsideClick`" allows outside clicks,
-     * `"initialFocus"` enables initial focus,
-     * `"returnFocusOnDeactivate"` returns focus when not active,
-     * `"extraContainers"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body, and
-     * `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).
-     */
-    focusTrapOptions: Partial<FocusTrapOptions>;
-    /** The component header text. */
-    heading: string;
-    /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
-    headingLevel: HeadingLevel;
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-    /** Overrides individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Offsets the position of the popover away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    offsetDistance: number;
-    /**
-     * Offsets the position of the component along the `referenceElement`.
-     *
-     * @default 0
-     */
-    offsetSkidding: number;
-    /**
-     * When `true`, displays and positions the component.
-     *
-     * @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.
-     *
-     * `"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;
-    /**
-     * When `true`, removes the caret pointer.
-     *
-     * @default false
-     */
-    pointerDisabled: boolean;
-    /**
-     * 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.
-     *
-     * @required
-     */
-    referenceElement: ReferenceElement | string;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * 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;
-    /**
-     * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
-     *
-     * This property can be set to `true` to manage when the component is open.
-     *
-     * @default false
-     */
-    triggerDisabled: boolean;
-    /**
-     * Updates the position of the component.
-     *
-     * @param delayed
-     * @param delayed
-     */
-    reposition(delayed?: boolean): Promise<void>;
-    /**
-     * 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>;
-    /** Updates the element(s) that are used within the focus-trap of the component. */
-    updateFocusTrapElements(): Promise<void>;
-    /** Fires when the component is requested to be closed and before the closing transition begins. */
-    readonly calcitePopoverBeforeClose: TargetedEvent<this, void>;
-    /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calcitePopoverBeforeOpen: TargetedEvent<this, void>;
-    /** Fires when the component is closed and animation is complete. */
-    readonly calcitePopoverClose: TargetedEvent<this, void>;
-    /** Fires when the component is open and animation is complete. */
-    readonly calcitePopoverOpen: TargetedEvent<this, void>;
-    private messages: Partial<{
-        close: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        close: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-popover-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-popover-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-popover-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-popover-max-size-x] - Specifies the component's maximum width.
+ * @cssproperty [--calcite-popover-text-color] - Specifies the component's text color.
+ * @slot  - A slot for adding custom content.
+ */
+export abstract class Popover extends LitElement {
+  /**
+   * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
+   *
+   * @default false
+   */
+  accessor autoClose: boolean;
+  /**
+   * When `true`, displays a close button in the component.
+   *
+   * @default false
+   */
+  accessor closable: boolean;
+  /**
+   * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
+   *
+   * @default false
+   */
+  accessor flipDisabled: boolean;
+  /** Specifies the component's fallback `placement` for slotted content when it's initial or specified `placement` has insufficient space available. */
+  accessor flipPlacements: FlipPlacement[];
+  /**
+   * When `true`, prevents focus trapping.
+   *
+   * @default false
+   */
+  accessor focusTrapDisabled: boolean;
+  /**
+   * Specifies custom focus trap configuration on the component, where
+   *
+   * `"allowOutsideClick`" allows outside clicks,
+   * `"initialFocus"` enables initial focus,
+   * `"returnFocusOnDeactivate"` returns focus when not active,
+   * `"extraContainers"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body, and
+   * `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).
+   */
+  accessor focusTrapOptions: Partial<FocusTrapOptions>;
+  /** Specifies the component's heading text. */
+  accessor heading: string;
+  /** Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling. */
+  accessor headingLevel: HeadingLevel;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { close?: string; };
+  /**
+   * Offsets the position of the popover away from the `referenceElement`.
+   *
+   * @default 6
+   */
+  accessor offsetDistance: number;
+  /**
+   * Offsets the position of the component along the `referenceElement`.
+   *
+   * @default 0
+   */
+  accessor offsetSkidding: number;
+  /**
+   * When `true`, displays and positions the component.
+   *
+   * @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;
+  /**
+   * When `true`, removes the caret pointer.
+   *
+   * @default false
+   */
+  accessor pointerDisabled: boolean;
+  /**
+   * 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.
+   *
+   * @required
+   */
+  accessor referenceElement: ReferenceElement | string;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * 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;
+  /**
+   * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
+   *
+   * This property can be set to `true` to manage when the component is open.
+   *
+   * @default false
+   */
+  accessor triggerDisabled: boolean;
+  /**
+   * Updates the position of the component.
+   *
+   * @param delayed
+   */
+  reposition(delayed?: boolean): Promise<void>;
+  /**
+   * 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>;
+  /** Updates the element(s) that are used within the focus-trap of the component. */
+  updateFocusTrapElements(): Promise<void>;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  readonly calcitePopoverBeforeClose: 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 calcitePopoverBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is closed and animation is complete. */
+  readonly calcitePopoverClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is open and animation is complete. */
+  readonly calcitePopoverOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calcitePopoverBeforeClose: Popover["calcitePopoverBeforeClose"]["detail"];
+    calcitePopoverBeforeOpen: Popover["calcitePopoverBeforeOpen"]["detail"];
+    calcitePopoverClose: Popover["calcitePopoverClose"]["detail"];
+    calcitePopoverOpen: Popover["calcitePopoverOpen"]["detail"];
+  };
+}

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

@@ -1,13 +1,13 @@
 /*! 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 { keyed } from "lit/directives/keyed.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap, setAttribute } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { d as defaultOffsetDistance, r as reposition, a as disconnectFloatingUI, f as filterValidFlipPlacements, c as connectFloatingUI, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
-import { i as isPrimaryPointerButton, u as isKeyboardTriggeredClick, t as toAriaBoolean, q as queryElementRoots } from "../../chunks/dom.js";
+import { e as defaultOffsetDistance, r as reposition, a as disconnectFloatingUI, f as filterValidFlipPlacements, c as connectFloatingUI, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
+import { k as isPrimaryPointerButton, z as isKeyboardTriggeredClick, t as toAriaBoolean, q as queryElementRoots } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
 import { H as Heading } from "../../chunks/Heading.js";

package/dist/components/calcite-popover/index.d.ts

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

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

@@ -1,29 +1,34 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-export declare class Progress extends LitElement {
-    /** Accessible name for the component. */
-    label: string;
-    /**
-     * When `true` and type is `"indeterminate"`, reverses the animation direction.
-     *
-     * @default false
-     */
-    reversed: boolean;
-    /** Text that displays under the component's indicator. */
-    text: string;
-    /**
-     * Specifies the component type.
-     *
-     * Use `"indeterminate"` if finding actual progress value is impossible.
-     *
-     * @default "determinate"
-     */
-    type: "indeterminate" | "determinate";
-    /**
-     * When `type` is `"determinate"`, specifies the component's value with a range of 0 to 100.
-     *
-     * @default 0
-     */
-    value: number;
-}
+/**
+ * @cssproperty [--calcite-progress-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-progress-fill-color] - Specifies the component's fill color.
+ * @cssproperty [--calcite-progress-text-color] - Specifies the component's text color.
+ */
+export abstract class Progress extends LitElement {
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /**
+   * When `true` and type is `"indeterminate"`, reverses the animation direction.
+   *
+   * @default false
+   */
+  accessor reversed: boolean;
+  /** Text that displays under the component's indicator. */
+  accessor text: string;
+  /**
+   * Specifies the component type.
+   *
+   * Use `"indeterminate"` if finding actual progress value is impossible.
+   *
+   * @default "determinate"
+   */
+  accessor type: "indeterminate" | "determinate";
+  /**
+   * When `type` is `"determinate"`, specifies the component's value with a range of 0 to 100.
+   *
+   * @default 0
+   */
+  accessor value: number;
+}

package/dist/components/calcite-progress/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 CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap, safeStyleMap } from "@arcgis/lumina";

package/dist/components/calcite-radio-button/customElement.d.ts

@@ -1,70 +1,70 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { CheckableFormComponent } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { Scale } from '../interfaces';
-import { Label } from '../calcite-label/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale } from "../interfaces.js";
 
-export declare class RadioButton extends LitElement {
-    /**
-     * When `true`, the component is checked.
-     *
-     * @default false
-     */
-    checked: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * The `id` of the form that will be associated with the component.
-     *
-     * When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /** When provided, displays label text on the component. */
-    labelText: string;
-    /**
-     * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.
-     *
-     * Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true` and the component resides in a form,
-     * the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
-     *
-     * @default false
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component inherited from the `calcite-radio-button-group`.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * The component's value.
-     *
-     * @required
-     */
-    value: any;
-    /**
-     * Sets focus on the component.
-     *
-     * @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 only when the radio button is checked.  This behavior is identical to the native HTML input element.
-     * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event
-     * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group
-     * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
-     */
-    readonly calciteRadioButtonChange: TargetedEvent<this, void>;
-}
+/**
+ * @cssproperty [--calcite-radio-button-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-radio-button-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-radio-button-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-radio-button-size] - Specifies the component's size.
+ */
+export abstract class RadioButton extends LitElement {
+  /**
+   * When `true`, the component is checked.
+   *
+   * @default false
+   */
+  accessor checked: boolean;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies the `id` of the component's associated form.
+   *
+   * When not set, the component is associated with its ancestor form element, if one exists.
+   */
+  accessor form: string;
+  /** Specifies the component's label text. */
+  accessor labelText: string;
+  /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
+  accessor name: string;
+  /**
+   * When `true` and the component resides in a form,
+   * the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
+   *
+   * @default false
+   */
+  accessor required: boolean;
+  /**
+   * Specifies the size of the component inherited from the `calcite-radio-button-group`.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * The component's value.
+   *
+   * @required
+   */
+  accessor value: any;
+  /**
+   * Sets focus on the component.
+   *
+   * @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 only when the radio button is checked.  This behavior is identical to the native HTML input element.
+   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event
+   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group
+   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
+   */
+  readonly calciteRadioButtonChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteRadioButtonChange: RadioButton["calciteRadioButtonChange"]["detail"];
+  };
+}

package/dist/components/calcite-radio-button/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, nothing, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";