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

Bruno UI Kit

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-a98adf17.js');

const CollapseComponent = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        this.active = false;
        this._active = false;
    }
    ActiveWatchHandler() {
        this._active = this.active;
    }
    componentDidLoad() {
        this._active = this.active;
    }
    render() {
        return (core.h("div", { class: { "brn-collapse": true, "brn-collapse--active": this._active } }, core.h("div", { class: "brn-collapse__header", onClick: () => {
                this.Toggle();
            } }, core.h("slot", { name: "header" })), core.h("div", { class: "brn-collapse__body" }, core.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}"; }
};

exports.brn_collapse = CollapseComponent;