@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
61 lines (56 loc) • 3.22 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
;
var index = require('./index-B0SElCD3.js');
var map = require('./map-DS77TM7_.js');
var moment = require('./moment-BQC90J1E.js');
require('./_hasPath-Da_vD6kJ.js');
require('./isArray-D5T3FFPp.js');
require('./isObjectLike-DYIul5Fz.js');
require('./global-C03WvntH.js');
require('./_isIndex-B1e9x--S.js');
require('./isLength-CPPfDVFI.js');
require('./isObject-BbrqXeY4.js');
require('./_baseMap-JOWSgF8Y.js');
require('./_getAllKeys-BC9TlVD6.js');
require('./_getTag-BnylOe-u.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 = class {
constructor(hostRef) {
index.registerInstance(this, hostRef);
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 !== moment.hooks().format('MM-YYYY')) {
latestMonth = null;
}
const entries = map.map(months, (month, key) => {
return {
start: index.h("lar-translate", { t: 'date.months.' + (moment.hooks(month.date, 'MM-YYYY').month() + 1) }),
content: '',
end: (index.h("div", null, index.h("small", null, month.abs), index.h("small", null, this.measuringUnit), " \u2022 ", index.h("small", null, "\u0394"), " ", month.rel, index.h("small", null, this.measuringUnit))),
group: moment.hooks(month.date, 'MM-YYYY').format('YYYY')
};
});
const header = latestMonth ? (index.h("div", null, index.h("lar-list-item", null, index.h("div", { slot: "start" }, index.h("strong", null, index.h("lar-translate", { t: "utilityMeter.currentMonthReading" }))), index.h("div", { slot: "end" }, index.h("small", null, latestMonth.abs, this.measuringUnit))), index.h("lar-list-item", null, index.h("div", { slot: "start" }, index.h("strong", null, index.h("lar-translate", { t: "utilityMeter.currentMonthUsage" }))), index.h("div", { slot: "end" }, index.h("small", null, latestMonth.rel, this.measuringUnit))))) : null;
const groups = {};
return (index.h("lar-list", null, header, map.map(entries, entry => {
// tslint:disable-next-line: no-shadowed-variable
let header;
if (!groups[entry.group]) {
groups[entry.group] = entry.group;
header = (index.h("lar-list-header", null, entry.group));
}
return (index.h("div", null, header ? header : null, index.h("lar-list-item", null, index.h("div", { slot: "start" }, entry.start), index.h("div", null, entry.content), index.h("div", { slot: "end" }, entry.end))));
})));
}
};
LogEntryList.style = utilityLogCss;
exports.lar_utility_log = LogEntryList;
//# sourceMappingURL=lar-utility-log.entry.cjs.js.map