@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
43 lines (39 loc) • 3.11 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
import { p as proxyCustomElement, H, h, d as Host } from './p-AOwgnAK2.js';
import { c as createColorClasses } from './p-B02IfvGX.js';
const badgeCss = "slot-fb[hidden],slot[hidden]{display:initial !important}:host{border-radius:var(--lar-badge-border-radius, 0.2rem);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:var(--lar-badge-padding-top, 0.15rem) var(--lar-badge-padding-right, 0.25rem) var(--lar-badge-padding-bottom, 0.15rem) var(--lar-badge-padding-left, 0.25rem);display:inline-block;line-height:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;contain:content;vertical-align:bottom}:host(:empty){display:none !important}:host(.lar-color-primary){background:var(--lar-color-primary, #780bb7) !important;color:var(--lar-color-primary-contrast, #fff) !important}:host(.lar-color-secondary){background:var(--lar-color-secondary, #7fb800) !important;color:var(--lar-color-secondary-contrast, #fff) !important}:host(.lar-color-tertiary){background:var(--lar-color-tertiary, #00a6ed) !important;color:var(--lar-color-tertiary-contrast, #fff) !important}:host(.lar-color-success){background:var(--lar-color-success, #7fb800) !important;color:var(--lar-color-success-contrast, #fff) !important}:host(.lar-color-warning){background:var(--lar-color-warning, #ffb400) !important;color:var(--lar-color-warning-contrast, #fff) !important}:host(.lar-color-danger){background:var(--lar-color-danger, #f6511d) !important;color:var(--lar-color-danger-contrast, #fff) !important}:host(.lar-color-light){background:var(--lar-color-light, #f4f5f8) !important;color:var(--lar-color-light-contrast, #000) !important}:host(.lar-color-medium){background:var(--lar-color-medium, #d6d6d6) !important;color:var(--lar-color-medium-contrast, #000) !important}:host(.lar-color-dark){background:var(--lar-color-dark, #222428) !important;color:var(--lar-color-dark-contrast, #fff) !important}";
const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
this.__attachShadow();
}
render() {
return (h(Host, { key: '14622c1d71ca266f9adadf104c71d4f1d9508515', class: Object.assign({}, createColorClasses(this.color)) }, h("slot", { key: 'c5bcf53f51dd0d6f7dfd41b6c3130a7c729b24a7' })));
}
get el() { return this; }
static get style() { return badgeCss; }
}, [257, "lar-badge", {
"color": [1]
}]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["lar-badge"];
components.forEach(tagName => { switch (tagName) {
case "lar-badge":
if (!customElements.get(tagName)) {
customElements.define(tagName, Badge);
}
break;
} });
}
defineCustomElement();
export { Badge as B, defineCustomElement as d };
//# sourceMappingURL=p-DzVmQ9SH.js.map
//# sourceMappingURL=p-DzVmQ9SH.js.map