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

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

@@ -1,80 +1,81 @@
 /// <reference path="../../index.d.ts" />
-import { default as Sortable } from 'sortablejs';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { SortableComponent } from '../../utils/sortableComponent';
-import { SortMenuItem } from '../calcite-sort-handle/interfaces';
-import { Scale } from '../interfaces';
-import { BlockDragDetail } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale } from "../interfaces.js";
+import type { BlockDragDetail } from "./interfaces.js";
 
 /** @slot  - A slot for adding `calcite-block` elements. */
-export declare class BlockGroup extends LitElement {
-    /** When provided, the method will be called to determine whether the element can move from the component. */
-    canPull: (detail: BlockDragDetail) => boolean | "clone";
-    /** When provided, the method will be called to determine whether the element can be added from another component. */
-    canPut: (detail: BlockDragDetail) => boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * When `true`, `calcite-block`s are sortable via a draggable button.
-     *
-     * @default false
-     */
-    dragEnabled: boolean;
-    /**
-     * The block-group's group identifier.
-     *
-     * To drag elements from one group into another, both groups must have the same group value.
-     */
-    group?: string;
-    /**
-     * Specifies an accessible name for the component.
-     *
-     * When `dragEnabled` is `true` and multiple group sorting is enabled with `group`, specifies the component's name for dragging between groups.
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     *
-     * @default false
-     */
-    loading: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * When `true`, and a `group` is defined, `calcite-block`s are no longer sortable.
-     *
-     * @default false
-     */
-    sortDisabled: boolean;
-    /**
-     * 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 the component's dragging has ended. */
-    readonly calciteBlockGroupDragEnd: TargetedEvent<this, BlockDragDetail>;
-    /** Fires when the component's dragging has started. */
-    readonly calciteBlockGroupDragStart: TargetedEvent<this, BlockDragDetail>;
-    /**
-     * Fires when a user attempts to move an element using the sort menu and 'canPut' or 'canPull' returns falsy.
-     *
-     * @deprecated in v3.3.0, removal target v6.0.0 - No longer necessary.
-     */
-    readonly calciteBlockGroupMoveHalt: TargetedEvent<this, BlockDragDetail>;
-    /** Fires when the component's item order changes. */
-    readonly calciteBlockGroupOrderChange: TargetedEvent<this, BlockDragDetail>;
-}
+export abstract class BlockGroup extends LitElement {
+  /** When provided, the method will be called to determine whether the element can move from the component. */
+  accessor canPull: (detail: BlockDragDetail) => boolean | "clone";
+  /** When provided, the method will be called to determine whether the element can be added from another component. */
+  accessor canPut: (detail: BlockDragDetail) => boolean;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * When `true`, `calcite-block`s are sortable via a draggable button.
+   *
+   * @default false
+   */
+  accessor dragEnabled: boolean;
+  /**
+   * The block-group's group identifier.
+   *
+   * To drag elements from one group into another, both groups must have the same group value.
+   */
+  accessor group: string | undefined;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * When `dragEnabled` is `true` and multiple group sorting is enabled with `group`, specifies the component's name for dragging between groups.
+   *
+   * @required
+   */
+  accessor label: string;
+  /**
+   * When `true`, a busy indicator is displayed.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * When `true`, and a `group` is defined, `calcite-block`s are no longer sortable.
+   *
+   * @default false
+   */
+  accessor sortDisabled: boolean;
+  /**
+   * 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 the component's dragging has ended. */
+  readonly calciteBlockGroupDragEnd: import("@arcgis/lumina").TargetedEvent<this, BlockDragDetail>;
+  /** Fires when the component's dragging has started. */
+  readonly calciteBlockGroupDragStart: import("@arcgis/lumina").TargetedEvent<this, BlockDragDetail>;
+  /**
+   * Fires when a user attempts to move an element using the sort menu and 'canPut' or 'canPull' returns falsy.
+   *
+   * @deprecated in v3.3.0, removal target v6.0.0 - No longer necessary.
+   */
+  readonly calciteBlockGroupMoveHalt: import("@arcgis/lumina").TargetedEvent<this, BlockDragDetail>;
+  /** Fires when the component's item order changes. */
+  readonly calciteBlockGroupOrderChange: import("@arcgis/lumina").TargetedEvent<this, BlockDragDetail>;
+  readonly "@eventTypes": {
+    calciteBlockGroupDragEnd: BlockGroup["calciteBlockGroupDragEnd"]["detail"];
+    calciteBlockGroupDragStart: BlockGroup["calciteBlockGroupDragStart"]["detail"];
+    calciteBlockGroupMoveHalt: BlockGroup["calciteBlockGroupMoveHalt"]["detail"];
+    calciteBlockGroupOrderChange: BlockGroup["calciteBlockGroupOrderChange"]["detail"];
+  };
+}

package/dist/components/calcite-block-group/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.73 */
+v5.0.0-next.74 */
 import { D as DEBOUNCE, c as customElement } from "../../chunks/runtime.js";
 import { debounce } from "es-toolkit";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { c as createObserver } from "../../chunks/observers.js";
 import { d as disconnectSortableComponent, c as connectSortableComponent } from "../../chunks/sortableComponent.js";
