@openremote/or-icon 1.0.3 → 1.2.0-snapshot.20240512155407

package/dist/index.d.ts

@@ -1,16 +0,0 @@
-import { LitElement, PropertyValues, TemplateResult } from "lit-element";
-import { AssetDescriptor } from "@openremote/model";
-import { ORIconSets } from "@openremote/core";
-export declare function getAssetDescriptorIconTemplate(descriptor: AssetDescriptor | undefined, fallbackColor?: string | undefined, fallbackIcon?: string | undefined, overrideColor?: string | undefined, overrideIcon?: string | undefined): TemplateResult;
-export declare const IconSets: ORIconSets;
-export declare class OrIcon extends LitElement {
-    static get styles(): import("lit-element").CSSResult;
-    icon?: string;
-    protected _iconElement?: Element;
-    protected _handler: (evt: Event) => void;
-    protected render(): TemplateResult;
-    disconnectedCallback(): void;
-    protected shouldUpdate(changedProperties: PropertyValues): boolean;
-    protected _updateIcon(requestUpdate: boolean): void;
-    protected _onIconsetAdded(evt: Event): void;
-}

package/dist/index.js

@@ -1,86 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, customElement, html, LitElement, property } from "lit-element";
-import { AssetType } from "@openremote/model";
-import { IconSetAddedEvent, ORIconSets, AssetModelUtil } from "@openremote/core";
-export function getAssetDescriptorIconTemplate(descriptor, fallbackColor, fallbackIcon, overrideColor, overrideIcon) {
-    const color = overrideColor ? overrideColor : AssetModelUtil.getAssetDescriptorColor(descriptor, fallbackColor);
-    const icon = overrideIcon ? overrideIcon : AssetModelUtil.getAssetDescriptorIcon(descriptor, fallbackIcon);
-    return html `<or-icon style="--or-icon-fill: ${color ? "#" + color : "unset"}" icon="${icon ? icon : AssetType.THING.icon}"></or-icon>`;
-}
-const _iconSets = new ORIconSets();
-export const IconSets = _iconSets;
-// language=CSS
-const style = css `
-    
-    :host {    
-        --internal-or-icon-width: var(--or-icon-width, 24px);
-        --internal-or-icon-height: var(--or-icon-height, 24px);
-        --internal-or-icon-fill: var(--or-icon-fill, currentColor);
-        --internal-or-icon-stroke: var(--or-icon-fill, none);
-        --internal-or-icon-stroke-width: var(--or-icon-stroke-width, 0);
-    
-        display: inline-block;
-        position: relative;
-        vertical-align: text-bottom;
-        fill: var(--internal-or-icon-fill);
-        stroke: var(--internal-or-icon-stroke);
-        stroke-width: var(--internal-or-icon-stroke-width);
-        width: var(--internal-or-icon-width);
-        height: var(--internal-or-icon-height);
-    }
-    
-    :host([hidden]) {
-        display: none;
-    }
-`;
-let OrIcon = class OrIcon extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._handler = (evt) => {
-            this._onIconsetAdded(evt);
-        };
-    }
-    static get styles() {
-        return style;
-    }
-    render() {
-        return html `${this._iconElement}`;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener(IconSetAddedEvent.NAME, this._handler);
-    }
-    shouldUpdate(changedProperties) {
-        if (changedProperties.has("icon")) {
-            this._updateIcon(false);
-        }
-        return true;
-    }
-    _updateIcon(requestUpdate) {
-        this._iconElement = undefined;
-        window.removeEventListener(IconSetAddedEvent.NAME, this._handler);
-        this._iconElement = IconSets.getIcon(this.icon);
-        if (this.icon && !this._iconElement) {
-            window.addEventListener(IconSetAddedEvent.NAME, this._handler);
-        }
-        if (requestUpdate) {
-            this.requestUpdate();
-        }
-    }
-    _onIconsetAdded(evt) {
-        this._updateIcon(true);
-    }
-};
-__decorate([
-    property({ type: String, reflect: true })
-], OrIcon.prototype, "icon", void 0);
-OrIcon = __decorate([
-    customElement("or-icon")
-], OrIcon);
-export { OrIcon };
-//# sourceMappingURL=index.js.map