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

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

@@ -1,75 +1,73 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Layout, Scale, Status } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { RadioButton } from '../calcite-radio-button/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Layout, Scale, Status } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
+import type { RadioButton } from "../calcite-radio-button/customElement.js";
 
 /**
+ * @cssproperty [--calcite-radio-button-group-gap] - Specifies the space between slotted components in the component.
+ * @cssproperty [--calcite-radio-button-input-message-spacing] - Specifies the margin spacing at the top of the `calcite-input-message`.
  * @slot  - A slot for adding `calcite-radio-button`s.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */
-export declare class RadioButtonGroup extends LitElement {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /** When provided, displays label text on the component. */
-    labelText: string;
-    /**
-     * Specifies the layout of the component.
-     *
-     * @default "horizontal"
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /** Overrides individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the name of the component on form submission. Must be unique to other component instances.
-     *
-     * @required
-     */
-    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 component's selected item. */
-    readonly selectedItem: HTMLCalciteRadioButtonElement;
-    /**
-     * Specifies the status of the validation message.
-     *
-     * @default "idle"
-     */
-    status: Status;
-    /** Specifies the validation icon to display under the component. */
-    validationIcon: IconName | boolean;
-    /** Specifies the validation message to display under the component. */
-    validationMessage: string;
-    /**
-     * Sets focus on the fist focusable `calcite-radio-button` element in 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 has changed. */
-    readonly calciteRadioButtonGroupChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        required: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        required: string;
-    }>;
-}
+export abstract class RadioButtonGroup extends LitElement {
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** Specifies the component's label text. */
+  accessor labelText: string;
+  /**
+   * Specifies the layout of the component.
+   *
+   * @default "horizontal"
+   */
+  accessor layout: Extract<"horizontal" | "vertical", Layout>;
+  /** 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.
+   *
+   * @required
+   */
+  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 component's selected item. */
+  get selectedItem(): RadioButton;
+  /**
+   * Specifies the status of the validation message.
+   *
+   * @default "idle"
+   */
+  accessor status: Status;
+  /** Specifies the validation icon to display under the component. */
+  accessor validationIcon: IconName | boolean;
+  /** Specifies the validation message to display under the component. */
+  accessor validationMessage: string;
+  /**
+   * Sets focus on the fist focusable `calcite-radio-button` element in 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 has changed. */
+  readonly calciteRadioButtonGroupChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteRadioButtonGroupChange: RadioButtonGroup["calciteRadioButtonGroupChange"]["detail"];
+  };
+}

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

package/dist/components/calcite-radio-button-group/index.d.ts

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

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

@@ -1,93 +1,92 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FormComponent, MutableValidityState } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { Scale, Status } from '../interfaces';
-import { IconName } from '../calcite-icon/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";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
-/** @slot [label-content] - A slot for rendering content next to the component's `labelText`. */
-export declare class Rating extends LitElement {
-    /** Specifies a cumulative average from previous ratings to display. */
-    average: number;
-    /** Specifies the number of previous ratings to display. */
-    count: number;
-    /**
-     * 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;
-    /** Overrides 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`, the component's value can be read, but cannot be modified.
-     *
-     * @default false
-     */
-    readOnly: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
-     *
-     * @default false
-     */
-    showChip: boolean;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     *
-     * @default "idle"
-     */
-    status: Status;
-    /** Specifies the validation icon to display under the component. */
-    validationIcon: IconName | boolean;
-    /** Specifies the validation message to display under the component. */
-    validationMessage: string;
-    /**
-     * 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. */
-    get value(): number;
-    set value(value: number);
-    /**
-     * 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 value changes. */
-    readonly calciteRatingChange: TargetedEvent<this, void>;
-    private messages: {
-        rating: string;
-        required: string;
-        stars: string;
-    } & import('@arcgis/lumina/controllers').T9nMeta<{
-        rating: string;
-        required: string;
-        stars: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-rating-spacing] - Specifies the amount of left and right margin spacing between each item.
+ * @cssproperty [--calcite-rating-color-hover] - Specifies the component's item color when hovered.
+ * @cssproperty [--calcite-rating-color-press] - Specifies the component's item color when active.
+ * @cssproperty [--calcite-rating-color] - Specifies the component's item color.
+ * @cssproperty [--calcite-rating-average-color] - When `average` is set, specifies the component's item color.
+ * @cssproperty [--calcite-rating-average-text-color] - When `average` is set, specifies the component's `average` text color.
+ * @cssproperty [--calcite-rating-count-text-color] - Specifies the component's text color for `count`.
+ * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
+ */
+export abstract class Rating extends LitElement {
+  /** Specifies a cumulative average from previous ratings to display. */
+  accessor average: number;
+  /** Specifies the number of previous ratings to display. */
+  accessor count: number;
+  /**
+   * 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;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      rating?: string;
+      required?: string;
+      stars?: string;
+  };
+  /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
+  accessor name: string;
+  /**
+   * When `true`, the component's value can be read, but cannot be modified.
+   *
+   * @default false
+   */
+  accessor readOnly: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
+   *
+   * @default false
+   */
+  accessor showChip: boolean;
+  /**
+   * Specifies the status of the input field, which determines message and icons.
+   *
+   * @default "idle"
+   */
+  accessor status: Status;
+  /** Specifies the validation icon to display under the component. */
+  accessor validationIcon: IconName | boolean;
+  /** Specifies the validation message to display under the component. */
+  accessor validationMessage: string;
+  /**
+   * 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: number;
+  /**
+   * 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 value changes. */
+  readonly calciteRatingChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteRatingChange: Rating["calciteRatingChange"]["detail"];
+  };
+}

