x4js 2.0.23 → 2.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x4js",
-	"version": "2.0.23",
+	"version": "2.0.24",
 	"description": "X4 framework",
 	"author": "etienne cochard",
 	"license": "MIT",

package/src/components/input/input.ts

@@ -15,7 +15,7 @@
  **/
 
 import { EventCallback } from '../../core/core_events';
-import { Component, ComponentEvent, ComponentProps, EvChange, EvFocus } from '../../core/component';
+import { Component, ComponentEvent, componentFromDOM, ComponentProps, EvChange, EvFocus } from '../../core/component';
 import { class_ns, formatIntlDate, IComponentInterface, IFormElement, isString } from '../../core/core_tools';
 
 import "./input.module.scss"
@@ -407,10 +407,16 @@ export class Input extends Component<InputProps,InputEvents> {
 					if( this.props.type=='checkbox' ) {
 						return this.getCheck( );
 					}
+					else if( this.props.type=='radio' ) {
+						const owner = getRadioOwner( this.dom );
+						const checked = owner.querySelector( `input[name="${this.props.name}"]:checked` )
+						return checked ? (checked as HTMLInputElement).value : undefined;
+					}
+					
 					return this.getValue(); 
 				},
 				setRawValue: ( v: any ) => { 
-					if( this.props.type=='checkbox' ) {
+					if( this.props.type=='checkbox' || this.props.type=='radio' ) {
 						this.setCheck( !!v );
 					}
 					else {
@@ -429,6 +435,19 @@ export class Input extends Component<InputProps,InputEvents> {
 }
 
 
+function getRadioOwner( el: Element )  {
+
+	while( el!=document.body ) {
+		const comp = componentFromDOM(el);
+		const ifx = comp.queryInterface( "tab-handler");
+		if( ifx ) {
+			return el;
+		}
+
+		el = el.parentElement;
+	}
 
+	return document;
+}