@openremote/or-attribute-picker 1.12.0-snapshot.20251212152633 → 1.12.0-snapshot.20251212165311

package/dist/umd/index.js

@@ -141,6 +141,9 @@
         display: flex;
         flex-direction: column;
     }
+    .mdc-form-field:has(> .mdc-radio) {
+        height: 56px !important;
+    }
     .mdc-text-field.mdc-text-field--invalid:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
         color: var(--mdc-theme-error, #b00020)
     }
@@ -260,30 +263,28 @@
     .mdc-list-item__graphic > or-icon {
         pointer-events: none;
     }
-`,is=class extends th{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[c`${o(n5)}`,c`${o(n1)}`,c`${o(n2)}`,c`${o(n4)}`,c`${o(n3)}`,c`${o(n7)}`,c`${o(n6)}`,c`${o(n8)}`,c`${o(n9)}`,c`${o(it)}`,c`${o(ie)}`,c`${o(ii)}`,c`${o(ir)}`,c`${o(io)}`,c`${o(ia)}`,c`${o(il)}`,ic]}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)||t.disconnect()),this._mdcComponent2&&(this._mdcComponent2.destroy(),this._mdcComponent2=void 0,null==(e=this._menuObserver)||e.disconnect())}shouldUpdate(t){return t.has("indeterminate")&&this._mdcComponent&&this.type===tA.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===tA.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===tA.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=tA.DATETIME:"boolean"==typeof this.value?this.type=tA.CHECKBOX:"number"==typeof this.value?this.type=tA.NUMBER:"string"==typeof this.value?this.type=tA.TEXT:this.type=tA.JSON),!0}focus(){this.type===tA.RANGE&&this._mdcComponent2&&"function"==typeof this._mdcComponent2.focus?this._mdcComponent2.focus():this._mdcComponent&&"function"==typeof this._mdcComponent.focus&&this._mdcComponent.focus()}render(){if(this.type){let t=!this.fullWidth&&this.label,e=!this.fullWidth&&this.outlined,n=!!this.helperText,i=!this.isUiValid&&(!!this.errorMessage||!!this.validationMessage),r={"mdc-text-field-helper-text--persistent":!i&&this.helperPersistent,"mdc-text-field-helper-text--validation-msg":i},a=null!==this.value&&void 0!==this.value||!1===this.value,o=t?J`<span class="mdc-floating-label ${a?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case tA.RADIO:let l=this.resolveOptions(this.options);return this._selectedIndex=-1,J`
+`,is=class extends th{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[c`${o(n5)}`,c`${o(n1)}`,c`${o(n2)}`,c`${o(n4)}`,c`${o(n3)}`,c`${o(n7)}`,c`${o(n6)}`,c`${o(n8)}`,c`${o(n9)}`,c`${o(it)}`,c`${o(ie)}`,c`${o(ii)}`,c`${o(ir)}`,c`${o(io)}`,c`${o(ia)}`,c`${o(il)}`,ic]}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)||t.disconnect()),this._mdcComponent2&&(this._mdcComponent2.destroy(),this._mdcComponent2=void 0,null==(e=this._menuObserver)||e.disconnect())}shouldUpdate(t){return t.has("indeterminate")&&this._mdcComponent&&this.type===tA.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===tA.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===tA.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=tA.DATETIME:"boolean"==typeof this.value?this.type=tA.CHECKBOX:"number"==typeof this.value?this.type=tA.NUMBER:"string"==typeof this.value?this.type=tA.TEXT:this.type=tA.JSON),!0}focus(){this.type===tA.RANGE&&this._mdcComponent2&&"function"==typeof this._mdcComponent2.focus?this._mdcComponent2.focus():this._mdcComponent&&"function"==typeof this._mdcComponent.focus&&this._mdcComponent.focus()}render(){if(this.type){let t=!this.fullWidth&&this.label,e=!this.fullWidth&&this.outlined,n=!!this.helperText,i=!this.isUiValid&&(!!this.errorMessage||!!this.validationMessage),r={"mdc-text-field-helper-text--persistent":!i&&this.helperPersistent,"mdc-text-field-helper-text--validation-msg":i},a=null!==this.value&&void 0!==this.value||!1===this.value,o=t?J`<span class="mdc-floating-label ${a?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case tA.RADIO:let l=this.resolveOptions(this.options);return J`
                             <div class="mdc-radio-container">
-                                ${l?l.map(([t,e],n)=>(this.value===t&&(this._selectedIndex=n),J`
+                                ${l?l.map(([t,e])=>J`
                                     <div id="field" class="mdc-form-field">
                                         <div class="mdc-radio">
-                                            <input type="radio" 
+                                            <input type="radio"
                                                 id="elem-${t}"
                                                 name="${this.name??Z}"
                                                 value="${t}"
-                                                ?checked="${this.value&&this.value.includes(t)}"
+                                                .checked="${this.value===t}"
                                                 ?required="${this.required}"
-                                                ?disabled="${this.disabled||this.readonly}"                            
+                                                ?disabled="${this.disabled||this.readonly}"
                                                 @change="${e=>this.onValueChange(e.target,t)}"
                                                 class="mdc-radio__native-control"/>
-                                            <div class="mdc-radio__background">
-                                            <div class="mdc-radio__outer-circle"></div>
-                                            <div class="mdc-radio__inner-circle"></div>
-                                            </div>
+                                                <div class="mdc-radio__background">
+                                                    <div class="mdc-radio__outer-circle"></div>
+                                                    <div class="mdc-radio__inner-circle"></div>
+                                                </div>
                                             <div class="mdc-radio__ripple"></div>
                                         </div>
                                         <label for="elem-${t}"><or-translate value="${e}"></or-translate></label>
-                                    </div>
-
-                                    `)):""}
+                                    </div>`):""}
                             </div>
                     `;case tA.SWITCH:let d={"mdc-switch--disabled":this.disabled||this.readonly,"mdc-switch--full-width":this.fullWidth,"mdc-switch--checked":this.value};return J`
                         <span id="wrapper">