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

package/lib/settings/image-settings.js

@@ -0,0 +1,52 @@
+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{i18next}from"@openremote/or-translate";import{AssetModelUtil}from"@openremote/model";import{map}from"lit/directives/map.js";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import{Util}from"@openremote/core";import{when}from"lit/directives/when.js";import{AssetWidgetSettings}from"../util/or-asset-widget";const styling=css`
+  #marker-container {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+`;let ImageSettings=class extends AssetWidgetSettings{static get styles(){return[...super.styles,styling]}willUpdate(t){super.willUpdate(t),t.has("widgetConfig")&&this.widgetConfig&&(this.updateCoordinateMap(this.widgetConfig),this.loadAssets())}loadAssets(){this.widgetConfig.attributeRefs.filter((t=>!this.isAttributeRefLoaded(t))).length>0&&this.fetchAssets(this.widgetConfig.attributeRefs).then((t=>{this.loadedAssets=void 0===t?[]:t}))}render(){return html`
+            <div>
+                <!-- Attributes selector -->
+                <settings-panel displayName="'attributes" expanded="${!0}">
+                    <attributes-panel .attributeRefs="${this.widgetConfig.attributeRefs}" onlyDataAttrs="${!1}" multi="${!0}"
+                                      @attribute-select="${t=>this.onAttributesSelect(t)}"
+                    ></attributes-panel>
+                </settings-panel>
+                
+                <!-- Marker coordinates -->
+                <settings-panel displayName="dashboard.markerCoordinates" expanded="${!0}">
+                    <div style="display: flex; flex-direction: column; gap: 8px;">
+                        ${map(this.draftCoordinateEntries(this.widgetConfig),(t=>t))}
+                    </div>
+                </settings-panel>
+                
+                <!-- Image settings -->
+                <settings-panel displayName="dashboard.imageSettings" expanded="${!0}">
+                    <div>
+                        <or-mwc-input style="width: 100%;" type="${InputType.TEXT}" label="${i18next.t("dashboard.imageUrl")}" .value="${this.widgetConfig.imagePath}"
+                                      @or-mwc-input-changed="${t=>this.onImageUrlUpdate(t)}"
+                        ></or-mwc-input>
+                    </div>
+                </settings-panel>
+            </div>
+        `}onAttributesSelect(t){this.widgetConfig.attributeRefs=t.detail.attributeRefs,this.notifyConfigUpdate()}onImageUrlUpdate(t){this.widgetConfig.imagePath=t.detail.value,this.notifyConfigUpdate()}updateCoordinateMap(t){for(let e=0;e<t.attributeRefs.length;e++){const i=t.attributeRefs[e];if(void 0===i)return void console.error("attributeRef is undefined");-1===t.markers.findIndex((t=>t.attributeRef.id===i.id&&t.attributeRef.name===i.name))&&t.markers.push({attributeRef:i,coordinates:[50,50]})}}draftCoordinateEntries(t){return t.markers.length>0?t.attributeRefs.map((e=>{var i,s,n;const r=t.markers.find((t=>t.attributeRef.id===e.id&&t.attributeRef.name===e.name));if(void 0===r)return console.error("A marker could not be found during drafting coordinate entries."),html``;const a=t.markers.indexOf(r),o=r.coordinates,d=null===(i=this.loadedAssets)||void 0===i?void 0:i.find((t=>t.id===e.id));let l;if(d){const t=d.attributes[e.name],i=AssetModelUtil.getAttributeAndValueDescriptors(d.type,e.name,t);l=Util.getAttributeLabel(t,i[0],d.type,!1)}return html`
+                    <div id="marker-container">
+                        <div style="flex: 1; display: flex; flex-direction: column;">
+                            <span>${null===(n=null===(s=this.loadedAssets)||void 0===s?void 0:s.find((t=>t.id===e.id)))||void 0===n?void 0:n.name}</span>
+                            ${when(l,(()=>html`
+                                <span style="color: gray;">${l}</span>
+                            `))}
+                        </div>
+                        <div style="display: flex; gap: 8px;">
+                            <or-mwc-input .disableSliderNumberInput="${!0}" compact style="max-width: 64px;"
+                                          .type="${InputType.NUMBER}" .min="${0}" .max="${100}" .value="${o[0]}"
+                                          @or-mwc-input-changed="${t=>this.onCoordinateUpdate(a,"x",t.detail.value)}"
+                            ></or-mwc-input>
+
+                            <or-mwc-input .disableSliderNumberInput="${!0}" compact style="max-width: 64px;"
+                                          .type="${InputType.NUMBER}" .min="${0}" .max="${100}" .value="${o[1]}"
+                                          @or-mwc-input-changed="${t=>this.onCoordinateUpdate(a,"y",t.detail.value)}"
+                            ></or-mwc-input>
+                        </div>
+                    </div>
+                `})):[html`<span><or-translate value="noAttributeConnected"></or-translate></span>`]}onCoordinateUpdate(t,e,i){let s=this.widgetConfig.markers[t].coordinates;s||(s=[0,0]),"x"===e?s[0]=i:"y"===e&&(s[1]=i),this.widgetConfig.markers[t].coordinates=s,this.notifyConfigUpdate()}};ImageSettings=__decorate([customElement("image-settings")],ImageSettings);export{ImageSettings};

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-settings.js","sourceRoot":"","sources":["../../src/settings/image-settings.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAS,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAC;AAEjD,OAAO,EAAQ,cAAc,EAAe,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAuB,MAAM,4CAA4C,CAAC;AAC5F,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAE5D,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;CAMlB,CAAC;AAGK,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,mBAAmB;IAKlD,MAAM,KAAK,MAAM;QACb,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,CAAC;IAES,UAAU,CAAC,YAA4B;QAC7C,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QAC/B,IAAG,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAC5C,IAAI,CAAC,UAAU,EAAE,CAAC;QACtB,CAAC;IACL,CAAC;IAES,UAAU;QAChB,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC;QACrG,IAAG,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC9D,IAAG,MAAM,KAAK,SAAS,EAAE,CAAC;oBACtB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;gBAC3B,CAAC;qBAAM,CAAC;oBACJ,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;gBAC/B,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAES,MAAM;QACZ,OAAO,IAAI,CAAA;;;sEAGmD,IAAI;wDAClB,IAAI,CAAC,YAAY,CAAC,aAAa,oBAAoB,KAAK,YAAY,IAAI;2DACrE,CAAC,EAAyB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;;;;;sFAK/B,IAAI;;0BAEhE,GAAG,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC;;;;;kFAKjB,IAAI;;mEAEnB,SAAS,CAAC,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,SAAS;+DACrG,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;;;;;SAK5G,CAAC;IACN,CAAC;IAES,kBAAkB,CAAC,EAAyB;QAClD,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC;QAC1D,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,gBAAgB,CAAC,EAAuB;QAC9C,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAGD,4CAA4C;IAE5C,sEAAsE;IACtE,mBAAmB,CAAC,MAAyB;QACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACnD,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YAC7C,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;gBAC7B,OAAO,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;gBAC3C,OAAO;YACX,CAAC;YACD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;YAChI,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;gBACf,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;oBAChB,YAAY,EAAE,YAAY;oBAC1B,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;iBACxB,CAAC,CAAC;YACP,CAAC;QACL,CAAC;IACL,CAAC;IAEO,sBAAsB,CAAC,MAAyB;QACpD,MAAM,GAAG,GAAG,CAAC,CAAC;QACd,MAAM,GAAG,GAAG,GAAG,CAAC;QAEhB,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE;;gBAC7C,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC5H,IAAG,MAAM,KAAK,SAAS,EAAE,CAAC;oBACtB,OAAO,CAAC,KAAK,CAAC,iEAAiE,CAAC,CAAC;oBACjF,OAAO,IAAI,CAAA,EAAE,CAAC;gBAClB,CAAC;gBACD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;gBACvC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAAC;gBACrE,IAAI,KAAyB,CAAC;gBAC9B,IAAG,KAAK,EAAE,CAAC;oBACP,MAAM,SAAS,GAAG,KAAK,CAAC,UAAW,CAAC,YAAY,CAAC,IAAK,CAAC,CAAC;oBACxD,MAAM,WAAW,GAAG,cAAc,CAAC,+BAA+B,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;oBAC7G,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACjF,CAAC;gBACD,OAAO,IAAI,CAAA;;;oCAGS,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,0CAAE,IAAI;8BAClE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;6DACS,KAAK;6BACrC,CAAC;;;uEAGyC,IAAI;mDACxB,SAAS,CAAC,MAAM,WAAW,GAAG,WAAW,GAAG,aAAa,WAAW,CAAC,CAAC,CAAC;mEACvD,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;;;uEAG7E,IAAI;mDACxB,SAAS,CAAC,MAAM,WAAW,GAAG,WAAW,GAAG,aAAa,WAAW,CAAC,CAAC,CAAC;mEACvD,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;;;;iBAInI,CAAC;YACN,CAAC,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,OAAO;gBACH,IAAI,CAAA,yEAAyE;aAChF,CAAC;QACN,CAAC;IACL,CAAC;IAES,kBAAkB,CAAC,KAAa,EAAE,UAAqB,EAAE,KAAa;QAC5E,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC;QAC1D,IAAG,CAAC,MAAM,EAAE,CAAC;YACT,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACpB,CAAC;QACD,IAAG,UAAU,KAAK,GAAG,EAAE,CAAC;YACpB,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;QACtB,CAAC;aAAM,IAAG,UAAU,KAAK,GAAG,EAAE,CAAC;YAC3B,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;QACtB,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,MAAM,CAAC;QACtD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;CAEJ,CAAA;AAzJY,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAyJzB"}

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

