@@ -91,6 +91,8 @@ export namespace Components {
9191 */
9292 "disabled" : boolean ;
9393 "label" : string ;
94+ "name" : string ;
95+ "value" : string ;
9496 }
9597 interface ScoutDivider {
9698 }
@@ -114,6 +116,7 @@ export namespace Components {
114116 * Input mode hints for devices with dynamic keyboards.
115117 */
116118 "inputmode" ?: InputMode ;
119+ "name" : string ;
117120 /**
118121 * Regex pattern for input validation.
119122 */
@@ -186,12 +189,30 @@ export namespace Components {
186189 "size" ?: "xs" | "sm" | "base" | "lg" | "xl" ;
187190 "text" ?: string ;
188191 }
192+ interface ScoutRadioButton {
193+ /**
194+ * Use this prop if you need to connect your radio button with another element describing its use, other than the property label.
195+ */
196+ "ariaLabelledby" : string ;
197+ /**
198+ * @default false
199+ */
200+ "checked" : boolean ;
201+ /**
202+ * @default false
203+ */
204+ "disabled" : boolean ;
205+ "label" : string ;
206+ "name" : string ;
207+ "value" : string ;
208+ }
189209 interface ScoutSelect {
190210 /**
191211 * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
192212 * @default false
193213 */
194214 "disabled" : boolean ;
215+ "name" : string ;
195216 /**
196217 * Custom validation function run on top of the implicit validation performed by the browser. Return a string with the validation message to mark the select as invalid, or null to mark it as valid.
197218 */
@@ -255,6 +276,10 @@ export interface ScoutListViewItemCustomEvent<T> extends CustomEvent<T> {
255276 detail : T ;
256277 target : HTMLScoutListViewItemElement ;
257278}
279+ export interface ScoutRadioButtonCustomEvent < T > extends CustomEvent < T > {
280+ detail : T ;
281+ target : HTMLScoutRadioButtonElement ;
282+ }
258283export interface ScoutSelectCustomEvent < T > extends CustomEvent < T > {
259284 detail : T ;
260285 target : HTMLScoutSelectElement ;
@@ -325,7 +350,7 @@ declare global {
325350 new ( ) : HTMLScoutCardElement ;
326351 } ;
327352 interface HTMLScoutCheckboxElementEventMap {
328- "scoutCheckboxChecked " : {
353+ "scoutChecked " : {
329354 checked : boolean ;
330355 element : HTMLInputElement ;
331356 } ;
@@ -431,6 +456,27 @@ declare global {
431456 prototype : HTMLScoutLoaderElement ;
432457 new ( ) : HTMLScoutLoaderElement ;
433458 } ;
459+ interface HTMLScoutRadioButtonElementEventMap {
460+ "scoutChecked" : {
461+ checked : boolean ;
462+ element : HTMLInputElement ;
463+ } ;
464+ "_fieldId" : string ;
465+ }
466+ interface HTMLScoutRadioButtonElement extends Components . ScoutRadioButton , HTMLStencilElement {
467+ addEventListener < K extends keyof HTMLScoutRadioButtonElementEventMap > ( type : K , listener : ( this : HTMLScoutRadioButtonElement , ev : ScoutRadioButtonCustomEvent < HTMLScoutRadioButtonElementEventMap [ K ] > ) => any , options ?: boolean | AddEventListenerOptions ) : void ;
468+ addEventListener < K extends keyof DocumentEventMap > ( type : K , listener : ( this : Document , ev : DocumentEventMap [ K ] ) => any , options ?: boolean | AddEventListenerOptions ) : void ;
469+ addEventListener < K extends keyof HTMLElementEventMap > ( type : K , listener : ( this : HTMLElement , ev : HTMLElementEventMap [ K ] ) => any , options ?: boolean | AddEventListenerOptions ) : void ;
470+ addEventListener ( type : string , listener : EventListenerOrEventListenerObject , options ?: boolean | AddEventListenerOptions ) : void ;
471+ removeEventListener < K extends keyof HTMLScoutRadioButtonElementEventMap > ( type : K , listener : ( this : HTMLScoutRadioButtonElement , ev : ScoutRadioButtonCustomEvent < HTMLScoutRadioButtonElementEventMap [ K ] > ) => any , options ?: boolean | EventListenerOptions ) : void ;
472+ removeEventListener < K extends keyof DocumentEventMap > ( type : K , listener : ( this : Document , ev : DocumentEventMap [ K ] ) => any , options ?: boolean | EventListenerOptions ) : void ;
473+ removeEventListener < K extends keyof HTMLElementEventMap > ( type : K , listener : ( this : HTMLElement , ev : HTMLElementEventMap [ K ] ) => any , options ?: boolean | EventListenerOptions ) : void ;
474+ removeEventListener ( type : string , listener : EventListenerOrEventListenerObject , options ?: boolean | EventListenerOptions ) : void ;
475+ }
476+ var HTMLScoutRadioButtonElement : {
477+ prototype : HTMLScoutRadioButtonElement ;
478+ new ( ) : HTMLScoutRadioButtonElement ;
479+ } ;
434480 interface HTMLScoutSelectElementEventMap {
435481 "scoutInputChange" : {
436482 value : string ;
@@ -494,6 +540,7 @@ declare global {
494540 "scout-list-view-item" : HTMLScoutListViewItemElement ;
495541 "scout-list-view-subheader" : HTMLScoutListViewSubheaderElement ;
496542 "scout-loader" : HTMLScoutLoaderElement ;
543+ "scout-radio-button" : HTMLScoutRadioButtonElement ;
497544 "scout-select" : HTMLScoutSelectElement ;
498545 "scout-stack" : HTMLScoutStackElement ;
499546 "scout-switch" : HTMLScoutSwitchElement ;
@@ -577,14 +624,16 @@ declare namespace LocalJSX {
577624 */
578625 "disabled" ?: boolean ;
579626 "label" ?: string ;
580- "onScoutCheckboxChecked" ?: ( event : ScoutCheckboxCustomEvent < {
627+ "name" ?: string ;
628+ "onScoutChecked" ?: ( event : ScoutCheckboxCustomEvent < {
581629 checked : boolean ;
582630 element : HTMLInputElement ;
583631 } > ) => void ;
584632 /**
585633 * Internal event used for form field association.
586634 */
587635 "on_fieldId" ?: ( event : ScoutCheckboxCustomEvent < string > ) => void ;
636+ "value" ?: string ;
588637 }
589638 interface ScoutDivider {
590639 }
@@ -608,6 +657,7 @@ declare namespace LocalJSX {
608657 * Input mode hints for devices with dynamic keyboards.
609658 */
610659 "inputmode" ?: InputMode ;
660+ "name" ?: string ;
611661 "onScoutBlur" ?: ( event : ScoutInputCustomEvent < void > ) => void ;
612662 "onScoutInputChange" ?: ( event : ScoutInputCustomEvent < {
613663 value : string ;
@@ -694,12 +744,38 @@ declare namespace LocalJSX {
694744 "size" ?: "xs" | "sm" | "base" | "lg" | "xl" ;
695745 "text" ?: string ;
696746 }
747+ interface ScoutRadioButton {
748+ /**
749+ * Use this prop if you need to connect your radio button with another element describing its use, other than the property label.
750+ */
751+ "ariaLabelledby" ?: string ;
752+ /**
753+ * @default false
754+ */
755+ "checked" ?: boolean ;
756+ /**
757+ * @default false
758+ */
759+ "disabled" ?: boolean ;
760+ "label" ?: string ;
761+ "name" ?: string ;
762+ "onScoutChecked" ?: ( event : ScoutRadioButtonCustomEvent < {
763+ checked : boolean ;
764+ element : HTMLInputElement ;
765+ } > ) => void ;
766+ /**
767+ * Internal event used for form field association.
768+ */
769+ "on_fieldId" ?: ( event : ScoutRadioButtonCustomEvent < string > ) => void ;
770+ "value" ?: string ;
771+ }
697772 interface ScoutSelect {
698773 /**
699774 * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
700775 * @default false
701776 */
702777 "disabled" ?: boolean ;
778+ "name" ?: string ;
703779 "onScoutBlur" ?: ( event : ScoutSelectCustomEvent < void > ) => void ;
704780 "onScoutInputChange" ?: ( event : ScoutSelectCustomEvent < {
705781 value : string ;
@@ -769,6 +845,7 @@ declare namespace LocalJSX {
769845 "scout-list-view-item" : ScoutListViewItem ;
770846 "scout-list-view-subheader" : ScoutListViewSubheader ;
771847 "scout-loader" : ScoutLoader ;
848+ "scout-radio-button" : ScoutRadioButton ;
772849 "scout-select" : ScoutSelect ;
773850 "scout-stack" : ScoutStack ;
774851 "scout-switch" : ScoutSwitch ;
@@ -805,6 +882,7 @@ declare module "@stencil/core" {
805882 "scout-list-view-item" : LocalJSX . ScoutListViewItem & JSXBase . HTMLAttributes < HTMLScoutListViewItemElement > ;
806883 "scout-list-view-subheader" : LocalJSX . ScoutListViewSubheader & JSXBase . HTMLAttributes < HTMLScoutListViewSubheaderElement > ;
807884 "scout-loader" : LocalJSX . ScoutLoader & JSXBase . HTMLAttributes < HTMLScoutLoaderElement > ;
885+ "scout-radio-button" : LocalJSX . ScoutRadioButton & JSXBase . HTMLAttributes < HTMLScoutRadioButtonElement > ;
808886 "scout-select" : LocalJSX . ScoutSelect & JSXBase . HTMLAttributes < HTMLScoutSelectElement > ;
809887 "scout-stack" : LocalJSX . ScoutStack & JSXBase . HTMLAttributes < HTMLScoutStackElement > ;
810888 "scout-switch" : LocalJSX . ScoutSwitch & JSXBase . HTMLAttributes < HTMLScoutSwitchElement > ;
0 commit comments