@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
99 lines (94 loc) • 4.48 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
import { p as proxyCustomElement, H, h } from './p-AOwgnAK2.js';
import { m as map } from './p-jfT03zNm.js';
import { h as hooks } from './p-DAuPur-P.js';
import { d as defineCustomElement$5 } from './p-p5eBnhDi.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 utilityLogCss = "slot-fb[hidden],slot[hidden]{display:initial !important}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}";
const LogEntryList = /*@__PURE__*/ proxyCustomElement(class LogEntryList extends H {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
this.__attachShadow();
this.values = '[]';
this.measuringUnit = '';
this.webComponentValueType = '';
}
render() {
const values = JSON.parse(this.values);
const months = values && Array.isArray(values) ? values : [];
let latestMonth = months.length > 0 ? months[0] : null;
if (latestMonth && latestMonth.date !== hooks().format('MM-YYYY')) {
latestMonth = null;
}
const entries = map(months, (month, key) => {
return {
start: h("lar-translate", { t: 'date.months.' + (hooks(month.date, 'MM-YYYY').month() + 1) }),
content: '',
end: (h("div", null, h("small", null, month.abs), h("small", null, this.measuringUnit), " \u2022 ", h("small", null, "\u0394"), " ", month.rel, h("small", null, this.measuringUnit))),
group: hooks(month.date, 'MM-YYYY').format('YYYY')
};
});
const header = latestMonth ? (h("div", null, h("lar-list-item", null, h("div", { slot: "start" }, h("strong", null, h("lar-translate", { t: "utilityMeter.currentMonthReading" }))), h("div", { slot: "end" }, h("small", null, latestMonth.abs, this.measuringUnit))), h("lar-list-item", null, h("div", { slot: "start" }, h("strong", null, h("lar-translate", { t: "utilityMeter.currentMonthUsage" }))), h("div", { slot: "end" }, h("small", null, latestMonth.rel, this.measuringUnit))))) : null;
const groups = {};
return (h("lar-list", null, header, map(entries, entry => {
// tslint:disable-next-line: no-shadowed-variable
let header;
if (!groups[entry.group]) {
groups[entry.group] = entry.group;
header = (h("lar-list-header", null, entry.group));
}
return (h("div", null, header ? header : null, h("lar-list-item", null, h("div", { slot: "start" }, entry.start), h("div", null, entry.content), h("div", { slot: "end" }, entry.end))));
})));
}
static get style() { return utilityLogCss; }
}, [257, "lar-utility-log", {
"values": [1],
"measuringUnit": [1, "measuring-unit"],
"webComponentValueType": [1, "web-component-value-type"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["lar-utility-log", "lar-list", "lar-list-header", "lar-list-item", "lar-translate"];
components.forEach(tagName => { switch (tagName) {
case "lar-utility-log":
if (!customElements.get(tagName)) {
customElements.define(tagName, LogEntryList);
}
break;
case "lar-list":
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 LarUtilityLog = LogEntryList;
const defineCustomElement = defineCustomElement$1;
export { LarUtilityLog, defineCustomElement };
//# sourceMappingURL=lar-utility-log.js.map
//# sourceMappingURL=lar-utility-log.js.map