@openremote/or-map 1.12.0-snapshot.20251212152633 → 1.12.0-snapshot.20251212165311

package/dist/umd/index.js

@@ -541,6 +541,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)
     }
@@ -660,30 +663,28 @@
     .mdc-list-item__graphic > or-icon {
         pointer-events: none;
     }
-`,iK=class extends tC{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[w`${y(iz)}`,w`${y(iO)}`,w`${y(iR)}`,w`${y(iN)}`,w`${y(iM)}`,w`${y(iD)}`,w`${y(iP)}`,w`${y(iB)}`,w`${y(iF)}`,w`${y(iH)}`,w`${y(iV)}`,w`${y(iU)}`,w`${y(i$)}`,w`${y(iX)}`,w`${y(iq)}`,w`${y(iG)}`,iY]}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===m.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===m.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===m.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=m.DATETIME:"boolean"==typeof this.value?this.type=m.CHECKBOX:"number"==typeof this.value?this.type=m.NUMBER:"string"==typeof this.value?this.type=m.TEXT:this.type=m.JSON),!0}focus(){this.type===m.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 o=!this.fullWidth&&this.label,a=!this.fullWidth&&this.outlined,l=!!this.helperText,c=!this.isUiValid&&(!!this.errorMessage||!!this.validationMessage),s={"mdc-text-field-helper-text--persistent":!c&&this.helperPersistent,"mdc-text-field-helper-text--validation-msg":c},d=null!==this.value&&void 0!==this.value||!1===this.value,u=o?ta`<span class="mdc-floating-label ${d?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case m.RADIO:let f=this.resolveOptions(this.options);return this._selectedIndex=-1,ta`
+`,iK=class extends tC{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[w`${y(iz)}`,w`${y(iO)}`,w`${y(iR)}`,w`${y(iN)}`,w`${y(iM)}`,w`${y(iD)}`,w`${y(iP)}`,w`${y(iB)}`,w`${y(iF)}`,w`${y(iH)}`,w`${y(iV)}`,w`${y(iU)}`,w`${y(i$)}`,w`${y(iX)}`,w`${y(iq)}`,w`${y(iG)}`,iY]}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===m.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===m.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===m.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=m.DATETIME:"boolean"==typeof this.value?this.type=m.CHECKBOX:"number"==typeof this.value?this.type=m.NUMBER:"string"==typeof this.value?this.type=m.TEXT:this.type=m.JSON),!0}focus(){this.type===m.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 o=!this.fullWidth&&this.label,a=!this.fullWidth&&this.outlined,l=!!this.helperText,c=!this.isUiValid&&(!!this.errorMessage||!!this.validationMessage),s={"mdc-text-field-helper-text--persistent":!c&&this.helperPersistent,"mdc-text-field-helper-text--validation-msg":c},d=null!==this.value&&void 0!==this.value||!1===this.value,u=o?ta`<span class="mdc-floating-label ${d?"mdc-floating-label--float-above":""}" id="label">${this.label}</span>`:void 0;switch(this.type){case m.RADIO:let f=this.resolveOptions(this.options);return ta`
                             <div class="mdc-radio-container">
-                                ${f?f.map(([t,e],n)=>(this.value===t&&(this._selectedIndex=n),ta`
+                                ${f?f.map(([t,e])=>ta`
                                     <div id="field" class="mdc-form-field">
                                         <div class="mdc-radio">
-                                            <input type="radio" 
+                                            <input type="radio"
                                                 id="elem-${t}"
                                                 name="${this.name??ts}"
                                                 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 m.SWITCH:let g={"mdc-switch--disabled":this.disabled||this.readonly,"mdc-switch--full-width":this.fullWidth,"mdc-switch--checked":this.value};return ta`
                         <span id="wrapper">