bulmil/dist/cjs/bm-notification.cjs.entry.js


'use strict';

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

const index = require('./index-35884e75.js');

const notificationCss = ".notification:not(:last-child){margin-bottom:1.5rem}.notification{background-color:whitesmoke;border-radius:4px;position:relative;padding:1.25rem 2.5rem 1.25rem 1.5rem}.notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification strong{color:currentColor}.notification code,.notification pre{background:white}.notification pre code{background:transparent}.notification>.delete{right:0.5rem;position:absolute;top:0.5rem}.notification .title,.notification .subtitle,.notification .content{color:currentColor}.notification.is-white{background-color:white;color:#0a0a0a}.notification.is-black{background-color:#0a0a0a;color:white}.notification.is-light{background-color:whitesmoke;color:rgba(0, 0, 0, 0.7)}.notification.is-dark{background-color:#363636;color:#fff}.notification.is-primary{background-color:#5851ff;color:#fff}.notification.is-info{background-color:#3298dc;color:#fff}.notification.is-success{background-color:#48c774;color:#fff}.notification.is-warning{background-color:#ffdd57;color:rgba(0, 0, 0, 0.7)}.notification.is-danger{background-color:#f14668;color:#fff}";

class Notification {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /**
         * CSS Classes
         */
        this.class = '';
        /**
         * Dismissable
         */
        this.dismissable = true;
    }
    render() {
        return (index.h("div", { class: {
                notification: true,
                [this.color]: Boolean(this.color),
                [this.class]: Boolean(this.class),
            } }, this.dismissable && index.h("button", { class: "delete" }), index.h("slot", null)));
    }
}
Notification.style = notificationCss;

exports.bm_notification = Notification;