@openremote/or-dashboard-builder 1.6.0 → 1.6.3

package/dist/umd/index.js

@@ -260,7 +260,7 @@
     .mdc-list-item__graphic > or-icon {
         pointer-events: none;
     }
-`;let Er=class extends Lt{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[ht`${ut(dr)}`,ht`${ut(sr)}`,ht`${ut(lr)}`,ht`${ut(cr)}`,ht`${ut(ur)}`,ht`${ut(hr)}`,ht`${ut(mr)}`,ht`${ut(pr)}`,ht`${ut(fr)}`,ht`${ut(gr)}`,ht`${ut(_r)}`,ht`${ut(yr)}`,ht`${ut(br)}`,ht`${ut(xr)}`,ht`${ut(vr)}`,ht`${ut(wr)}`,Lr]}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===Tr.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===Tr.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===Tr.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=Tr.DATETIME:"boolean"==typeof this.value?this.type=Tr.CHECKBOX:"number"==typeof this.value?this.type=Tr.NUMBER:"string"==typeof this.value?this.type=Tr.TEXT:this.type=Tr.JSON),!0}focus(){this.type===Tr.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 i=!this.fullWidth&&this.outlined,n=!!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?F`<span class="mdc-floating-label ${o?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case Tr.RADIO:const e=this.resolveOptions(this.options);return this._selectedIndex=-1,F`
+`;let Er=class extends Lt{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[ht`${ut(dr)}`,ht`${ut(sr)}`,ht`${ut(lr)}`,ht`${ut(cr)}`,ht`${ut(ur)}`,ht`${ut(hr)}`,ht`${ut(mr)}`,ht`${ut(pr)}`,ht`${ut(fr)}`,ht`${ut(gr)}`,ht`${ut(_r)}`,ht`${ut(yr)}`,ht`${ut(br)}`,ht`${ut(xr)}`,ht`${ut(vr)}`,ht`${ut(wr)}`,Lr]}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===Tr.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===Tr.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===Tr.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=Tr.DATETIME:"boolean"==typeof this.value?this.type=Tr.CHECKBOX:"number"==typeof this.value?this.type=Tr.NUMBER:"string"==typeof this.value?this.type=Tr.TEXT:this.type=Tr.JSON),!0}focus(){this.type===Tr.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 i=!this.fullWidth&&this.outlined,n=!!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?F`<span class="mdc-floating-label ${o?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case Tr.RADIO:const e=this.resolveOptions(this.options);return this._selectedIndex=-1,F`
                             <div class="mdc-radio-container">
                                 ${e?e.map((([t,e],i)=>(this.value===t&&(this._selectedIndex=i),F`
                                     <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 Tr.NUMBER:case Tr.RANGE:case Tr.DATE:case Tr.DATETIME:case Tr.TIME:case Tr.MONTH:case Tr.WEEK:case Tr.EMAIL:case Tr.PASSWORD:case Tr.TELEPHONE:case Tr.URL:case Tr.TEXT:case Tr.TEXTAREA:case Tr.JSON:case Tr.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===Tr.JSON||this.type===Tr.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 Tr.TIME:e.asDate=!0,e.hour12=!1,e.timeStyle=this.step&&this.step<60?"medium":"short";break;case Tr.DATE:e.asDate=!0,e.momentJsFormat="YYYY-MM-DD";break;case Tr.WEEK:e.asDate=!0,e.momentJsFormat="YYYY-[W]WW";break;case Tr.MONTH:e.asDate=!0,e.momentJsFormat="YYYY-MM";break;case Tr.DATETIME:e.asDate=!0,e.momentJsFormat="YYYY-MM-DDTHH:mm";break;case Tr.NUMBER:null!==(t=e.maximumFractionDigits)&&void 0!==t||(e.maximumFractionDigits=20)}e.useGrouping=!1,l=l.map((t=>void 0!==t?Vn.Util.getValueAsString(t,(()=>e),"en-GB"):void 0))}let d=this.label,c=this.type,u="component";if(this.type===Tr.RANGE&&(d=void 0,i=!1,n=!1,c=Tr.NUMBER,u="number"),this.type!==Tr.RANGE||!this.disableSliderNumberInput){const t={"mdc-text-field":!0,"mdc-text-field--invalid":!this.valid,"mdc-text-field--filled":!i,"mdc-text-field--outlined":i,"mdc-text-field--textarea":c===Tr.TEXTAREA||c===Tr.JSON||c===Tr.JSON_OBJECT,"mdc-text-field--disabled":this.disabled,"mdc-text-field--fullwidth":this.fullWidth&&!i,"dense-comfortable":this.comfortable&&!(c===Tr.TEXTAREA||c===Tr.JSON||c===Tr.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===Tr.TEXTAREA||c===Tr.JSON||c===Tr.JSON_OBJECT?F`
+                    `;case Tr.NUMBER:case Tr.RANGE:case Tr.DATE:case Tr.DATETIME:case Tr.TIME:case Tr.MONTH:case Tr.WEEK:case Tr.EMAIL:case Tr.PASSWORD:case Tr.TELEPHONE:case Tr.URL:case Tr.TEXT:case Tr.TEXTAREA:case Tr.JSON:case Tr.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===Tr.JSON||this.type===Tr.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 Tr.TIME:e.asDate=!0,e.hour12=!1,e.timeStyle=this.step&&this.step<60?"medium":"short";break;case Tr.DATE:e.asDate=!0,e.momentJsFormat="YYYY-MM-DD";break;case Tr.WEEK:e.asDate=!0,e.momentJsFormat="YYYY-[W]WW";break;case Tr.MONTH:e.asDate=!0,e.momentJsFormat="YYYY-MM";break;case Tr.DATETIME:e.asDate=!0,e.momentJsFormat="YYYY-MM-DDTHH:mm";break;case Tr.NUMBER:null!==(t=e.maximumFractionDigits)&&void 0!==t||(e.maximumFractionDigits=20)}e.useGrouping=!1,l=l.map((t=>void 0!==t?Vn.Util.getValueAsString(t,(()=>e),"en-GB"):void 0))}let d=this.label,c=this.type,u="component";if(this.type===Tr.RANGE&&(d=void 0,i=!1,n=!1,c=Tr.NUMBER,u="number"),this.type!==Tr.RANGE||!this.disableSliderNumberInput){this.censored&&(c=Tr.PASSWORD),this.type===Tr.PASSWORD&&this.advertised&&(c=Tr.TEXT);const t={"mdc-text-field":!0,"mdc-text-field--invalid":!this.valid,"mdc-text-field--filled":!i,"mdc-text-field--outlined":i,"mdc-text-field--textarea":c===Tr.TEXTAREA||c===Tr.JSON||c===Tr.JSON_OBJECT,"mdc-text-field--disabled":this.disabled,"mdc-text-field--fullwidth":this.fullWidth&&!i,"dense-comfortable":this.comfortable&&!(c===Tr.TEXTAREA||c===Tr.JSON||c===Tr.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===Tr.TEXTAREA||c===Tr.JSON||c===Tr.JSON_OBJECT?F`
                                 <textarea id="elem" class="mdc-text-field__input ${this.resizeVertical?"resize-vertical":""}" ?required="${this.required}"
                                 ?readonly="${this.readonly}" ?disabled="${this.disabled}" minlength="${le(this.minLength)}"
                                 maxlength="${le(this.maxLength)}" rows="${this.rows?this.rows:5}"
@@ -451,6 +451,7 @@
                                 ${e}
                                 ${i?this.renderOutlined(s):s}
                                 ${i?"":F`<span class="mdc-line-ripple"></span>`}
+                                ${this.type!==Tr.PASSWORD||this.censored?"":F`<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?F`<or-icon class="mdc-text-field__icon mdc-text-field__icon--trailing" aria-hidden="true" icon="${this.iconTrailing}"></or-icon>`:""}
                             </label>
                             ${n||r?F`
@@ -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!==Tr.JSON&&this.type!==Tr.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,i){var n,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 Tr.CHECKBOX:case Tr.SWITCH:e="on"===e;break;case Tr.JSON:case Tr.JSON_OBJECT:case Tr.NUMBER:case Tr.RANGE:if(""===e)e=null;else try{e=JSON.parse(e),this.type!==Tr.JSON_OBJECT||"object"==typeof e&&!Array.isArray(e)||(e=this.value,a=qn.i18next.t("validation.invalidJSON"))}catch(t){e=this.value,a=this.type===Tr.JSON||this.type==Tr.JSON_OBJECT?qn.i18next.t("validation.invalidJSON"):qn.i18next.t("validation.invalidNumber")}break;case Tr.DATETIME:if(""===e)e=null;else try{e=Date.parse(e)}catch(t){e=this.value,a=qn.i18next.t("validation.invalidDate")}}if(this.value=e,this.setCustomValidity(a),this.reportValidity(),this.type!==Tr.CHECKBOX_LIST&&e!==o&&(this.type===Tr.RANGE&&(this._mdcComponent.setValue(e),this._mdcComponent2&&(this._mdcComponent2.value=e)),this.dispatchEvent(new kr(this.value,o,i))),null!=this.searchProvider&&this.type===Tr.SELECT){const t=null===(r=null===(n=this.shadowRoot)||void 0===n?void 0:n.getElementById("select-searchable"))||void 0===r?void 0:r.children[1];t&&(this.searchableValue=void 0,t.value="")}this.type!==Tr.CHECKBOX_LIST||Vn.Util.objectsEqual(e,o,!0)||this.dispatchEvent(new kr(e,o,i))}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,qn.i18next.t(e,{defaultValue:Vn.Util.camelCaseToSentenceCase(e)})]}}))),e}getSelectedTextValue(t){const e=this.value,i=Array.isArray(e)?e:null!=e?[e]:void 0;if(!i)return"";const n=t||this.resolveOptions(this.options);return n&&i?i.map((t=>n.find((([e,i],n)=>t===e)))).map((t=>t?t[1]:"")).join(", "):""}};ar([Dt({type:Boolean})],Er.prototype,"focused",void 0),ar([Dt()],Er.prototype,"value",void 0),ar([Dt({type:String})],Er.prototype,"type",void 0),ar([Dt({type:String})],Er.prototype,"name",void 0),ar([Dt({type:Boolean})],Er.prototype,"readonly",void 0),ar([Dt({type:Boolean})],Er.prototype,"required",void 0),ar([Dt()],Er.prototype,"max",void 0),ar([Dt()],Er.prototype,"min",void 0),ar([Dt({type:Number})],Er.prototype,"step",void 0),ar([Dt({type:Boolean})],Er.prototype,"checked",void 0),ar([Dt({type:Boolean})],Er.prototype,"indeterminate",void 0),ar([Dt({type:Number})],Er.prototype,"maxLength",void 0),ar([Dt({type:Number})],Er.prototype,"minLength",void 0),ar([Dt({type:Number})],Er.prototype,"rows",void 0),ar([Dt({type:Number})],Er.prototype,"cols",void 0),ar([Dt({type:Boolean})],Er.prototype,"multiple",void 0),ar([Dt({type:String,attribute:!0,reflect:!1})],Er.prototype,"pattern",void 0),ar([Dt({type:String})],Er.prototype,"placeHolder",void 0),ar([Dt({type:Array})],Er.prototype,"options",void 0),ar([Dt({type:Boolean})],Er.prototype,"autoSelect",void 0),ar([Dt({type:Object})],Er.prototype,"searchProvider",void 0),ar([Dt({type:String})],Er.prototype,"searchLabel",void 0),ar([Dt({type:String})],Er.prototype,"icon",void 0),ar([Dt({type:String})],Er.prototype,"iconColor",void 0),ar([Dt({type:String})],Er.prototype,"iconOn",void 0),ar([Dt({type:String})],Er.prototype,"iconTrailing",void 0),ar([Dt({type:Boolean})],Er.prototype,"compact",void 0),ar([Dt({type:Boolean})],Er.prototype,"comfortable",void 0),ar([Dt({type:Boolean})],Er.prototype,"raised",void 0),ar([Dt({type:Boolean})],Er.prototype,"action",void 0),ar([Dt({type:Boolean})],Er.prototype,"unElevated",void 0),ar([Dt({type:Boolean})],Er.prototype,"outlined",void 0),ar([Dt({type:Boolean})],Er.prototype,"rounded",void 0),ar([Dt({type:Object})],Er.prototype,"format",void 0),ar([Dt({type:Boolean})],Er.prototype,"disableSliderNumberInput",void 0),ar([Dt({type:Boolean})],Er.prototype,"fullWidth",void 0),ar([Dt({type:String})],Er.prototype,"helperText",void 0),ar([Dt({type:Boolean})],Er.prototype,"helperPersistent",void 0),ar([Dt({type:String,attribute:!0})],Er.prototype,"validationMessage",void 0),ar([Dt({type:Boolean})],Er.prototype,"autoValidate",void 0),ar([Dt({type:Boolean})],Er.prototype,"charCounter",void 0),ar([Dt({type:String})],Er.prototype,"label",void 0),ar([Dt({type:Boolean})],Er.prototype,"disabled",void 0),ar([Dt({type:Boolean})],Er.prototype,"continuous",void 0),ar([Dt({type:Boolean})],Er.prototype,"resizeVertical",void 0),ar([It()],Er.prototype,"isUiValid",void 0),ar([It()],Er.prototype,"searchableValue",void 0),ar([It()],Er.prototype,"errorMessage",void 0),Er=ar([St("or-mwc-input")],Er);const Sr=ht`
+        `}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!==Tr.JSON&&this.type!==Tr.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,i){var n,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 Tr.CHECKBOX:case Tr.SWITCH:e="on"===e;break;case Tr.JSON:case Tr.JSON_OBJECT:case Tr.NUMBER:case Tr.RANGE:if(""===e)e=null;else try{e=JSON.parse(e),this.type!==Tr.JSON_OBJECT||"object"==typeof e&&!Array.isArray(e)||(e=this.value,a=qn.i18next.t("validation.invalidJSON"))}catch(t){e=this.value,a=this.type===Tr.JSON||this.type==Tr.JSON_OBJECT?qn.i18next.t("validation.invalidJSON"):qn.i18next.t("validation.invalidNumber")}break;case Tr.DATETIME:if(""===e)e=null;else try{e=Date.parse(e)}catch(t){e=this.value,a=qn.i18next.t("validation.invalidDate")}}if(this.value=e,this.setCustomValidity(a),this.reportValidity(),this.type!==Tr.CHECKBOX_LIST&&e!==o&&(this.type===Tr.RANGE&&(this._mdcComponent.setValue(e),this._mdcComponent2&&(this._mdcComponent2.value=e)),this.dispatchEvent(new kr(this.value,o,i))),null!=this.searchProvider&&this.type===Tr.SELECT){const t=null===(r=null===(n=this.shadowRoot)||void 0===n?void 0:n.getElementById("select-searchable"))||void 0===r?void 0:r.children[1];t&&(this.searchableValue=void 0,t.value="")}this.type!==Tr.CHECKBOX_LIST||Vn.Util.objectsEqual(e,o,!0)||this.dispatchEvent(new kr(e,o,i))}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,qn.i18next.t(e,{defaultValue:Vn.Util.camelCaseToSentenceCase(e)})]}}))),e}getSelectedTextValue(t){const e=this.value,i=Array.isArray(e)?e:null!=e?[e]:void 0;if(!i)return"";const n=t||this.resolveOptions(this.options);return n&&i?i.map((t=>n.find((([e,i],n)=>t===e)))).map((t=>t?t[1]:"")).join(", "):""}};ar([Dt({type:Boolean})],Er.prototype,"focused",void 0),ar([Dt()],Er.prototype,"value",void 0),ar([Dt({type:String})],Er.prototype,"type",void 0),ar([Dt({type:String})],Er.prototype,"name",void 0),ar([Dt({type:Boolean})],Er.prototype,"readonly",void 0),ar([Dt({type:Boolean})],Er.prototype,"required",void 0),ar([Dt()],Er.prototype,"max",void 0),ar([Dt()],Er.prototype,"min",void 0),ar([Dt({type:Number})],Er.prototype,"step",void 0),ar([Dt({type:Boolean})],Er.prototype,"checked",void 0),ar([Dt({type:Boolean})],Er.prototype,"indeterminate",void 0),ar([Dt({type:Number})],Er.prototype,"maxLength",void 0),ar([Dt({type:Number})],Er.prototype,"minLength",void 0),ar([Dt({type:Number})],Er.prototype,"rows",void 0),ar([Dt({type:Number})],Er.prototype,"cols",void 0),ar([Dt({type:Boolean})],Er.prototype,"multiple",void 0),ar([Dt({type:String,attribute:!0,reflect:!1})],Er.prototype,"pattern",void 0),ar([Dt({type:String})],Er.prototype,"placeHolder",void 0),ar([Dt({type:Array})],Er.prototype,"options",void 0),ar([Dt({type:Boolean})],Er.prototype,"autoSelect",void 0),ar([Dt({type:Object})],Er.prototype,"searchProvider",void 0),ar([Dt({type:String})],Er.prototype,"searchLabel",void 0),ar([Dt({type:String})],Er.prototype,"icon",void 0),ar([Dt({type:String})],Er.prototype,"iconColor",void 0),ar([Dt({type:String})],Er.prototype,"iconOn",void 0),ar([Dt({type:String})],Er.prototype,"iconTrailing",void 0),ar([Dt({type:Boolean})],Er.prototype,"compact",void 0),ar([Dt({type:Boolean})],Er.prototype,"comfortable",void 0),ar([Dt({type:Boolean})],Er.prototype,"raised",void 0),ar([Dt({type:Boolean})],Er.prototype,"action",void 0),ar([Dt({type:Boolean})],Er.prototype,"unElevated",void 0),ar([Dt({type:Boolean})],Er.prototype,"outlined",void 0),ar([Dt({type:Boolean})],Er.prototype,"rounded",void 0),ar([Dt({type:Object})],Er.prototype,"format",void 0),ar([Dt({type:Boolean})],Er.prototype,"disableSliderNumberInput",void 0),ar([Dt({type:Boolean})],Er.prototype,"fullWidth",void 0),ar([Dt({type:String})],Er.prototype,"helperText",void 0),ar([Dt({type:Boolean})],Er.prototype,"helperPersistent",void 0),ar([Dt({type:String,attribute:!0})],Er.prototype,"validationMessage",void 0),ar([Dt({type:Boolean})],Er.prototype,"autoValidate",void 0),ar([Dt({type:Boolean})],Er.prototype,"charCounter",void 0),ar([Dt({type:String})],Er.prototype,"label",void 0),ar([Dt({type:Boolean})],Er.prototype,"disabled",void 0),ar([Dt({type:Boolean})],Er.prototype,"continuous",void 0),ar([Dt({type:Boolean})],Er.prototype,"resizeVertical",void 0),ar([Dt({type:Boolean})],Er.prototype,"censored",void 0),ar([Dt({type:Boolean,reflect:!0})],Er.prototype,"advertised",void 0),ar([It()],Er.prototype,"isUiValid",void 0),ar([It()],Er.prototype,"searchableValue",void 0),ar([It()],Er.prototype,"errorMessage",void 0),Er=ar([St("or-mwc-input")],Er);const Sr=ht`
 
     :host {       
         --internal-or-asset-tree-header-color: var(--or-asset-tree-header-color, var(--or-app-color4, ${ut(Vn.DefaultColor4)}));     
@@ -591,10 +592,10 @@
         /*margin-bottom: 20px;*/
         flex: 0 0 auto;
     }
-`;var Cr=p(5744),Ar=p(1512),Dr=function(t,e,i,n){var r,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 s=t.length-1;s>=0;s--)(r=t[s])&&(o=(a<3?r(o):a>3?r(e,i,o):r(e,i))||o);return a>3&&o&&Object.defineProperty(e,i,o),o};const Ir=p(48);class Rr extends CustomEvent{constructor(t){super(Rr.NAME,{detail:t,bubbles:!0,composed:!0})}}Rr.NAME="or-mwc-menu-changed";class Or extends CustomEvent{constructor(){super(Or.NAME,{bubbles:!0,composed:!0})}}function Pr(t,e,i,n,r,a=!1,o=!0,s=!1,l=!1){return F`
+`;var Cr=p(5744),Ar=p(1512),Dr=function(t,e,i,n){var r,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 s=t.length-1;s>=0;s--)(r=t[s])&&(o=(a<3?r(o):a>3?r(e,i,o):r(e,i))||o);return a>3&&o&&Object.defineProperty(e,i,o),o};const Ir=p(48);class Rr extends CustomEvent{constructor(t){super(Rr.NAME,{detail:t,bubbles:!0,composed:!0})}}Rr.NAME="or-mwc-menu-changed";class Or extends CustomEvent{constructor(){super(Or.NAME,{bubbles:!0,composed:!0})}}function Pr(t,e,i,n,r,a=!1,o=!0,s=!1,l=!1,d="menu",c=!1){let u=null;return F`
         <span>
-            <span @click="${t=>{e&&t.currentTarget.parentElement.lastElementChild.open()}}">${t}</span>
-            ${e?F`<or-mwc-menu ?multiselect="${a}" @or-mwc-menu-closed="${()=>{r&&r()}}" @or-mwc-menu-changed="${t=>{n&&n(t.detail)}}" .translateValues="${o}" .values="${i}" .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 i=e.getBoundingClientRect();Object.assign(t.style,{position:"fixed",top:`${i.bottom}px`,left:`${i.left}px`,zIndex:"1000",display:"block"})}(u,e)}t.currentTarget.parentElement.lastElementChild.open()}}}">${t}</span>
+            ${e?F`<or-mwc-menu ?multiselect="${a}" @or-mwc-menu-closed="${()=>{r&&r()}}" @or-mwc-menu-changed="${t=>{n&&n(t.detail)}}" .translateValues="${o}" .values="${i}" .menuItems="${e}" .midHeight="${s}" .fullWidth="${l}" id="${d}" ${oe((t=>u=t))}></or-mwc-menu>`:""}
         </span>
     `}Or.NAME="or-mwc-menu-closed";const zr=ht`
     :host {
@@ -1327,7 +1328,7 @@
   .button-action:hover {
     --or-icon-fill: var(--or-app-color4);
   }
-`;let vs=class extends Lt{constructor(){super(...arguments),this.attributeRefs=[],this.multi=!1,this.onlyDataAttrs=!1,this.loadedAssets=[]}static get styles(){return[bs,Sr]}willUpdate(t){super.willUpdate(t),this.attributeRefs||(this.attributeRefs=[]),t.has("attributeRefs")&&this.attributeRefs&&this.loadAssets().then((e=>{t.get("attributeRefs")&&this.dispatchEvent(new ys(e,this.attributeRefs))}))}getLoadedAsset(t){var e;return null===(e=this.loadedAssets)||void 0===e?void 0:e.find((e=>e.id===t.id))}removeWidgetAttribute(t){null!=this.attributeRefs&&(this.attributeRefs=this.attributeRefs.filter((e=>e!==t)))}loadAssets(){return gs(this,void 0,void 0,(function*(){if(this.attributeRefs.filter((t=>!this.getLoadedAsset(t))).length>0){const t=yield this.fetchAssets(this.attributeRefs);return this.loadedAssets=t,t}return this.loadedAssets}))}fetchAssets(t=[]){return gs(this,void 0,void 0,(function*(){let e=[];return yield Wn().rest.api.AssetResource.queryAssets({ids:t.map((t=>t.id)),realm:{name:Wn().displayRealm},select:{attributes:t.map((t=>t.name))}}).then((t=>{e=t.data})).catch((t=>{console.error(t),Ma(void 0,"errorOccurred")})),e}))}onAttributeActionClick(t,e,i){this.dispatchEvent(new _s(t,e,i))}openAttributeSelector(t,e,i=!0,n){let r;r=Jr(null!=t?(new ps.OrAttributePicker).setMultiSelect(e).setSelectedAttributes(t).setShowOnlyDatapointAttrs(i).setAttributeFilter(n):(new ps.OrAttributePicker).setMultiSelect(e).setShowOnlyDatapointAttrs(i)),r.addEventListener(ps.OrAttributePickerPickedEvent.NAME,(t=>{this.attributeRefs=t.detail}))}render(){return F`
+`;let vs=class extends Lt{constructor(){super(...arguments),this.attributeRefs=[],this.multi=!1,this.onlyDataAttrs=!1,this.loadedAssets=[]}static get styles(){return[bs,Sr]}willUpdate(t){super.willUpdate(t),this.attributeRefs||(this.attributeRefs=[]),t.has("attributeRefs")&&this.attributeRefs&&this.loadAssets().then((e=>{t.get("attributeRefs")&&this.dispatchEvent(new ys(e,this.attributeRefs))}))}getLoadedAsset(t){var e;return null===(e=this.loadedAssets)||void 0===e?void 0:e.find((e=>e.id===t.id))}removeWidgetAttribute(t){null!=this.attributeRefs&&(this.attributeRefs=this.attributeRefs.filter((e=>e!==t)))}loadAssets(){return gs(this,void 0,void 0,(function*(){if(this.attributeRefs.filter((t=>!this.getLoadedAsset(t))).length>0){const t=yield this.fetchAssets(this.attributeRefs);return this.loadedAssets=t,t}return this.loadedAssets}))}fetchAssets(t=[]){return gs(this,void 0,void 0,(function*(){let e=[];return yield Wn().rest.api.AssetResource.queryAssets({ids:t.map((t=>t.id)),realm:{name:Wn().displayRealm},select:{attributes:t.map((t=>t.name))}}).then((t=>{e=t.data})).catch((t=>{console.error(t),Ma(void 0,"errorOccurred")})),e}))}onAttributeActionClick(t,e,i){this.dispatchEvent(new _s(t,e,i))}openAttributeSelector(t,e,i=!0,n){let r;r=Jr(null!=t?(new ps.OrAssetAttributePicker).setMultiSelect(e).setSelectedAttributes(t).setShowOnlyDatapointAttrs(i).setAttributeFilter(n):(new ps.OrAssetAttributePicker).setMultiSelect(e).setShowOnlyDatapointAttrs(i)),r.addEventListener(ps.OrAssetAttributePickerPickedEvent.NAME,(t=>{this.attributeRefs=t.detail}))}render(){return F`
             <div>
                 ${zt(this.attributeRefs.length>0,(()=>F`