@openremote/or-chart 1.6.0 → 1.6.2

package/custom-elements.json

@@ -43,12 +43,6 @@
               "static": true,
               "default": "\"L HH:mm:ss\""
             },
-            {
-              "kind": "field",
-              "name": "styles",
-              "static": true,
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "assets",
@@ -56,7 +50,8 @@
                 "text": "Asset[]"
               },
               "privacy": "public",
-              "default": "[]"
+              "default": "[]",
+              "attribute": "assets"
             },
             {
               "kind": "field",
@@ -64,7 +59,8 @@
               "type": {
                 "text": "Asset | undefined"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "attribute": "activeAsset"
             },
             {
               "kind": "field",
@@ -73,7 +69,8 @@
                 "text": "[number, Attribute<any>][]"
               },
               "privacy": "public",
-              "default": "[]"
+              "default": "[]",
+              "attribute": "assetAttributes"
             },
             {
               "kind": "field",
@@ -82,7 +79,8 @@
                 "text": "AttributeRef[]"
               },
               "privacy": "public",
-              "default": "[]"
+              "default": "[]",
+              "attribute": "rightAxisAttributes"
             },
             {
               "kind": "field",
@@ -90,7 +88,8 @@
               "type": {
                 "text": "(startOfPeriod: number, endOfPeriod: number, timeUnits: TimeUnit, stepSize: number) => Promise<ChartDataset<\"line\", ScatterDataPoint[]>[]> | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "dataProvider"
             },
             {
               "kind": "field",
@@ -99,7 +98,8 @@
                 "text": "string[]"
               },
               "privacy": "public",
-              "default": "[\"#3869B1\", \"#DA7E30\", \"#3F9852\", \"#CC2428\", \"#6B4C9A\", \"#922427\", \"#958C3D\", \"#535055\"]"
+              "default": "[\"#3869B1\", \"#DA7E30\", \"#3F9852\", \"#CC2428\", \"#6B4C9A\", \"#922427\", \"#958C3D\", \"#535055\"]",
+              "attribute": "colors"
             },
             {
               "kind": "field",
@@ -108,7 +108,8 @@
                 "text": "AssetDatapointQueryUnion"
               },
               "privacy": "public",