package/dist/components/calcite-rating/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 { live } from "lit/directives/live.js";
 import { html, css } from "lit";

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

@@ -1,4 +1 @@
-import "../calcite-icon/index.js";
-import "../calcite-input-message/index.js";
-import "../calcite-chip/index.js";
 export * from "./customElement.js";

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

@@ -1,20 +1,17 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-/** @slot  - A slot for adding custom content, primarily loading information. */
-export declare class Scrim extends LitElement {
-    /**
-     * When `true`, a busy indicator is displayed.
-     *
-     * @default false
-     */
-    loading: boolean;
-    /** Overrides individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    private messages: Partial<{
-        loading: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        loading: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-scrim-background] - Specifies the component's background color.
+ * @slot  - A slot for adding custom content, primarily loading information.
+ */
+export abstract class Scrim extends LitElement {
+  /**
+   * When `true`, a busy indicator is displayed.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { loading?: string; };
+}

package/dist/components/calcite-scrim/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 { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { c as createObserver } from "../../chunks/observers.js";
-import { h as slotChangeHasContent } from "../../chunks/dom.js";
+import { n as slotChangeHasContent } from "../../chunks/dom.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 const CSS = {
   scrim: "scrim",

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

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

package/dist/components/calcite-segmented-control/customElement.d.ts

@@ -1,104 +1,95 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FormComponent, MutableValidityState } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { Appearance, Layout, Scale, Status, Width } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { SegmentedControlItem } from '../calcite-segmented-control-item/customElement.js';
-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 { Appearance, Layout, Scale, Status, Width } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
+import type { SegmentedControlItem } from "../calcite-segmented-control-item/customElement.js";
 
 /**
+ * @cssproperty [--calcite-segmented-control-border-color] - Specifies the component's border color.
  * @slot  - A slot for adding `calcite-segmented-control-item`s.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */
-export declare class SegmentedControl extends LitElement {
-    /**
-     * Specifies the appearance style of the component.
-     *
-     * @default "solid"
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * 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;
-    /**
-     * Defines the layout of the component.
-     *
-     * @default "horizontal"
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /** When provided, displays label text on the component. */
-    labelText: string;
-    /** Overrides 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;
-    /** The component's selected item `HTMLElement`. */
-    readonly selectedItem: HTMLCalciteSegmentedControlItemElement;
-    /**
-     * Specifies the status of the validation message.
-     *
-     * @default "idle"
-     */
-    status: Status;
-    /** Specifies the validation icon to display under the component. */
-    validationIcon: IconName | boolean;
-    /** Specifies the validation message to display under the component. */
-    validationMessage: string;
-    /**
-     * 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 `selectedItem` value. */
-    value: string;
-    /**
-     * Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead.
-     *
-     * @default "auto"
-     */
-    width: Extract<"auto" | "full", Width>;
-    /**
-     * 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 `calcite-segmented-control-item` selection changes. */
-    readonly calciteSegmentedControlChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        required: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        required: string;
-    }>;
-}
+export abstract class SegmentedControl extends LitElement {
+  /**
+   * Specifies the appearance style of the component.
+   *
+   * @default "solid"
+   */
+  accessor appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
+  /**
+   * 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;
+  /**
+   * Defines the layout of the component.
+   *
+   * @default "horizontal"
+   */
+  accessor layout: Extract<"horizontal" | "vertical", Layout>;
+  /** 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;
+  /** The component's selected item `HTMLElement`. */
+  get selectedItem(): SegmentedControlItem;
+  /**
+   * Specifies the status of the validation message.
+   *
+   * @default "idle"
+   */
+  accessor status: Status;
+  /** Specifies the validation icon to display under the component. */
+  accessor validationIcon: IconName | boolean;
+  /** Specifies the validation message to display under the component. */
+  accessor validationMessage: string;
+  /**
+   * The component's current validation state.
+   *
+   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
+   */
+  get validity(): MutableValidityState;
+  /** The component's `selectedItem` value. */
+  accessor value: string;
+  /**
+   * Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead.
+   *
+   * @default "auto"
+   */
+  accessor width: Extract<"auto" | "full", Width>;
+  /**
+   * 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 `calcite-segmented-control-item` selection changes. */
+  readonly calciteSegmentedControlChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteSegmentedControlChange: SegmentedControl["calciteSegmentedControlChange"]["detail"];
+  };
+}

package/dist/components/calcite-segmented-control/customElement.js

@@ -1,10 +1,10 @@
 /*! 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, isServer, nothing, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
-import { g as getElementDir, s as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { g as getElementDir, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from "../../chunks/form.js";
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from "../../chunks/label.js";
 import { I as InternalLabel } from "../../chunks/InternalLabel.js";

package/dist/components/calcite-segmented-control/index.d.ts

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