bulmil/dist/bulmil/bm-box.system.entry.js

System.register(['./index-1a441b18.system.js'], function (exports) {
    'use strict';
    var registerInstance, h, Host;
    return {
        setters: [function (module) {
                registerInstance = module.r;
                h = module.h;
                Host = module.H;
            }],
        execute: function () {
            var boxCss = ".box:not(:last-child){margin-bottom:1.5rem}.box{background-color:white;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);color:#4a4a4a;display:block;padding:1.25rem}a.box:hover,a.box:focus{-webkit-box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #5851ff;box-shadow:0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #5851ff}a.box:active{-webkit-box-shadow:inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #5851ff;box-shadow:inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #5851ff}";
            var Box = /** @class */ (function () {
                function Box(hostRef) {
                    registerInstance(this, hostRef);
                    /**
                     * CSS classes
                     */
                    this.class = '';
                }
                Box.prototype.render = function () {
                    var _a;
                    return (h(Host, null, h("div", { class: (_a = {
                                box: true
                            },
                            _a[this.class] = Boolean(this.class),
                            _a) }, h("slot", null))));
                };
                return Box;
            }());
            exports('bm_box', Box);
            Box.style = boxCss;
        }
    };
});