@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
61 lines (59 loc) • 2.14 kB
TypeScript
/// <reference types="../../index.d.ts" />
import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
import { FlipContext, Status } from '../interfaces';
import { IconNameOrString } from '../calcite-icon/interfaces';
import { BlockSectionToggleDisplay } from './interfaces';
/** @slot - A slot for adding custom content. */
export declare class BlockSection extends LitElement {
/**
* When `true`, the component is expanded to show child components.
*
* @default false
*/
expanded: boolean;
/** Specifies an icon to display at the end of the component. */
iconEnd: IconNameOrString;
/** 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: IconNameOrString;
/** 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 Use `expanded` prop instead.
* @default false
*/
get open(): boolean;
set open(value: boolean);
/**
* Displays a status-related indicator icon.
*
* @deprecated 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. */
setFocus(): Promise<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;
}>;
}