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


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

const messageCss = ".message:not(:last-child){margin-bottom:1.5rem}.message{background-color:hsl(0, 0%, 96%);border-radius:4px;font-size:1rem}.message strong{color:currentColor}.message a:not(.button):not(.tag):not(.dropdown-item){color:currentColor;text-decoration:underline}.message.is-small{font-size:0.75rem}.message.is-medium{font-size:1.25rem}.message.is-large{font-size:1.5rem}.message.is-white{background-color:white}.message.is-white .message-header{background-color:hsl(0, 0%, 100%);color:hsl(0, 0%, 4%)}.message.is-white .message-body{border-color:hsl(0, 0%, 100%)}.message.is-black{background-color:#fafafa}.message.is-black .message-header{background-color:hsl(0, 0%, 4%);color:hsl(0, 0%, 100%)}.message.is-black .message-body{border-color:hsl(0, 0%, 4%)}.message.is-light{background-color:#fafafa}.message.is-light .message-header{background-color:hsl(0, 0%, 96%);color:rgba(0, 0, 0, 0.7)}.message.is-light .message-body{border-color:hsl(0, 0%, 96%)}.message.is-dark{background-color:#fafafa}.message.is-dark .message-header{background-color:hsl(0, 0%, 21%);color:#fff}.message.is-dark .message-body{border-color:hsl(0, 0%, 21%)}.message.is-primary{background-color:#ebebff}.message.is-primary .message-header{background-color:#5851ff;color:#fff}.message.is-primary .message-body{border-color:#5851ff;color:#0a00f0}.message.is-link{background-color:#ebebff}.message.is-link .message-header{background-color:#5851ff;color:#fff}.message.is-link .message-body{border-color:#5851ff;color:#0a00f0}.message.is-info{background-color:#eff5fb}.message.is-info .message-header{background-color:hsl(207, 61%, 53%);color:#fff}.message.is-info .message-body{border-color:hsl(207, 61%, 53%);color:#296fa8}.message.is-success{background-color:#effaf5}.message.is-success .message-header{background-color:hsl(153, 53%, 53%);color:#fff}.message.is-success .message-body{border-color:hsl(153, 53%, 53%);color:#257953}.message.is-warning{background-color:#fffaeb}.message.is-warning .message-header{background-color:hsl(44, 100%, 77%);color:rgba(0, 0, 0, 0.7)}.message.is-warning .message-body{border-color:hsl(44, 100%, 77%);color:#946c00}.message.is-danger{background-color:#feecf0}.message.is-danger .message-header{background-color:hsl(348, 86%, 61%);color:#fff}.message.is-danger .message-body{border-color:hsl(348, 86%, 61%);color:#cc0f35}.message-header{-ms-flex-align:center;align-items:center;background-color:hsl(0, 0%, 29%);border-radius:4px 4px 0 0;color:#fff;display:-ms-flexbox;display:flex;font-weight:700;-ms-flex-pack:justify;justify-content:space-between;line-height:1.25;padding:0.75em 1em;position:relative}.message-header .delete{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-left:0.75em}.message-header+.message-body{border-width:0;border-top-left-radius:0;border-top-right-radius:0}.message-body{border-color:hsl(0, 0%, 86%);border-radius:4px;border-style:solid;border-width:0 0 0 4px;color:hsl(0, 0%, 29%);padding:1.25em 1.5em}.message-body code,.message-body pre{background-color:hsl(0, 0%, 100%)}.message-body pre code{background-color:transparent}";
const BmMessageStyle0 = messageCss;

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

const BmMessage = Message;
const defineCustomElement = defineCustomElement$1;

export { BmMessage, defineCustomElement };