@scania/tegel/dist/components/tds-accordion.js

Tegel Design System

import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.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$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordion extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        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' })));
    }
    static get style() { return TdsAccordionStyle0; }
}, [1, "tds-accordion", {
        "modeVariant": [1, "mode-variant"],
        "hideLastBorder": [4, "hide-last-border"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["tds-accordion"];
    components.forEach(tagName => { switch (tagName) {
        case "tds-accordion":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, TdsAccordion$1);
            }
            break;
    } });
}
defineCustomElement$1();

const TdsAccordion = TdsAccordion$1;
const defineCustomElement = defineCustomElement$1;

export { TdsAccordion, defineCustomElement };