| 1 | 'use strict';
|
| 2 |
|
| 3 | Object.defineProperty(exports, '__esModule', { value: true });
|
| 4 |
|
| 5 | const core = require('./core-dd01c714.js');
|
| 6 |
|
| 7 | const Notification = class {
|
| 8 | constructor(hostRef) {
|
| 9 | core.registerInstance(this, hostRef);
|
| 10 | |
| 11 | |
| 12 |
|
| 13 | this.class = '';
|
| 14 | |
| 15 | |
| 16 |
|
| 17 | this.dismissable = true;
|
| 18 | }
|
| 19 | render() {
|
| 20 | return (core.h("div", { class: {
|
| 21 | notification: true,
|
| 22 | [this.color]: Boolean(this.color),
|
| 23 | [this.class]: Boolean(this.class),
|
| 24 | } }, this.dismissable && core.h("button", { class: "delete" }), core.h("slot", null)));
|
| 25 | }
|
| 26 | static get style() { return ".notification:not(:last-child){margin-bottom:1.5rem}.notification{background-color:#f5f5f5;border-radius:4px;padding:1.25rem 2.5rem 1.25rem 1.5rem;position:relative}.notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification strong{color:currentColor}.notification code,.notification pre{background:#fff}.notification pre code{background:rgba(0,0,0,0)}.notification>.delete{position:absolute;right:.5rem;top:.5rem}.notification .content,.notification .subtitle,.notification .title{color:currentColor}.notification.is-white{background-color:#fff;color:#0a0a0a}.notification.is-black{background-color:#0a0a0a;color:#fff}.notification.is-light{background-color:#f5f5f5;color:rgba(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,.7)}.notification.is-danger{background-color:#f14668;color:#fff}"; }
|
| 27 | };
|
| 28 |
|
| 29 | exports.bm_notification = Notification;
|