-              "readonly": true
+              "readonly": true,
+              "attribute": "datapointQuery"
             },
             {
               "kind": "field",
@@ -116,7 +117,8 @@
               "type": {
                 "text": "OrChartConfig | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "config"
             },
             {
               "kind": "field",
@@ -124,7 +126,8 @@
               "type": {
                 "text": "any | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "chartOptions"
             },
             {
               "kind": "field",
@@ -132,7 +135,8 @@
               "type": {
                 "text": "string | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "realm"
             },
             {
               "kind": "field",
@@ -140,7 +144,8 @@
               "type": {
                 "text": "string | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "panelName"
             },
             {
               "kind": "field",
@@ -149,7 +154,8 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "true"
+              "default": "true",
+              "attribute": "attributeControls"
             },
             {
               "kind": "field",
@@ -157,7 +163,8 @@
               "type": {
                 "text": "[Date, Date] | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "timeframe"
             },
             {
               "kind": "field",
@@ -166,7 +173,8 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "true"
+              "default": "true",
+              "attribute": "timestampControls"
             },
             {
               "kind": "field",
@@ -174,7 +182,8 @@
               "type": {
                 "text": "Map<string, TimePresetCallback> | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "timePresetOptions"
             },
             {
               "kind": "field",
@@ -182,7 +191,8 @@
               "type": {
                 "text": "string | undefined"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "timePresetKey"
             },
             {
               "kind": "field",
@@ -191,7 +201,8 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "true"
+              "default": "true",
+              "attribute": "showLegend"
             },
             {
               "kind": "field",
@@ -200,7 +211,8 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "false"
+              "default": "false",
+              "attribute": "denseLegend"
             },
             {
               "kind": "field",
@@ -209,7 +221,8 @@
                 "text": "boolean"
               },
               "privacy": "protected",
-              "default": "false"
+              "default": "false",
+              "attribute": "_loading"
             },
             {
               "kind": "field",
@@ -218,7 +231,8 @@
                 "text": "ChartDataset<\"line\", ScatterDataPoint[]>[] | undefined"
               },
               "privacy": "protected",
-              "default": "undefined"
+              "default": "undefined",
+              "attribute": "_data"
             },
             {
               "kind": "field",
@@ -226,7 +240,8 @@
               "type": {
                 "text": "TemplateResult | undefined"
               },
-              "privacy": "protected"
+              "privacy": "protected",
+              "attribute": "_tableTemplate"
             },
             {
               "kind": "field",
@@ -300,22 +315,6 @@
               },
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "firstUpdated"
-            },
-            {
-              "kind": "method",
-              "name": "updated",
-              "parameters": [
-                {
-                  "name": "changedProperties",
-                  "type": {
-                    "text": "PropertyValues"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "applyChartResponsiveness",
@@ -325,10 +324,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "render"
-            },
             {
               "kind": "method",
               "name": "_onTreeSelectionChanged",
@@ -587,6 +582,166 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "assets",
+              "type": {
+                "text": "Asset[]"
+              },
+              "default": "[]",
+              "fieldName": "assets"
+            },
+            {
+              "name": "activeAsset",
+              "type": {
+                "text": "Asset | undefined"
+              },
+              "fieldName": "activeAsset"
+            },
+            {
+              "name": "assetAttributes",
+              "type": {
+                "text": "[number, Attribute<any>][]"
+              },
+              "default": "[]",
+              "fieldName": "assetAttributes"
+            },
+            {
+              "name": "rightAxisAttributes",
+              "type": {
+                "text": "AttributeRef[]"
+              },
+              "default": "[]",
+              "fieldName": "rightAxisAttributes"
+            },
+            {
+              "name": "dataProvider",
+              "type": {
+                "text": "(startOfPeriod: number, endOfPeriod: number, timeUnits: TimeUnit, stepSize: number) => Promise<ChartDataset<\"line\", ScatterDataPoint[]>[]> | undefined"
+              },
+              "fieldName": "dataProvider"
+            },
+            {
+              "name": "colors",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[\"#3869B1\", \"#DA7E30\", \"#3F9852\", \"#CC2428\", \"#6B4C9A\", \"#922427\", \"#958C3D\", \"#535055\"]",
+              "fieldName": "colors"
+            },
+            {
+              "name": "datapointQuery",
+              "type": {
+                "text": "AssetDatapointQueryUnion"
+              },
+              "readonly": true,
+              "fieldName": "datapointQuery"
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "OrChartConfig | undefined"
+              },
+              "fieldName": "config"
+            },
+            {
+              "name": "chartOptions",
+              "type": {
+                "text": "any | undefined"
+              },
+              "fieldName": "chartOptions"
+            },
+            {
+              "name": "realm",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "realm"
+            },
+            {
+              "name": "panelName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "panelName"
+            },
+            {
+              "name": "attributeControls",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "attributeControls"
+            },
+            {
+              "name": "timeframe",
+              "type": {
+                "text": "[Date, Date] | undefined"
+              },
+              "fieldName": "timeframe"
+            },
+            {
+              "name": "timestampControls",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "timestampControls"
+            },
+            {
+              "name": "timePresetOptions",
+              "type": {
+                "text": "Map<string, TimePresetCallback> | undefined"
+              },
+              "fieldName": "timePresetOptions"
+            },
+            {
+              "name": "timePresetKey",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "timePresetKey"
+            },
+            {
+              "name": "showLegend",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "showLegend"
+            },
+            {
+              "name": "denseLegend",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "denseLegend"
+            },
+            {
+              "name": "_loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "_loading"
+            },
+            {
+              "name": "_data",
+              "type": {
+                "text": "ChartDataset<\"line\", ScatterDataPoint[]>[] | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "_data"
+            },
+            {
+              "name": "_tableTemplate",
+              "type": {
+                "text": "TemplateResult | undefined"
+              },
+              "fieldName": "_tableTemplate"
+            }
+          ],
           "mixins": [
             {
               "name": "translate(i18next)",
@@ -597,6 +752,7 @@
             "name": "LitElement",
             "package": "lit"
           },
+          "tagName": "or-chart",
           "customElement": true
         }
       ],
@@ -616,6 +772,14 @@
             "name": "OrChart",
             "module": "src/index.ts"
           }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "or-chart",
+          "declaration": {
+            "name": "OrChart",
+            "module": "src/index.ts"
+          }
         }
       ]
     }

package/dist/umd/index.bundle.js

@@ -974,10 +974,10 @@
                             <div class="period-controls">
                                 ${this.timePresetOptions&&this.timePresetKey?N`
                                     ${this.timestampControls?N`
-                                        ${function(t,e,n,i,r,a=!1,o=!0,s=!1,l=!1){return N`
+                                        ${function(t,e,n,i,r,a=!1,o=!0,s=!1,l=!1,d="menu",c=!1){let u=null;return N`
         <span>
-            <span @click="${t=>{e&&t.currentTarget.parentElement.lastElementChild.open()}}">${t}</span>
-            ${e?N`<or-mwc-menu ?multiselect="${a}" @or-mwc-menu-closed="${()=>{r&&r()}}" @or-mwc-menu-changed="${t=>{i&&i(t.detail)}}" .translateValues="${o}" .values="${n}" .menuItems="${e}" .midHeight="${s}" .fullWidth="${l}" id="menu"></or-mwc-menu>`:""}
+            <span @click="${t=>{if(e){if(c&&u){const e=t.currentTarget;!function(t,e){e||(e=document.body);const n=e.getBoundingClientRect();Object.assign(t.style,{position:"fixed",top:`${n.bottom}px`,left:`${n.left}px`,zIndex:"1000",display:"block"})}(u,e)}t.currentTarget.parentElement.lastElementChild.open()}}}">${t}</span>
+            ${e?N`<or-mwc-menu ?multiselect="${a}" @or-mwc-menu-closed="${()=>{r&&r()}}" @or-mwc-menu-changed="${t=>{i&&i(t.detail)}}" .translateValues="${o}" .values="${n}" .menuItems="${e}" .midHeight="${s}" .fullWidth="${l}" id="${d}" ${pn((t=>u=t))}></or-mwc-menu>`:""}
         </span>
     `}(N`<or-mwc-input .type="${Ca.BUTTON}" label="${this.timeframe?"dashboard.customTimeSpan":this.timePresetKey}"></or-mwc-input>`,Array.from(this.timePresetOptions.keys()).map((t=>({value:t}))),this.timePresetKey,(t=>{this.timeframe=void 0,this.timePresetKey=t.toString()}),void 0,void 0,void 0,!0)}
                                         <!-- Button that opens custom time selection -->
@@ -1033,7 +1033,7 @@
                     </div>
                 `:void 0}
             </div>
-        `}_onTreeSelectionChanged(t){return Tp(this,void 0,void 0,(function*(){if(!Ue().events)return;const e=t.detail&&t.detail.newNodes.length>0?t.detail.newNodes[0]:void 0;if(e){const t=yield Ue().events.sendEventWithReply({eventType:"read-asset",assetId:e.asset.id});this.activeAsset=t.asset}else this.activeAsset=void 0}))}removeDatasetHighlight(t){this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((t,e)=>{t.borderColor&&"string"==typeof t.borderColor&&9===t.borderColor.length&&(t.borderColor=t.borderColor.slice(0,-2),t.backgroundColor=t.borderColor)})),this._chart.update())}addDatasetHighlight(t,e){t&&e&&this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((n,i)=>{n.assetId===t&&n.attrName===e||(n.borderColor=n.borderColor+"36",n.backgroundColor=n.borderColor)})),this._chart.update())}loadSettings(t){var e;return Tp(this,void 0,void 0,(function*(){if((null==this.assetAttributes||t)&&(this.assetAttributes=[]),this.realm||(this.realm=Ue().getRealm()),this.timePresetOptions||(this.timePresetOptions=this._getDefaultTimestampOptions()),this.timePresetKey||(this.timePresetKey=null===(e=this.timePresetOptions.keys().next().value)||void 0===e?void 0:e.toString()),!this.panelName)return;const n=window.location.hash,i=(yield Ue().console.retrieveData("OrChartConfig"))||[];Array.isArray(i)||Ue().console.storeData("OrChartConfig",[i]);let r=i.find((t=>t.realm===this.realm));if(!r)return;const a=r.views&&r.views[n]?r.views[n][this.panelName]:void 0;if(!a)return;if(!a.attributeRefs){delete r.views[n][this.panelName];const t=[...i.filter((t=>t.realm!==this.realm)),r];return void Ue().console.storeData("OrChartConfig",t)}const o=a.attributeRefs.map((t=>t.id));if(0!==o.length&&(this._loading=!0,!o.every((t=>!!this.assets.find((e=>e.id===t)))))){const t={ids:o};try{const e=(yield Ue().rest.api.AssetResource.queryAssets(t)).data||[];a.attributeRefs=a.attributeRefs.filter((t=>!!e.find((e=>e.id===t.id&&e.attributes&&e.attributes.hasOwnProperty(t.name))))),Ue().console.storeData("OrChartConfig",[...i.filter((t=>t.realm!==this.realm)),r]),this.assets=e.filter((t=>a.attributeRefs.find((e=>e.id===t.id))))}catch(t){console.error("Failed to get assets requested in settings",t)}this._loading=!1,this.assets&&this.assets.length>0&&(this.assetAttributes=a.attributeRefs.map((t=>{const e=this.assets.findIndex((e=>e.id===t.id)),n=e>=0?this.assets[e]:void 0;return n&&n.attributes?[e,n.attributes[t.name]]:void 0})).filter((t=>!!t)))}}))}saveSettings(){return Tp(this,void 0,void 0,(function*(){if(!this.panelName)return;const t=window.location.hash,e=(yield Ue().console.retrieveData("OrChartConfig"))||[];let n=e.find((t=>t.realm===this.realm));n||(n={realm:this.realm,views:{}}),n.views[t]||(n.views[t]={}),this.assets&&this.assetAttributes&&0!==this.assets.length&&0!==this.assetAttributes.length?(n.realm=this.realm,n.views[t][this.panelName]={attributeRefs:this.assetAttributes.map((([t,e])=>{const n=this.assets[t];return n?{id:n.id,name:e.name}:void 0})).filter((t=>!!t))}):delete n.views[t][this.panelName],Ue().console.storeData("OrChartConfig",[...e.filter((t=>t.realm!==this.realm)),n])}))}_openDialog(){up((new Jh.OrAttributePicker).setShowOnlyDatapointAttrs(!0).setMultiSelect(!0).setSelectedAttributes(this._getSelectedAttributes())).addEventListener(Jh.OrAttributePickerPickedEvent.NAME,(t=>this._addAttribute(t.detail)))}_openTimeDialog(t,e){const n=un(),i=un();up((new hp).setHeading(We.t("timeframe")).setContent((()=>N`
+        `}_onTreeSelectionChanged(t){return Tp(this,void 0,void 0,(function*(){if(!Ue().events)return;const e=t.detail&&t.detail.newNodes.length>0?t.detail.newNodes[0]:void 0;if(e){const t=yield Ue().events.sendEventWithReply({eventType:"read-asset",assetId:e.asset.id});this.activeAsset=t.asset}else this.activeAsset=void 0}))}removeDatasetHighlight(t){this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((t,e)=>{t.borderColor&&"string"==typeof t.borderColor&&9===t.borderColor.length&&(t.borderColor=t.borderColor.slice(0,-2),t.backgroundColor=t.borderColor)})),this._chart.update())}addDatasetHighlight(t,e){t&&e&&this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((n,i)=>{n.assetId===t&&n.attrName===e||(n.borderColor=n.borderColor+"36",n.backgroundColor=n.borderColor)})),this._chart.update())}loadSettings(t){var e;return Tp(this,void 0,void 0,(function*(){if((null==this.assetAttributes||t)&&(this.assetAttributes=[]),this.realm||(this.realm=Ue().getRealm()),this.timePresetOptions||(this.timePresetOptions=this._getDefaultTimestampOptions()),this.timePresetKey||(this.timePresetKey=null===(e=this.timePresetOptions.keys().next().value)||void 0===e?void 0:e.toString()),!this.panelName)return;const n=window.location.hash,i=(yield Ue().console.retrieveData("OrChartConfig"))||[];Array.isArray(i)||Ue().console.storeData("OrChartConfig",[i]);let r=i.find((t=>t.realm===this.realm));if(!r)return;const a=r.views&&r.views[n]?r.views[n][this.panelName]:void 0;if(!a)return;if(!a.attributeRefs){delete r.views[n][this.panelName];const t=[...i.filter((t=>t.realm!==this.realm)),r];return void Ue().console.storeData("OrChartConfig",t)}const o=a.attributeRefs.map((t=>t.id));if(0!==o.length&&(this._loading=!0,!o.every((t=>!!this.assets.find((e=>e.id===t)))))){const t={ids:o};try{const e=(yield Ue().rest.api.AssetResource.queryAssets(t)).data||[];a.attributeRefs=a.attributeRefs.filter((t=>!!e.find((e=>e.id===t.id&&e.attributes&&e.attributes.hasOwnProperty(t.name))))),Ue().console.storeData("OrChartConfig",[...i.filter((t=>t.realm!==this.realm)),r]),this.assets=e.filter((t=>a.attributeRefs.find((e=>e.id===t.id))))}catch(t){console.error("Failed to get assets requested in settings",t)}this._loading=!1,this.assets&&this.assets.length>0&&(this.assetAttributes=a.attributeRefs.map((t=>{const e=this.assets.findIndex((e=>e.id===t.id)),n=e>=0?this.assets[e]:void 0;return n&&n.attributes?[e,n.attributes[t.name]]:void 0})).filter((t=>!!t)))}}))}saveSettings(){return Tp(this,void 0,void 0,(function*(){if(!this.panelName)return;const t=window.location.hash,e=(yield Ue().console.retrieveData("OrChartConfig"))||[];let n=e.find((t=>t.realm===this.realm));n||(n={realm:this.realm,views:{}}),n.views[t]||(n.views[t]={}),this.assets&&this.assetAttributes&&0!==this.assets.length&&0!==this.assetAttributes.length?(n.realm=this.realm,n.views[t][this.panelName]={attributeRefs:this.assetAttributes.map((([t,e])=>{const n=this.assets[t];return n?{id:n.id,name:e.name}:void 0})).filter((t=>!!t))}):delete n.views[t][this.panelName],Ue().console.storeData("OrChartConfig",[...e.filter((t=>t.realm!==this.realm)),n])}))}_openDialog(){up((new Jh.OrAssetAttributePicker).setShowOnlyDatapointAttrs(!0).setMultiSelect(!0).setSelectedAttributes(this._getSelectedAttributes())).addEventListener(Jh.OrAssetAttributePickerPickedEvent.NAME,(t=>this._addAttribute(t.detail)))}_openTimeDialog(t,e){const n=un(),i=un();up((new hp).setHeading(We.t("timeframe")).setContent((()=>N`
                 <div>
                     <or-mwc-input ${pn(n)} type="${Ca.DATETIME}" required label="${We.t("start")}" .value="${t}"></or-mwc-input>
                     <or-mwc-input ${pn(i)} type="${Ca.DATETIME}" required label="${We.t("ending")}" .value="${e}"></or-mwc-input>

package/dist/umd/index.js

@@ -974,10 +974,10 @@
                             <div class="period-controls">
                                 ${this.timePresetOptions&&this.timePresetKey?j`
                                     ${this.timestampControls?j`
-                                        ${function(t,e,n,i,r,o=!1,a=!0,l=!1,c=!1){return j`
+                                        ${function(t,e,n,i,r,o=!1,a=!0,l=!1,c=!1,s="menu",d=!1){let p=null;return j`
         <span>
-            <span @click="${t=>{e&&t.currentTarget.parentElement.lastElementChild.open()}}">${t}</span>
-            ${e?j`<or-mwc-menu ?multiselect="${o}" @or-mwc-menu-closed="${()=>{r&&r()}}" @or-mwc-menu-changed="${t=>{i&&i(t.detail)}}" .translateValues="${a}" .values="${n}" .menuItems="${e}" .midHeight="${l}" .fullWidth="${c}" id="menu"></or-mwc-menu>`:""}
+            <span @click="${t=>{if(e){if(d&&p){const e=t.currentTarget;!function(t,e){e||(e=document.body);const n=e.getBoundingClientRect();Object.assign(t.style,{position:"fixed",top:`${n.bottom}px`,left:`${n.left}px`,zIndex:"1000",display:"block"})}(p,e)}t.currentTarget.parentElement.lastElementChild.open()}}}">${t}</span>
+            ${e?j`<or-mwc-menu ?multiselect="${o}" @or-mwc-menu-closed="${()=>{r&&r()}}" @or-mwc-menu-changed="${t=>{i&&i(t.detail)}}" .translateValues="${a}" .values="${n}" .menuItems="${e}" .midHeight="${l}" .fullWidth="${c}" id="${s}" ${fn((t=>p=t))}></or-mwc-menu>`:""}
         </span>
     `}(j`<or-mwc-input .type="${No.BUTTON}" label="${this.timeframe?"dashboard.customTimeSpan":this.timePresetKey}"></or-mwc-input>`,Array.from(this.timePresetOptions.keys()).map((t=>({value:t}))),this.timePresetKey,(t=>{this.timeframe=void 0,this.timePresetKey=t.toString()}),void 0,void 0,void 0,!0)}
                                         <!-- Button that opens custom time selection -->
@@ -1033,7 +1033,7 @@
                     </div>
                 `:void 0}
             </div>
-        `}_onTreeSelectionChanged(t){return qc(this,void 0,void 0,(function*(){if(!Ye().events)return;const e=t.detail&&t.detail.newNodes.length>0?t.detail.newNodes[0]:void 0;if(e){const t=yield Ye().events.sendEventWithReply({eventType:"read-asset",assetId:e.asset.id});this.activeAsset=t.asset}else this.activeAsset=void 0}))}removeDatasetHighlight(t){this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((t,e)=>{t.borderColor&&"string"==typeof t.borderColor&&9===t.borderColor.length&&(t.borderColor=t.borderColor.slice(0,-2),t.backgroundColor=t.borderColor)})),this._chart.update())}addDatasetHighlight(t,e){t&&e&&this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((n,i)=>{n.assetId===t&&n.attrName===e||(n.borderColor=n.borderColor+"36",n.backgroundColor=n.borderColor)})),this._chart.update())}loadSettings(t){var e;return qc(this,void 0,void 0,(function*(){if((null==this.assetAttributes||t)&&(this.assetAttributes=[]),this.realm||(this.realm=Ye().getRealm()),this.timePresetOptions||(this.timePresetOptions=this._getDefaultTimestampOptions()),this.timePresetKey||(this.timePresetKey=null===(e=this.timePresetOptions.keys().next().value)||void 0===e?void 0:e.toString()),!this.panelName)return;const n=window.location.hash,i=(yield Ye().console.retrieveData("OrChartConfig"))||[];Array.isArray(i)||Ye().console.storeData("OrChartConfig",[i]);let r=i.find((t=>t.realm===this.realm));if(!r)return;const o=r.views&&r.views[n]?r.views[n][this.panelName]:void 0;if(!o)return;if(!o.attributeRefs){delete r.views[n][this.panelName];const t=[...i.filter((t=>t.realm!==this.realm)),r];return void Ye().console.storeData("OrChartConfig",t)}const a=o.attributeRefs.map((t=>t.id));if(0!==a.length&&(this._loading=!0,!a.every((t=>!!this.assets.find((e=>e.id===t)))))){const t={ids:a};try{const e=(yield Ye().rest.api.AssetResource.queryAssets(t)).data||[];o.attributeRefs=o.attributeRefs.filter((t=>!!e.find((e=>e.id===t.id&&e.attributes&&e.attributes.hasOwnProperty(t.name))))),Ye().console.storeData("OrChartConfig",[...i.filter((t=>t.realm!==this.realm)),r]),this.assets=e.filter((t=>o.attributeRefs.find((e=>e.id===t.id))))}catch(t){console.error("Failed to get assets requested in settings",t)}this._loading=!1,this.assets&&this.assets.length>0&&(this.assetAttributes=o.attributeRefs.map((t=>{const e=this.assets.findIndex((e=>e.id===t.id)),n=e>=0?this.assets[e]:void 0;return n&&n.attributes?[e,n.attributes[t.name]]:void 0})).filter((t=>!!t)))}}))}saveSettings(){return qc(this,void 0,void 0,(function*(){if(!this.panelName)return;const t=window.location.hash,e=(yield Ye().console.retrieveData("OrChartConfig"))||[];let n=e.find((t=>t.realm===this.realm));n||(n={realm:this.realm,views:{}}),n.views[t]||(n.views[t]={}),this.assets&&this.assetAttributes&&0!==this.assets.length&&0!==this.assetAttributes.length?(n.realm=this.realm,n.views[t][this.panelName]={attributeRefs:this.assetAttributes.map((([t,e])=>{const n=this.assets[t];return n?{id:n.id,name:e.name}:void 0})).filter((t=>!!t))}):delete n.views[t][this.panelName],Ye().console.storeData("OrChartConfig",[...e.filter((t=>t.realm!==this.realm)),n])}))}_openDialog(){Nc((new _c.OrAttributePicker).setShowOnlyDatapointAttrs(!0).setMultiSelect(!0).setSelectedAttributes(this._getSelectedAttributes())).addEventListener(_c.OrAttributePickerPickedEvent.NAME,(t=>this._addAttribute(t.detail)))}_openTimeDialog(t,e){const n=pn(),i=pn();Nc((new zc).setHeading(Be.t("timeframe")).setContent((()=>j`
+        `}_onTreeSelectionChanged(t){return qc(this,void 0,void 0,(function*(){if(!Ye().events)return;const e=t.detail&&t.detail.newNodes.length>0?t.detail.newNodes[0]:void 0;if(e){const t=yield Ye().events.sendEventWithReply({eventType:"read-asset",assetId:e.asset.id});this.activeAsset=t.asset}else this.activeAsset=void 0}))}removeDatasetHighlight(t){this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((t,e)=>{t.borderColor&&"string"==typeof t.borderColor&&9===t.borderColor.length&&(t.borderColor=t.borderColor.slice(0,-2),t.backgroundColor=t.borderColor)})),this._chart.update())}addDatasetHighlight(t,e){t&&e&&this._chart&&this._chart.data&&this._chart.data.datasets&&(this._chart.data.datasets.map(((n,i)=>{n.assetId===t&&n.attrName===e||(n.borderColor=n.borderColor+"36",n.backgroundColor=n.borderColor)})),this._chart.update())}loadSettings(t){var e;return qc(this,void 0,void 0,(function*(){if((null==this.assetAttributes||t)&&(this.assetAttributes=[]),this.realm||(this.realm=Ye().getRealm()),this.timePresetOptions||(this.timePresetOptions=this._getDefaultTimestampOptions()),this.timePresetKey||(this.timePresetKey=null===(e=this.timePresetOptions.keys().next().value)||void 0===e?void 0:e.toString()),!this.panelName)return;const n=window.location.hash,i=(yield Ye().console.retrieveData("OrChartConfig"))||[];Array.isArray(i)||Ye().console.storeData("OrChartConfig",[i]);let r=i.find((t=>t.realm===this.realm));if(!r)return;const o=r.views&&r.views[n]?r.views[n][this.panelName]:void 0;if(!o)return;if(!o.attributeRefs){delete r.views[n][this.panelName];const t=[...i.filter((t=>t.realm!==this.realm)),r];return void Ye().console.storeData("OrChartConfig",t)}const a=o.attributeRefs.map((t=>t.id));if(0!==a.length&&(this._loading=!0,!a.every((t=>!!this.assets.find((e=>e.id===t)))))){const t={ids:a};try{const e=(yield Ye().rest.api.AssetResource.queryAssets(t)).data||[];o.attributeRefs=o.attributeRefs.filter((t=>!!e.find((e=>e.id===t.id&&e.attributes&&e.attributes.hasOwnProperty(t.name))))),Ye().console.storeData("OrChartConfig",[...i.filter((t=>t.realm!==this.realm)),r]),this.assets=e.filter((t=>o.attributeRefs.find((e=>e.id===t.id))))}catch(t){console.error("Failed to get assets requested in settings",t)}this._loading=!1,this.assets&&this.assets.length>0&&(this.assetAttributes=o.attributeRefs.map((t=>{const e=this.assets.findIndex((e=>e.id===t.id)),n=e>=0?this.assets[e]:void 0;return n&&n.attributes?[e,n.attributes[t.name]]:void 0})).filter((t=>!!t)))}}))}saveSettings(){return qc(this,void 0,void 0,(function*(){if(!this.panelName)return;const t=window.location.hash,e=(yield Ye().console.retrieveData("OrChartConfig"))||[];let n=e.find((t=>t.realm===this.realm));n||(n={realm:this.realm,views:{}}),n.views[t]||(n.views[t]={}),this.assets&&this.assetAttributes&&0!==this.assets.length&&0!==this.assetAttributes.length?(n.realm=this.realm,n.views[t][this.panelName]={attributeRefs:this.assetAttributes.map((([t,e])=>{const n=this.assets[t];return n?{id:n.id,name:e.name}:void 0})).filter((t=>!!t))}):delete n.views[t][this.panelName],Ye().console.storeData("OrChartConfig",[...e.filter((t=>t.realm!==this.realm)),n])}))}_openDialog(){Nc((new _c.OrAssetAttributePicker).setShowOnlyDatapointAttrs(!0).setMultiSelect(!0).setSelectedAttributes(this._getSelectedAttributes())).addEventListener(_c.OrAssetAttributePickerPickedEvent.NAME,(t=>this._addAttribute(t.detail)))}_openTimeDialog(t,e){const n=pn(),i=pn();Nc((new zc).setHeading(Be.t("timeframe")).setContent((()=>j`
                 <div>
                     <or-mwc-input ${fn(n)} type="${No.DATETIME}" required label="${Be.t("start")}" .value="${t}"></or-mwc-input>
                     <or-mwc-input ${fn(i)} type="${No.DATETIME}" required label="${Be.t("ending")}" .value="${e}"></or-mwc-input>