-import { m as getRootNode, s as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { h as getRootNode, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useCancelable } from "../../chunks/useCancelable.js";

package/dist/components/calcite-block-group/index.d.ts

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

package/dist/components/calcite-block-group/interfaces.d.ts

@@ -1,14 +1,9 @@
-import { DragDetail, MoveDetail } from '../../utils/sortableComponent';
-import { Block } from '../calcite-block/customElement.js';
-import { BlockGroup } from './customElement.js';
+import type { DragDetail } from "../../utils/sortableComponent.js";
+import type { Block } from "../calcite-block/customElement.js";
+import type { BlockGroup } from "./customElement.js";
+
 export interface BlockDragDetail extends DragDetail {
-    toEl: HTMLCalciteBlockGroupElement;
-    fromEl: HTMLCalciteBlockGroupElement;
-    dragEl: HTMLCalciteBlockElement;
-}
-export interface BlockMoveDetail extends MoveDetail {
-    toEl: HTMLCalciteBlockGroupElement;
-    fromEl: HTMLCalciteBlockGroupElement;
-    dragEl: HTMLCalciteBlockElement;
-    relatedEl: HTMLCalciteBlockElement;
-}
+  toEl: BlockGroup;
+  fromEl: BlockGroup;
+  dragEl: Block;
+}

package/dist/components/calcite-block-section/customElement.d.ts

@@ -1,77 +1,83 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { PropertyValues } from 'lit';
-import { FlipContext, Scale, Status } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { BlockSectionToggleDisplay } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { FlipContext, Scale, Status } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
+import type { BlockSectionToggleDisplay } from "./interfaces.js";
 
-/** @slot  - A slot for adding custom content. */
-export declare class BlockSection extends LitElement {
-    /**
-     * When `true`, expands the component and its contents.
-     *
-     * @default false
-     */
-    expanded: boolean;
-    /** Specifies an icon to display at the end of the component. */
-    iconEnd: IconName;
-    /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
-    iconFlipRtl: FlipContext;
-    /** Specifies an icon to display at the start of the component. */
-    iconStart: IconName;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, expands the component and its contents.
-     *
-     * @deprecated in v3.1.0, removal target v6.0.0 - Use `expanded` prop instead.
-     * @default false
-     */
-    get open(): boolean;
-    set open(value: boolean);
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Displays a status-related indicator icon.
-     *
-     * @deprecated in v2.8.1, removal target v6.0.0 - Use `icon-start` instead.
-     */
-    status: Status;
-    /** The component header text. */
-    text: string;
-    /**
-     * Specifies how the component's toggle is displayed, where:
-     *
-     * `"button"` sets the toggle to a selectable header, and
-     *
-     * `"switch"` sets the toggle to a switch.
-     *
-     * @default "button"
-     */
-    toggleDisplay: BlockSectionToggleDisplay;
-    /**
-     * Sets focus on the component's first tabbable 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 the component's content area is collapsed. */
-    readonly calciteBlockSectionCollapse: TargetedEvent<this, void>;
-    /** Fires when the component's content area is expanded. */
-    readonly calciteBlockSectionExpand: TargetedEvent<this, void>;
-    /** Fires when the header has been clicked. */
-    readonly calciteBlockSectionToggle: TargetedEvent<this, void>;
-    private messages: Partial<{
-        collapse: string;
-        expand: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        collapse: string;
-        expand: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-block-section-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-block-section-border-color] - Specifies the component's border color. When `expanded`, applies to the component's bottom border.
+ * @cssproperty [--calcite-block-section-header-text-color] - Specifies the component's header text color.
+ * @cssproperty [--calcite-block-section-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-block-section-text-color-hover] - Specifies the component's text color on hover.
+ * @cssproperty [--calcite-block-section-content-space] - Specifies the padding of the component's content in `default` slot.
+ * @slot  - A slot for adding custom content.
+ */
+export abstract class BlockSection extends LitElement {
+  /**
+   * When `true`, expands the component and its contents.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /** Specifies an icon to display at the end of the component. */
+  accessor iconEnd: IconName;
+  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
+  accessor iconFlipRtl: FlipContext;
+  /** Specifies an icon to display at the start of the component. */
+  accessor iconStart: IconName;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      collapse?: string;
+      expand?: string;
+  };
+  /**
+   * When `true`, expands the component and its contents.
+   *
+   * @deprecated in v3.1.0, removal target v6.0.0 - Use `expanded` prop instead.
+   * @default false
+   */
+  accessor open: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Displays a status-related indicator icon.
+   *
+   * @deprecated in v2.8.1, removal target v6.0.0 - Use `icon-start` instead.
+   */
+  accessor status: Status;
+  /** The component header text. */
+  accessor text: string;
+  /**
+   * Specifies how the component's toggle is displayed, where:
+   *
+   * `"button"` sets the toggle to a selectable header, and
+   *
+   * `"switch"` sets the toggle to a switch.
+   *
+   * @default "button"
+   */
+  accessor toggleDisplay: BlockSectionToggleDisplay;
+  /**
+   * Sets focus on the component's first tabbable 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 the component's content area is collapsed. */
+  readonly calciteBlockSectionCollapse: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component's content area is expanded. */
+  readonly calciteBlockSectionExpand: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the header has been clicked. */
+  readonly calciteBlockSectionToggle: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteBlockSectionCollapse: BlockSection["calciteBlockSectionCollapse"]["detail"];
+    calciteBlockSectionExpand: BlockSection["calciteBlockSectionExpand"]["detail"];
+    calciteBlockSectionToggle: BlockSection["calciteBlockSectionToggle"]["detail"];
+  };
+}

package/dist/components/calcite-block-section/customElement.js

@@ -1,11 +1,11 @@
 /*! 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.73 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
 import { css, html } from "lit";
-import { a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { i as isActivationKey } from "../../chunks/key.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { u as useT9n } from "../../chunks/useT9n.js";

package/dist/components/calcite-block-section/index.d.ts

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

package/dist/components/calcite-block-section/interfaces.d.ts

@@ -1 +1 @@
-export type BlockSectionToggleDisplay = "button" | "switch";
+export type BlockSectionToggleDisplay = "button" | "switch";