bulmil/dist/bulmil/bm-card.entry.js

import { r as registerInstance, h } from './index-4879a8e9.js';

const cardCss = ".card{background-color:white;-webkit-box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);color:#4a4a4a;max-width:100%;position:relative}.card-header{background-color:transparent;-ms-flex-align:stretch;align-items:stretch;-webkit-box-shadow:0 0.125em 0.25em rgba(10, 10, 10, 0.1);box-shadow:0 0.125em 0.25em rgba(10, 10, 10, 0.1);display:-ms-flexbox;display:flex}.card-header-title{-ms-flex-align:center;align-items:center;color:#363636;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font-weight:700;padding:0.75rem 1rem}.card-header-title.is-centered{-ms-flex-pack:center;justify-content:center}.card-header-icon{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0.75rem 1rem}.card-image{display:block;position:relative}.card-content{background-color:transparent;padding:1.5rem}.card-footer{background-color:transparent;border-top:1px solid #ededed;-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex}.card-footer-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;padding:0.75rem}.card-footer-item:not(:last-child){border-right:1px solid #ededed}.card .media:not(:last-child){margin-bottom:1.5rem}";

class Card {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * CSS Classes
         */
        this.class = '';
    }
    render() {
        return (h("div", { class: {
                card: true,
                [this.class]: Boolean(this.class),
            } }, h("slot", null)));
    }
}
Card.style = cardCss;

export { Card as bm_card };