@trimble-oss/moduswebcomponents/components/modus-wc-accordion.js

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-BMvVSi6Y.js';
import { i as inheritAriaAttributes } from './p-COxr4v9W.js';

const modusWcAccordionCss = "[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:first-child .modus-wc-collapse,[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:first-child .modus-wc-collapse{border-bottom-left-radius:0;border-bottom-right-radius:0}[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:not(:first-child):not(:last-child) .modus-wc-collapse,[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:not(:first-child):not(:last-child) .modus-wc-collapse{border-radius:0}[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:last-child .modus-wc-collapse,[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:last-child .modus-wc-collapse{border-top-left-radius:0;border-top-right-radius:0}[data-theme=modus-classic-light] modus-wc-accordion .modus-wc-collapse{border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-gray-2)}[data-theme=modus-classic-dark] modus-wc-accordion .modus-wc-collapse{border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-gray-8)}";

const ModusWcAccordion$1 = /*@__PURE__*/ proxyCustomElement(class ModusWcAccordion extends H {
    constructor() {
        super();
        this.__registerHost();
        this.expandedChange = createEvent(this, "expandedChange");
        this.inheritedAttributes = {};
        /** Custom CSS class to apply to the inner div. */
        this.customClass = '';
    }
    componentWillLoad() {
        this.inheritedAttributes = inheritAriaAttributes(this.el);
    }
    getClasses() {
        const classList = [''];
        // The order CSS classes are added matters to CSS specificity
        if (this.customClass)
            classList.push(this.customClass);
        return classList.join(' ');
    }
    render() {
        return (h(Host, { key: '082a0eed0a7e08ccb7e43fdbea50cd493fb44341' }, h("div", Object.assign({ key: '250cda5a3d0ef04fa31285ad87c22acc9526b00c', class: this.getClasses() }, this.inheritedAttributes), h("slot", { key: 'c053e5a177bae7b8e48295fb629988860dda89ee' }))));
    }
    get el() { return this; }
    static get style() { return modusWcAccordionCss; }
}, [4, "modus-wc-accordion", {
        "customClass": [1, "custom-class"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["modus-wc-accordion"];
    components.forEach(tagName => { switch (tagName) {
        case "modus-wc-accordion":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, ModusWcAccordion$1);
            }
            break;
    } });
}

const ModusWcAccordion = ModusWcAccordion$1;
const defineCustomElement = defineCustomElement$1;

export { ModusWcAccordion, defineCustomElement };