dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
41 lines (40 loc) • 1.9 kB
TypeScript
import { PropertyValueMap } from 'lit';
import { AccordionVariant } from '../../dap-design-system';
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-accordion-group` is a custom accordion group component.
* @element dap-ds-accordion-group
* @summary An accordion group is a collection of accordion components.
* @title - Accordion group
* @group accordion
*
* @slot - The content of the accordion group.
*
* @csspart base - The main accordion group container.
*
* @cssproperty --dds-accordion-group-spacing - Controls the gap between accordion items (default: var(--dds-spacing-300))
* @cssproperty --dds-accordion-group-border-color - Controls the border color (default: var(--dds-border-neutral-subtle))
* @cssproperty --dds-accordion-group-border-width - Controls the border width (default: var(--dds-border-width-base))
* @cssproperty --dds-accordion-group-border-radius - Controls the border radius (default: var(--dds-radius-base))
* @cssproperty --dds-accordion-group-background - Controls the background color (default: transparent)
*/
export default class DapDSAccordionGroup extends DdsElement {
static tagName: string;
private readonly accordions;
/** Whether to close other accordions when one is opened. */
autoClose: string;
/** The variant of the accordion
* @type { 'default' | 'collapsed' | 'clean' | 'clean-collapsed' }
*/
variant: AccordionVariant;
static readonly styles: import('lit').CSSResult;
private readonly boundOnAccordionChange;
private readonly boundOnSlotChange;
connectedCallback(): void;
disconnectedCallback(): void;
protected firstUpdated(_changedProperties: PropertyValueMap<DapDSAccordionGroup> | Map<PropertyKey, unknown>): void;
private onSlotChange;
private setupAccordions;
private onAccordionChange;
render(): import('lit-html').TemplateResult;
}