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

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

@@ -1,94 +1,90 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { CarouselItem } from '../calcite-carousel-item/customElement.js';
-import { ArrowType, AutoplayType } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { CarouselItem } from "../calcite-carousel-item/customElement.js";
+import type { ArrowType, AutoplayType } from "./interfaces.js";
 
 /** @slot  - A slot for adding `calcite-carousel-item`s. */
-export declare class Carousel extends LitElement {
-    /**
-     * Specifies how and if the "previous" and "next" arrows are displayed.
-     *
-     * @default "inline"
-     */
-    arrowType: ArrowType;
-    /**
-     * When `true`, the carousel will autoplay and controls will be displayed. When "paused" at time of initialization, the carousel will not autoplay, but controls will be displayed.
-     *
-     * @default false
-     */
-    autoplay: AutoplayType;
-    /**
-     * When `autoplay` is `true`, specifies in milliseconds the length of time to display each Carousel Item.
-     *
-     * @default 6000
-     */
-    autoplayDuration: number;
-    /**
-     * Specifies if the component's controls are positioned absolutely on top of slotted Carousel Items.
-     *
-     * @default false
-     */
-    controlOverlay: boolean;
-    /**
-     * 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;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, the component's pagination controls are hidden.
-     *
-     * @default false
-     */
-    paginationDisabled: boolean;
-    /** The component's selected `calcite-carousel-item`. */
-    readonly selectedItem: HTMLCalciteCarouselItemElement;
-    /** Play the carousel. If `autoplay` is not enabled (initialized either to `true` or `"paused"`), these methods will have no effect. */
-    play(): Promise<void>;
-    /**
-     * 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>;
-    /** Stop the carousel. If `autoplay` is not enabled (initialized either to `true` or `"paused"`), these methods will have no effect. */
-    stop(): Promise<void>;
-    /** Fires when the selected `calcite-carousel-item` changes. */
-    readonly calciteCarouselChange: TargetedEvent<this, void>;
-    /** Fires when the carousel autoplay state pauses due to a user hovering over the component or focusing on the component or slotted content */
-    readonly calciteCarouselPause: TargetedEvent<this, void>;
-    /** Fires when the carousel autoplay is invoked by the user. */
-    readonly calciteCarouselPlay: TargetedEvent<this, void>;
-    /** Fires when the carousel autoplay state resumes due to a user no longer hovering over the component or focusing on the component or slotted content */
-    readonly calciteCarouselResume: TargetedEvent<this, void>;
-    /** Fires when the carousel autoplay state is stopped by a user. */
-    readonly calciteCarouselStop: TargetedEvent<this, void>;
-    private messages: Partial<{
-        previous: string;
-        next: string;
-        play: string;
-        pause: string;
-        carousel: string;
-        carouselItemProgress: string;
-        paginationStatus: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        previous: string;
-        next: string;
-        play: string;
-        pause: string;
-        carousel: string;
-        carouselItemProgress: string;
-        paginationStatus: string;
-    }>;
-}
+export abstract class Carousel extends LitElement {
+  /**
+   * Specifies how and if the "previous" and "next" arrows are displayed.
+   *
+   * @default "inline"
+   */
+  accessor arrowType: ArrowType;
+  /**
+   * When `true`, the carousel will autoplay and controls will be displayed. When "paused" at time of initialization, the carousel will not autoplay, but controls will be displayed.
+   *
+   * @default false
+   */
+  accessor autoplay: AutoplayType;
+  /**
+   * When `autoplay` is `true`, specifies in milliseconds the length of time to display each Carousel Item.
+   *
+   * @default 6000
+   */
+  accessor autoplayDuration: number;
+  /**
+   * Specifies if the component's controls are positioned absolutely on top of slotted Carousel Items.
+   *
+   * @default false
+   */
+  accessor controlOverlay: boolean;
+  /**
+   * 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;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      previous?: string;
+      next?: string;
+      play?: string;
+      pause?: string;
+      carousel?: string;
+      carouselItemProgress?: string;
+      paginationStatus?: string;
+  };
+  /**
+   * When `true`, the component's pagination controls are hidden.
+   *
+   * @default false
+   */
+  accessor paginationDisabled: boolean;
+  /** The component's selected `calcite-carousel-item`. */
+  get selectedItem(): CarouselItem;
+  /** Play the carousel. If `autoplay` is not enabled (initialized either to `true` or `"paused"`), these methods will have no effect. */
+  play(): Promise<void>;
+  /**
+   * 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>;
+  /** Stop the carousel. If `autoplay` is not enabled (initialized either to `true` or `"paused"`), these methods will have no effect. */
+  stop(): Promise<void>;
+  /** Fires when the selected `calcite-carousel-item` changes. */
+  readonly calciteCarouselChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the carousel autoplay state pauses due to a user hovering over the component or focusing on the component or slotted content */
+  readonly calciteCarouselPause: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the carousel autoplay is invoked by the user. */
+  readonly calciteCarouselPlay: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the carousel autoplay state resumes due to a user no longer hovering over the component or focusing on the component or slotted content */
+  readonly calciteCarouselResume: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the carousel autoplay state is stopped by a user. */
+  readonly calciteCarouselStop: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteCarouselChange: Carousel["calciteCarouselChange"]["detail"];
+    calciteCarouselPause: Carousel["calciteCarouselPause"]["detail"];
+    calciteCarouselPlay: Carousel["calciteCarouselPlay"]["detail"];
+    calciteCarouselResume: Carousel["calciteCarouselResume"]["detail"];
+    calciteCarouselStop: Carousel["calciteCarouselStop"]["detail"];
+  };
+}

