@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
71 lines (66 loc) • 12.2 kB
JavaScript
/*!
* (C) Fentrica http://fentrica.com - Seee LICENSE.md
*/
'use strict';
var index = require('./index-B0SElCD3.js');
var modalController = require('./modal-controller-BsEk6ujH.js');
require('./helpers-DNl8-cDE.js');
require('./theme-3s-LQhJl.js');
const nodeCss = "slot-fb[hidden],slot[hidden]{display:initial !important}:host{min-width:8rem;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}:host(.lar-node-disabled){pointer-events:none;opacity:0.2;-webkit-filter:grayscale(0.5);filter:grayscale(0.5)}:host(.lar-node-loading){pointer-events:none}:host(.lar-node-loading) .lar-icon-small{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite}@-webkit-keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.6;-webkit-transform:scale(0.95);transform:scale(0.95)}}@keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.6;-webkit-transform:scale(0.95);transform:scale(0.95)}}:host(.lar-node-small) .lar-node-box{border-radius:var(--lar-node-small-box-border-radius, 0.5rem);text-align:left;height:var(--lar-node-small-box-height, 4rem);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.lar-node-small) .lar-node-box:before{display:none}:host(.lar-node-small) .lar-icon-big{padding:var(--lar-node-small-icon-padding-top, 0.5rem) var(--lar-node-small-icon-padding-right, 0.5rem) var(--lar-node-small-icon-padding-bottom, 0.5rem) var(--lar-node-small-icon-padding-left, 0.5rem);border-radius:var(--lar-node-icon-border-radius, 50%);width:var(--lar-node-small-icon-size, 1.8rem);height:var(--lar-node-small-icon-size, 1.8rem);display:inline-block;margin-right:0.5rem;margin-left:0.5rem}:host(.lar-node-small) .lar-node-middle{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:left;justify-content:left}:host(.lar-node-small) .lar-value-badge{position:static;margin-left:auto;margin-right:0.5rem}.titles-slot:empty{display:none}.lar-node-box{border-radius:var(--lar-node-box-border-radius, 0.5rem);position:relative;cursor:pointer;overflow:visible;background:var(--lar-background-color, #000);min-height:8rem}.lar-node-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.875rem;padding:2rem 1rem 1rem 1rem;min-height:4.25rem;position:relative;border-radius:1rem}@media (max-width: 576px){.lar-node-content{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}}.lar-icon-main{-ms-flex-negative:0;flex-shrink:0;width:2.75rem;height:2.75rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.04);border-radius:50%}.lar-icon-main lar-icon{width:1.5rem;height:1.5rem}.lar-icon-big{padding:var(--lar-node-icon-padding-top, 1.2rem) var(--lar-node-icon-padding-right, 1.2rem) var(--lar-node-icon-padding-bottom, 1.2rem) var(--lar-node-icon-padding-left, 1.2rem);border-radius:var(--lar-node-icon-border-radius, 50%);width:var(--lar-node-icon-size, 3rem);height:var(--lar-node-icon-size, 3rem);display:inline-block;background:rgba(0, 0, 0, 0.03);position:relative;z-index:1}.lar-node-titles-wrapper{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;gap:0.125rem;padding-right:0.5rem}.lar-node-right{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.75rem;margin-left:auto}.lar-node-right .titles-slot{position:static;top:auto;right:auto}@media (max-width: 576px){.lar-node-right{width:100%;margin-left:0;margin-top:-0.25rem;-ms-flex-pack:end;justify-content:flex-end}}.lar-node-middle{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:4rem}.lar-value-badge{position:absolute;top:0.5rem;right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.375rem;padding:0.25rem 0.5rem;background:rgba(0, 0, 0, 0.06);border-radius:0.5rem;z-index:10;max-width:50%;margin-left:0.75rem}@media (max-width: 576px){.lar-value-badge{top:0.625rem;right:0.625rem;max-width:45%;margin-left:1rem}}.lar-value-badge:has(.lar-icon-small):not(:has(.lar-value)){padding:0.25rem;background:transparent}.lar-value-badge .lar-icon-small{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem}.lar-value-badge .lar-icon-small lar-icon{width:100%;height:100%}.lar-value-badge .lar-value{font-size:0.75rem;font-weight:600;letter-spacing:0.02em;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis;line-height:1.2;-ms-flex:1;flex:1;min-width:0}@media (max-width: 576px){.lar-value-badge .lar-value{font-size:0.8125rem}}.lar-icon-small lar-icon,.lar-icon-big lar-icon{display:block;width:100%;height:100%;position:relative;z-index:2}.lar-icon-small:empty,.lar-icon-big:empty{display:none !important}.spacer{margin-top:1rem;margin-bottom:1rem}.defaultslot,.defaultslotelements{display:none}@media (max-width: 320px){:host{max-width:100%}}:host(.lar-color-primary) .lar-node-box lar-icon{fill:var(--lar-color-primary, #780bb7) !important;stroke:var(--lar-color-primary, #780bb7) !important}:host(.lar-color-primary) .lar-icon-big lar-icon{fill:var(--lar-color-primary, #780bb7) !important;stroke:var(--lar-color-primary, #780bb7) !important}:host(.lar-node-small.lar-color-primary) .lar-icon-big lar-icon{fill:var(--lar-color-primary, #780bb7) !important;stroke:var(--lar-color-primary, #780bb7) !important}:host(.lar-color-secondary) .lar-node-box lar-icon{fill:var(--lar-color-secondary, #7fb800) !important;stroke:var(--lar-color-secondary, #7fb800) !important}:host(.lar-color-secondary) .lar-icon-big lar-icon{fill:var(--lar-color-secondary, #7fb800) !important;stroke:var(--lar-color-secondary, #7fb800) !important}:host(.lar-node-small.lar-color-secondary) .lar-icon-big lar-icon{fill:var(--lar-color-secondary, #7fb800) !important;stroke:var(--lar-color-secondary, #7fb800) !important}:host(.lar-color-tertiary) .lar-node-box lar-icon{fill:var(--lar-color-tertiary, #00a6ed) !important;stroke:var(--lar-color-tertiary, #00a6ed) !important}:host(.lar-color-tertiary) .lar-icon-big lar-icon{fill:var(--lar-color-tertiary, #00a6ed) !important;stroke:var(--lar-color-tertiary, #00a6ed) !important}:host(.lar-node-small.lar-color-tertiary) .lar-icon-big lar-icon{fill:var(--lar-color-tertiary, #00a6ed) !important;stroke:var(--lar-color-tertiary, #00a6ed) !important}:host(.lar-color-success) .lar-node-box lar-icon{fill:var(--lar-color-success, #7fb800) !important;stroke:var(--lar-color-success, #7fb800) !important}:host(.lar-color-success) .lar-icon-big lar-icon{fill:var(--lar-color-success, #7fb800) !important;stroke:var(--lar-color-success, #7fb800) !important}:host(.lar-node-small.lar-color-success) .lar-icon-big lar-icon{fill:var(--lar-color-success, #7fb800) !important;stroke:var(--lar-color-success, #7fb800) !important}:host(.lar-color-warning) .lar-node-box lar-icon{fill:var(--lar-color-warning, #ffb400) !important;stroke:var(--lar-color-warning, #ffb400) !important}:host(.lar-color-warning) .lar-icon-big lar-icon{fill:var(--lar-color-warning, #ffb400) !important;stroke:var(--lar-color-warning, #ffb400) !important}:host(.lar-node-small.lar-color-warning) .lar-icon-big lar-icon{fill:var(--lar-color-warning, #ffb400) !important;stroke:var(--lar-color-warning, #ffb400) !important}:host(.lar-color-danger) .lar-node-box lar-icon{fill:var(--lar-color-danger, #f6511d) !important;stroke:var(--lar-color-danger, #f6511d) !important}:host(.lar-color-danger) .lar-icon-big lar-icon{fill:var(--lar-color-danger, #f6511d) !important;stroke:var(--lar-color-danger, #f6511d) !important}:host(.lar-node-small.lar-color-danger) .lar-icon-big lar-icon{fill:var(--lar-color-danger, #f6511d) !important;stroke:var(--lar-color-danger, #f6511d) !important}:host(.lar-color-light) .lar-node-box lar-icon{fill:var(--lar-color-light, #f4f5f8) !important;stroke:var(--lar-color-light, #f4f5f8) !important}:host(.lar-color-light) .lar-icon-big lar-icon{fill:var(--lar-color-light, #f4f5f8) !important;stroke:var(--lar-color-light, #f4f5f8) !important}:host(.lar-node-small.lar-color-light) .lar-icon-big lar-icon{fill:var(--lar-color-light, #f4f5f8) !important;stroke:var(--lar-color-light, #f4f5f8) !important}:host(.lar-color-medium) .lar-node-box lar-icon{fill:var(--lar-color-medium, #d6d6d6) !important;stroke:var(--lar-color-medium, #d6d6d6) !important}:host(.lar-color-medium) .lar-icon-big lar-icon{fill:var(--lar-color-medium, #d6d6d6) !important;stroke:var(--lar-color-medium, #d6d6d6) !important}:host(.lar-node-small.lar-color-medium) .lar-icon-big lar-icon{fill:var(--lar-color-medium, #d6d6d6) !important;stroke:var(--lar-color-medium, #d6d6d6) !important}:host(.lar-color-dark) .lar-node-box lar-icon{fill:var(--lar-color-dark, #222428) !important;stroke:var(--lar-color-dark, #222428) !important}:host(.lar-color-dark) .lar-icon-big lar-icon{fill:var(--lar-color-dark, #222428) !important;stroke:var(--lar-color-dark, #222428) !important}:host(.lar-node-small.lar-color-dark) .lar-icon-big lar-icon{fill:var(--lar-color-dark, #222428) !important;stroke:var(--lar-color-dark, #222428) !important}";
const NodeMoreButtons = class {
constructor(hostRef) {
index.registerInstance(this, hostRef);
this.request = index.createEvent(this, "request");
this.log = false;
}
/**
* Request response method
*/
async response(data) {
var _a;
switch (data.topic) {
case 'iot-2/evt/getNodeLogs/fmt/json':
if (this.logmodal) {
(await this.logmodal.getComponent()).element
.response((_a = data.payload) === null || _a === void 0 ? void 0 : _a.data);
}
break;
}
}
async openLogModal() {
this.logmodal = await modalController.createModal({
mainTitle: 'log.log',
color: this.colorModal || this.colorInputs,
animation: 'bottom',
iconSmall: 'loading',
colorHeaderInputs: this.colorInputs,
icon: 'log',
headerSize: 'small',
component: 'lar-log-modal',
componentProps: {
onRequest: (event) => this.request.emit({
topic: 'iot-2/cmd/getNodeLogs/fmt/json',
payload: {
// reqId ?
data: event.detail
}
}), // pass request event
}
});
await this.logmodal.present();
}
async disconnectedCallback() {
var _a;
return (_a = this.logmodal) === null || _a === void 0 ? void 0 : _a.dismiss();
}
render() {
return (index.h("div", { key: '05d81daf8acaf8a2c0b664ad5ab7cfba5ab7cff6' }, index.h("div", { key: '43e9671f1aaa89301bcde7a664c7f264db3a0b95', class: "spacer" }), (this.log || this.log)
&&
index.h("div", { key: 'fd4ff8b40f116fd068ce79f6aeb899c56c789b48' }, index.h("lar-list-header", { key: 'f543748aebdde501963c945dcbf9d3055cba0df3' }, index.h("lar-translate", { key: '1b5a1804890cddb255f3e0cc109676361c275a77', t: "node.more" })), index.h("div", { key: '1a36fab390be15e9dcbac8f3ea2895e3e70f1155', class: "spacer" })), index.h("lar-button-group", { key: '8c8a50ec31790da5aedab2a44fd0882a576c896e' }, this.log &&
index.h("lar-button", { key: '280631daa7f0fbb6f18b0b43c4deca7ae009e4a1', color: (this.colorInputs) === 'dark' ? 'light' : 'dark', expand: "full", onClick: () => this.openLogModal() }, index.h("lar-translate", { key: 'edf88bac2bc52392607ea59df835877b4126a821', t: "log.log" })))));
}
get el() { return index.getElement(this); }
};
NodeMoreButtons.style = nodeCss;
exports.lar_node_more_buttons = NodeMoreButtons;
//# sourceMappingURL=lar-node-more-buttons.entry.cjs.js.map