@openremote/or-dashboard-builder 1.2.0-snapshot.20240512154942

package/lib/panels/thresholds-panel.d.ts

@@ -0,0 +1,39 @@
+import { CSSResult, LitElement, PropertyValues, TemplateResult } from "lit";
+export declare class ThresholdChangeEvent extends CustomEvent<[number, string][]> {
+    static readonly NAME = "threshold-change";
+    constructor(thresholds: [number, string][]);
+}
+export declare class TextColorsChangeEvent extends CustomEvent<[string, string][]> {
+    static readonly NAME = "text-colors-change";
+    constructor(textColors: [string, string][]);
+}
+export declare class BoolColorsChangeEvent extends CustomEvent<{
+    type: string;
+    false: string;
+    true: string;
+}> {
+    static readonly NAME = "bool-colors-change";
+    constructor(boolColors: {
+        type: string;
+        false: string;
+        true: string;
+    });
+}
+export declare class ThresholdsPanel extends LitElement {
+    protected thresholds: [number, string][];
+    protected textColors: [string, string][];
+    protected boolColors: {
+        type: string;
+        false: string;
+        true: string;
+    };
+    protected readonly min?: number;
+    protected readonly max?: number;
+    protected readonly valueType: string;
+    static get styles(): CSSResult[];
+    protected updated(changedProps: PropertyValues): void;
+    protected render(): TemplateResult;
+    protected removeThreshold(threshold: [any, string]): void;
+    protected addThreshold(threshold: [any, string]): void;
+    protected addNewThreshold(): void;
+}

package/lib/panels/thresholds-panel.js

