@ngx-formly/material 10.0.1 → 11.1.0-rc.0

package/fesm2022/ngx-formly-material-radio.mjs

@@ -1,53 +1,74 @@
-import * as i0 from '@angular/core';
-import { ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i3 from '@ngx-formly/core';
-import { ɵobserve as _observe, FormlyModule } from '@ngx-formly/core';
-import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
-import * as i2 from '@angular/material/radio';
-import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i5 from '@ngx-formly/core/select';
-import { FormlySelectModule } from '@ngx-formly/core/select';
-
-class FormlyFieldRadio extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                hideFieldUnderline: true,
-                floatLabel: 'always',
-                tabindex: -1,
-            },
-        };
-    }
-    ngAfterViewInit() {
-        this.focusObserver = _observe(this.field, ['focus'], ({ currentValue }) => {
-            if (this.props.tabindex === -1 && currentValue && this.radioGroup._radios.length > 0) {
-                // https://github.com/ngx-formly/ngx-formly/issues/2498
-                setTimeout(() => {
-                    const radio = this.radioGroup.selected ? this.radioGroup.selected : this.radioGroup._radios.first;
-                    radio.focus();
-                });
-            }
-        });
-    }
-    // TODO: find a solution to prevent scroll on focus
-    onContainerClick() { }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.focusObserver && this.focusObserver.unsubscribe();
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, ViewChild } from "@angular/core";
+import * as i2 from "@angular/material/radio";
+import { MatRadioGroup, MatRadioModule } from "@angular/material/radio";
+import * as i3 from "@ngx-formly/core";
+import { FormlyModule, ɵobserve } from "@ngx-formly/core";
+import { FieldType, FormlyMatFormFieldModule } from "@ngx-formly/material/form-field";
+import * as i1 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+import * as i4 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i5 from "@ngx-formly/core/select";
+import { FormlySelectModule } from "@ngx-formly/core/select";
+var FormlyFieldRadio = class FormlyFieldRadio extends FieldType {
+	constructor() {
+		super(...arguments);
+		this.defaultOptions = { props: {
+			hideFieldUnderline: true,
+			floatLabel: "always",
+			tabindex: -1
+		} };
+	}
+	ngAfterViewInit() {
+		this.focusObserver = ɵobserve(this.field, ["focus"], ({ currentValue }) => {
+			if (this.props.tabindex === -1 && currentValue && this.radioGroup._radios.length > 0) setTimeout(() => {
+				(this.radioGroup.selected ? this.radioGroup.selected : this.radioGroup._radios.first).focus();
+			});
+		});
+	}
+	onContainerClick() {}
+	ngOnDestroy() {
+		super.ngOnDestroy();
+		this.focusObserver && this.focusObserver.unsubscribe();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyFieldRadio,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: FormlyFieldRadio,
+			isStandalone: false,
+			selector: "formly-field-mat-radio",
+			viewQueries: [{
+				propertyName: "radioGroup",
+				first: true,
+				predicate: MatRadioGroup,
+				descendants: true,
+				static: true
+			}],
+			usesInheritance: true,
+			ngImport: i0,
+			template: `
+    @if (props.allowHtml) {
+      <span [id]="id + '-label'" hidden [innerHTML]="props.label"></span>
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldRadio, isStandalone: false, selector: "formly-field-mat-radio", viewQueries: [{ propertyName: "radioGroup", first: true, predicate: MatRadioGroup, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <mat-radio-group
       [formControl]="formControl"
       [formlyAttributes]="field"
       [required]="required"
       [tabindex]="props.tabindex"
-      [attr.aria-label]="props.label"
+      [attr.aria-label]="props.allowHtml ? null : props.label"
+      [attr.aria-labelledby]="props.allowHtml ? id + '-label' : null"
     >
       @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {
         <mat-radio-button
@@ -61,19 +82,112 @@ class FormlyFieldRadio extends FieldType {
         </mat-radio-button>
       }
     </mat-radio-group>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i3.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldRadio, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-field-mat-radio',
-                    template: `
+  `,
+			isInline: true,
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.RequiredValidator,
+					selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+					inputs: ["required"]
+				},
+				{
+					kind: "directive",
+					type: i1.FormControlDirective,
+					selector: "[formControl]",
+					inputs: [
+						"formControl",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i2.MatRadioGroup,
+					selector: "mat-radio-group",
+					inputs: [
+						"color",
+						"name",
+						"labelPosition",
+						"value",
+						"selected",
+						"disabled",
+						"required",
+						"disabledInteractive"
+					],
+					outputs: ["change"],
+					exportAs: ["matRadioGroup"]
+				},
+				{
+					kind: "component",
+					type: i2.MatRadioButton,
+					selector: "mat-radio-button",
+					inputs: [
+						"id",
+						"name",
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"disableRipple",
+						"tabIndex",
+						"checked",
+						"value",
+						"labelPosition",
+						"disabled",
+						"required",
+						"color",
+						"disabledInteractive"
+					],
+					outputs: ["change"],
+					exportAs: ["matRadioButton"]
+				},
+				{
+					kind: "directive",
+					type: i3.LegacyFormlyAttributes,
+					selector: "[formlyAttributes]"
+				},
+				{
+					kind: "pipe",
+					type: i4.AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: i5.LegacyFormlySelectOptionsPipe,
+					name: "formlySelectOptions"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyFieldRadio,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "formly-field-mat-radio",
+			template: `
+    @if (props.allowHtml) {
+      <span [id]="id + '-label'" hidden [innerHTML]="props.label"></span>
+    }
     <mat-radio-group
       [formControl]="formControl"
       [formlyAttributes]="field"
       [required]="required"
       [tabindex]="props.tabindex"
-      [attr.aria-label]="props.label"
+      [attr.aria-label]="props.allowHtml ? null : props.label"
+      [attr.aria-labelledby]="props.allowHtml ? id + '-label' : null"
     >
       @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {
         <mat-radio-button
@@ -88,58 +202,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
       }
     </mat-radio-group>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: false,
-                }]
-        }], propDecorators: { radioGroup: [{
-                type: ViewChild,
-                args: [MatRadioGroup, { static: true }]
-            }] } });
-
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false
+		}]
+	}],
+	propDecorators: { radioGroup: [{
+		type: ViewChild,
+		args: [MatRadioGroup, { static: true }]
+	}] }
+});
 function withFormlyFieldRadio() {
-    return {
-        types: [
-            {
-                name: 'radio',
-                component: FormlyFieldRadio,
-                wrappers: ['form-field'],
-            },
-        ],
-    };
-}
-
-class FormlyMatRadioModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
-            ReactiveFormsModule,
-            MatRadioModule,
-            FormlyMatFormFieldModule,
-            FormlySelectModule, i3.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            MatRadioModule,
-            FormlyMatFormFieldModule,
-            FormlySelectModule,
-            FormlyModule.forChild(withFormlyFieldRadio())] }); }
+	return { types: [{
+		name: "radio",
+		component: FormlyFieldRadio,
+		wrappers: ["form-field"]
+	}] };
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyMatRadioModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldRadio],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatRadioModule,
-                        FormlyMatFormFieldModule,
-                        FormlySelectModule,
-                        FormlyModule.forChild(withFormlyFieldRadio()),
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var FormlyMatRadioModule = class FormlyMatRadioModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatRadioModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatRadioModule,
+			declarations: [FormlyFieldRadio],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatRadioModule,
+				FormlyMatFormFieldModule,
+				FormlySelectModule,
+				i3.FormlyModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyMatRadioModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatRadioModule,
+				FormlyMatFormFieldModule,
+				FormlySelectModule,
+				FormlyModule.forChild(withFormlyFieldRadio())
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyMatRadioModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormlyFieldRadio],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MatRadioModule,
+				FormlyMatFormFieldModule,
+				FormlySelectModule,
+				FormlyModule.forChild(withFormlyFieldRadio())
+			]
+		}]
+	}]
+});
 export { FormlyFieldRadio, FormlyMatRadioModule, withFormlyFieldRadio };
