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 panelCss = ".panel{border-radius:6px;-webkit-box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);font-size:1rem}.panel:not(:last-child){margin-bottom:1.5rem}.panel.is-white .panel-heading{background-color:white;color:#0a0a0a}.panel.is-white .panel-tabs a.is-active{border-bottom-color:white}.panel.is-white .panel-block.is-active .panel-icon{color:white}.panel.is-black .panel-heading{background-color:#0a0a0a;color:white}.panel.is-black .panel-tabs a.is-active{border-bottom-color:#0a0a0a}.panel.is-black .panel-block.is-active .panel-icon{color:#0a0a0a}.panel.is-light .panel-heading{background-color:whitesmoke;color:rgba(0, 0, 0, 0.7)}.panel.is-light .panel-tabs a.is-active{border-bottom-color:whitesmoke}.panel.is-light .panel-block.is-active .panel-icon{color:whitesmoke}.panel.is-dark .panel-heading{background-color:#363636;color:#fff}.panel.is-dark .panel-tabs a.is-active{border-bottom-color:#363636}.panel.is-dark .panel-block.is-active .panel-icon{color:#363636}.panel.is-primary .panel-heading{background-color:#5851ff;color:#fff}.panel.is-primary .panel-tabs a.is-active{border-bottom-color:#5851ff}.panel.is-primary .panel-block.is-active .panel-icon{color:#5851ff}.panel.is-link .panel-heading{background-color:#5851ff;color:#fff}.panel.is-link .panel-tabs a.is-active{border-bottom-color:#5851ff}.panel.is-link .panel-block.is-active .panel-icon{color:#5851ff}.panel.is-info .panel-heading{background-color:#3298dc;color:#fff}.panel.is-info .panel-tabs a.is-active{border-bottom-color:#3298dc}.panel.is-info .panel-block.is-active .panel-icon{color:#3298dc}.panel.is-success .panel-heading{background-color:#48c774;color:#fff}.panel.is-success .panel-tabs a.is-active{border-bottom-color:#48c774}.panel.is-success .panel-block.is-active .panel-icon{color:#48c774}.panel.is-warning .panel-heading{background-color:#ffdd57;color:rgba(0, 0, 0, 0.7)}.panel.is-warning .panel-tabs a.is-active{border-bottom-color:#ffdd57}.panel.is-warning .panel-block.is-active .panel-icon{color:#ffdd57}.panel.is-danger .panel-heading{background-color:#f14668;color:#fff}.panel.is-danger .panel-tabs a.is-active{border-bottom-color:#f14668}.panel.is-danger .panel-block.is-active .panel-icon{color:#f14668}.panel-tabs:not(:last-child),.panel-block:not(:last-child){border-bottom:1px solid #ededed}.panel-heading{background-color:#ededed;border-radius:6px 6px 0 0;color:#363636;font-size:1.25em;font-weight:700;line-height:1.25;padding:0.75em 1em}.panel-tabs{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;font-size:0.875em;-ms-flex-pack:center;justify-content:center}.panel-tabs a{border-bottom:1px solid #dbdbdb;margin-bottom:-1px;padding:0.5em}.panel-tabs a.is-active{border-bottom-color:#4a4a4a;color:#363636}.panel-list a{color:#4a4a4a}.panel-list a:hover{color:#5851ff}.panel-block{-ms-flex-align:center;align-items:center;color:#363636;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;padding:0.5em 0.75em}.panel-block input[type=checkbox]{margin-right:0.75em}.panel-block>.control{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:100%}.panel-block.is-wrapped{-ms-flex-wrap:wrap;flex-wrap:wrap}.panel-block.is-active{border-left-color:#5851ff;color:#363636}.panel-block.is-active .panel-icon{color:#5851ff}.panel-block:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}a.panel-block,label.panel-block{cursor:pointer}a.panel-block:hover,label.panel-block:hover{background-color:whitesmoke}.panel-icon{display:inline-block;font-size:14px;height:1em;line-height:1em;text-align:center;vertical-align:top;width:1em;color:#7a7a7a;margin-right:0.75em}.panel-icon .fa{font-size:inherit;line-height:inherit}bm-panel:not(:last-child){margin-bottom:1.5rem}";
|
11 | var Panel = (function () {
|
12 | function Panel(hostRef) {
|
13 | registerInstance(this, hostRef);
|
14 | |
15 |
|
16 |
|
17 | this.class = '';
|
18 | }
|
19 | Panel.prototype.render = function () {
|
20 | var _a;
|
21 | return (h("nav", { class: (_a = {
|
22 | panel: true
|
23 | },
|
24 | _a[this.color] = Boolean(this.color),
|
25 | _a) }, h("slot", null)));
|
26 | };
|
27 | return Panel;
|
28 | }());
|
29 | exports('bm_panel', Panel);
|
30 | Panel.style = panelCss;
|
31 | }
|
32 | };
|
33 | });
|