bruno-ui/dist/bruno/brn-collapse.entry.js

Bruno UI Kit

import { r as registerInstance, h } from './core-70b4f9b5.js';

const CollapseComponent = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.active = false;
        this._active = false;
    }
    ActiveWatchHandler() {
        this._active = this.active;
    }
    componentDidLoad() {
        this._active = this.active;
    }
    render() {
        return (h("div", { class: { "brn-collapse": true, "brn-collapse--active": this._active } }, h("div", { class: "brn-collapse__header", onClick: () => {
                this.Toggle();
            } }, h("slot", { name: "header" })), h("div", { class: "brn-collapse__body" }, h("slot", { name: "body" }))));
    }
    Toggle() {
        this._active = !this._active;
    }
    static get watchers() { return {
        "active": ["ActiveWatchHandler"]
    }; }
    static get style() { return "brn-collapse > div {\n  display: block;\n}\nbrn-collapse > div.brn-collapse--active .brn-collapse__body {\n  display: block;\n}\nbrn-collapse > div .brn-collapse__body {\n  display: none;\n}"; }
};

export { CollapseComponent as brn_collapse };