@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
48 lines (44 loc) • 5.06 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 listItemCss = "slot-fb[hidden],slot[hidden]{display:initial !important}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:var(--lar-list-item-padding-top, 0.5rem) var(--lar-list-item-padding-right, 0.5rem) var(--lar-list-item-padding-bottom, 0.5rem) var(--lar-list-item-padding-left, 0.5rem);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}.item-inner{-ms-flex:2;flex:2;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;width:100%}:host(:empty){display:none !important}:host(.lar-item-disabled){opacity:0.2}:host(.lar-color-primary){background:var(--lar-color-primary-shade, rgb(105.6, 9.68, 161.04)) !important;color:var(--lar-color-primary-contrast, #fff) !important;fill:var(--lar-color-primary-contrast, #fff) !important;stroke:var(--lar-color-primary-contrast, #fff) !important}:host(.lar-color-secondary){background:var(--lar-color-secondary-shade, rgb(111.76, 161.92, 0)) !important;color:var(--lar-color-secondary-contrast, #fff) !important;fill:var(--lar-color-secondary-contrast, #fff) !important;stroke:var(--lar-color-secondary-contrast, #fff) !important}:host(.lar-color-tertiary){background:var(--lar-color-tertiary-shade, rgb(0, 146.08, 208.56)) !important;color:var(--lar-color-tertiary-contrast, #fff) !important;fill:var(--lar-color-tertiary-contrast, #fff) !important;stroke:var(--lar-color-tertiary-contrast, #fff) !important}:host(.lar-color-success){background:var(--lar-color-success-shade, rgb(111.76, 161.92, 0)) !important;color:var(--lar-color-success-contrast, #fff) !important;fill:var(--lar-color-success-contrast, #fff) !important;stroke:var(--lar-color-success-contrast, #fff) !important}:host(.lar-color-warning){background:var(--lar-color-warning-shade, rgb(224.4, 158.4, 0)) !important;color:var(--lar-color-warning-contrast, #fff) !important;fill:var(--lar-color-warning-contrast, #fff) !important;stroke:var(--lar-color-warning-contrast, #fff) !important}:host(.lar-color-danger){background:var(--lar-color-danger-shade, rgb(216.48, 71.28, 25.52)) !important;color:var(--lar-color-danger-contrast, #fff) !important;fill:var(--lar-color-danger-contrast, #fff) !important;stroke:var(--lar-color-danger-contrast, #fff) !important}:host(.lar-color-light){background:var(--lar-color-light-shade, rgb(214.72, 215.6, 218.24)) !important;color:var(--lar-color-light-contrast, #000) !important;fill:var(--lar-color-light-contrast, #000) !important;stroke:var(--lar-color-light-contrast, #000) !important}:host(.lar-color-medium){background:var(--lar-color-medium-shade, rgb(188.32, 188.32, 188.32)) !important;color:var(--lar-color-medium-contrast, #000) !important;fill:var(--lar-color-medium-contrast, #000) !important;stroke:var(--lar-color-medium-contrast, #000) !important}:host(.lar-color-dark){background:var(--lar-color-dark-shade, rgb(29.92, 31.68, 35.2)) !important;color:var(--lar-color-dark-contrast, #fff) !important;fill:var(--lar-color-dark-contrast, #fff) !important;stroke:var(--lar-color-dark-contrast, #fff) !important}";
const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends H {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
this.__attachShadow();
/**
* If `true`, the user cannot interact with the toggle. Defaults to `false`.
*/
this.disabled = false;
}
render() {
return (h(Host, { key: '5bd601cdfcb6dd834f3689b5528c9160cba60be2', class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'lar-item-disabled': this.disabled }) }, h("slot", { key: 'f3b77a0f320995998e7cd44db1b291fb6500a56f', name: "start" }), h("div", { key: '4d81c47a2d828323bc0dc1b11222d0e6b2812338', class: "item-inner" }, h("slot", { key: 'd526605465f170bca57f795665908fd0e0bd5786' })), h("slot", { key: 'ac85f67124330d6de6dd0a84f417489badf93feb', name: "end" })));
}
get el() { return this; }
static get style() { return listItemCss; }
}, [257, "lar-list-item", {
"color": [1],
"disabled": [4]
}]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["lar-list-item"];
components.forEach(tagName => { switch (tagName) {
case "lar-list-item":
if (!customElements.get(tagName)) {
customElements.define(tagName, ListItem);
}
break;
} });
}
defineCustomElement();
export { ListItem as L, defineCustomElement as d };
//# sourceMappingURL=p-DwjVtK9p.js.map
//# sourceMappingURL=p-DwjVtK9p.js.map