@trimble-oss/moduswebcomponents/esm/modus-wc-accordion.entry.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 { r as registerInstance, d as createEvent, h, e as Host, g as getElement } from './index-C1-Dpkp7.js';
import { h as handleShadowDOMStyles } from './base-component-tWS3Egrk.js';
import { i as inheritAriaAttributes } from './utils-DN2BGzSQ.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 = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.expandedChange = createEvent(this, "expandedChange", 7);
        this.inheritedAttributes = {};
        /** Custom CSS class to apply to the inner div. */
        this.customClass = '';
    }
    componentWillLoad() {
        // Auto-inject CSS if component is used inside user's shadow DOM
        handleShadowDOMStyles(this.el);
        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: 'cd50dc732b2fc48835c00a151a3bd53baea5e45f' }, h("div", Object.assign({ key: 'e5449efc6472a41424ab3eb550f6cf6e965f826e', class: this.getClasses() }, this.inheritedAttributes), h("slot", { key: '1c32e9a0eb77ad1d5ee753f29b4bc78f881c0b48' }))));
    }
    get el() { return getElement(this); }
};
ModusWcAccordion.style = modusWcAccordionCss;

export { ModusWcAccordion as modus_wc_accordion };