@esri/calcite-components 5.2.0-next.2 → 5.2.0-next.4

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

@@ -82,13 +82,15 @@ class SwatchGroup extends LitElement {
     }
     event.stopPropagation();
   }
-  updateItems(event) {
-    const itemsFromSlot = this.slotRef.value?.assignedElements({ flatten: true }).filter((el) => el?.matches("calcite-swatch"));
-    this.items = !event ? itemsFromSlot : slotChangeGetAssignedElements(event);
-    if (this.items?.length < 1) {
+  handleSlotChange(event) {
+    this.updateItems(slotChangeGetAssignedElements(event, "calcite-swatch"));
+  }
+  updateItems(items = this.items) {
+    this.items = items;
+    if (this.items.length < 1) {
       return;
     }
-    this.items?.forEach((el) => {
+    this.items.forEach((el) => {
       el.interactive = true;
       el.scale = this.scale;
       el.selectionMode = this.selectionMode;
@@ -126,7 +128,7 @@ class SwatchGroup extends LitElement {
   render() {
     const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
     const { disabled } = this;
-    return this.interactiveContainer({ disabled, children: html`<div .ariaLabel=${this.label} class=${safeClassMap(CSS.container)} .role=${role}><slot @slotchange=${this.updateItems} ${ref(this.slotRef)}></slot></div>` });
+    return this.interactiveContainer({ disabled, children: html`<div .ariaLabel=${this.label} class=${safeClassMap(CSS.container)} .role=${role}><slot @slotchange=${this.handleSlotChange} ${ref(this.slotRef)}></slot></div>` });
   }
 }
 customElement("calcite-swatch-group", SwatchGroup);

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

@@ -24,20 +24,16 @@ export abstract class Switch extends LitElement {
    * @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 `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 | undefined;
   /** Specifies an accessible label for the component. */
-  accessor label: string;
+  accessor label: string | undefined;
   /** Specifies the component's end label text. */
-  accessor labelTextEnd: string;
+  accessor labelTextEnd: string | undefined;
   /** Specifies the component's start label text. */
-  accessor labelTextStart: string;
+  accessor labelTextStart: string | undefined;
   /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
-  accessor name: string;
+  accessor name: string | undefined;
   /**
    * Specifies the component's size.
    *

package/dist/components/calcite-table-header/customElement.d.ts

@@ -20,7 +20,7 @@ export abstract class TableHeader extends LitElement {
   accessor colSpan: number | undefined;
   /** Specifies a description for the component. Displays below the `heading`. */
   accessor description: string | undefined;
-  /** Specifies the component's heading text. Displays above the `description`. */
+  /** Specifies the component's heading text. */
   accessor heading: string | undefined;
   /** Overrides individual strings used by the component. */
   accessor messageOverrides: {

package/dist/components/calcite-text-area/customElement.d.ts

@@ -38,11 +38,7 @@ export abstract class TextArea extends LitElement {
    * @see [MDN - disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
    */
   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.
-   */
+  /** 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 | undefined;
   /**
    * When `true`, number values are displayed with a group separator corresponding to the language and country format.

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

@@ -48,7 +48,7 @@ export abstract class Tile extends LitElement {
    * @default false
    */
   accessor embed: boolean;
-  /** Specifies the component's heading text. displays between the `icon` and `description`. */
+  /** Specifies the component's heading text that displays between the `icon` and `description`. */
   accessor heading: string | undefined;
   /** Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling. */
   accessor headingLevel: HeadingLevel | undefined;

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

@@ -77,9 +77,7 @@ export abstract class Tooltip extends LitElement {
    */
   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.
+   * 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
    * @see [MDN - Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)

package/dist/controllers/useTime.d.ts

@@ -38,6 +38,7 @@ export class TimeController extends GenericController<TimeProperties, TimeCompon
   handleMeridiemKeyDownEvent: (event: KeyboardEvent) => void;
   handleMinuteKeyDownEvent: (event: KeyboardEvent) => void;
   handleSecondKeyDownEvent: (event: KeyboardEvent) => void;
+  get hasValue(): boolean;
   hour?: string | null;
   hourFormat?: EffectiveHourFormat | null;
   locale?: Locale | null;
@@ -87,6 +88,8 @@ export type TimeProperties = {
   calciteTimeChange: CustomEvent<string>;
   /** The fractional second portion of the time value. */
   fractionalSecond: string;
+  /** Returns true if any portion of the time value is truthy. */
+  hasValue: boolean;
   /** The hour portion of the time value (in ISO 24-hour format). */
   hour?: string;
   /**