-//# sourceMappingURL=ngx-formly-material-radio.mjs.map
+
+//# sourceMappingURL=ngx-formly-material-radio.mjs.map

package/fesm2022/ngx-formly-material-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-formly-material-radio.mjs","sources":["../../../../src/ui/material/radio/src/radio.type.ts","../../../../src/ui/material/radio/src/radio.config.ts","../../../../src/ui/material/radio/src/radio.module.ts","../../../../src/ui/material/radio/src/ngx-formly-material-radio.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, AfterViewInit, OnDestroy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig, ɵobserve as observe } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatRadioGroup } from '@angular/material/radio';\n\ninterface RadioProps extends FormlyFieldProps {\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyRadioFieldConfig extends FormlyFieldConfig<RadioProps> {\n  type: 'radio' | Type<FormlyFieldRadio>;\n}\n\n@Component({\n  selector: 'formly-field-mat-radio',\n  template: `\n    <mat-radio-group\n      [formControl]=\"formControl\"\n      [formlyAttributes]=\"field\"\n      [required]=\"required\"\n      [tabindex]=\"props.tabindex\"\n      [attr.aria-label]=\"props.label\"\n    >\n      @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {\n        <mat-radio-button\n          [id]=\"id + '_' + i\"\n          [color]=\"props.color\"\n          [labelPosition]=\"props.labelPosition\"\n          [disabled]=\"option.disabled\"\n          [value]=\"option.value\"\n        >\n          {{ option.label }}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldRadio extends FieldType<FieldTypeConfig<RadioProps>> implements AfterViewInit, OnDestroy {\n  @ViewChild(MatRadioGroup, { static: true }) radioGroup!: MatRadioGroup;\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      tabindex: -1,\n    },\n  };\n\n  private focusObserver!: ReturnType<typeof observe>;\n  ngAfterViewInit() {\n    this.focusObserver = observe(this.field, ['focus'], ({ currentValue }) => {\n      if (this.props.tabindex === -1 && currentValue && this.radioGroup._radios.length > 0) {\n        // https://github.com/ngx-formly/ngx-formly/issues/2498\n        setTimeout(() => {\n          const radio = this.radioGroup.selected ? this.radioGroup.selected : this.radioGroup._radios.first;\n          radio.focus();\n        });\n      }\n    });\n  }\n\n  // TODO: find a solution to prevent scroll on focus\n  override onContainerClick() {}\n\n  override ngOnDestroy() {\n    super.ngOnDestroy();\n    this.focusObserver && this.focusObserver.unsubscribe();\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldRadio } from './radio.type';\n\nexport function withFormlyFieldRadio(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'radio',\n        component: FormlyFieldRadio,\n        wrappers: ['form-field'],\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatRadioModule } from '@angular/material/radio';\n\nimport { FormlyFieldRadio } from './radio.type';\nimport { withFormlyFieldRadio } from './radio.config';\n\n@NgModule({\n  declarations: [FormlyFieldRadio],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatRadioModule,\n\n    FormlyMatFormFieldModule,\n    FormlySelectModule,\n    FormlyModule.forChild(withFormlyFieldRadio()),\n  ],\n})\nexport class FormlyMatRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["observe","i1"],"mappings":"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"}
+{"version":3,"file":"ngx-formly-material-radio.mjs","names":[],"sources":["../../../../src/ui/material/radio/src/radio.type.ts","../../../../src/ui/material/radio/src/radio.config.ts","../../../../src/ui/material/radio/src/radio.module.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, Type, ViewChild } from '@angular/core';\nimport { MatRadioGroup } from '@angular/material/radio';\nimport { FieldTypeConfig, FormlyFieldConfig, ɵobserve as observe } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\n\ninterface RadioProps extends FormlyFieldProps {\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyRadioFieldConfig extends FormlyFieldConfig<RadioProps> {\n  type: 'radio' | Type<FormlyFieldRadio>;\n}\n\n@Component({\n  selector: 'formly-field-mat-radio',\n  template: `\n    @if (props.allowHtml) {\n      <span [id]=\"id + '-label'\" hidden [innerHTML]=\"props.label\"></span>\n    }\n    <mat-radio-group\n      [formControl]=\"formControl\"\n      [formlyAttributes]=\"field\"\n      [required]=\"required\"\n      [tabindex]=\"props.tabindex\"\n      [attr.aria-label]=\"props.allowHtml ? null : props.label\"\n      [attr.aria-labelledby]=\"props.allowHtml ? id + '-label' : null\"\n    >\n      @for (option of props.options | formlySelectOptions: field | async; track $index; let i = $index) {\n        <mat-radio-button\n          [id]=\"id + '_' + i\"\n          [color]=\"props.color\"\n          [labelPosition]=\"props.labelPosition\"\n          [disabled]=\"option.disabled\"\n          [value]=\"option.value\"\n        >\n          {{ option.label }}\n        </mat-radio-button>\n      }\n    </mat-radio-group>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldRadio extends FieldType<FieldTypeConfig<RadioProps>> implements AfterViewInit, OnDestroy {\n  @ViewChild(MatRadioGroup, { static: true }) radioGroup!: MatRadioGroup;\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      tabindex: -1,\n    },\n  };\n\n  private focusObserver!: ReturnType<typeof observe>;\n  ngAfterViewInit() {\n    this.focusObserver = observe(this.field, ['focus'], ({ currentValue }) => {\n      if (this.props.tabindex === -1 && currentValue && this.radioGroup._radios.length > 0) {\n        // https://github.com/ngx-formly/ngx-formly/issues/2498\n        setTimeout(() => {\n          const radio = this.radioGroup.selected ? this.radioGroup.selected : this.radioGroup._radios.first;\n          radio.focus();\n        });\n      }\n    });\n  }\n\n  // TODO: find a solution to prevent scroll on focus\n  override onContainerClick() {}\n\n  override ngOnDestroy() {\n    super.ngOnDestroy();\n    this.focusObserver && this.focusObserver.unsubscribe();\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldRadio } from './radio.type';\n\nexport function withFormlyFieldRadio(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'radio',\n        component: FormlyFieldRadio,\n        wrappers: ['form-field'],\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatRadioModule } from '@angular/material/radio';\n\nimport { FormlyFieldRadio } from './radio.type';\nimport { withFormlyFieldRadio } from './radio.config';\n\n@NgModule({\n  declarations: [FormlyFieldRadio],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatRadioModule,\n\n    FormlyMatFormFieldModule,\n    FormlySelectModule,\n    FormlyModule.forChild(withFormlyFieldRadio()),\n  ],\n})\nexport class FormlyMatRadioModule {}\n"],"mappings":"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"}