1 | import { r as registerInstance, h } from './core-98b1cff0.js';
|
2 | var Notification = (function () {
|
3 | function Notification(hostRef) {
|
4 | registerInstance(this, hostRef);
|
5 | |
6 |
|
7 |
|
8 | this.class = '';
|
9 | |
10 |
|
11 |
|
12 | this.dismissable = true;
|
13 | }
|
14 | Notification.prototype.render = function () {
|
15 | var _a;
|
16 | return (h("div", { class: (_a = {
|
17 | notification: true
|
18 | },
|
19 | _a[this.color] = Boolean(this.color),
|
20 | _a[this.class] = Boolean(this.class),
|
21 | _a) }, this.dismissable && h("button", { class: "delete" }), h("slot", null)));
|
22 | };
|
23 | Object.defineProperty(Notification, "style", {
|
24 | get: function () { 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}"; },
|
25 | enumerable: true,
|
26 | configurable: true
|
27 | });
|
28 | return Notification;
|
29 | }());
|
30 | export { Notification as bm_notification };
|