@scania/tegel/dist/esm/tds-accordion.entry.js

Tegel Design System

import { r as registerInstance, h, H as Host } from './index-51d04e39.js';

const accordionCss = ":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border:last-child){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}";
const TdsAccordionStyle0 = accordionCss;

const TdsAccordion = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.modeVariant = null;
        this.hideLastBorder = false;
    }
    render() {
        return (h(Host, { key: 'c9ecf1a636d34f69a433aa6adac976623739b631', class: {
                'tds-accordion': true,
                [`tds-mode-variant-${this.modeVariant || ''}`]: Boolean(this.modeVariant),
                'hide-last-border': this.hideLastBorder,
            } }, h("slot", { key: '4dd6d46024e918a3cd5e7594449147a94d07d6a0' })));
    }
};
TdsAccordion.style = TdsAccordionStyle0;

export { TdsAccordion as tds_accordion };