@bulmil/core/dist/components/bm-panel.js


/*!
 * Bulmil - MIT License
 */
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const panelCss = ".panel{border-radius:6px;box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);font-size:1rem}.panel:not(:last-child){margin-bottom:1.5rem}.panel.is-white .panel-heading{background-color:hsl(0, 0%, 100%);color:hsl(0, 0%, 4%)}.panel.is-white .panel-tabs a.is-active{border-bottom-color:hsl(0, 0%, 100%)}.panel.is-white .panel-block.is-active .panel-icon{color:hsl(0, 0%, 100%)}.panel.is-black .panel-heading{background-color:hsl(0, 0%, 4%);color:hsl(0, 0%, 100%)}.panel.is-black .panel-tabs a.is-active{border-bottom-color:hsl(0, 0%, 4%)}.panel.is-black .panel-block.is-active .panel-icon{color:hsl(0, 0%, 4%)}.panel.is-light .panel-heading{background-color:hsl(0, 0%, 96%);color:rgba(0, 0, 0, 0.7)}.panel.is-light .panel-tabs a.is-active{border-bottom-color:hsl(0, 0%, 96%)}.panel.is-light .panel-block.is-active .panel-icon{color:hsl(0, 0%, 96%)}.panel.is-dark .panel-heading{background-color:hsl(0, 0%, 21%);color:#fff}.panel.is-dark .panel-tabs a.is-active{border-bottom-color:hsl(0, 0%, 21%)}.panel.is-dark .panel-block.is-active .panel-icon{color:hsl(0, 0%, 21%)}.panel.is-primary .panel-heading{background-color:#5851ff;color:#fff}.panel.is-primary .panel-tabs a.is-active{border-bottom-color:#5851ff}.panel.is-primary .panel-block.is-active .panel-icon{color:#5851ff}.panel.is-link .panel-heading{background-color:#5851ff;color:#fff}.panel.is-link .panel-tabs a.is-active{border-bottom-color:#5851ff}.panel.is-link .panel-block.is-active .panel-icon{color:#5851ff}.panel.is-info .panel-heading{background-color:hsl(207, 61%, 53%);color:#fff}.panel.is-info .panel-tabs a.is-active{border-bottom-color:hsl(207, 61%, 53%)}.panel.is-info .panel-block.is-active .panel-icon{color:hsl(207, 61%, 53%)}.panel.is-success .panel-heading{background-color:hsl(153, 53%, 53%);color:#fff}.panel.is-success .panel-tabs a.is-active{border-bottom-color:hsl(153, 53%, 53%)}.panel.is-success .panel-block.is-active .panel-icon{color:hsl(153, 53%, 53%)}.panel.is-warning .panel-heading{background-color:hsl(44, 100%, 77%);color:rgba(0, 0, 0, 0.7)}.panel.is-warning .panel-tabs a.is-active{border-bottom-color:hsl(44, 100%, 77%)}.panel.is-warning .panel-block.is-active .panel-icon{color:hsl(44, 100%, 77%)}.panel.is-danger .panel-heading{background-color:hsl(348, 86%, 61%);color:#fff}.panel.is-danger .panel-tabs a.is-active{border-bottom-color:hsl(348, 86%, 61%)}.panel.is-danger .panel-block.is-active .panel-icon{color:hsl(348, 86%, 61%)}.panel-tabs:not(:last-child),.panel-block:not(:last-child){border-bottom:1px solid hsl(0, 0%, 93%)}.panel-heading{background-color:hsl(0, 0%, 93%);border-radius:6px 6px 0 0;color:hsl(0, 0%, 21%);font-size:1.25em;font-weight:700;line-height:1.25;padding:0.75em 1em}.panel-tabs{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;font-size:0.875em;-ms-flex-pack:center;justify-content:center}.panel-tabs a{border-bottom:1px solid hsl(0, 0%, 86%);margin-bottom:-1px;padding:0.5em}.panel-tabs a.is-active{border-bottom-color:hsl(0, 0%, 29%);color:hsl(0, 0%, 21%)}.panel-list a{color:hsl(0, 0%, 29%)}.panel-list a:hover{color:#5851ff}.panel-block{-ms-flex-align:center;align-items:center;color:hsl(0, 0%, 21%);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;padding:0.5em 0.75em}.panel-block input[type=checkbox]{margin-right:0.75em}.panel-block>.control{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:100%}.panel-block.is-wrapped{-ms-flex-wrap:wrap;flex-wrap:wrap}.panel-block.is-active{border-left-color:#5851ff;color:hsl(0, 0%, 21%)}.panel-block.is-active .panel-icon{color:#5851ff}.panel-block:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}a.panel-block,label.panel-block{cursor:pointer}a.panel-block:hover,label.panel-block:hover{background-color:hsl(0, 0%, 96%)}.panel-icon{display:inline-block;font-size:14px;height:1em;line-height:1em;text-align:center;vertical-align:top;width:1em;color:hsl(0, 0%, 48%);margin-right:0.75em}.panel-icon .fa{font-size:inherit;line-height:inherit}bm-panel:not(:last-child){margin-bottom:1.5rem}";
const BmPanelStyle0 = panelCss;

const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.color = undefined;
    }
    render() {
        return (h("nav", { key: 'd08196579714d6ba801a96881fd69e3be3dcbd08', class: {
                panel: true,
                [this.color]: Boolean(this.color),
            } }, h("slot", { key: 'b5bf3c0ab78fbe52f1ebd85490c056238a5b97e1' })));
    }
    static get style() { return BmPanelStyle0; }
}, [4, "bm-panel", {
        "color": [1]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["bm-panel"];
    components.forEach(tagName => { switch (tagName) {
        case "bm-panel":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, Panel);
            }
            break;
    } });
}

const BmPanel = Panel;
const defineCustomElement = defineCustomElement$1;

export { BmPanel, defineCustomElement };