package/dist/components/calcite-carousel/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 { repeat } from "lit/directives/repeat.js";
 import { css, nothing, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { y as whenAnimationDone, s as slotChangeGetAssignedElements, d as focusElementInGroup, g as getElementDir } from "../../chunks/dom.js";
+import { w as whenAnimationDone, b as slotChangeGetAssignedElements, f as focusElementInGroup, g as getElementDir } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { b as breakpoints } from "../../chunks/responsive.js";

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

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

package/dist/components/calcite-carousel/interfaces.d.ts

@@ -1,2 +1,3 @@
 export type ArrowType = "inline" | "edge" | "none";
-export type AutoplayType = boolean | "paused" | "";
+
+export type AutoplayType = boolean | "paused" | "";

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

@@ -1,18 +1,18 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
 /** @slot  - A slot for adding content. */
-export declare class CarouselItem extends LitElement {
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * When `true`, the component is selected.
-     *
-     * @default false
-     */
-    selected: boolean;
-}
+export abstract class CarouselItem extends LitElement {
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /**
+   * When `true`, the component is selected.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+}

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

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

@@ -1,90 +1,88 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { CheckableFormComponent, MutableValidityState } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { Scale, Status } from '../interfaces';
-import { Label } from '../calcite-label/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { MutableValidityState } from "../../utils/form.js";
+import type { Scale, Status } from "../interfaces.js";
 
-export declare class Checkbox 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 `true`, the component is initially indeterminate, which is independent from its `checked` value.
-     *
-     * The state is visual only, and can look different across browsers.
-     *
-     * @default false
-     * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
-     */
-    indeterminate: boolean;
-    /** Accessible name for the component. */
-    label: string;
-    /** When provided, displays label text on the component. */
-    labelText: string;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the name of the component.
-     *
-     * 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 in order for the form to submit.
-     *
-     * @default false
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     *
-     * @default "idle"
-     */
-    status: Status;
-    /**
-     * The current validation state of the component.
-     *
-     * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
-     */
-    readonly validity: MutableValidityState;
-    /** The component's value. */
-    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 when the component's `checked` status changes. */
-    readonly calciteCheckboxChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        required: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        required: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-checkbox-size] - Specifies the component's height and width.
+ * @cssproperty [--calcite-checkbox-border-color] - Specifies the component's color.
+ * @cssproperty [--calcite-checkbox-border-color-hover] - Specifies the component's color when hovered.
+ * @cssproperty [--calcite-checkbox-border-color-press] - Specifies the component's color when pressed.
+ * @cssproperty [--calcite-checkbox-icon-color] - Specifies the component's icon color.
+ */
+export abstract class Checkbox 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;
+  /**
+   * When `true`, the component is initially indeterminate, which is independent from its `checked` value.
+   *
+   * The state is visual only, and can look different across browsers.
+   *
+   * @default false
+   * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
+   */
+  accessor indeterminate: boolean;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /** Specifies the component's label text. */
+  accessor labelText: string;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { required?: 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 in order for the form to submit.
+   *
+   * @default false
+   */
+  accessor required: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies the status of the input field, which determines message and icons.
+   *
+   * @default "idle"
+   */
+  accessor status: Status;
+  /**
+   * The component's current validation state.
+   *
+   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
+   */
+  get validity(): MutableValidityState;
+  /** The component's value. */
+  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 when the component's `checked` status changes. */
+  readonly calciteCheckboxChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteCheckboxChange: Checkbox["calciteCheckboxChange"]["detail"];
+  };
+}