@@ -0,0 +1,15 @@
+import { TemplateResult } from "lit";
+import { AssetWidgetSettings } from "../util/or-asset-widget";
+import { KpiWidgetConfig } from "../widgets/kpi-widget";
+import { AttributesSelectEvent } from "../panels/attributes-panel";
+import { OrInputChangedEvent } from "@openremote/or-mwc-components/or-mwc-input";
+export declare class KpiSettings extends AssetWidgetSettings {
+    protected widgetConfig: KpiWidgetConfig;
+    static get styles(): import("lit").CSSResult[];
+    protected render(): TemplateResult;
+    protected onAttributesSelect(ev: AttributesSelectEvent): void;
+    protected onTimeframeSelect(ev: OrInputChangedEvent): void;
+    protected onTimeframeToggle(ev: OrInputChangedEvent): void;
+    protected onDeltaFormatSelect(ev: OrInputChangedEvent): void;
+    protected onDecimalsChange(ev: OrInputChangedEvent): void;
+}

package/lib/settings/kpi-settings.js

@@ -0,0 +1,47 @@
+var __decorate=this&&this.__decorate||function(t,e,i,n){var s,a=arguments.length,o=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);return a>3&&o&&Object.defineProperty(e,i,o),o};import{css,html}from"lit";import{customElement}from"lit/decorators.js";import{AssetWidgetSettings}from"../util/or-asset-widget";import{i18next}from"@openremote/or-translate";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";const styling=css`
+  .switchMwcInputContainer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`;let KpiSettings=class extends AssetWidgetSettings{static get styles(){return[...super.styles,styling]}render(){return html`
+            <div>
+                <!-- Attribute selector -->
+                <settings-panel displayName="attributes" expanded="${!0}">
+                    <attributes-panel .attributeRefs="${this.widgetConfig.attributeRefs}" onlyDataAttrs="${!1}" .attributeFilter="${t=>["positiveInteger","positiveNumber","number","long","integer","bigInteger","negativeInteger","negativeNumber","bigNumber","integerByte","direction"].includes(t.type)}" style="padding-bottom: 12px;"
+                                      @attribute-select="${t=>this.onAttributesSelect(t)}"
+                    ></attributes-panel>
+                </settings-panel>
+
+                <!-- Display settings -->
+                <settings-panel displayName="display" expanded="${!0}">
+                    <div style="display: flex; flex-direction: column; gap: 8px;">
+                        <or-mwc-input .type="${InputType.SELECT}" style="width: 100%;"
+                                      .options="${["year","month","week","day","hour"]}"
+                                      .value="${this.widgetConfig.period}" label="${i18next.t("timeframe")}"
+                                      @or-mwc-input-changed="${t=>this.onTimeframeSelect(t)}"
+                        ></or-mwc-input>
+                        <div class="switchMwcInputContainer">
+                            <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.onTimeframeToggle(t)}"
+                            ></or-mwc-input>
+                        </div>
+                    </div>
+                </settings-panel>
+
+                <settings-panel displayName="values" expanded="${!0}">
+                    <div style="display: flex; flex-direction: column; gap: 8px;">
+                        <or-mwc-input .type="${InputType.SELECT}" style="width: 100%;" .options="${["absolute","percentage"]}" .value="${this.widgetConfig.deltaFormat}"
+                                      label="${i18next.t("dashboard.showValueAs")}"
+                                      @or-mwc-input-changed="${t=>this.onDeltaFormatSelect(t)}"
+                        ></or-mwc-input>
+                        <or-mwc-input .type="${InputType.NUMBER}" style="width: 100%;" .value="${this.widgetConfig.decimals}" label="${i18next.t("decimals")}"
+                                      @or-mwc-input-changed="${t=>this.onDecimalsChange(t)}"
+                        ></or-mwc-input>
+                    </div>
+                </settings-panel>
+
+                <!-- -->
+            </div>
+        `}onAttributesSelect(t){if(this.widgetConfig.attributeRefs=t.detail.attributeRefs,1===t.detail.attributeRefs.length){const e=t.detail.attributeRefs[0],i=t.detail.assets.find((t=>t.id===e.id));this.setDisplayName(i?`${i.name} - ${e.name}`:`${e.name}`)}this.notifyConfigUpdate()}onTimeframeSelect(t){this.widgetConfig.period=t.detail.value,this.notifyConfigUpdate()}onTimeframeToggle(t){this.widgetConfig.showTimestampControls=t.detail.value,this.notifyConfigUpdate()}onDeltaFormatSelect(t){this.widgetConfig.deltaFormat=t.detail.value,this.notifyConfigUpdate()}onDecimalsChange(t){this.widgetConfig.decimals=t.detail.value,this.notifyConfigUpdate()}};KpiSettings=__decorate([customElement("kpi-settings")],KpiSettings);export{KpiSettings};

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

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

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

@@ -0,0 +1,21 @@
+import { TemplateResult } from "lit";
+import { AssetWidgetSettings } from "../util/or-asset-widget";
+import { OrInputChangedEvent } from "@openremote/or-mwc-components/or-mwc-input";
+import { MapWidgetConfig } from "../widgets/map-widget";
+import "../panels/assettypes-panel";
+import "../panels/thresholds-panel";
+import { AssetTypeSelectEvent, AttributeNamesSelectEvent } from "../panels/assettypes-panel";
+import { ThresholdChangeEvent } from "../panels/thresholds-panel";
+export declare class MapSettings extends AssetWidgetSettings {
+    protected widgetConfig: MapWidgetConfig;
+    static get styles(): import("lit").CSSResult[];
+    protected render(): TemplateResult;
+    protected onZoomUpdate(ev: OrInputChangedEvent): void;
+    protected onCenterUpdate(ev: OrInputChangedEvent): void;
+    protected onGeoJsonToggle(ev: OrInputChangedEvent): void;
+    protected onAssetTypeSelect(ev: AssetTypeSelectEvent): void;
+    protected onAttributeNameSelect(ev: AttributeNamesSelectEvent): Promise<void>;
+    protected onShowLabelsToggle(ev: OrInputChangedEvent): void;
+    protected onShowUnitsToggle(ev: OrInputChangedEvent): void;
+    protected onThresholdsChange(ev: ThresholdChangeEvent): void;
+}

package/lib/settings/map-settings.js

@@ -0,0 +1,72 @@
+var __decorate=this&&this.__decorate||function(t,e,i,s){var n,o=arguments.length,a=o<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 r=t.length-1;r>=0;r--)(n=t[r])&&(a=(o<3?n(a):o>3?n(e,i,a):n(e,i))||a);return o>3&&a&&Object.defineProperty(e,i,a),a},__awaiter=this&&this.__awaiter||function(t,e,i,s){return new(i||(i=Promise))((function(n,o){function a(t){try{l(s.next(t))}catch(t){o(t)}}function r(t){try{l(s.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?n(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(a,r)}l((s=s.apply(t,e||[])).next())}))};import{css,html}from"lit";import{customElement}from"lit/decorators.js";import{AssetWidgetSettings}from"../util/or-asset-widget";import{i18next}from"@openremote/or-translate";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import"../panels/assettypes-panel";import"../panels/thresholds-panel";import{LngLat}from"maplibre-gl";import{when}from"lit/directives/when.js";import manager from"@openremote/core";import{showSnackbar}from"@openremote/or-mwc-components/or-mwc-snackbar";const styling=css`
+  .switchMwcInputContainer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`;let MapSettings=class extends AssetWidgetSettings{static get styles(){return[...super.styles,styling]}render(){return html`
+            <div>
+
+                <!-- Map settings -->
+                <settings-panel displayName="configuration.mapSettings" expanded="${!0}">
+                    <div style="display: flex; flex-direction: column; gap: 8px;">
+                        <div>
+                            <or-mwc-input .type="${InputType.NUMBER}" style="width: 100%;"
+                                          .value="${this.widgetConfig.zoom}" label="${i18next.t("dashboard.zoom")}"
+                                          @or-mwc-input-changed="${t=>this.onZoomUpdate(t)}"
+                            ></or-mwc-input>
+                        </div>
+                        <div style="display: flex; gap: 8px;">
+                            <or-mwc-input .type="${InputType.TEXT}" style="width: 100%;"
+                                          .value="${this.widgetConfig.center?Object.values(this.widgetConfig.center)[0]+", "+Object.values(this.widgetConfig.center)[1]:void 0}"
+                                          label="${i18next.t("dashboard.center")}"
+                                          @or-mwc-input-changed="${t=>this.onCenterUpdate(t)}"
+                            ></or-mwc-input>
+                        </div>
+                        <div style="display: flex; justify-content: space-between; align-items: center;">
+                            <span><or-translate value="dashboard.showGeoJson"></or-translate></span>
+                            <or-mwc-input .type="${InputType.SWITCH}" style="width: 70px;"
+                                          .value="${this.widgetConfig.showGeoJson}"
+                                          @or-mwc-input-changed="${t=>this.onGeoJsonToggle(t)}"
+                            ></or-mwc-input>
+                        </div>
+                    </div>
+                </settings-panel>
+
+                <!-- Panel where Asset type and the selected attribute can be customized -->
+                <settings-panel displayName="attributes" expanded="${!0}">
+                    <assettypes-panel .assetType="${this.widgetConfig.assetType}" .attributeNames="${this.widgetConfig.attributeName}" .config="${{attributes:{enabled:!0,valueTypes:["boolean","number","positiveInteger","positiveNumber","negativeInteger","negativeNumber","text"]}}}"
+                                      @assettype-select="${t=>this.onAssetTypeSelect(t)}"
+                                      @attributenames-select="${t=>this.onAttributeNameSelect(t)}"
+                    ></assettypes-panel>
+
+                    <!-- Other settings like labels and units-->
+                    <div>
+                        <div class="switchMwcInputContainer">
+                            <span><or-translate value="dashboard.showLabels"></or-translate></span>
+                            <or-mwc-input .type="${InputType.SWITCH}" style="width: 70px;"
+                                          .value="${this.widgetConfig.showLabels}" .disabled="${!this.widgetConfig.assetType}"
+                                          @or-mwc-input-changed="${t=>this.onShowLabelsToggle(t)}"
+                            ></or-mwc-input>
+                        </div>
+                        <div class="switchMwcInputContainer">
+                            <span><or-translate value="dashboard.showUnits"></or-translate></span>
+                            <or-mwc-input .type="${InputType.SWITCH}" style="width: 70px;"
+                                          .value="${this.widgetConfig.showUnits}" .disabled="${!this.widgetConfig.showLabels||!this.widgetConfig.assetType}"
+                                          @or-mwc-input-changed="${t=>this.onShowUnitsToggle(t)}"
+                            ></or-mwc-input>
+                        </div>
+                    </div>
+                </settings-panel>
+
+                <!-- List of customizable thresholds -->
+                ${when(this.widgetConfig.assetIds.length>0,(()=>html`
+                    <settings-panel displayName="thresholds" expanded="${!0}">
+                        <thresholds-panel .thresholds="${this.widgetConfig.thresholds}" .valueType="${this.widgetConfig.valueType}" style="padding-bottom: 12px;"
+                                          .min="${this.widgetConfig.min}" .max="${this.widgetConfig.max}"
+                                          @threshold-change="${t=>this.onThresholdsChange(t)}">
+                        </thresholds-panel>
+                    </settings-panel>
+                `))}
+            </div>
+        `}onZoomUpdate(t){this.widgetConfig.zoom=t.detail.value,this.notifyConfigUpdate()}onCenterUpdate(t){if(t.detail.value){const e=t.detail.value.split(/[, ]/).filter((t=>!!t));if(2===e.length){const t=new LngLat(Number.parseFloat(e[0]),Number.parseFloat(e[1]));this.widgetConfig.center=t,this.notifyConfigUpdate()}}}onGeoJsonToggle(t){this.widgetConfig.showGeoJson=t.detail.value,this.notifyConfigUpdate()}onAssetTypeSelect(t){this.widgetConfig.assetType!==t.detail&&(this.widgetConfig.attributeName=void 0,this.widgetConfig.assetIds=[],this.widgetConfig.showLabels=!1,this.widgetConfig.showUnits=!1,this.widgetConfig.boolColors={type:"boolean",false:"#ef5350",true:"#4caf50"},this.widgetConfig.textColors=[["example","#4caf50"],["example2","#ff9800"]],this.widgetConfig.thresholds=[[0,"#4caf50"],[75,"#ff9800"],[90,"#ef5350"]],this.widgetConfig.assetType=t.detail,this.notifyConfigUpdate())}onAttributeNameSelect(t){return __awaiter(this,void 0,void 0,(function*(){const e=t.detail;this.widgetConfig.attributeName=e,yield manager.rest.api.AssetResource.queryAssets({realm:{name:manager.displayRealm},select:{attributes:[e,"location"]},types:[this.widgetConfig.assetType]}).then((t=>{this.widgetConfig.assetIds=t.data.map((t=>t.id)),this.widgetConfig.valueType=t.data.length>0?t.data[0].attributes[e].type:"text"})).catch((t=>{console.error(t),showSnackbar(void 0,"errorOccurred")})),this.notifyConfigUpdate()}))}onShowLabelsToggle(t){this.widgetConfig.showLabels=t.detail.value,this.notifyConfigUpdate()}onShowUnitsToggle(t){this.widgetConfig.showUnits=t.detail.value,this.notifyConfigUpdate()}onThresholdsChange(t){this.widgetConfig.thresholds=t.detail,this.notifyConfigUpdate()}};MapSettings=__decorate([customElement("map-settings")],MapSettings);export{MapSettings};

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

@@ -0,0 +1 @@
+{"version":3,"file":"map-settings.js","sourceRoot":"","sources":["../../src/settings/map-settings.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAiB,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAC,SAAS,EAAsB,MAAM,4CAA4C,CAAC;AAG1F,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC,CAAC,4BAA4B;AAChE,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAE5C,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,+CAA+C,CAAC;AAG3E,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;CAMlB,CAAC;AAGK,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,mBAAmB;IAIhD,MAAM,KAAK,MAAM;QACb,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,CAAC;IAES,MAAM;QACZ,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAClI,MAAM,MAAM,GAAG;YACX,UAAU,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,iBAAiB;aAChC;SACsB,CAAC;QAC5B,OAAO,IAAI,CAAA;;;;oFAIiE,IAAI;;;mDAGrC,SAAS,CAAC,MAAM;oDACf,IAAI,CAAC,YAAY,CAAC,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;mEAC9C,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;;;mDAIlE,SAAS,CAAC,IAAI;oDACb,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;mDAC1I,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;mEACb,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;;;;;mDAKpE,SAAS,CAAC,MAAM;oDACf,IAAI,CAAC,YAAY,CAAC,WAAW;mEACd,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;;;;;;;qEAOnD,IAAI;oDACrB,IAAI,CAAC,YAAY,CAAC,SAAS,sBAAsB,IAAI,CAAC,YAAY,CAAC,aAAa,cAAc,MAAM;2DAC7F,CAAC,EAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;gEACnD,CAAC,EAA6B,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC;;;;;;;mDAO9E,SAAS,CAAC,MAAM;oDACf,IAAI,CAAC,YAAY,CAAC,UAAU,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS;mEACzD,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;;;;;mDAKxE,SAAS,CAAC,MAAM;oDACf,IAAI,CAAC,YAAY,CAAC,SAAS,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS;mEACzF,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;;;;;;;kBAOxG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;yEACC,IAAI;yDACpB,IAAI,CAAC,YAAY,CAAC,UAAU,iBAAiB,IAAI,CAAC,YAAY,CAAC,SAAS;kDAC/E,IAAI,CAAC,YAAY,CAAC,GAAG,WAAW,IAAI,CAAC,YAAY,CAAC,GAAG;+DACxC,CAAC,EAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;;;iBAGvG,CAAC;;SAET,CAAC;IACN,CAAC;IAES,YAAY,CAAC,EAAuB;QAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QACzC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,cAAc,CAAC,EAAuB;QAC5C,IAAI,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAClB,MAAM,SAAS,GAAI,EAAE,CAAC,MAAM,CAAC,KAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7E,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACzB,MAAM,KAAK,GAAG,IAAI,MAAM,CACpB,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC/B,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAClC,CAAC;gBACF,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,KAAmB,CAAC;gBAC/C,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC9B,CAAC;QACL,CAAC;IACL,CAAC;IAES,eAAe,CAAC,EAAuB;QAC7C,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAChD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,iBAAiB,CAAC,EAAwB;QAChD,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,EAAE,CAAC,MAAM,EAAE,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,SAAS,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,EAAE,CAAC;YAChC,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,KAAK,CAAC;YACrC,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC;YACpC,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC;YACxF,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;YACjF,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;YAClF,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC;YACxC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9B,CAAC;IACL,CAAC;IAEe,qBAAqB,CAAC,EAA6B;;YAC/D,MAAM,QAAQ,GAAG,EAAE,CAAC,MAAgB,CAAC;YACrC,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,QAAQ,CAAC;YAC3C,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,WAAW,CAAC;gBAC7C,KAAK,EAAE;oBACH,IAAI,EAAE,OAAO,CAAC,YAAY;iBAC7B;gBACD,MAAM,EAAE;oBACJ,UAAU,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;iBACrC;gBACD,KAAK,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,SAAU,CAAC;aACxC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACf,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAG,CAAC,CAAC;gBAC7D,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,4EAA4E;YACjM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;gBAChB,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACtB,YAAY,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,kBAAkB,EAAE,CAAA;QAC7B,CAAC;KAAA;IAES,kBAAkB,CAAC,EAAuB;QAChD,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAC/C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,iBAAiB,CAAC,EAAuB;QAC/C,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,kBAAkB,CAAC,EAAwB;QACjD,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;CAEJ,CAAA;AA/JY,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA+JvB"}

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

@@ -0,0 +1,14 @@
+import { TemplateResult } from "lit";
+import { AssetWidgetSettings } from "../util/or-asset-widget";
+import { TableWidgetConfig } from "../widgets/table-widget";
+import { OrInputChangedEvent } from "@openremote/or-mwc-components/or-mwc-input";
+import { AssetIdsSelectEvent, AssetTypeSelectEvent, AttributeNamesSelectEvent } from "../panels/assettypes-panel";
+export declare class TableSettings extends AssetWidgetSettings {
+    protected widgetConfig: TableWidgetConfig;
+    static get styles(): import("lit").CSSResult[];
+    protected render(): TemplateResult;
+    protected onAssetTypeSelect(ev: AssetTypeSelectEvent): void;
+    protected onAssetIdsSelect(ev: AssetIdsSelectEvent): void;
+    protected onAttributesSelect(ev: AttributeNamesSelectEvent): void;
+    protected onTableSizeSelect(ev: OrInputChangedEvent): void;
+}

package/lib/settings/table-settings.js

@@ -0,0 +1,33 @@
+var __decorate=this&&this.__decorate||function(t,e,s,i){var n,a=arguments.length,o=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(o=(a<3?n(o):a>3?n(e,s,o):n(e,s))||o);return a>3&&o&&Object.defineProperty(e,s,o),o};import{css,html}from"lit";import{customElement}from"lit/decorators.js";import{AssetWidgetSettings}from"../util/or-asset-widget";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";const styling=css`
+  .customMwcInputContainer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`;let TableSettings=class extends AssetWidgetSettings{static get styles(){return[...super.styles,styling]}render(){return html`
+            <div>
+                <!-- Asset type, assets, and attribute picker -->
+                <settings-panel displayName="attributes" expanded="${!0}">
+                    <div style="padding-bottom: 12px;">
+                        <assettypes-panel .assetType="${this.widgetConfig.assetType}" .config="${{assets:{enabled:!0,multi:!0},attributes:{enabled:!0,multi:!0}}}"
+                                          .assetIds="${this.widgetConfig.assetIds}" .attributeNames="${this.widgetConfig.attributeNames}"
+                                          @assettype-select="${t=>this.onAssetTypeSelect(t)}"
+                                          @assetids-select="${t=>this.onAssetIdsSelect(t)}"
+                                          @attributenames-select="${t=>this.onAttributesSelect(t)}"
+                        ></assettypes-panel>
+                    </div>
+                </settings-panel>
+                
+                <!-- Table settings like amount of rows -->
+                <settings-panel displayName="dashboard.tableSettings" expanded="${!0}">
+                    <div style="padding-bottom: 12px;">
+                        <div class="customMwcInputContainer">
+                            <span style="min-width: 180px"><or-translate value="dashboard.numberOfRows"></or-translate></span>
+                            <or-mwc-input type="${InputType.SELECT}" .options="${[10,25,100]}" .value="${this.widgetConfig.tableSize}"
+                                          @or-mwc-input-changed="${t=>this.onTableSizeSelect(t)}"
+                            ></or-mwc-input>
+                        </div>
+                    </div>
+                </settings-panel>
+            </div>
+        `}onAssetTypeSelect(t){this.widgetConfig.assetType=t.detail,this.widgetConfig.assetIds=[],this.widgetConfig.attributeNames=[],this.notifyConfigUpdate()}onAssetIdsSelect(t){this.widgetConfig.assetIds=t.detail,this.notifyConfigUpdate()}onAttributesSelect(t){this.widgetConfig.attributeNames=t.detail,this.notifyConfigUpdate()}onTableSizeSelect(t){const e=t.detail.value||10;this.widgetConfig.tableSize=e,this.widgetConfig.tableOptions=10!==e?[e]:[10,25,100],this.notifyConfigUpdate()}};TableSettings=__decorate([customElement("table-settings")],TableSettings);export{TableSettings};

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-settings.js","sourceRoot":"","sources":["../../src/settings/table-settings.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAuB,MAAM,4CAA4C,CAAC;AAG5F,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;CAMlB,CAAC;AAGK,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,mBAAmB;IAIlD,MAAM,KAAK,MAAM;QACb,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,CAAC;IAES,MAAM;QACZ,MAAM,MAAM,GAAG;YACX,MAAM,EAAE;gBACJ,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,IAAI;aACd;YACD,UAAU,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,IAAI;aACd;SACsB,CAAA;QAC3B,OAAO,IAAI,CAAA;;;qEAGkD,IAAI;;wDAEjB,IAAI,CAAC,YAAY,CAAC,SAAS,cAAc,MAAM;uDAChD,IAAI,CAAC,YAAY,CAAC,QAAQ,sBAAsB,IAAI,CAAC,YAAY,CAAC,cAAc;+DACxE,CAAC,EAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;8DACzD,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;oEAChD,CAAC,EAA6B,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;;;;;;kFAMhD,IAAI;;;;kDAIpC,SAAS,CAAC,MAAM,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,SAAS;mEACnE,CAAC,EAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;;;;;;SAMjH,CAAA;IACL,CAAC;IAES,iBAAiB,CAAC,EAAwB;QAChD,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC;QACxC,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,EAAE,CAAC;QAChC,IAAI,CAAC,YAAY,CAAC,cAAc,GAAG,EAAE,CAAC;QACtC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,gBAAgB,CAAC,EAAuB;QAC9C,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,EAAE,CAAC,MAAkB,CAAC;QACnD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,kBAAkB,CAAC,EAA6B;QACtD,IAAI,CAAC,YAAY,CAAC,cAAc,GAAG,EAAE,CAAC,MAAkB,CAAC;QACzD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,iBAAiB,CAAC,EAAuB;QAC/C,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC;QACpC,IAAG,KAAK,KAAK,EAAE,EAAE,CAAC;YACd,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;QAClD,CAAC;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;CACJ,CAAA;AA3EY,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA2EzB"}

package/lib/style.d.ts

@@ -0,0 +1 @@
+export declare const style: import("lit").CSSResult;

package/lib/style.js

@@ -0,0 +1,99 @@
+import{css,unsafeCSS}from"lit";import{DefaultColor1,DefaultColor2,DefaultColor4,DefaultColor5}from"@openremote/core";export const style=css`
+
+    :host {       
+        --internal-or-asset-tree-header-color: var(--or-asset-tree-header-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)}));     
+        --internal-or-asset-tree-header-text-color: var(--or-asset-tree-header-text-color, var(--or-app-color7, ${unsafeCSS(DefaultColor1)}));
+        --internal-or-asset-tree-header-menu-background-color: var(--or-asset-tree-header-menu-background-color, var(--internal-or-asset-tree-header-text-color));
+        --internal-or-asset-tree-header-menu-text-color: var(--or-asset-tree-header-menu-text-color, inherit);
+        --internal-or-asset-tree-header-height: var(--or-asset-tree-header-height, 48px);
+        --internal-or-asset-tree-background-color: var(--or-asset-tree-background-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)}));
+        --internal-or-asset-tree-text-color: var(--or-asset-tree-text-color, inherit);
+        --internal-or-asset-tree-item-height: var(--or-asset-tree-item-height, 24px);
+        --internal-or-asset-tree-item-padding: var(--or-asset-tree-item-padding, 10px);
+        --internal-or-asset-tree-selected-background-color: var(--or-asset-tree-selected-background-color, var(--or-app-color2, ${unsafeCSS(DefaultColor2)}));
+        --internal-or-asset-tree-selected-color: var(--or-asset-tree-selected-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)}));
+        --internal-or-asset-tree-button-color: var(--or-asset-tree-button-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)}));
+        --internal-or-asset-tree-line-color: var(--or-asset-tree-line-color, var(--or-app-color5, ${unsafeCSS(DefaultColor5)}));
+            
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+        background-color: var(--internal-or-asset-tree-background-color);
+    }
+
+    @media only screen and (max-width: 640px){
+        .hideMobile {
+            display: none !important;
+        }
+    }
+    @media only screen and (min-width: 641px){
+        .showMobile {
+            display: none !important;
+        }
+    }
+    
+    #container {
+        display: flex;
+        width: 100%;
+        height: 100%;
+    }
+        
+    #menu-header {
+        background-color: var(--internal-or-asset-tree-header-color);
+        display: flex;
+        align-items: center;
+        width: 100%;
+        height: var(--internal-or-asset-tree-header-height);
+        border-bottom: 1px solid var(--or-app-color5, ${unsafeCSS(DefaultColor5)});
+        z-index: 3;
+        line-height: var(--internal-or-asset-tree-header-height);
+        color: var(--internal-or-asset-tree-header-text-color);
+        --or-icon-fill: var(--internal-or-asset-tree-header-text-color);
+    }
+
+    #title-container {
+        flex: 1;
+        flex-direction: row;
+        text-transform: capitalize;
+        padding-left: 14px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    
+    #title {
+        font-weight: 500;
+        font-size: 16px;
+    }
+
+    .expandableHeader {
+        display: flex;
+        align-items: center;
+        padding: 12px;
+        background: none;
+        border-top: 1px solid var(--or-app-color5, ${unsafeCSS(DefaultColor5)});
+        border-right: none;
+        border-bottom: none;
+        border-left: none;
+        border-radius: 0;
+        width: 100%;
+        cursor: pointer;
+        font-weight: 700;
+        line-height: 1em;
+        color: var(--internal-or-asset-viewer-title-text-color);
+        flex: 0 0 auto;
+    }
+    .expandableHeader > or-icon {
+        --or-icon-height: 20px;
+        --or-icon-width: 20px;
+    }
+    .panel-title {
+        text-transform: uppercase;
+        font-weight: bolder;
+        line-height: 1em;
+        color: var(--internal-or-asset-viewer-title-text-color);
+        /*margin-bottom: 20px;*/
+        flex: 0 0 auto;
+    }
+`;

package/lib/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAG5F,eAAe;AACf,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;wGAGgF,SAAS,CAAC,aAAa,CAAC;kHACd,SAAS,CAAC,aAAa,CAAC;;;;gHAI1B,SAAS,CAAC,aAAa,CAAC;;;;kIAIN,SAAS,CAAC,aAAa,CAAC;4GAC9C,SAAS,CAAC,aAAa,CAAC;wGAC5B,SAAS,CAAC,aAAa,CAAC;oGAC5B,SAAS,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAgCpE,SAAS,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA2B3B,SAAS,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAwB5E,CAAA"}

package/lib/util/or-asset-widget.d.ts

@@ -0,0 +1,20 @@
+import { OrWidget } from "./or-widget";
+import { Asset, AssetQuery, Attribute, AttributeRef } from "@openremote/model";
+import { WidgetSettings } from "./widget-settings";
+import { CSSResult } from "lit";
+export declare abstract class OrAssetWidget extends OrWidget {
+    protected loadedAssets: Asset[];
+    protected assetAttributes: [number, Attribute<any>][];
+    static get styles(): CSSResult[];
+    protected fetchAssets(attributeRefs?: AttributeRef[]): Promise<Asset[]>;
+    protected queryAssets(assetQuery: AssetQuery): Promise<Asset[]>;
+    protected isAssetLoaded(assetId: string): boolean;
+    protected isAttributeRefLoaded(attributeRef: AttributeRef): boolean;
+}
+export declare abstract class AssetWidgetSettings extends WidgetSettings {
+    protected loadedAssets: Asset[];
+    protected fetchAssets(attributeRefs?: AttributeRef[]): Promise<Asset[]>;
+    protected queryAssets(assetQuery: AssetQuery): Promise<Asset[]>;
+    protected isAssetLoaded(assetId: string): boolean;
+    protected isAttributeRefLoaded(attributeRef: AttributeRef): boolean;
+}

package/lib/util/or-asset-widget.js

@@ -0,0 +1 @@
+var __decorate=this&&this.__decorate||function(t,e,s,r){var i,o=arguments.length,n=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,r);else for(var d=t.length-1;d>=0;d--)(i=t[d])&&(n=(o<3?i(n):o>3?i(e,s,n):i(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},__awaiter=this&&this.__awaiter||function(t,e,s,r){return new(s||(s=Promise))((function(i,o){function n(t){try{a(r.next(t))}catch(t){o(t)}}function d(t){try{a(r.throw(t))}catch(t){o(t)}}function a(t){var e;t.done?i(t.value):(e=t.value,e instanceof s?e:new s((function(t){t(e)}))).then(n,d)}a((r=r.apply(t,e||[])).next())}))};import{OrWidget}from"./or-widget";import{state}from"lit/decorators.js";import manager from"@openremote/core";import{showSnackbar}from"@openremote/or-mwc-components/or-mwc-snackbar";import{WidgetSettings}from"./widget-settings";export class OrAssetWidget extends OrWidget{constructor(){super(...arguments),this.loadedAssets=[],this.assetAttributes=[]}static get styles(){return[...super.styles]}fetchAssets(t=[]){return __awaiter(this,void 0,void 0,(function*(){return fetchAssetsByAttributeRef(t)}))}queryAssets(t){return __awaiter(this,void 0,void 0,(function*(){return fetchAssets(t)}))}isAssetLoaded(t){return isAssetIdLoaded(this.loadedAssets,t)}isAttributeRefLoaded(t){return isAssetIdLoaded(this.loadedAssets,t.id)}}__decorate([state()],OrAssetWidget.prototype,"loadedAssets",void 0),__decorate([state()],OrAssetWidget.prototype,"assetAttributes",void 0);export class AssetWidgetSettings extends WidgetSettings{constructor(){super(...arguments),this.loadedAssets=[]}fetchAssets(t=[]){return __awaiter(this,void 0,void 0,(function*(){return fetchAssetsByAttributeRef(t)}))}queryAssets(t){return __awaiter(this,void 0,void 0,(function*(){return fetchAssets(t)}))}isAssetLoaded(t){return isAssetIdLoaded(this.loadedAssets,t)}isAttributeRefLoaded(t){return isAssetIdLoaded(this.loadedAssets,t.id)}}function fetchAssetsByAttributeRef(t=[]){return __awaiter(this,void 0,void 0,(function*(){return t.map((t=>t.id)),t.map((t=>t.name)),fetchAssets({ids:null==t?void 0:t.map((t=>t.id)),select:{attributes:null==t?void 0:t.map((t=>t.name))}})}))}function fetchAssets(t){return __awaiter(this,void 0,void 0,(function*(){let e=[];return t.realm={name:manager.displayRealm},yield manager.rest.api.AssetResource.queryAssets(t).then((t=>{e=t.data})).catch((t=>{console.error(t),showSnackbar(void 0,"errorOccurred")})),e}))}function isAssetIdLoaded(t,e){return void 0!==(null==t?void 0:t.find((t=>t.id===e)))}__decorate([state()],AssetWidgetSettings.prototype,"loadedAssets",void 0);

package/lib/util/or-asset-widget.js.map

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

package/lib/util/or-widget.d.ts

@@ -0,0 +1,31 @@
+import { CSSResult, LitElement, TemplateResult } from "lit";
+import { WidgetConfig } from "./widget-config";
+import { WidgetSettings } from "./widget-settings";
+export interface WidgetManifest {
+    displayName: string;
+    displayIcon: string;
+    minColumnWidth?: number;
+    minColumnHeight?: number;
+    minPixelWidth?: number;
+    minPixelHeight?: number;
+    getContentHtml(config: WidgetConfig): OrWidget;
+    getSettingsHtml(config: WidgetConfig): WidgetSettings;
+    getDefaultConfig(): WidgetConfig;
+}
+export declare abstract class OrWidget extends LitElement {
+    protected static manifest: WidgetManifest;
+    protected readonly widgetConfig: WidgetConfig;
+    constructor(config: WidgetConfig);
+    static get styles(): CSSResult[];
+    static getManifest(): WidgetManifest;
+    abstract refreshContent(force: boolean): void;
+    protected abstract render(): TemplateResult;
+    getDisplayName?: () => string | undefined;
+    getEditMode?: () => boolean;
+    getWidgetLocation?: () => {
+        x?: number;
+        y?: number;
+        h?: number;
+        w?: number;
+    };
+}

package/lib/util/or-widget.js

@@ -0,0 +1 @@
+var __decorate=this&&this.__decorate||function(t,e,r,o){var i,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(n<3?i(s):n>3?i(e,r,s):i(e,r))||s);return n>3&&s&&Object.defineProperty(e,r,s),s};import{LitElement}from"lit";import{property}from"lit/decorators.js";export class OrWidget extends LitElement{constructor(t){super(),this.widgetConfig=t}static get styles(){return[]}static getManifest(){if(!this.manifest)throw new Error(`No manifest present on ${this.name}`);return this.manifest}}__decorate([property({type:Object})],OrWidget.prototype,"widgetConfig",void 0);

package/lib/util/or-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"or-widget.js","sourceRoot":"","sources":["../../src/util/or-widget.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAY,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAgB7C,uEAAuE;AACvE,4FAA4F;AAC5F,MAAM,OAAgB,QAAS,SAAQ,UAAU;IAO7C,YAAY,MAAoB;QAC5B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;IAC/B,CAAC;IAED,MAAM,KAAK,MAAM;QACb,OAAO,EAAE,CAAC;IACd,CAAC;IAED,iCAAiC;IAEjC,MAAM,CAAC,WAAW;QACd,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,0BAA0B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3D,CAAC;QACD,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;CAiBJ;AAnCsB;IADlB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACsB"}

package/lib/util/settings-panel.d.ts

@@ -0,0 +1,9 @@
+import { LitElement, TemplateResult } from "lit";
+export declare class SettingsPanel extends LitElement {
+    protected expanded: boolean;
+    protected displayName?: string;
+    static get styles(): import("lit").CSSResult[];
+    protected render(): TemplateResult;
+    toggle(state?: boolean): void;
+    protected generateHeader(expanded: boolean, title?: string): Promise<TemplateResult>;
+}

package/lib/util/settings-panel.js

@@ -0,0 +1,56 @@
+var __decorate=this&&this.__decorate||function(e,t,i,n){var r,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},__awaiter=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(r,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))};import{css,html,LitElement}from"lit";import{customElement,property}from"lit/decorators.js";import{until}from"lit/directives/until.js";import{when}from"lit/directives/when.js";import{classMap}from"lit/directives/class-map.js";import{style}from"../style";const styling=css`
+  :host {
+    height: auto !important;
+  }
+  
+  #panel-wrapper {
+    border-top: 1px solid #E0E0E0;
+    border-bottom: 1px solid #E0E0E0;
+  }
+
+  #panel-header {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    padding: 12px;
+    gap: 8px;
+  }
+
+  #panel-title {
+    line-height: 100%;
+    font-weight: 700;
+  }
+
+  .panel-content {
+    padding: 0 16px;
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.2s cubic-bezier(0.4, 0.0, 0.2, 1) 0s, visibility 0s 0.2s; /* expanded -> collapsed */
+  }
+
+  .panel-content--expanded {
+    max-height: 100vh;
+    overflow: visible;
+    transition: max-height 0.25s cubic-bezier(0.4, 0.0, 0.2, 1) 0s; /* collapsed -> expanded */
+  }
+`;let SettingsPanel=class extends LitElement{constructor(){super(...arguments),this.expanded=!1}static get styles(){return[styling,style]}render(){const e={"panel-content":!0,"panel-content--expanded":this.expanded};return html`
+            <div id="panel-wrapper">
+                ${until(this.generateHeader(this.expanded,this.displayName),html``)}
+                <div class="${classMap(e)}">
+                    <div style="padding-bottom: 16px;">
+                        <slot></slot>
+                    </div>
+                </div>
+            </div>
+        `}toggle(e){this.expanded=e||!this.expanded}generateHeader(e,t){return __awaiter(this,void 0,void 0,(function*(){return html`
+            <div id="panel-header" @click="${()=>this.toggle()}">
+                <div id="panel-chevron">
+                    <or-icon icon="${e?"chevron-down":"chevron-right"}"></or-icon>
+                </div>
+                ${when(t,(()=>html`
+                    <div id="panel-title">
+                        <span><or-translate value="${this.displayName}"></or-translate></span>
+                    </div>
+                `))}
+            </div>
+        `}))}};__decorate([property()],SettingsPanel.prototype,"expanded",void 0),__decorate([property()],SettingsPanel.prototype,"displayName",void 0),SettingsPanel=__decorate([customElement("settings-panel")],SettingsPanel);export{SettingsPanel};

package/lib/util/settings-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-panel.js","sourceRoot":"","sources":["../../src/util/settings-panel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClB,CAAC;AAGK,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAGO,aAAQ,GAAY,KAAK,CAAC;IA4CxC,CAAC;IAvCG,MAAM,KAAK,MAAM;QACb,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC3B,CAAC;IAES,MAAM;QACZ,MAAM,cAAc,GAAG;YACnB,eAAe,EAAE,IAAI;YACrB,yBAAyB,EAAE,IAAI,CAAC,QAAQ;SAC3C,CAAA;QACD,OAAO,IAAI,CAAA;;kBAED,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA,EAAE,CAAC;8BACvD,QAAQ,CAAC,cAAc,CAAC;;;;;;SAM7C,CAAC;IACN,CAAC;IAEM,MAAM,CAAC,KAAe;QACzB,IAAI,CAAC,QAAQ,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA;IAC3C,CAAC;IAEe,cAAc,CAAC,QAAiB,EAAE,KAAc;;YAC5D,OAAO,IAAI,CAAA;6CAC0B,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;;qCAE3B,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe;;kBAE9D,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;qDAEa,IAAI,CAAC,WAAW;;iBAEpD,CAAC;;SAET,CAAA;QACL,CAAC;KAAA;CACJ,CAAA;AA5Ca;IADT,QAAQ,EAAE;+CACyB;AAG1B;IADT,QAAQ,EAAE;kDACoB;AANtB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA+CzB"}

package/lib/util/widget-config.d.ts

@@ -0,0 +1,2 @@
+export interface WidgetConfig {
+}

package/lib/util/widget-config.js

@@ -0,0 +1 @@
+export{};

package/lib/util/widget-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-config.js","sourceRoot":"","sources":["../../src/util/widget-config.ts"],"names":[],"mappings":""}

package/lib/util/widget-settings.d.ts

@@ -0,0 +1,23 @@
+import { LitElement, PropertyValues, TemplateResult } from "lit";
+import { WidgetConfig } from "./widget-config";
+export declare class WidgetSettingsChangedEvent extends CustomEvent<WidgetConfig> {
+    static readonly NAME = "settings-changed";
+    constructor(widgetConfig: WidgetConfig);
+}
+export declare abstract class WidgetSettings extends LitElement {
+    protected readonly widgetConfig: WidgetConfig;
+    static get styles(): import("lit").CSSResult[];
+    protected abstract render(): TemplateResult;
+    constructor(config: WidgetConfig);
+    protected willUpdate(changedProps: PropertyValues): void;
+    protected notifyConfigUpdate(): void;
+    getDisplayName?: () => string | undefined;
+    setDisplayName?: (name?: string) => void;
+    getEditMode?: () => boolean;
+    getWidgetLocation?: () => {
+        x?: number;
+        y?: number;
+        h?: number;
+        w?: number;
+    };
+}