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

Tegel Design System

'use strict';

var index = require('./index-DGsdvbvx.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 TdsAccordion = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /** Set the variant of the Accordion. */
        this.modeVariant = null;
        /** Removes the bottom border of the last Accordion item. */
        this.hideLastBorder = false;
    }
    render() {
        return (index.h(index.Host, { key: '403d93cb3ca1cdb1d11d53eebd22207e330dd527', class: {
                'tds-accordion': true,
                [`tds-mode-variant-${this.modeVariant || ''}`]: Boolean(this.modeVariant),
                'hide-last-border': this.hideLastBorder,
            } }, index.h("slot", { key: '3e5e516531cf5a1d456b7cd1605a4ce4c57f397a' })));
    }
};
TdsAccordion.style = accordionCss();

exports.tds_accordion = TdsAccordion;