package/dist/components/calcite-checkbox/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, svg, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

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

@@ -1,96 +1,101 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Appearance, Kind, Scale, SelectionMode } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { ChipGroup } from '../calcite-chip-group/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Appearance, Kind, Scale } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
 /**
+ * @cssproperty [--calcite-chip-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-chip-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-chip-close-icon-color] - Specifies the component's close element icon color.
+ * @cssproperty [--calcite-chip-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-chip-icon-color] - Specifies the component's icon color.
+ * @cssproperty [--calcite-chip-select-icon-color-press] - Specifies the component's selection element icon color when active.
+ * @cssproperty [--calcite-chip-select-icon-color-pressed] - [Deprecated] Use `--calcite-chip-select-icon-color-press`. Specifies the component's selection element icon color when active.
+ * @cssproperty [--calcite-chip-select-icon-color] - Specifies the component's selection element icon color.
+ * @cssproperty [--calcite-chip-text-color] - Specifies the component's text color.
  * @slot  - A slot for adding text.
  * @slot [image] - A slot for adding an image.
  */
-export declare class Chip extends LitElement {
-    /**
-     * Specifies the appearance style of the component.
-     *
-     * @default "solid"
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @default false
-     */
-    closable: boolean;
-    /**
-     * When `true`, hides the component.
-     *
-     * @default false
-     */
-    closed: boolean;
-    /**
-     * When `true`, the component closes when the Delete or Backspace key is pressed while focused.
-     *
-     * @default false
-     */
-    closeOnDelete: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /** Specifies an icon to display. */
-    icon: IconName;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @default false
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the kind of the component, which will apply to border and background if applicable.
-     *
-     * @default "neutral"
-     */
-    kind: Extract<"brand" | "inverse" | "neutral", Kind>;
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     *
-     * @default false
-     */
-    selected: boolean;
-    /** The component's value. */
-    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 when the component's close button is selected. */
-    readonly calciteChipClose: TargetedEvent<this, void>;
-    /** Fires when the selected state of the component changes. */
-    readonly calciteChipSelect: TargetedEvent<this, void>;
-    private messages: Partial<{
-        dismissLabel: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        dismissLabel: string;
-    }>;
-}
+export abstract class Chip extends LitElement {
+  /**
+   * Specifies the appearance style of the component.
+   *
+   * @default "solid"
+   */
+  accessor appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
+  /**
+   * When `true`, displays a close button in the component.
+   *
+   * @default false
+   */
+  accessor closable: boolean;
+  /**
+   * When `true`, hides the component.
+   *
+   * @default false
+   */
+  accessor closed: boolean;
+  /**
+   * When `true`, the component closes when the Delete or Backspace key is pressed while focused.
+   *
+   * @default false
+   */
+  accessor closeOnDelete: boolean;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** Specifies an icon to display. */
+  accessor icon: IconName;
+  /**
+   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /**
+   * Specifies the kind of the component, which will apply to border and background if applicable.
+   *
+   * @default "neutral"
+   */
+  accessor kind: Extract<"brand" | "inverse" | "neutral", Kind>;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { dismissLabel?: string; };
+  /**
+   * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * When `true`, the component is selected.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+  /** The component's value. */
+  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 when the component's close button is selected. */
+  readonly calciteChipClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the selected state of the component changes. */
+  readonly calciteChipSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteChipClose: Chip["calciteChipClose"]["detail"];
+    calciteChipSelect: Chip["calciteChipSelect"]["detail"];
+  };
+}