1 | System.register(['./index-1a441b18.system.js'], function (exports) {
|
2 | 'use strict';
|
3 | var registerInstance, h;
|
4 | return {
|
5 | setters: [function (module) {
|
6 | registerInstance = module.r;
|
7 | h = module.h;
|
8 | }],
|
9 | execute: function () {
|
10 | var messageCss = ".message:not(:last-child){margin-bottom:1.5rem}.message{background-color:whitesmoke;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:white;color:#0a0a0a}.message.is-white .message-body{border-color:white}.message.is-black{background-color:#fafafa}.message.is-black .message-header{background-color:#0a0a0a;color:white}.message.is-black .message-body{border-color:#0a0a0a}.message.is-light{background-color:#fafafa}.message.is-light .message-header{background-color:whitesmoke;color:rgba(0, 0, 0, 0.7)}.message.is-light .message-body{border-color:whitesmoke}.message.is-dark{background-color:#fafafa}.message.is-dark .message-header{background-color:#363636;color:#fff}.message.is-dark .message-body{border-color:#363636}.message.is-primary{background-color:#f5f5ff}.message.is-primary .message-header{background-color:#5851ff;color:#fff}.message.is-primary .message-body{border-color:#5851ff}.message.is-info{background-color:#f6fbfe}.message.is-info .message-header{background-color:#3298dc;color:#fff}.message.is-info .message-body{border-color:#3298dc}.message.is-success{background-color:#f7fdf9}.message.is-success .message-header{background-color:#48c774;color:#fff}.message.is-success .message-body{border-color:#48c774}.message.is-warning{background-color:#fffdf5}.message.is-warning .message-header{background-color:#ffdd57;color:rgba(0, 0, 0, 0.7)}.message.is-warning .message-body{border-color:#ffdd57}.message.is-danger{background-color:#fef6f7}.message.is-danger .message-header{background-color:#f14668;color:#fff}.message.is-danger .message-body{border-color:#f14668}.message-header{-ms-flex-align:center;align-items:center;background-color:#4a4a4a;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:#dbdbdb;border-radius:4px;border-style:solid;border-width:0 0 0 4px;color:#4a4a4a;padding:1.25em 1.5em}.message-body code,.message-body pre{background-color:white}.message-body pre code{background-color:transparent}";
|
11 | var Message = (function () {
|
12 | function Message(hostRef) {
|
13 | registerInstance(this, hostRef);
|
14 | |
15 |
|
16 |
|
17 | this.class = '';
|
18 | }
|
19 | Message.prototype.render = function () {
|
20 | var _a;
|
21 | return (h("article", { class: (_a = {
|
22 | message: true
|
23 | },
|
24 | _a[this.color] = Boolean(this.color),
|
25 | _a[this.size] = Boolean(this.size),
|
26 | _a) }, h("slot", null)));
|
27 | };
|
28 | return Message;
|
29 | }());
|
30 | exports('bm_message', Message);
|
31 | Message.style = messageCss;
|
32 | }
|
33 | };
|
34 | });
|