import { LitElement, PropertyValues } from "lit"; import "../icon/icon.js"; import "../utils/expand-transition"; import "../utils/unstyled-heading"; /** * Expandable is a layout component used for creating expandable content areas on a page. * * [Warp component reference](https://warp-ds.github.io/docs/components/expandable/frameworks/elements) * * @slot title - Alternative to the `title` attribute should you need to provide some additional markup. * * @csspart base - the root wrapper element inside the component. * @csspart chevron - the chevron container. */ declare class WarpExpandable extends LitElement { #private; /** * Controls component's expanded state */ expanded: boolean; /** * Component title. Used to display the title value which is always present regardless of whether the component is open or closed. */ title: string; /** * Will make the expandable a Box */ box: boolean; /** * Will make the expandable full-width on the sm breakpoint size */ bleed: boolean; /** * @deprecated Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. */ buttonClass: string | undefined; /** * @deprecated Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. */ contentClass: string | undefined; /** * Controls chevron visibility */ noChevron: boolean; /** * Will animate the expansion/collapse */ animated: boolean; /** * Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element. */ headingLevel: number | undefined; private _hasTitle; private _showChevronUp; static styles: import("lit").CSSResult[]; updated(changedProperties: PropertyValues): void; firstUpdated(): void; /** @internal */ get _expandableSlot(): import("lit").TemplateResult<1>; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { "w-expandable": WarpExpandable; } } export { WarpExpandable };