@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
96 lines (91 loc) • 4.86 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
import { p as proxyCustomElement, H, h } from './p-AOwgnAK2.js';
import { s as sortBy, f as forOwn } from './p-C45Zg0QW.js';
import { g as groupBy } from './p-Pkz17Qo1.js';
import { d as defineCustomElement$6 } from './p-DzVmQ9SH.js';
import { d as defineCustomElement$5 } from './p-C9VBtzS4.js';
import { d as defineCustomElement$4 } from './p-BcSt9bUd.js';
import { d as defineCustomElement$3 } from './p-DwjVtK9p.js';
import { d as defineCustomElement$2 } from './p-B-fmI6sr.js';
const areaCss = "slot-fb[hidden],slot[hidden]{display:initial !important}.details{padding:3rem 0 0 0}.details lar-button-group{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.actions{min-height:60px}lar-list-item{background-color:var(--lar-background-color-step-100, rgb(25.5, 25.5, 25.5)) !important;color:var(--lar-text-color, #fff) !important}.spacer{margin-top:1.5rem;margin-bottom:1.5rem}.circle{background-color:var(--lar-background-color-step-200, #333333) !important;border-radius:50%;display:inline-block;padding:0.5rem;width:2rem;height:2rem;margin-right:1rem}.circle lar-icon{display:block;width:100%;height:100%}.zone-list h4{margin:0;padding:0}.zone-list h4 lar-badge{margin-top:0.2rem;margin-right:0.3rem;font-weight:normal}.zone-selectors{text-align:center;margin-bottom:1rem}.zone-selectors lar-button{margin:0.2rem}.zone-list lar-badge{margin-top:0.3rem}lar-button.zone-group{--lar-button-font-size-small:.95rem;--lar-button-padding-top-small:.4rem;--lar-button-padding-bottom-small:.4rem;--lar-button-padding-left-small:.4rem;--lar-button-padding-right-small:.4rem}.center{text-align:center}";
const AreaZones = /*@__PURE__*/ proxyCustomElement(class AreaZones extends H {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
this.__attachShadow();
}
render() {
const zones = [];
const sortedZones = sortBy(JSON.parse(this.zones), 'group');
const groupedZones = groupBy(sortedZones, 'group');
forOwn(groupedZones, (groupedZonesOwn, group) => {
zones.push(h("lar-list-header", null, h("lar-translate", { t: group })));
sortBy(groupedZonesOwn, 'name').forEach(zone => {
let color = 'success';
if (zone.state === 'open') {
color = 'tertiary';
}
if (zone.state === 'short_circuit') {
color = 'warning';
}
if (zone.state === 'open_circuit') {
color = 'danger';
}
zones.push(h("lar-list-item", null, h("div", { slot: "start", class: "circle" }, h("lar-icon", { icon: zone.type, color: color })), h("div", null, h("h4", null, h("lar-translate", { t: zone.name })), h("lar-badge", { color: color }, h("lar-translate", { t: 'area.zone_state.' + zone.state })), zone.overridden &&
h("span", null, "\u00A0", h("lar-badge", { color: "danger" }, h("lar-translate", { t: 'area.zone_state.bypassed' }))))));
});
});
return h("div", { key: '42622775d0f8c8a4c589826f8a2456da463d0c91', class: "zone-list" }, zones);
}
static get style() { return areaCss; }
}, [257, "lar-area-zones", {
"zones": [1]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["lar-area-zones", "lar-badge", "lar-icon", "lar-list-header", "lar-list-item", "lar-translate"];
components.forEach(tagName => { switch (tagName) {
case "lar-area-zones":
if (!customElements.get(tagName)) {
customElements.define(tagName, AreaZones);
}
break;
case "lar-badge":
if (!customElements.get(tagName)) {
defineCustomElement$6();
}
break;
case "lar-icon":
if (!customElements.get(tagName)) {
defineCustomElement$5();
}
break;
case "lar-list-header":
if (!customElements.get(tagName)) {
defineCustomElement$4();
}
break;
case "lar-list-item":
if (!customElements.get(tagName)) {
defineCustomElement$3();
}
break;
case "lar-translate":
if (!customElements.get(tagName)) {
defineCustomElement$2();
}
break;
} });
}
defineCustomElement$1();
const LarAreaZones = AreaZones;
const defineCustomElement = defineCustomElement$1;
export { LarAreaZones, defineCustomElement };
//# sourceMappingURL=lar-area-zones.js.map
//# sourceMappingURL=lar-area-zones.js.map