@larva.io/webcomponents/dist/components/lar-weather.js

Fentrica SmartUnits WebComponents package

/*!
 * (C) Fentrica http://fentrica.com - Seee LICENSE.md
 */
import { p as proxyCustomElement, H, c as createEvent, h } from './p-AOwgnAK2.js';
import { d as defineCustomElement$8 } from './p-B7x5gzZv.js';
import { d as defineCustomElement$7 } from './p-C9VBtzS4.js';
import { d as defineCustomElement$6 } from './p-9A4J2Z7t.js';
import { d as defineCustomElement$5 } from './p-Dsy6MkCW.js';
import { d as defineCustomElement$4 } from './p-CNwVOfNs.js';
import { d as defineCustomElement$3 } from './p-Bk24sn12.js';
import { d as defineCustomElement$2 } from './p-B-fmI6sr.js';

const Weather = /*@__PURE__*/ proxyCustomElement(class Weather extends H {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.__attachShadow();
        this.output = createEvent(this, "output");
        this.request = createEvent(this, "request");
        /////// LarvaNode base properties
        /**
         * Component main icon
         */
        this.icon = 'cloud';
        /**
         * The color to use from your application's color palette.
         * Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
         */
        this.color = 'primary';
        /**
         * Is logging for this component enabled (lar-log subcomponent loaded)
         */
        this.log = false;
        /**
         * Node size
         */
        this.nodeSize = 'default';
        /////// LarvaNode base properties and events - end
        this.dataIn = {};
        this.loading = true;
    }
    componentDidLoad() {
        const el = this.el.shadowRoot || this.el;
        this.node = el.querySelector('lar-node');
        this.output.emit();
    }
    /**
     * Larva error input
     */
    async error(data) {
        if (this.node) {
            this.node.error(data);
        }
        this.loading = false;
    }
    /**
     * Input Larva event message (see abow)
     */
    async input(data) {
        this.loading = false;
        this.dataIn = data;
    }
    render() {
        const compnentProps = {
            data: this.dataIn,
        };
        const value = this.dataIn.temperature !== undefined ? `${String(this.dataIn.temperature)}°` : null;
        const icon = this.dataIn.icon ? this.dataIn.icon : this.icon;
        return [
            h("lar-node", { key: 'b464ed292d0c4c1bdd1e70f59a6fe1a6f3e632c3', icon: icon, hideTitles: this.hideTitles, color: this.color, supTitle: this.supTitle, mainTitle: this.mainTitle, subTitle: this.subTitle, colorModal: this.colorModal, colorInputs: this.colorInputs, colorIconSmall: this.colorIconSmall, log: this.log, value: value, loading: this.loading, nodeSize: this.nodeSize, component: "lar-weather-content", componentProps: compnentProps }, h("slot", { key: 'c9e662431de17c34299170663414c714cd8649f6' }))
        ];
    }
    get el() { return this; }
}, [257, "lar-weather", {
        "icon": [1025],
        "color": [1025],
        "colorModal": [1025, "color-modal"],
        "colorInputs": [1025, "color-inputs"],
        "colorIconSmall": [1, "color-icon-small"],
        "hideTitles": [4, "hide-titles"],
        "supTitle": [1, "sup-title"],
        "subTitle": [1, "sub-title"],
        "log": [4],
        "mainTitle": [1, "main-title"],
        "nodeSize": [1, "node-size"],
        "dataIn": [32],
        "loading": [32],
        "error": [64],
        "input": [64]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["lar-weather", "lar-backdrop", "lar-icon", "lar-modal", "lar-node", "lar-node-titles", "lar-notify", "lar-translate"];
    components.forEach(tagName => { switch (tagName) {
        case "lar-weather":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, Weather);
            }
            break;
        case "lar-backdrop":
            if (!customElements.get(tagName)) {
                defineCustomElement$8();
            }
            break;
        case "lar-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$7();
            }
            break;
        case "lar-modal":
            if (!customElements.get(tagName)) {
                defineCustomElement$6();
            }
            break;
        case "lar-node":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "lar-node-titles":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "lar-notify":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "lar-translate":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}
defineCustomElement$1();

const LarWeather = Weather;
const defineCustomElement = defineCustomElement$1;

export { LarWeather, defineCustomElement };
//# sourceMappingURL=lar-weather.js.map

//# sourceMappingURL=lar-weather.js.map