@openremote/or-chart 1.6.0 → 1.6.3

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

@@ -260,7 +260,7 @@
     .mdc-list-item__graphic > or-icon {
         pointer-events: none;
     }
-`;let Pa=class extends Tt{constructor(){super(...arguments),this.readonly=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.multiple=!1,this.searchLabel="search",this.compact=!1,this.comfortable=!1,this.raised=!1,this.action=!1,this.unElevated=!1,this.outlined=!1,this.rounded=!1,this.disableSliderNumberInput=!1,this.fullWidth=!1,this.helperPersistent=!1,this.autoValidate=!1,this.charCounter=!1,this.disabled=!1,this.continuous=!1,this.resizeVertical=!1,this._selectedIndex=-1,this.isUiValid=!0}static get styles(){return[mt`${ut(ga)}`,mt`${ut(fa)}`,mt`${ut(_a)}`,mt`${ut(ba)}`,mt`${ut(ya)}`,mt`${ut(va)}`,mt`${ut(xa)}`,mt`${ut(ka)}`,mt`${ut(wa)}`,mt`${ut(Ma)}`,mt`${ut(La)}`,mt`${ut(Ta)}`,mt`${ut(Da)}`,mt`${ut(Ya)}`,mt`${ut(Sa)}`,mt`${ut(Ea)}`,Ia]}get nativeValue(){if(this._mdcComponent)return this._mdcComponent.value}disconnectedCallback(){var t,e;super.disconnectedCallback(),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0,null===(t=this._menuObserver)||void 0===t||t.disconnect()),this._mdcComponent2&&(this._mdcComponent2.destroy(),this._mdcComponent2=void 0,null===(e=this._menuObserver)||void 0===e||e.disconnect())}shouldUpdate(t){return t.has("indeterminate")&&this._mdcComponent&&this.type===Ca.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===Ca.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===Ca.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=Ca.DATETIME:"boolean"==typeof this.value?this.type=Ca.CHECKBOX:"number"==typeof this.value?this.type=Ca.NUMBER:"string"==typeof this.value?this.type=Ca.TEXT:this.type=Ca.JSON),!0}focus(){this.type===Ca.RANGE&&this._mdcComponent2?this._mdcComponent2.focus():this._mdcComponent&&"function"==typeof this._mdcComponent.focus&&this._mdcComponent.focus()}render(){var t;if(this.type){const e=!this.fullWidth&&this.label;let n=!this.fullWidth&&this.outlined,i=!!this.helperText;const r=!(this.isUiValid||!this.errorMessage&&!this.validationMessage),a={"mdc-text-field-helper-text--persistent":!r&&this.helperPersistent,"mdc-text-field-helper-text--validation-msg":r},o=null!==this.value&&void 0!==this.value||!1===this.value;let s=e?N`<span class="mdc-floating-label ${o?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case Ca.RADIO:const e=this.resolveOptions(this.options);return this._selectedIndex=-1,N`
+`;let Pa=class extends Tt{constructor(){super(...arguments),this.readonly=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.multiple=!1,this.searchLabel="search",this.compact=!1,this.comfortable=!1,this.raised=!1,this.action=!1,this.unElevated=!1,this.outlined=!1,this.rounded=!1,this.disableSliderNumberInput=!1,this.fullWidth=!1,this.helperPersistent=!1,this.autoValidate=!1,this.charCounter=!1,this.disabled=!1,this.continuous=!1,this.resizeVertical=!1,this.censored=!1,this.advertised=!1,this._selectedIndex=-1,this.isUiValid=!0}static get styles(){return[mt`${ut(ga)}`,mt`${ut(fa)}`,mt`${ut(_a)}`,mt`${ut(ba)}`,mt`${ut(ya)}`,mt`${ut(va)}`,mt`${ut(xa)}`,mt`${ut(ka)}`,mt`${ut(wa)}`,mt`${ut(Ma)}`,mt`${ut(La)}`,mt`${ut(Ta)}`,mt`${ut(Da)}`,mt`${ut(Ya)}`,mt`${ut(Sa)}`,mt`${ut(Ea)}`,Ia]}get nativeValue(){if(this._mdcComponent)return this._mdcComponent.value}disconnectedCallback(){var t,e;super.disconnectedCallback(),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0,null===(t=this._menuObserver)||void 0===t||t.disconnect()),this._mdcComponent2&&(this._mdcComponent2.destroy(),this._mdcComponent2=void 0,null===(e=this._menuObserver)||void 0===e||e.disconnect())}shouldUpdate(t){return t.has("indeterminate")&&this._mdcComponent&&this.type===Ca.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===Ca.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===Ca.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=Ca.DATETIME:"boolean"==typeof this.value?this.type=Ca.CHECKBOX:"number"==typeof this.value?this.type=Ca.NUMBER:"string"==typeof this.value?this.type=Ca.TEXT:this.type=Ca.JSON),!0}focus(){this.type===Ca.RANGE&&this._mdcComponent2?this._mdcComponent2.focus():this._mdcComponent&&"function"==typeof this._mdcComponent.focus&&this._mdcComponent.focus()}render(){var t;if(this.type){const e=!this.fullWidth&&this.label;let n=!this.fullWidth&&this.outlined,i=!!this.helperText;const r=!(this.isUiValid||!this.errorMessage&&!this.validationMessage),a={"mdc-text-field-helper-text--persistent":!r&&this.helperPersistent,"mdc-text-field-helper-text--validation-msg":r},o=null!==this.value&&void 0!==this.value||!1===this.value;let s=e?N`<span class="mdc-floating-label ${o?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case Ca.RADIO:const e=this.resolveOptions(this.options);return this._selectedIndex=-1,N`
                             <div class="mdc-radio-container">
                                 ${e?e.map((([t,e],n)=>(this.value===t&&(this._selectedIndex=n),N`
                                     <div id="field" class="mdc-form-field">
@@ -429,7 +429,7 @@
                             />
                             <label style="margin-left: 10px; cursor: pointer" for="elem">${this.label}</label>
                         </div>
-                    `;case Ca.NUMBER:case Ca.RANGE:case Ca.DATE:case Ca.DATETIME:case Ca.TIME:case Ca.MONTH:case Ca.WEEK:case Ca.EMAIL:case Ca.PASSWORD:case Ca.TELEPHONE:case Ca.URL:case Ca.TEXT:case Ca.TEXTAREA:case Ca.JSON:case Ca.JSON_OBJECT:{let e,l=[void 0===this.value||null===this.value?void 0:this.value,this.min,this.max];if(l.some((t=>"string"!=typeof t)))if(this.type===Ca.JSON||this.type===Ca.JSON_OBJECT)if(void 0!==l[0]){if("string"!=typeof l[0]||null===l[0])try{l[0]=JSON.stringify(l[0],null,2)}catch(t){console.warn("Failed to parse JSON expression for input control"),l[0]=""}}else l[0]="";else{const e=this.format?Object.assign({},this.format):{};switch(this.type){case Ca.TIME:e.asDate=!0,e.hour12=!1,e.timeStyle=this.step&&this.step<60?"medium":"short";break;case Ca.DATE:e.asDate=!0,e.momentJsFormat="YYYY-MM-DD";break;case Ca.WEEK:e.asDate=!0,e.momentJsFormat="YYYY-[W]WW";break;case Ca.MONTH:e.asDate=!0,e.momentJsFormat="YYYY-MM";break;case Ca.DATETIME:e.asDate=!0,e.momentJsFormat="YYYY-MM-DDTHH:mm";break;case Ca.NUMBER:null!==(t=e.maximumFractionDigits)&&void 0!==t||(e.maximumFractionDigits=20)}e.useGrouping=!1,l=l.map((t=>void 0!==t?Ve.Util.getValueAsString(t,(()=>e),"en-GB"):void 0))}let d=this.label,c=this.type,u="component";if(this.type===Ca.RANGE&&(d=void 0,n=!1,i=!1,c=Ca.NUMBER,u="number"),this.type!==Ca.RANGE||!this.disableSliderNumberInput){const t={"mdc-text-field":!0,"mdc-text-field--invalid":!this.valid,"mdc-text-field--filled":!n,"mdc-text-field--outlined":n,"mdc-text-field--textarea":c===Ca.TEXTAREA||c===Ca.JSON||c===Ca.JSON_OBJECT,"mdc-text-field--disabled":this.disabled,"mdc-text-field--fullwidth":this.fullWidth&&!n,"dense-comfortable":this.comfortable&&!(c===Ca.TEXTAREA||c===Ca.JSON||c===Ca.JSON_OBJECT),"dense-compact":!this.comfortable&&this.compact,"mdc-text-field--label-floating":o,"mdc-text-field--no-label":!this.label,"mdc-text-field--with-leading-icon":!!this.icon,"mdc-text-field--with-trailing-icon":!!this.iconTrailing,"or-mwc-input--rounded":this.rounded};e=c===Ca.TEXTAREA||c===Ca.JSON||c===Ca.JSON_OBJECT?N`
+                    `;case Ca.NUMBER:case Ca.RANGE:case Ca.DATE:case Ca.DATETIME:case Ca.TIME:case Ca.MONTH:case Ca.WEEK:case Ca.EMAIL:case Ca.PASSWORD:case Ca.TELEPHONE:case Ca.URL:case Ca.TEXT:case Ca.TEXTAREA:case Ca.JSON:case Ca.JSON_OBJECT:{let e,l=[void 0===this.value||null===this.value?void 0:this.value,this.min,this.max];if(l.some((t=>"string"!=typeof t)))if(this.type===Ca.JSON||this.type===Ca.JSON_OBJECT)if(void 0!==l[0]){if("string"!=typeof l[0]||null===l[0])try{l[0]=JSON.stringify(l[0],null,2)}catch(t){console.warn("Failed to parse JSON expression for input control"),l[0]=""}}else l[0]="";else{const e=this.format?Object.assign({},this.format):{};switch(this.type){case Ca.TIME:e.asDate=!0,e.hour12=!1,e.timeStyle=this.step&&this.step<60?"medium":"short";break;case Ca.DATE:e.asDate=!0,e.momentJsFormat="YYYY-MM-DD";break;case Ca.WEEK:e.asDate=!0,e.momentJsFormat="YYYY-[W]WW";break;case Ca.MONTH:e.asDate=!0,e.momentJsFormat="YYYY-MM";break;case Ca.DATETIME:e.asDate=!0,e.momentJsFormat="YYYY-MM-DDTHH:mm";break;case Ca.NUMBER:null!==(t=e.maximumFractionDigits)&&void 0!==t||(e.maximumFractionDigits=20)}e.useGrouping=!1,l=l.map((t=>void 0!==t?Ve.Util.getValueAsString(t,(()=>e),"en-GB"):void 0))}let d=this.label,c=this.type,u="component";if(this.type===Ca.RANGE&&(d=void 0,n=!1,i=!1,c=Ca.NUMBER,u="number"),this.type!==Ca.RANGE||!this.disableSliderNumberInput){this.censored&&(c=Ca.PASSWORD),this.type===Ca.PASSWORD&&this.advertised&&(c=Ca.TEXT);const t={"mdc-text-field":!0,"mdc-text-field--invalid":!this.valid,"mdc-text-field--filled":!n,"mdc-text-field--outlined":n,"mdc-text-field--textarea":c===Ca.TEXTAREA||c===Ca.JSON||c===Ca.JSON_OBJECT,"mdc-text-field--disabled":this.disabled,"mdc-text-field--fullwidth":this.fullWidth&&!n,"dense-comfortable":this.comfortable&&!(c===Ca.TEXTAREA||c===Ca.JSON||c===Ca.JSON_OBJECT),"dense-compact":!this.comfortable&&this.compact,"mdc-text-field--label-floating":o,"mdc-text-field--no-label":!this.label,"mdc-text-field--with-leading-icon":!!this.icon,"mdc-text-field--with-trailing-icon":!!this.iconTrailing,"or-mwc-input--rounded":this.rounded};e=c===Ca.TEXTAREA||c===Ca.JSON||c===Ca.JSON_OBJECT?N`
                                 <textarea id="elem" class="mdc-text-field__input ${this.resizeVertical?"resize-vertical":""}" ?required="${this.required}"
                                 ?readonly="${this.readonly}" ?disabled="${this.disabled}" minlength="${_n(this.minLength)}"
                                 maxlength="${_n(this.maxLength)}" rows="${this.rows?this.rows:5}"
@@ -451,6 +451,7 @@
                                 ${e}
                                 ${n?this.renderOutlined(s):s}
                                 ${n?"":N`<span class="mdc-line-ripple"></span>`}
+                                ${this.type!==Ca.PASSWORD||this.censored?"":N`<or-icon class="mdc-text-field__icon mdc-text-field__icon--trailing" aria-hidden="true" icon=${this.advertised?"eye":"eye-off"} style="pointer-events: auto;" @click=${()=>this.advertised=!this.advertised}></or-icon>`}
                                 ${this.iconTrailing?N`<or-icon class="mdc-text-field__icon mdc-text-field__icon--trailing" aria-hidden="true" icon="${this.iconTrailing}"></or-icon>`:""}
                             </label>
                             ${i||r?N`
@@ -493,7 +494,7 @@
                 `:""}
                 <span class="mdc-notched-outline__trailing"></span>
             </span>
-        `}setCustomValidity(t){this.errorMessage=t;const e=this.shadowRoot.getElementById("elem");e&&e.setCustomValidity&&e.setCustomValidity(null!=t?t:""),this.reportValidity()}checkValidity(){const t=this.shadowRoot.getElementById("elem");let e=!0;return t&&t.validity&&(e=t.validity.valid),!e||this.type!==Ca.JSON&&this.type!==Ca.JSON_OBJECT||void 0!==this.value&&null!==this.value&&""===this._mdcComponent.value&&(e=!1),e}reportValidity(){const t=this.checkValidity();return this.isUiValid=t,this._mdcComponent&&(this._mdcComponent.valid=t),t}onValueChange(t,e,n){var i,r;let a,o=this.value;if("undefined"===e&&(o=null,e=void 0),"null"===e&&(o=void 0,e=null),"string"==typeof e)switch(this.type){case Ca.CHECKBOX:case Ca.SWITCH:e="on"===e;break;case Ca.JSON:case Ca.JSON_OBJECT:case Ca.NUMBER:case Ca.RANGE:if(""===e)e=null;else try{e=JSON.parse(e),this.type!==Ca.JSON_OBJECT||"object"==typeof e&&!Array.isArray(e)||(e=this.value,a=$e.i18next.t("validation.invalidJSON"))}catch(t){e=this.value,a=this.type===Ca.JSON||this.type==Ca.JSON_OBJECT?$e.i18next.t("validation.invalidJSON"):$e.i18next.t("validation.invalidNumber")}break;case Ca.DATETIME:if(""===e)e=null;else try{e=Date.parse(e)}catch(t){e=this.value,a=$e.i18next.t("validation.invalidDate")}}if(this.value=e,this.setCustomValidity(a),this.reportValidity(),this.type!==Ca.CHECKBOX_LIST&&e!==o&&(this.type===Ca.RANGE&&(this._mdcComponent.setValue(e),this._mdcComponent2&&(this._mdcComponent2.value=e)),this.dispatchEvent(new Aa(this.value,o,n))),null!=this.searchProvider&&this.type===Ca.SELECT){const t=null===(r=null===(i=this.shadowRoot)||void 0===i?void 0:i.getElementById("select-searchable"))||void 0===r?void 0:r.children[1];t&&(this.searchableValue=void 0,t.value="")}this.type!==Ca.CHECKBOX_LIST||Ve.Util.objectsEqual(e,o,!0)||this.dispatchEvent(new Aa(e,o,n))}get valid(){const t=this.shadowRoot.getElementById("elem");return!t||!t.checkValidity||t.checkValidity()}get currentValue(){const t=this.shadowRoot.getElementById("elem");if(t&&t.value)return t.value}resolveOptions(t){let e;return t&&t.length>0&&(e=t.map((t=>{if(Array.isArray(t))return t;{const e=""+t;return[t,$e.i18next.t(e,{defaultValue:Ve.Util.camelCaseToSentenceCase(e)})]}}))),e}getSelectedTextValue(t){const e=this.value,n=Array.isArray(e)?e:null!=e?[e]:void 0;if(!n)return"";const i=t||this.resolveOptions(this.options);return i&&n?n.map((t=>i.find((([e,n],i)=>t===e)))).map((t=>t?t[1]:"")).join(", "):""}};ha([At({type:Boolean})],Pa.prototype,"focused",void 0),ha([At()],Pa.prototype,"value",void 0),ha([At({type:String})],Pa.prototype,"type",void 0),ha([At({type:String})],Pa.prototype,"name",void 0),ha([At({type:Boolean})],Pa.prototype,"readonly",void 0),ha([At({type:Boolean})],Pa.prototype,"required",void 0),ha([At()],Pa.prototype,"max",void 0),ha([At()],Pa.prototype,"min",void 0),ha([At({type:Number})],Pa.prototype,"step",void 0),ha([At({type:Boolean})],Pa.prototype,"checked",void 0),ha([At({type:Boolean})],Pa.prototype,"indeterminate",void 0),ha([At({type:Number})],Pa.prototype,"maxLength",void 0),ha([At({type:Number})],Pa.prototype,"minLength",void 0),ha([At({type:Number})],Pa.prototype,"rows",void 0),ha([At({type:Number})],Pa.prototype,"cols",void 0),ha([At({type:Boolean})],Pa.prototype,"multiple",void 0),ha([At({type:String,attribute:!0,reflect:!1})],Pa.prototype,"pattern",void 0),ha([At({type:String})],Pa.prototype,"placeHolder",void 0),ha([At({type:Array})],Pa.prototype,"options",void 0),ha([At({type:Boolean})],Pa.prototype,"autoSelect",void 0),ha([At({type:Object})],Pa.prototype,"searchProvider",void 0),ha([At({type:String})],Pa.prototype,"searchLabel",void 0),ha([At({type:String})],Pa.prototype,"icon",void 0),ha([At({type:String})],Pa.prototype,"iconColor",void 0),ha([At({type:String})],Pa.prototype,"iconOn",void 0),ha([At({type:String})],Pa.prototype,"iconTrailing",void 0),ha([At({type:Boolean})],Pa.prototype,"compact",void 0),ha([At({type:Boolean})],Pa.prototype,"comfortable",void 0),ha([At({type:Boolean})],Pa.prototype,"raised",void 0),ha([At({type:Boolean})],Pa.prototype,"action",void 0),ha([At({type:Boolean})],Pa.prototype,"unElevated",void 0),ha([At({type:Boolean})],Pa.prototype,"outlined",void 0),ha([At({type:Boolean})],Pa.prototype,"rounded",void 0),ha([At({type:Object})],Pa.prototype,"format",void 0),ha([At({type:Boolean})],Pa.prototype,"disableSliderNumberInput",void 0),ha([At({type:Boolean})],Pa.prototype,"fullWidth",void 0),ha([At({type:String})],Pa.prototype,"helperText",void 0),ha([At({type:Boolean})],Pa.prototype,"helperPersistent",void 0),ha([At({type:String,attribute:!0})],Pa.prototype,"validationMessage",void 0),ha([At({type:Boolean})],Pa.prototype,"autoValidate",void 0),ha([At({type:Boolean})],Pa.prototype,"charCounter",void 0),ha([At({type:String})],Pa.prototype,"label",void 0),ha([At({type:Boolean})],Pa.prototype,"disabled",void 0),ha([At({type:Boolean})],Pa.prototype,"continuous",void 0),ha([At({type:Boolean})],Pa.prototype,"resizeVertical",void 0),ha([Ct()],Pa.prototype,"isUiValid",void 0),ha([Ct()],Pa.prototype,"searchableValue",void 0),ha([Ct()],Pa.prototype,"errorMessage",void 0),Pa=ha([St("or-mwc-input")],Pa);var Ra=function(t,e,n,i){var r,a=arguments.length,o=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(o=(a<3?r(o):a>3?r(e,n,o):r(e,n))||o);return a>3&&o&&Object.defineProperty(e,n,o),o};const Ha=d(420),ja=d(6568),za=mt`
+        `}setCustomValidity(t){this.errorMessage=t;const e=this.shadowRoot.getElementById("elem");e&&e.setCustomValidity&&e.setCustomValidity(null!=t?t:""),this.reportValidity()}checkValidity(){const t=this.shadowRoot.getElementById("elem");let e=!0;return t&&t.validity&&(e=t.validity.valid),!e||this.type!==Ca.JSON&&this.type!==Ca.JSON_OBJECT||void 0!==this.value&&null!==this.value&&""===this._mdcComponent.value&&(e=!1),e}reportValidity(){const t=this.checkValidity();return this.isUiValid=t,this._mdcComponent&&(this._mdcComponent.valid=t),t}onValueChange(t,e,n){var i,r;let a,o=this.value;if("undefined"===e&&(o=null,e=void 0),"null"===e&&(o=void 0,e=null),"string"==typeof e)switch(this.type){case Ca.CHECKBOX:case Ca.SWITCH:e="on"===e;break;case Ca.JSON:case Ca.JSON_OBJECT:case Ca.NUMBER:case Ca.RANGE:if(""===e)e=null;else try{e=JSON.parse(e),this.type!==Ca.JSON_OBJECT||"object"==typeof e&&!Array.isArray(e)||(e=this.value,a=$e.i18next.t("validation.invalidJSON"))}catch(t){e=this.value,a=this.type===Ca.JSON||this.type==Ca.JSON_OBJECT?$e.i18next.t("validation.invalidJSON"):$e.i18next.t("validation.invalidNumber")}break;case Ca.DATETIME:if(""===e)e=null;else try{e=Date.parse(e)}catch(t){e=this.value,a=$e.i18next.t("validation.invalidDate")}}if(this.value=e,this.setCustomValidity(a),this.reportValidity(),this.type!==Ca.CHECKBOX_LIST&&e!==o&&(this.type===Ca.RANGE&&(this._mdcComponent.setValue(e),this._mdcComponent2&&(this._mdcComponent2.value=e)),this.dispatchEvent(new Aa(this.value,o,n))),null!=this.searchProvider&&this.type===Ca.SELECT){const t=null===(r=null===(i=this.shadowRoot)||void 0===i?void 0:i.getElementById("select-searchable"))||void 0===r?void 0:r.children[1];t&&(this.searchableValue=void 0,t.value="")}this.type!==Ca.CHECKBOX_LIST||Ve.Util.objectsEqual(e,o,!0)||this.dispatchEvent(new Aa(e,o,n))}get valid(){const t=this.shadowRoot.getElementById("elem");return!t||!t.checkValidity||t.checkValidity()}get currentValue(){const t=this.shadowRoot.getElementById("elem");if(t&&t.value)return t.value}resolveOptions(t){let e;return t&&t.length>0&&(e=t.map((t=>{if(Array.isArray(t))return t;{const e=""+t;return[t,$e.i18next.t(e,{defaultValue:Ve.Util.camelCaseToSentenceCase(e)})]}}))),e}getSelectedTextValue(t){const e=this.value,n=Array.isArray(e)?e:null!=e?[e]:void 0;if(!n)return"";const i=t||this.resolveOptions(this.options);return i&&n?n.map((t=>i.find((([e,n],i)=>t===e)))).map((t=>t?t[1]:"")).join(", "):""}};ha([At({type:Boolean})],Pa.prototype,"focused",void 0),ha([At()],Pa.prototype,"value",void 0),ha([At({type:String})],Pa.prototype,"type",void 0),ha([At({type:String})],Pa.prototype,"name",void 0),ha([At({type:Boolean})],Pa.prototype,"readonly",void 0),ha([At({type:Boolean})],Pa.prototype,"required",void 0),ha([At()],Pa.prototype,"max",void 0),ha([At()],Pa.prototype,"min",void 0),ha([At({type:Number})],Pa.prototype,"step",void 0),ha([At({type:Boolean})],Pa.prototype,"checked",void 0),ha([At({type:Boolean})],Pa.prototype,"indeterminate",void 0),ha([At({type:Number})],Pa.prototype,"maxLength",void 0),ha([At({type:Number})],Pa.prototype,"minLength",void 0),ha([At({type:Number})],Pa.prototype,"rows",void 0),ha([At({type:Number})],Pa.prototype,"cols",void 0),ha([At({type:Boolean})],Pa.prototype,"multiple",void 0),ha([At({type:String,attribute:!0,reflect:!1})],Pa.prototype,"pattern",void 0),ha([At({type:String})],Pa.prototype,"placeHolder",void 0),ha([At({type:Array})],Pa.prototype,"options",void 0),ha([At({type:Boolean})],Pa.prototype,"autoSelect",void 0),ha([At({type:Object})],Pa.prototype,"searchProvider",void 0),ha([At({type:String})],Pa.prototype,"searchLabel",void 0),ha([At({type:String})],Pa.prototype,"icon",void 0),ha([At({type:String})],Pa.prototype,"iconColor",void 0),ha([At({type:String})],Pa.prototype,"iconOn",void 0),ha([At({type:String})],Pa.prototype,"iconTrailing",void 0),ha([At({type:Boolean})],Pa.prototype,"compact",void 0),ha([At({type:Boolean})],Pa.prototype,"comfortable",void 0),ha([At({type:Boolean})],Pa.prototype,"raised",void 0),ha([At({type:Boolean})],Pa.prototype,"action",void 0),ha([At({type:Boolean})],Pa.prototype,"unElevated",void 0),ha([At({type:Boolean})],Pa.prototype,"outlined",void 0),ha([At({type:Boolean})],Pa.prototype,"rounded",void 0),ha([At({type:Object})],Pa.prototype,"format",void 0),ha([At({type:Boolean})],Pa.prototype,"disableSliderNumberInput",void 0),ha([At({type:Boolean})],Pa.prototype,"fullWidth",void 0),ha([At({type:String})],Pa.prototype,"helperText",void 0),ha([At({type:Boolean})],Pa.prototype,"helperPersistent",void 0),ha([At({type:String,attribute:!0})],Pa.prototype,"validationMessage",void 0),ha([At({type:Boolean})],Pa.prototype,"autoValidate",void 0),ha([At({type:Boolean})],Pa.prototype,"charCounter",void 0),ha([At({type:String})],Pa.prototype,"label",void 0),ha([At({type:Boolean})],Pa.prototype,"disabled",void 0),ha([At({type:Boolean})],Pa.prototype,"continuous",void 0),ha([At({type:Boolean})],Pa.prototype,"resizeVertical",void 0),ha([At({type:Boolean})],Pa.prototype,"censored",void 0),ha([At({type:Boolean,reflect:!0})],Pa.prototype,"advertised",void 0),ha([Ct()],Pa.prototype,"isUiValid",void 0),ha([Ct()],Pa.prototype,"searchableValue",void 0),ha([Ct()],Pa.prototype,"errorMessage",void 0),Pa=ha([St("or-mwc-input")],Pa);var Ra=function(t,e,n,i){var r,a=arguments.length,o=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(o=(a<3?r(o):a>3?r(e,n,o):r(e,n))||o);return a>3&&o&&Object.defineProperty(e,n,o),o};const Ha=d(420),ja=d(6568),za=mt`
     
     :host {
         --internal-or-panel-background-color: var(--or-panel-background-color, var(--or-app-color2, ${ut(Ve.DefaultColor2)}));
@@ -974,10 +975,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 +1034,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>