@trimble-oss/moduswebcomponents
Version:
Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust
53 lines (52 loc) • 1.85 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
import { DaisySize } from '../types';
export interface ICollapseOptions {
/** The description to render in the collapse header. */
description?: string;
/** The Modus icon name to render in the collapse header. */
icon?: string;
/** The icon's aria-label. */
iconAriaLabel?: string;
/** The size of the collapse header. */
size?: DaisySize;
/** The title to render in the collapse header. */
title: string;
}
/**
* A customizable collapse component used for showing and hiding content.
*
* The component supports a 'header' and 'content' `<slot>` for injecting custom HTML.
* Do not set
*/
export declare class ModusWcCollapse {
private inheritedAttributes;
/** Reference to the host element */
el: HTMLElement;
/** Indicates that the component should have a border. */
bordered?: boolean;
/** Custom CSS class to apply to the outer div. */
customClass?: string;
/** Controls whether the collapse is expanded or not. */
expanded?: boolean;
/** A unique identifier used to set the id attributes of various elements. */
collapseId?: string;
/**
* Configuration options for rendering the pre-laid out collapse component.
* Do not set this prop if you intend to use the 'header' slot.
*/
options?: ICollapseOptions;
/** Event emitted when the expanded prop is internally changed. */
expandedChange: EventEmitter<{
expanded: boolean;
}>;
expandedChanged(newValue: boolean): void;
componentWillLoad(): void;
private handleClick;
private handleContentClick;
private handleKeyDown;
private getOuterDivClasses;
private getTitleDivClasses;
private getTitleChildDivClasses;
private getDescriptionDivClasses;
render(): any;
}