@@ -0,0 +1,129 @@
+var __decorate=this&&this.__decorate||function(e,t,o,s){var l,r=arguments.length,i=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,s);else for(var h=e.length-1;h>=0;h--)(l=e[h])&&(i=(r<3?l(i):r>3?l(t,o,i):l(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i};import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import{css,html,LitElement,unsafeCSS}from"lit";import{customElement,property}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import{DefaultColor5}from"@openremote/core";import{style}from"../style";export class ThresholdChangeEvent extends CustomEvent{constructor(e){super(ThresholdChangeEvent.NAME,{bubbles:!0,composed:!0,detail:e})}}ThresholdChangeEvent.NAME="threshold-change";export class TextColorsChangeEvent extends CustomEvent{constructor(e){super(TextColorsChangeEvent.NAME,{bubbles:!0,composed:!0,detail:e})}}TextColorsChangeEvent.NAME="text-colors-change";export class BoolColorsChangeEvent extends CustomEvent{constructor(e){super(BoolColorsChangeEvent.NAME,{bubbles:!0,composed:!0,detail:e})}}BoolColorsChangeEvent.NAME="bool-colors-change";const styling=css`
+
+  #thresholds-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .threshold-list-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .threshold-list-item-colour {
+    height: 100%;
+    padding: 0 4px 0 0;
+  }
+
+  .threshold-list-item:hover .button-clear {
+    visibility: visible;
+  }
+
+  .button-clear {
+    background: none;
+    visibility: hidden;
+    color: var(--or-app-color5, ${unsafeCSS(DefaultColor5)});
+    --or-icon-fill: var(--or-app-color5, ${unsafeCSS(DefaultColor5)});
+    display: inline-block;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  .button-clear:hover {
+    --or-icon-fill: var(--or-app-color4);
+  }
+
+`;let ThresholdsPanel=class extends LitElement{constructor(){super(...arguments),this.thresholds=[],this.textColors=[]}static get styles(){return[styling,style]}updated(e){e.has("thresholds")&&this.thresholds&&this.dispatchEvent(new ThresholdChangeEvent(this.thresholds)),e.has("textColors")&&this.textColors&&this.dispatchEvent(new TextColorsChangeEvent(this.textColors)),e.has("boolColors")&&this.boolColors&&this.dispatchEvent(new BoolColorsChangeEvent(this.boolColors))}render(){return html`
+            <div id="thresholds-list" class="expanded-panel">
+
+                <!-- Thresholds by number -->
+                ${"number"===this.valueType||"positiveInteger"===this.valueType||"positiveNumber"===this.valueType||"negativeInteger"===this.valueType||"negativeNumber"===this.valueType?html`
+                    ${this.thresholds.sort(((e,t)=>e[0]<t[0]?-1:1)).map(((e,t)=>html`
+                            <div class="threshold-list-item">
+                                <div class="threshold-list-item-colour">
+                                    <or-mwc-input type="${InputType.COLOUR}" value="${e[1]}"
+                                                  @or-mwc-input-changed="${e=>{this.thresholds[t][1]=e.detail.value,this.requestUpdate("thresholds")}}"
+                                    ></or-mwc-input>
+                                </div>
+                                <or-mwc-input type="${InputType.NUMBER}" comfortable .value="${e[0]}"
+                                              ?disabled="${0===t&&this.max}"
+                                              .min="${ifDefined(this.min)}" .max="${ifDefined(this.max)}"
+                                              @or-mwc-input-changed="${e=>{(!this.min||e.detail.value>=this.min)&&(!this.max||e.detail.value<=this.max)&&(this.thresholds[t][0]=e.detail.value,this.requestUpdate("thresholds"))}}"
+                                ></or-mwc-input>
+                                ${0===t?html`
+                                    <button class="button-clear"
+                                            style="margin-left: 8px;">
+                                        <or-icon icon="lock" style="--or-icon-fill: var(--or-app-color5, ${unsafeCSS(DefaultColor5)});"></or-icon>
+                                    </button>
+                                `:html`
+                                    <button class="button-clear"
+                                            style="margin-left: 8px;"
+                                            @click="${()=>{this.removeThreshold(e)}}">
+                                        <or-icon icon="close-circle"></or-icon>
+                                    </button>
+                                `}
+                            </div>
+                        `))}
+                    <or-mwc-input .type="${InputType.BUTTON}" label="threshold" icon="plus"
+                                  @or-mwc-input-changed="${()=>this.addNewThreshold()}">
+                    </or-mwc-input>
+                `:null}
+
+                <!-- Thresholds by boolean -->
+                ${"boolean"===this.valueType?html`
+                    <div class="threshold-list-item">
+                        <div class="threshold-list-item-colour">
+                            <or-mwc-input type="${InputType.COLOUR}" value="${this.boolColors.true}"
+                                          @or-mwc-input-changed="${e=>{this.boolColors.true=e.detail.value,this.requestUpdate("boolColors")}}"
+                            ></or-mwc-input>
+                        </div>
+                        <or-mwc-input type="${InputType.TEXT}" comfortable .value="${"True"}" .readonly="${!0}"
+                        ></or-mwc-input>
+                    </div>
+                    <div class="threshold-list-item">
+                        <div class="threshold-list-item-colour">
+                            <or-mwc-input type="${InputType.COLOUR}" value="${this.boolColors.false}"
+                                          @or-mwc-input-changed="${e=>{this.boolColors.false=e.detail.value,this.requestUpdate("boolColors")}}"
+                            ></or-mwc-input>
+                        </div>
+                        <or-mwc-input type="${InputType.TEXT}" comfortable .value="${"False"}" .readonly="${!0}"
+                        ></or-mwc-input>
+                    </div>
+                `:null}
+
+                <!-- Thresholds by string -->
+                ${"text"===this.valueType&&this.textColors?html`
+                    ${this.textColors.map(((e,t)=>html`
+                            <div class="threshold-list-item">
+                                <div class="threshold-list-item-colour">
+                                    <or-mwc-input type="${InputType.COLOUR}" value="${e[1]}"
+                                                  @or-mwc-input-changed="${e=>{this.textColors[t][1]=e.detail.value,this.requestUpdate("textColors")}}"
+                                    ></or-mwc-input>
+                                </div>
+                                <or-mwc-input type="${InputType.TEXT}" comfortable .value="${e[0]}"
+                                              @or-mwc-input-changed="${e=>{this.textColors[t][0]=e.detail.value,this.requestUpdate("textColors")}}"
+
+                                ></or-mwc-input>
+                                ${0===t?html`
+                                    <button class="button-clear"
+                                            style="margin-left: 8px;">
+                                        <or-icon icon="lock" style="--or-icon-fill: var(--or-app-color5, ${unsafeCSS(DefaultColor5)});"></or-icon>
+                                    </button>
+                                `:html`
+                                    <button class="button-clear"
+                                            style="margin-left: 8px;"
+                                            @click="${()=>{this.removeThreshold(e)}}">
+                                        <or-icon icon="close-circle"></or-icon>
+                                    </button>
+                                `}
+                            </div>
+                        `))}
+                    <or-mwc-input .type="${InputType.BUTTON}" label="threshold" icon="plus"
+                                  @or-mwc-input-changed="${()=>this.addNewThreshold()}">
+                    </or-mwc-input>
+                `:null}
+            </div>
+        `}removeThreshold(e){"number"==typeof e[0]?this.thresholds=this.thresholds.filter((t=>t!==e)):this.textColors=this.textColors.filter((t=>t!==e))}addThreshold(e){"number"==typeof e[0]?(this.thresholds.push(e),this.requestUpdate("thresholds")):(this.textColors.push(e),this.requestUpdate("textColors"))}addNewThreshold(){if("text"===this.valueType)this.addThreshold(["new","#000000"]);else{const e=this.thresholds[this.thresholds.length-1][0]+10;this.addThreshold([!this.max||e<=this.max?e:this.max,"#000000"])}this.updateComplete.then((()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.getElementById("thresholds-list");Array.from(t.children)[t.children.length-2].children[1].setAttribute("focused","true")}))}};__decorate([property()],ThresholdsPanel.prototype,"thresholds",void 0),__decorate([property()],ThresholdsPanel.prototype,"textColors",void 0),__decorate([property()],ThresholdsPanel.prototype,"boolColors",void 0),__decorate([property()],ThresholdsPanel.prototype,"min",void 0),__decorate([property()],ThresholdsPanel.prototype,"max",void 0),__decorate([property()],ThresholdsPanel.prototype,"valueType",void 0),ThresholdsPanel=__decorate([customElement("thresholds-panel")],ThresholdsPanel);export{ThresholdsPanel};

package/lib/panels/thresholds-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thresholds-panel.js","sourceRoot":"","sources":["../../src/panels/thresholds-panel.ts"],"names":[],"mappings":"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"}

package/lib/service/dashboard-service.d.ts

@@ -0,0 +1,13 @@
+import { Dashboard } from "@openremote/model";
+export declare enum DashboardSizeOption {
+    DESKTOP = 0,
+    MOBILE = 1
+}
+export declare class DashboardService {
+    static create(dashboard?: Dashboard, size?: DashboardSizeOption, realm?: string, post?: boolean): Promise<Dashboard>;
+    static delete(id: string, realm?: string): Promise<void>;
+    private static getDefaultColumns;
+    private static getDefaultDisplayName;
+    private static getDefaultScreenPresets;
+    private static getDefaultMaxScreenWidth;
+}

package/lib/service/dashboard-service.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,a,i){return new(a||(a=Promise))((function(r,n){function s(e){try{d(i.next(e))}catch(e){n(e)}}function o(e){try{d(i.throw(e))}catch(e){n(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(s,o)}d((i=i.apply(e,t||[])).next())}))};import manager from"@openremote/core";import{i18next}from"@openremote/or-translate";export var DashboardSizeOption;!function(e){e[e.DESKTOP=0]="DESKTOP",e[e.MOBILE=1]="MOBILE"}(DashboardSizeOption||(DashboardSizeOption={}));export class DashboardService{static create(e,t=DashboardSizeOption.DESKTOP,a=manager.displayRealm,i=!0){var r;return __awaiter(this,void 0,void 0,(function*(){const n=()=>(Math.random()+1).toString(36).substring(2);return e?(e.id=n(),e.template&&(e.template.id=n(),null===(r=e.template.widgets)||void 0===r||r.forEach((e=>e.id=n())))):e={realm:a,displayName:this.getDefaultDisplayName(t),template:{id:n(),columns:this.getDefaultColumns(t),maxScreenWidth:this.getDefaultMaxScreenWidth(t),refreshInterval:"OFF",screenPresets:this.getDefaultScreenPresets(t)}},i?(yield manager.rest.api.DashboardResource.create(e)).data:e}))}static delete(e,t=manager.displayRealm){return __awaiter(this,void 0,void 0,(function*(){return(yield manager.rest.api.DashboardResource.delete(t,e)).data}))}static getDefaultColumns(e){switch(e){case DashboardSizeOption.MOBILE:return 4;case DashboardSizeOption.DESKTOP:default:return 12}}static getDefaultDisplayName(e){switch(e){case DashboardSizeOption.DESKTOP:return i18next.t("dashboard.initialName");case DashboardSizeOption.MOBILE:return i18next.t("dashboard.initialName")+" ("+i18next.t("dashboard.size.mobile")+")"}}static getDefaultScreenPresets(e){return e===DashboardSizeOption.MOBILE?[{id:"mobile",displayName:"dashboard.size.mobile",breakpoint:640,scalingPreset:"KEEP_LAYOUT"}]:[{id:"mobile",displayName:"dashboard.size.mobile",breakpoint:640,scalingPreset:"WRAP_TO_SINGLE_COLUMN"}]}static getDefaultMaxScreenWidth(e){switch(e){case DashboardSizeOption.DESKTOP:return 4e3;case DashboardSizeOption.MOBILE:return 640}}}

package/lib/service/dashboard-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-service.js","sourceRoot":"","sources":["../../src/service/dashboard-service.ts"],"names":[],"mappings":"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"}

package/lib/service/widget-service.d.ts

@@ -0,0 +1,8 @@
+import { DashboardWidget } from "@openremote/model";
+import { WidgetConfig } from "../util/widget-config";
+import { WidgetManifest } from "../util/or-widget";
+export declare class WidgetService {
+    static getManifest(widgetTypeId: string): WidgetManifest;
+    static placeNew(widgetTypeId: string, x: number, y: number): Promise<DashboardWidget>;
+    static correctToConfigSpec(manifest: WidgetManifest, widgetConfig: WidgetConfig): WidgetConfig;
+}

package/lib/service/widget-service.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){return new(i||(i=Promise))((function(o,r){function a(t){try{d(n.next(t))}catch(t){r(t)}}function c(t){try{d(n.throw(t))}catch(t){r(t)}}function d(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(a,c)}d((n=n.apply(t,e||[])).next())}))};import{widgetTypes}from"../index";import{Util}from"@openremote/core";export class WidgetService{static getManifest(t){const e=widgetTypes.get(t);if(!e)throw new Error("Widget manifest could not be found during widget creation.");return e}static placeNew(t,e,i){return __awaiter(this,void 0,void 0,(function*(){const n=(Math.random()+1).toString(36).substring(2),o=this.getManifest(t);return{id:n,displayName:o.displayName,gridItem:{id:n,x:e,y:i,w:2,h:2,minW:o.minColumnWidth,minH:o.minColumnHeight,minPixelW:o.minPixelWidth,minPixelH:o.minPixelHeight,noResize:!1,noMove:!1,locked:!1},widgetConfig:o.getDefaultConfig(),widgetTypeId:t}}))}static correctToConfigSpec(t,e){return Util.mergeObjects(t.getDefaultConfig(),e,!1)}}

package/lib/service/widget-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-service.js","sourceRoot":"","sources":["../../src/service/widget-service.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAGtC,MAAM,OAAO,aAAa;IAEf,MAAM,CAAC,WAAW,CAAC,YAAoB;QAC1C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAG,CAAC,QAAQ,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAC;QAClF,CAAC;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IAEM,MAAM,CAAO,QAAQ,CAAC,YAAoB,EAAE,CAAS,EAAE,CAAS;;YACnE,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC/D,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAChD,MAAM,MAAM,GAAG;gBACX,EAAE,EAAE,QAAQ;gBACZ,WAAW,EAAE,QAAQ,CAAC,WAAW;gBACjC,QAAQ,EAAE;oBACN,EAAE,EAAE,QAAQ;oBACZ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,IAAI,EAAE,QAAQ,CAAC,cAAc;oBAC7B,IAAI,EAAE,QAAQ,CAAC,eAAe;oBAC9B,SAAS,EAAE,QAAQ,CAAC,aAAa;oBACjC,SAAS,EAAE,QAAQ,CAAC,cAAc;oBAClC,QAAQ,EAAE,KAAK;oBACf,MAAM,EAAE,KAAK;oBACb,MAAM,EAAE,KAAK;iBAChB,EAAE,2DAA2D;gBAC9D,YAAY,EAAE,QAAQ,CAAC,gBAAgB,EAAE;gBACzC,YAAY,EAAE,YAAY;aACV,CAAC;YACrB,OAAO,MAAM,CAAC;QAClB,CAAC;KAAA;IAED,0DAA0D;IAC1D,4HAA4H;IACrH,MAAM,CAAC,mBAAmB,CAAC,QAAwB,EAAE,YAA0B;QAClF,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,KAAK,CAAiB,CAAC;IAC/F,CAAC;CACJ"}

package/lib/settings/attribute-input-settings.d.ts

@@ -0,0 +1,13 @@
+import { TemplateResult } from "lit";
+import { AttributeInputWidgetConfig } from "../widgets/attribute-input-widget";
+import { AttributesSelectEvent } from "../panels/attributes-panel";
+import { OrInputChangedEvent } from "@openremote/or-mwc-components/or-mwc-input";
+import { AssetWidgetSettings } from "../util/or-asset-widget";
+export declare class AttributeInputSettings extends AssetWidgetSettings {
+    protected readonly widgetConfig: AttributeInputWidgetConfig;
+    static get styles(): import("lit").CSSResult[];
+    protected render(): TemplateResult;
+    protected onAttributesSelect(ev: AttributesSelectEvent): void;
+    protected onReadonlyToggle(ev: OrInputChangedEvent): void;
+    protected onHelperTextToggle(ev: OrInputChangedEvent): void;
+}

package/lib/settings/attribute-input-settings.js

@@ -0,0 +1,36 @@
+var __decorate=this&&this.__decorate||function(t,e,i,s){var n,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};import{css,html}from"lit";import{customElement}from"lit/decorators.js";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import{AssetWidgetSettings}from"../util/or-asset-widget";const styling=css`
+  .switch-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`;let AttributeInputSettings=class extends AssetWidgetSettings{static get styles(){return[...super.styles,styling]}render(){return html`
+            <div>
+                <!-- Attribute selection -->
+                <settings-panel displayName="attributes" expanded="${!0}">
+                    <attributes-panel .attributeRefs="${this.widgetConfig.attributeRefs}" style="padding-bottom: 12px;"
+                                      @attribute-select="${t=>this.onAttributesSelect(t)}"
+                    ></attributes-panel>
+                </settings-panel>
+
+                <!-- Other settings -->
+                <settings-panel displayName="settings" expanded="${!0}">
+                    <div>
+                        <!-- Toggle readonly -->
+                        <div class="switch-container">
+                            <span><or-translate value="dashboard.userCanEdit"></or-translate></span>
+                            <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px;" .value="${!this.widgetConfig.readonly}"
+                                          @or-mwc-input-changed="${t=>this.onReadonlyToggle(t)}"
+                            ></or-mwc-input>
+                        </div>
+                        <!-- Toggle helper text -->
+                        <div class="switch-container">
+                            <span><or-translate value="dashboard.showHelperText"></or-translate></span>
+                            <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px;" .value="${this.widgetConfig.showHelperText}"
+                                          @or-mwc-input-changed="${t=>this.onHelperTextToggle(t)}"
+                            ></or-mwc-input>
+                        </div>
+                    </div>
+                </settings-panel>
+            </div>
+        `}onAttributesSelect(t){if(this.widgetConfig.attributeRefs=t.detail.attributeRefs,1===t.detail.attributeRefs.length){const e=t.detail.assets.find((e=>e.id===t.detail.attributeRefs[0].id));e&&this.setDisplayName(e.name)}this.notifyConfigUpdate()}onReadonlyToggle(t){this.widgetConfig.readonly=!t.detail.value,this.notifyConfigUpdate()}onHelperTextToggle(t){this.widgetConfig.showHelperText=t.detail.value,this.notifyConfigUpdate()}};AttributeInputSettings=__decorate([customElement("attribute-input-settings")],AttributeInputSettings);export{AttributeInputSettings};

package/lib/settings/attribute-input-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute-input-settings.js","sourceRoot":"","sources":["../../src/settings/attribute-input-settings.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAuB,MAAM,4CAA4C,CAAC;AAC5F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAE5D,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;CAMlB,CAAC;AAGK,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,mBAAmB;IAI3D,MAAM,KAAK,MAAM;QACb,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,CAAC;IAES,MAAM;QACZ,OAAO,IAAI,CAAA;;;qEAGkD,IAAI;wDACjB,IAAI,CAAC,YAAY,CAAC,aAAa;2DAC5B,CAAC,EAAyB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;;;;;mEAKlD,IAAI;;;;;mDAKpB,SAAS,CAAC,MAAM,sCAAsC,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ;mEACjE,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;;;;;;mDAMtE,SAAS,CAAC,MAAM,sCAAsC,IAAI,CAAC,YAAY,CAAC,cAAc;mEACtE,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;;;;;;SAMlH,CAAC;IACN,CAAC;IAES,kBAAkB,CAAC,EAAyB;QAClD,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC;QAC1D,IAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC3F,IAAG,KAAK,EAAE,CAAC;gBACP,IAAI,CAAC,cAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;QACL,CAAC;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,gBAAgB,CAAC,EAAuB;QAC9C,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,kBAAkB,CAAC,EAAuB;QAChD,IAAI,CAAC,YAAY,CAAC,cAAc,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QACnD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;CAEJ,CAAA;AA9DY,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CA8DlC"}

package/lib/settings/chart-settings.d.ts

@@ -0,0 +1,30 @@
+import { TemplateResult } from "lit";
+import { WidgetSettings } from "../util/widget-settings";
+import "../panels/attributes-panel";
+import "../util/settings-panel";
+import { AttributeActionEvent, AttributesSelectEvent } from "../panels/attributes-panel";
+import { AttributeRef } from "@openremote/model";
+import { ChartWidgetConfig } from "../widgets/chart-widget";
+import { OrInputChangedEvent } from "@openremote/or-mwc-components/or-mwc-input";
+import { TimePresetCallback } from "@openremote/or-chart";
+export declare class ChartSettings extends WidgetSettings {
+    protected readonly widgetConfig: ChartWidgetConfig;
+    protected timePresetOptions: Map<string, TimePresetCallback>;
+    protected samplingOptions: Map<string, string>;
+    setTimePresetOptions(options: Map<string, TimePresetCallback>): void;
+    setSamplingOptions(options: Map<string, string>): void;
+    static get styles(): import("lit").CSSResult[];
+    protected render(): TemplateResult;
+    protected getSamplingOptionsTemplate(type: any): TemplateResult;
+    protected onAttributeAction(ev: AttributeActionEvent): void;
+    protected onAttributesSelect(ev: AttributesSelectEvent): void;
+    protected addToRightAxis(attributeRef: AttributeRef, notify?: boolean): void;
+    protected removeFromRightAxis(attributeRef: AttributeRef, notify?: boolean): void;
+    protected onTimePresetSelect(ev: OrInputChangedEvent): void;
+    protected onTimestampControlsToggle(ev: OrInputChangedEvent): void;
+    protected onShowLegendToggle(ev: OrInputChangedEvent): void;
+    protected setAxisMinMaxValue(axis: 'left' | 'right', type: 'min' | 'max', value?: number): void;
+    protected onMinMaxValueChange(axis: 'left' | 'right', type: 'min' | 'max', ev: OrInputChangedEvent): void;
+    protected onMinMaxValueToggle(axis: 'left' | 'right', type: 'min' | 'max', ev: OrInputChangedEvent): void;
+    protected onSamplingQueryChange(ev: OrInputChangedEvent): void;
+}

package/lib/settings/chart-settings.js

@@ -0,0 +1,144 @@
+var __decorate=this&&this.__decorate||function(t,i,e,n){var o,s=arguments.length,a=s<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(a=(s<3?o(a):s>3?o(i,e,a):o(i,e))||a);return s>3&&a&&Object.defineProperty(i,e,a),a};import{css,html}from"lit";import{customElement}from"lit/decorators.js";import{WidgetSettings}from"../util/widget-settings";import"../panels/attributes-panel";import"../util/settings-panel";import{i18next}from"@openremote/or-translate";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import{when}from"lit/directives/when.js";const styling=css`
+  .switch-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`;let ChartSettings=class extends WidgetSettings{constructor(){super(...arguments),this.timePresetOptions=new Map,this.samplingOptions=new Map}setTimePresetOptions(t){this.timePresetOptions=t}setSamplingOptions(t){this.samplingOptions=t}static get styles(){return[...super.styles,styling]}render(){var t,i,e,n,o,s;const a=null===(e=null===(i=null===(t=this.widgetConfig.chartOptions.options)||void 0===t?void 0:t.scales)||void 0===i?void 0:i.y)||void 0===e?void 0:e.min,l=null===(s=null===(o=null===(n=this.widgetConfig.chartOptions.options)||void 0===n?void 0:n.scales)||void 0===o?void 0:o.y)||void 0===s?void 0:s.max,r=this.widgetConfig.rightAxisAttributes.length>0,p=Array.from(this.samplingOptions.entries()).find((t=>t[1]===this.widgetConfig.datapointQuery.type))[0];return html`
+            <div>
+                <!-- Attribute selection -->
+                <settings-panel displayName="attributes" expanded="${!0}">
+                    <attributes-panel .attributeRefs="${this.widgetConfig.attributeRefs}" multi="${!0}" onlyDataAttrs="${!0}" .attributeFilter="${t=>["boolean","positiveInteger","positiveNumber","number","long","integer","bigInteger","negativeInteger","negativeNumber","bigNumber","integerByte","direction"].includes(t.type)}" style="padding-bottom: 12px;"
+                                      .attributeLabelCallback="${(t,i,e)=>{const n=r&&void 0!==this.widgetConfig.rightAxisAttributes.find((e=>e.id===t.id&&e.name===i.name));return html`
+                <span>${t.name}</span>
+                <span style="font-size:14px; color:grey;">${e}</span>
+                ${when(n,(()=>html`
+                    <span style="position: absolute; right: 0; margin-bottom: 16px; font-size:14px; color:grey;"><or-translate value="right"></or-translate></span>
+                `))}
+            `}}" .attributeActionCallback="${t=>[{icon:this.widgetConfig.rightAxisAttributes.includes(t)?"arrow-right-bold":"arrow-left-bold",tooltip:i18next.t("dashboard.toggleAxis"),disabled:!1}]}"
+                                      @attribute-action="${t=>this.onAttributeAction(t)}"
+                                      @attribute-select="${t=>this.onAttributesSelect(t)}"
+                    ></attributes-panel>
+                </settings-panel>
+
+                <!-- Display options -->
+                <settings-panel displayName="display" expanded="${!0}">
+                    <div style="padding-bottom: 12px; display: flex; flex-direction: column; gap: 6px;">
+                        <!-- Timeframe -->
+                        <div>
+                            <or-mwc-input .type="${InputType.SELECT}" label="${i18next.t("timeframeDefault")}" style="width: 100%;"
+                                          .options="${Array.from(this.timePresetOptions.keys())}" value="${this.widgetConfig.defaultTimePresetKey}"
+                                          @or-mwc-input-changed="${t=>this.onTimePresetSelect(t)}"
+                            ></or-mwc-input>
+                        </div>
+                        <!-- Y Min/max options -->
+                        <div>
+                            <div class="switch-container">
+                                <span><or-translate value="dashboard.allowTimerangeSelect"></or-translate></span>
+                                <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px;" .value="${!this.widgetConfig.showTimestampControls}"
+                                              @or-mwc-input-changed="${t=>this.onTimestampControlsToggle(t)}"
+                                ></or-mwc-input>
+                            </div>
+                            <div class="switch-container">
+                                <span><or-translate value="dashboard.showLegend"></or-translate></span>
+                                <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px;" .value="${this.widgetConfig.showLegend}"
+                                              @or-mwc-input-changed="${t=>this.onShowLegendToggle(t)}"
+                                ></or-mwc-input>
+                            </div>
+                        </div>
+                    </div>
+                </settings-panel>
+
+                <!-- Axis configuration -->
+                <settings-panel displayName="dashboard.axisConfig" expanded="${!0}">
+                    <div style="padding-bottom: 12px; display: flex; flex-direction: column; gap: 16px;">
+
+                        <!-- Left axis configuration -->
+                        <div>
+                            ${when(r,(()=>html`
+                                <div style="margin-bottom: 8px;">
+                                    <span><or-translate value="dashboard.leftAxis"></or-translate></span>
+                                </div>
+                            `))}
+                            <div style="display: flex;">
+                                ${void 0!==l?html`
+                                    <or-mwc-input .type="${InputType.NUMBER}" label="${i18next.t("yAxis")+" "+i18next.t("max")}" .value="${l}" style="width: 100%;"
+                                                  @or-mwc-input-changed="${t=>this.onMinMaxValueChange("left","max",t)}"
+                                    ></or-mwc-input>
+                                `:html`
+                                    <or-mwc-input .type="${InputType.TEXT}" label="${i18next.t("yAxis")+" "+i18next.t("max")}" disabled="true" value="auto" style="width: 100%;"></or-mwc-input>
+                                `}
+                                <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px 0 0;" .value="${void 0!==l}"
+                                              @or-mwc-input-changed="${t=>this.onMinMaxValueToggle("left","max",t)}"
+                                ></or-mwc-input>
+                            </div>
+                            <div style="display: flex; margin-top: 12px;">
+                                ${void 0!==a?html`
+                                    <or-mwc-input .type="${InputType.NUMBER}" label="${i18next.t("yAxis")+" "+i18next.t("min")}" .value="${a}" style="width: 100%;"
+                                                  @or-mwc-input-changed="${t=>this.onMinMaxValueChange("left","min",t)}"
+                                    ></or-mwc-input>
+                                `:html`
+                                    <or-mwc-input .type="${InputType.TEXT}" label="${i18next.t("yAxis")+" "+i18next.t("min")}" disabled="true" value="auto" style="width: 100%;"></or-mwc-input>
+                                `}
+                                <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px 0 0;" .value="${void 0!==a}"
+                                              @or-mwc-input-changed="${t=>this.onMinMaxValueToggle("left","min",t)}"
+                                ></or-mwc-input>
+                            </div>
+                        </div>
+
+                        <!-- Right axis configuration -->
+                        ${when(r,(()=>{var t,i,e,n,o,s;const a=null===(e=null===(i=null===(t=this.widgetConfig.chartOptions.options)||void 0===t?void 0:t.scales)||void 0===i?void 0:i.y1)||void 0===e?void 0:e.min,l=null===(s=null===(o=null===(n=this.widgetConfig.chartOptions.options)||void 0===n?void 0:n.scales)||void 0===o?void 0:o.y1)||void 0===s?void 0:s.max;return html`
+                                <div>
+                                    <div style="margin-bottom: 8px;">
+                                        <span><or-translate value="dashboard.rightAxis"></or-translate></span>
+                                    </div>
+                                    <div style="display: flex;">
+                                        ${void 0!==l?html`
+                                            <or-mwc-input .type="${InputType.NUMBER}" label="${i18next.t("yAxis")+" "+i18next.t("max")}" .value="${l}" style="width: 100%;"
+                                                          @or-mwc-input-changed="${t=>this.onMinMaxValueChange("right","max",t)}"
+                                            ></or-mwc-input>
+                                        `:html`
+                                            <or-mwc-input .type="${InputType.TEXT}" label="${i18next.t("yAxis")+" "+i18next.t("max")}" disabled="true" value="auto"
+                                                          style="width: 100%;"></or-mwc-input>
+                                        `}
+                                        <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px 0 0;" .value="${void 0!==l}"
+                                                      @or-mwc-input-changed="${t=>this.onMinMaxValueToggle("right","max",t)}"
+                                        ></or-mwc-input>
+                                    </div>
+                                    <div style="display: flex; margin-top: 12px;">
+                                        ${void 0!==a?html`
+                                            <or-mwc-input .type="${InputType.NUMBER}" label="${i18next.t("yAxis")+" "+i18next.t("min")}" .value="${a}" style="width: 100%;"
+                                                          @or-mwc-input-changed="${t=>this.onMinMaxValueChange("right","min",t)}"
+                                            ></or-mwc-input>
+                                        `:html`
+                                            <or-mwc-input .type="${InputType.TEXT}" label="${i18next.t("yAxis")+" "+i18next.t("min")}" disabled="true" value="auto"
+                                                          style="width: 100%;"></or-mwc-input>
+                                        `}
+                                        <or-mwc-input .type="${InputType.SWITCH}" style="margin: 0 -10px 0 0;" .value="${void 0!==a}"
+                                                      @or-mwc-input-changed="${t=>this.onMinMaxValueToggle("right","min",t)}"
+                                        ></or-mwc-input>
+                                    </div>
+                                </div>
+                            `}))}
+                    </div>
+                </settings-panel>
+
+                <!-- Data sampling options -->
+                <settings-panel displayName="dataSampling" expanded="${!0}">
+                    <div style="padding-bottom: 12px; display: flex; flex-direction: column; gap: 12px;">
+                        <div>
+                            <or-mwc-input .type="${InputType.SELECT}" style="width: 100%" .options="${Array.from(this.samplingOptions.keys())}" .value="${p}"
+                                          label="${i18next.t("algorithm")}" @or-mwc-input-changed="${t=>this.onSamplingQueryChange(t)}"
+                            ></or-mwc-input>
+                        </div>
+                        <div>
+                            ${this.getSamplingOptionsTemplate(this.widgetConfig.datapointQuery.type)}
+                        </div>
+                    </div>
+                </settings-panel>
+            </div>
+        `}getSamplingOptionsTemplate(t){if("interval"===t){const t=this.widgetConfig.datapointQuery,i=["AVG","MIN","MAX"];return html`
+                    <or-mwc-input .type="${InputType.SELECT}" style="width: 100%;" .options="${i}"
+                                  .value="${t.formula}" label="${i18next.t("algorithmMethod")}" @or-mwc-input-changed="${i=>{t.formula=i.detail.value,this.notifyConfigUpdate()}}"
+                    ></or-mwc-input>
+                `}return html``}onAttributeAction(t){this.widgetConfig.attributeRefs.indexOf(t.detail.attributeRef)>=0&&(this.widgetConfig.rightAxisAttributes.includes(t.detail.attributeRef)?this.removeFromRightAxis(t.detail.attributeRef):this.addToRightAxis(t.detail.attributeRef),this.notifyConfigUpdate())}onAttributesSelect(t){this.widgetConfig.attributeRefs.filter((i=>!t.detail.attributeRefs.includes(i))).forEach((t=>this.removeFromRightAxis(t))),this.widgetConfig.attributeRefs=t.detail.attributeRefs,this.notifyConfigUpdate()}addToRightAxis(t,i=!1){this.widgetConfig.rightAxisAttributes.includes(t)||(this.widgetConfig.rightAxisAttributes.push(t),i&&this.notifyConfigUpdate())}removeFromRightAxis(t,i=!1){this.widgetConfig.rightAxisAttributes.includes(t)&&(this.widgetConfig.rightAxisAttributes.splice(this.widgetConfig.rightAxisAttributes.indexOf(t),1),i&&this.notifyConfigUpdate())}onTimePresetSelect(t){this.widgetConfig.defaultTimePresetKey=t.detail.value.toString(),this.notifyConfigUpdate()}onTimestampControlsToggle(t){this.widgetConfig.showTimestampControls=!t.detail.value,this.notifyConfigUpdate()}onShowLegendToggle(t){this.widgetConfig.showLegend=t.detail.value,this.notifyConfigUpdate()}setAxisMinMaxValue(t,i,e){"left"===t?"min"===i?this.widgetConfig.chartOptions.options.scales.y.min=e:this.widgetConfig.chartOptions.options.scales.y.max=e:"min"===i?this.widgetConfig.chartOptions.options.scales.y1.min=e:this.widgetConfig.chartOptions.options.scales.y1.max=e,this.notifyConfigUpdate()}onMinMaxValueChange(t,i,e){this.setAxisMinMaxValue(t,i,e.detail.value)}onMinMaxValueToggle(t,i,e){this.setAxisMinMaxValue(t,i,e.detail.value?"min"===i?0:100:void 0)}onSamplingQueryChange(t){this.widgetConfig.datapointQuery.type=this.samplingOptions.get(t.detail.value),this.notifyConfigUpdate()}};ChartSettings=__decorate([customElement("chart-settings")],ChartSettings);export{ChartSettings};

package/lib/settings/chart-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-settings.js","sourceRoot":"","sources":["../../src/settings/chart-settings.ts"],"names":[],"mappings":"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"}

package/lib/settings/gauge-settings.d.ts

@@ -0,0 +1,15 @@
+import { TemplateResult } from "lit";
+import { WidgetSettings } from "../util/widget-settings";
+import { GaugeWidgetConfig } from "../widgets/gauge-widget";
+import { AttributesSelectEvent } from "../panels/attributes-panel";
+import { OrInputChangedEvent } from "@openremote/or-mwc-components/or-mwc-input";
+import { ThresholdChangeEvent } from "../panels/thresholds-panel";
+import "../panels/thresholds-panel";
+export declare class GaugeSettings extends WidgetSettings {
+    protected widgetConfig: GaugeWidgetConfig;
+    protected render(): TemplateResult;
+    protected onAttributesSelect(ev: AttributesSelectEvent): void;
+    protected onMinMaxValueChange(type: 'min' | 'max', ev: OrInputChangedEvent): void;
+    protected onDecimalsChange(ev: OrInputChangedEvent): void;
+    protected onThresholdChange(ev: ThresholdChangeEvent): void;
+}

package/lib/settings/gauge-settings.js

@@ -0,0 +1,37 @@
+var __decorate=this&&this.__decorate||function(e,t,i,n){var a,s=arguments.length,o=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o};import{html}from"lit";import{customElement}from"lit/decorators.js";import{WidgetSettings}from"../util/widget-settings";import{i18next}from"@openremote/or-translate";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import"../panels/thresholds-panel";let GaugeSettings=class extends WidgetSettings{render(){return html`
+            <div>
+                <!-- Attribute selection -->
+                <settings-panel displayName="attributes" expanded="${!0}">
+                    <attributes-panel .attributeRefs="${this.widgetConfig.attributeRefs}" .attributeFilter="${e=>["positiveInteger","positiveNumber","number","long","integer","bigInteger","negativeInteger","negativeNumber","bigNumber","integerByte","direction"].includes(e.type)}" style="padding-bottom: 12px;"
+                                      @attribute-select="${e=>this.onAttributesSelect(e)}"
+                    ></attributes-panel>
+                </settings-panel>
+                
+                <!-- Min/max and decimals options-->
+                <settings-panel displayName="values" expanded="${!0}">
+                    <div style="padding-bottom: 12px; display: flex; flex-direction: column; gap: 12px;">
+                        <div style="display: flex; gap: 8px;">
+                            <or-mwc-input .type="${InputType.NUMBER}" label="${i18next.t("min")}" .max="${this.widgetConfig.max}" .value="${this.widgetConfig.min}"
+                                          @or-mwc-input-changed="${e=>this.onMinMaxValueChange("min",e)}"
+                            ></or-mwc-input>
+                            <or-mwc-input .type="${InputType.NUMBER}" label="${i18next.t("max")}" .min="${this.widgetConfig.min}" .value="${this.widgetConfig.max}"
+                                          @or-mwc-input-changed="${e=>this.onMinMaxValueChange("max",e)}"
+                            ></or-mwc-input>
+                        </div>
+                        <div>
+                            <or-mwc-input .type="${InputType.NUMBER}" style="width: 100%;" .value="${this.widgetConfig.decimals}" label="${i18next.t("decimals")}" .min="${0}"
+                                          @or-mwc-input-changed="${e=>this.onDecimalsChange(e)}"
+                            ></or-mwc-input>
+                        </div>
+                    </div>
+                </settings-panel>
+                
+                <!-- Thresholds panel -->
+                <settings-panel displayName="thresholds" expanded="${!0}">
+                    <thresholds-panel .thresholds="${this.widgetConfig.thresholds}" .valueType="${"number"}" style="padding-bottom: 12px;"
+                                      .min="${this.widgetConfig.min}" .max="${this.widgetConfig.max}"
+                                      @threshold-change="${e=>this.onThresholdChange(e)}">
+                    </thresholds-panel>
+                </settings-panel>
+            </div>
+        `}onAttributesSelect(e){if(this.widgetConfig.attributeRefs=e.detail.attributeRefs,1===e.detail.attributeRefs.length){const t=e.detail.attributeRefs[0],i=e.detail.assets.find((e=>e.id===t.id));this.setDisplayName(i?`${i.name} - ${t.name}`:`${t.name}`)}this.notifyConfigUpdate()}onMinMaxValueChange(e,t){switch(e){case"max":this.widgetConfig.max=t.detail.value;break;case"min":this.widgetConfig.min=t.detail.value}this.notifyConfigUpdate()}onDecimalsChange(e){this.widgetConfig.decimals=e.detail.value,this.notifyConfigUpdate()}onThresholdChange(e){this.widgetConfig.thresholds=e.detail,this.notifyConfigUpdate()}};GaugeSettings=__decorate([customElement("gauge-settings")],GaugeSettings);export{GaugeSettings};

package/lib/settings/gauge-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gauge-settings.js","sourceRoot":"","sources":["../../src/settings/gauge-settings.ts"],"names":[],"mappings":"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"}

package/lib/settings/image-settings.d.ts

@@ -0,0 +1,17 @@
+import { PropertyValues, TemplateResult } from "lit";
+import { ImageWidgetConfig } from "../widgets/image-widget";
+import { AttributesSelectEvent } from "../panels/attributes-panel";
+import { OrInputChangedEvent } from "@openremote/or-mwc-components/or-mwc-input";
+import { AssetWidgetSettings } from "../util/or-asset-widget";
+export declare class ImageSettings extends AssetWidgetSettings {
+    protected readonly widgetConfig: ImageWidgetConfig;
+    static get styles(): import("lit").CSSResult[];
+    protected willUpdate(changedProps: PropertyValues): void;
+    protected loadAssets(): void;
+    protected render(): TemplateResult;
+    protected onAttributesSelect(ev: AttributesSelectEvent): void;
+    protected onImageUrlUpdate(ev: OrInputChangedEvent): void;
+    updateCoordinateMap(config: ImageWidgetConfig): void;
+    private draftCoordinateEntries;
+    protected onCoordinateUpdate(index: number, coordinate: 'x' | 'y', value: number): void;
+}