@ng-forge/dynamic-forms-material 1.3.0-next.2 → 1.3.0-next.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-button.mjs +118 -33
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-button.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-icon.mjs +112 -33
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-icon.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-button.mjs +96 -33
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-button.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-checkbox.mjs +137 -29
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-checkbox.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-datepicker.mjs +316 -62
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-datepicker.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-input.mjs +253 -107
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-input.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-multi-checkbox.mjs +179 -65
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-multi-checkbox.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-radio.mjs +168 -27
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-radio.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-select.mjs +253 -56
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-select.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-slider.mjs +157 -27
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-slider.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-textarea.mjs +206 -51
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-textarea.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-toggle.mjs +134 -29
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-toggle.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material-mat-field-errors-wrapper.component-bFeO_Ift.mjs +64 -0
- package/fesm2022/ng-forge-dynamic-forms-material-mat-field-errors-wrapper.component-bFeO_Ift.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-shared.mjs +7 -11
- package/fesm2022/ng-forge-dynamic-forms-material-shared.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-material.mjs +241 -260
- package/fesm2022/ng-forge-dynamic-forms-material.mjs.map +1 -1
- package/package.json +2 -2
- package/types/ng-forge-dynamic-forms-material-lazy-addon-button.d.ts +17 -17
- package/types/ng-forge-dynamic-forms-material-lazy-addon-icon.d.ts +23 -16
- package/types/ng-forge-dynamic-forms-material-lazy-button.d.ts +87 -81
- package/types/ng-forge-dynamic-forms-material-lazy-checkbox.d.ts +27 -21
- package/types/ng-forge-dynamic-forms-material-lazy-datepicker.d.ts +68 -40
- package/types/ng-forge-dynamic-forms-material-lazy-input.d.ts +54 -41
- package/types/ng-forge-dynamic-forms-material-lazy-multi-checkbox.d.ts +35 -24
- package/types/ng-forge-dynamic-forms-material-lazy-radio.d.ts +30 -19
- package/types/ng-forge-dynamic-forms-material-lazy-select.d.ts +56 -38
- package/types/ng-forge-dynamic-forms-material-lazy-slider.d.ts +33 -22
- package/types/ng-forge-dynamic-forms-material-lazy-textarea.d.ts +47 -34
- package/types/ng-forge-dynamic-forms-material-lazy-toggle.d.ts +29 -23
- package/types/ng-forge-dynamic-forms-material-shared.d.ts +56 -64
- package/types/ng-forge-dynamic-forms-material.d.ts +211 -237
- package/fesm2022/ng-forge-dynamic-forms-material-mat-field-errors-wrapper.component-Dz2-IbBh.mjs +0 -26
- package/fesm2022/ng-forge-dynamic-forms-material-mat-field-errors-wrapper.component-Dz2-IbBh.mjs.map +0 -1
|
@@ -1,29 +1,40 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { MultiCheckboxField } from
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
|
|
1
|
+
import { DynamicText, FieldOption, ValueType } from "@ng-forge/dynamic-forms";
|
|
2
|
+
import * as i1 from "@ng-forge/dynamic-forms/integration";
|
|
3
|
+
import { MultiCheckboxField } from "@ng-forge/dynamic-forms/integration";
|
|
4
|
+
import { ThemePalette } from "@angular/material/core";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
7
6
|
interface MatMultiCheckboxProps {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
disableRipple?: boolean;
|
|
8
|
+
hint?: DynamicText;
|
|
9
|
+
labelPosition?: 'before' | 'after';
|
|
10
|
+
color?: ThemePalette;
|
|
12
11
|
}
|
|
13
12
|
type MatMultiCheckboxField<T> = MultiCheckboxField<T, MatMultiCheckboxProps>;
|
|
14
|
-
|
|
15
13
|
declare class MatMultiCheckboxFieldComponent {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
14
|
+
protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<ValueType[]>;
|
|
15
|
+
readonly options: import("@angular/core").InputSignal<FieldOption<ValueType>[]>;
|
|
16
|
+
readonly props: import("@angular/core").InputSignal<MatMultiCheckboxProps | undefined>;
|
|
17
|
+
valueViewModel: import("@angular/core").WritableSignal<FieldOption<ValueType>[]>;
|
|
18
|
+
/** Computed map of checked option values for O(1) lookup in template */
|
|
19
|
+
readonly checkedValuesMap: import("@angular/core").Signal<Record<string, boolean>>;
|
|
20
|
+
constructor();
|
|
21
|
+
onCheckboxChange(option: FieldOption<ValueType>, checked: boolean): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatMultiCheckboxFieldComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatMultiCheckboxFieldComponent, "df-mat-multi-checkbox", never, {
|
|
24
|
+
"options": {
|
|
25
|
+
"alias": "options";
|
|
26
|
+
"required": false;
|
|
27
|
+
"isSignal": true;
|
|
28
|
+
};
|
|
29
|
+
"props": {
|
|
30
|
+
"alias": "props";
|
|
31
|
+
"required": false;
|
|
32
|
+
"isSignal": true;
|
|
33
|
+
};
|
|
34
|
+
}, {}, never, never, true, [{
|
|
35
|
+
directive: typeof i1.NgForgeFieldHost;
|
|
36
|
+
inputs: {};
|
|
37
|
+
outputs: {};
|
|
38
|
+
}]>;
|
|
26
39
|
}
|
|
27
|
-
|
|
28
|
-
export { MatMultiCheckboxFieldComponent };
|
|
29
|
-
export type { MatMultiCheckboxField, MatMultiCheckboxProps };
|
|
40
|
+
export { type MatMultiCheckboxField, MatMultiCheckboxFieldComponent, type MatMultiCheckboxProps };
|
|
@@ -1,24 +1,35 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { RadioField } from
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
|
|
1
|
+
import { DynamicText, FieldOption, ValueType } from "@ng-forge/dynamic-forms";
|
|
2
|
+
import * as i1 from "@ng-forge/dynamic-forms/integration";
|
|
3
|
+
import { RadioField } from "@ng-forge/dynamic-forms/integration";
|
|
4
|
+
import { ThemePalette } from "@angular/material/core";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
7
6
|
interface MatRadioProps {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
disableRipple?: boolean;
|
|
8
|
+
color?: ThemePalette;
|
|
9
|
+
labelPosition?: 'before' | 'after';
|
|
10
|
+
hint?: DynamicText;
|
|
12
11
|
}
|
|
13
12
|
type MatRadioField<T> = RadioField<T, MatRadioProps>;
|
|
14
|
-
|
|
15
13
|
declare class MatRadioFieldComponent {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<ValueType>;
|
|
15
|
+
readonly options: import("@angular/core").InputSignal<FieldOption<ValueType>[]>;
|
|
16
|
+
readonly props: import("@angular/core").InputSignal<MatRadioProps | undefined>;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatRadioFieldComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatRadioFieldComponent, "df-mat-radio", never, {
|
|
19
|
+
"options": {
|
|
20
|
+
"alias": "options";
|
|
21
|
+
"required": false;
|
|
22
|
+
"isSignal": true;
|
|
23
|
+
};
|
|
24
|
+
"props": {
|
|
25
|
+
"alias": "props";
|
|
26
|
+
"required": false;
|
|
27
|
+
"isSignal": true;
|
|
28
|
+
};
|
|
29
|
+
}, {}, never, never, true, [{
|
|
30
|
+
directive: typeof i1.NgForgeFieldHost;
|
|
31
|
+
inputs: {};
|
|
32
|
+
outputs: {};
|
|
33
|
+
}]>;
|
|
21
34
|
}
|
|
22
|
-
|
|
23
|
-
export { MatRadioFieldComponent };
|
|
24
|
-
export type { MatRadioField, MatRadioProps };
|
|
35
|
+
export { type MatRadioField, MatRadioFieldComponent, type MatRadioProps };
|
|
@@ -1,43 +1,61 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
7
|
-
import { SelectField, SelectProps, WrapperFieldInputs } from '@ng-forge/dynamic-forms/integration';
|
|
8
|
-
|
|
1
|
+
import { DynamicText, FieldOption, ValueType } from "@ng-forge/dynamic-forms";
|
|
2
|
+
import * as i1 from "@ng-forge/dynamic-forms/integration";
|
|
3
|
+
import { SelectField, SelectProps, WrapperFieldInputs } from "@ng-forge/dynamic-forms/integration";
|
|
4
|
+
import { FloatLabelType, MatFormFieldAppearance, SubscriptSizing } from "@angular/material/form-field";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
9
6
|
interface MatSelectProps extends SelectProps {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
appearance?: MatFormFieldAppearance;
|
|
8
|
+
multiple?: boolean;
|
|
9
|
+
panelMaxHeight?: string;
|
|
10
|
+
subscriptSizing?: SubscriptSizing;
|
|
11
|
+
floatLabel?: FloatLabelType;
|
|
12
|
+
hideRequiredMarker?: boolean;
|
|
13
|
+
compareWith?: (o1: ValueType, o2: ValueType) => boolean;
|
|
14
|
+
hint?: DynamicText;
|
|
18
15
|
}
|
|
19
16
|
type MatSelectField<T> = SelectField<T, MatSelectProps>;
|
|
20
|
-
|
|
21
17
|
declare class MatSelectFieldComponent {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
18
|
+
private materialConfig;
|
|
19
|
+
protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<ValueType>;
|
|
20
|
+
protected readonly ngfa: import("@ng-forge/dynamic-forms/integration").TypedNgForgeAddons<import("@ng-forge/dynamic-forms").AnyAddon>;
|
|
21
|
+
readonly options: import("@angular/core").InputSignal<FieldOption<ValueType>[]>;
|
|
22
|
+
/**
|
|
23
|
+
* Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the
|
|
24
|
+
* component level so `setInputIfDeclared` (which uses
|
|
25
|
+
* `reflectComponentType`) can write it.
|
|
26
|
+
*/
|
|
27
|
+
readonly fieldInputs: import("@angular/core").InputSignal<WrapperFieldInputs | undefined>;
|
|
28
|
+
readonly props: import("@angular/core").InputSignal<MatSelectProps | undefined>;
|
|
29
|
+
readonly appearance: import("@angular/core").Signal<import("@angular/material/form-field").MatFormFieldAppearance>;
|
|
30
|
+
readonly subscriptSizing: import("@angular/core").Signal<import("@angular/material/form-field").SubscriptSizing>;
|
|
31
|
+
readonly floatLabel: import("@angular/core").Signal<import("@angular/material/form-field").FloatLabelType>;
|
|
32
|
+
readonly hideRequiredMarker: import("@angular/core").Signal<boolean>;
|
|
33
|
+
defaultCompare: (value1: any, value2: any) => boolean;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectFieldComponent, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatSelectFieldComponent, "df-mat-select", never, {
|
|
36
|
+
"options": {
|
|
37
|
+
"alias": "options";
|
|
38
|
+
"required": false;
|
|
39
|
+
"isSignal": true;
|
|
40
|
+
};
|
|
41
|
+
"fieldInputs": {
|
|
42
|
+
"alias": "fieldInputs";
|
|
43
|
+
"required": false;
|
|
44
|
+
"isSignal": true;
|
|
45
|
+
};
|
|
46
|
+
"props": {
|
|
47
|
+
"alias": "props";
|
|
48
|
+
"required": false;
|
|
49
|
+
"isSignal": true;
|
|
50
|
+
};
|
|
51
|
+
}, {}, never, never, true, [{
|
|
52
|
+
directive: typeof i1.NgForgeFieldHost;
|
|
53
|
+
inputs: {};
|
|
54
|
+
outputs: {};
|
|
55
|
+
}, {
|
|
56
|
+
directive: typeof i1.NgForgeAddons;
|
|
57
|
+
inputs: {};
|
|
58
|
+
outputs: {};
|
|
59
|
+
}]>;
|
|
40
60
|
}
|
|
41
|
-
|
|
42
|
-
export { MatSelectFieldComponent };
|
|
43
|
-
export type { MatSelectField, MatSelectProps };
|
|
61
|
+
export { type MatSelectField, MatSelectFieldComponent, type MatSelectProps };
|
|
@@ -1,27 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { SliderField } from
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
|
|
1
|
+
import { DynamicText } from "@ng-forge/dynamic-forms";
|
|
2
|
+
import * as i1 from "@ng-forge/dynamic-forms/integration";
|
|
3
|
+
import { SliderField } from "@ng-forge/dynamic-forms/integration";
|
|
4
|
+
import { MatFormFieldAppearance } from "@angular/material/form-field";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
7
6
|
interface MatSliderProps {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
hint?: DynamicText;
|
|
8
|
+
color?: 'primary' | 'accent' | 'warn';
|
|
9
|
+
appearance?: MatFormFieldAppearance;
|
|
10
|
+
thumbLabel?: boolean;
|
|
11
|
+
showThumbLabel?: boolean;
|
|
12
|
+
tickInterval?: number | 'auto';
|
|
13
|
+
step?: number;
|
|
15
14
|
}
|
|
16
15
|
type MatSliderField = SliderField<MatSliderProps>;
|
|
17
|
-
|
|
18
16
|
declare class MatSliderFieldComponent {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<number>;
|
|
18
|
+
readonly step: import("@angular/core").InputSignal<number | undefined>;
|
|
19
|
+
readonly props: import("@angular/core").InputSignal<MatSliderProps | undefined>;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderFieldComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatSliderFieldComponent, "df-mat-slider", never, {
|
|
22
|
+
"step": {
|
|
23
|
+
"alias": "step";
|
|
24
|
+
"required": false;
|
|
25
|
+
"isSignal": true;
|
|
26
|
+
};
|
|
27
|
+
"props": {
|
|
28
|
+
"alias": "props";
|
|
29
|
+
"required": false;
|
|
30
|
+
"isSignal": true;
|
|
31
|
+
};
|
|
32
|
+
}, {}, never, never, true, [{
|
|
33
|
+
directive: typeof i1.NgForgeFieldHost;
|
|
34
|
+
inputs: {};
|
|
35
|
+
outputs: {};
|
|
36
|
+
}]>;
|
|
24
37
|
}
|
|
25
|
-
|
|
26
|
-
export { MatSliderFieldComponent };
|
|
27
|
-
export type { MatSliderField, MatSliderProps };
|
|
38
|
+
export { type MatSliderField, MatSliderFieldComponent, type MatSliderProps };
|
|
@@ -1,39 +1,52 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
7
|
-
import { TextareaField, TextareaProps, WrapperFieldInputs } from '@ng-forge/dynamic-forms/integration';
|
|
8
|
-
|
|
1
|
+
import * as i1 from "@ng-forge/dynamic-forms/integration";
|
|
2
|
+
import { TextareaField, TextareaProps, WrapperFieldInputs } from "@ng-forge/dynamic-forms/integration";
|
|
3
|
+
import { DynamicText } from "@ng-forge/dynamic-forms";
|
|
4
|
+
import { FloatLabelType, MatFormFieldAppearance, SubscriptSizing } from "@angular/material/form-field";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
9
6
|
interface MatTextareaProps extends TextareaProps {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
hint?: DynamicText;
|
|
8
|
+
appearance?: MatFormFieldAppearance;
|
|
9
|
+
subscriptSizing?: SubscriptSizing;
|
|
10
|
+
floatLabel?: FloatLabelType;
|
|
11
|
+
hideRequiredMarker?: boolean;
|
|
12
|
+
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
|
16
13
|
}
|
|
17
14
|
type MatTextareaField = TextareaField<MatTextareaProps>;
|
|
18
|
-
|
|
19
15
|
declare class MatTextareaFieldComponent {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
16
|
+
private materialConfig;
|
|
17
|
+
protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<string>;
|
|
18
|
+
protected readonly ngfa: import("@ng-forge/dynamic-forms/integration").TypedNgForgeAddons<import("@ng-forge/dynamic-forms").AnyAddon>;
|
|
19
|
+
readonly props: import("@angular/core").InputSignal<MatTextareaProps | undefined>;
|
|
20
|
+
/**
|
|
21
|
+
* Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the
|
|
22
|
+
* component level so `setInputIfDeclared` (which uses
|
|
23
|
+
* `reflectComponentType`) can write it.
|
|
24
|
+
*/
|
|
25
|
+
readonly fieldInputs: import("@angular/core").InputSignal<WrapperFieldInputs | undefined>;
|
|
26
|
+
readonly appearance: import("@angular/core").Signal<import("@angular/material/form-field").MatFormFieldAppearance>;
|
|
27
|
+
readonly subscriptSizing: import("@angular/core").Signal<import("@angular/material/form-field").SubscriptSizing>;
|
|
28
|
+
readonly floatLabel: import("@angular/core").Signal<import("@angular/material/form-field").FloatLabelType>;
|
|
29
|
+
readonly hideRequiredMarker: import("@angular/core").Signal<boolean>;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatTextareaFieldComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatTextareaFieldComponent, "df-mat-textarea", never, {
|
|
32
|
+
"props": {
|
|
33
|
+
"alias": "props";
|
|
34
|
+
"required": false;
|
|
35
|
+
"isSignal": true;
|
|
36
|
+
};
|
|
37
|
+
"fieldInputs": {
|
|
38
|
+
"alias": "fieldInputs";
|
|
39
|
+
"required": false;
|
|
40
|
+
"isSignal": true;
|
|
41
|
+
};
|
|
42
|
+
}, {}, never, never, true, [{
|
|
43
|
+
directive: typeof i1.NgForgeFieldHost;
|
|
44
|
+
inputs: {};
|
|
45
|
+
outputs: {};
|
|
46
|
+
}, {
|
|
47
|
+
directive: typeof i1.NgForgeAddons;
|
|
48
|
+
inputs: {};
|
|
49
|
+
outputs: {};
|
|
50
|
+
}]>;
|
|
36
51
|
}
|
|
37
|
-
|
|
38
|
-
export { MatTextareaFieldComponent };
|
|
39
|
-
export type { MatTextareaField, MatTextareaProps };
|
|
52
|
+
export { type MatTextareaField, MatTextareaFieldComponent, type MatTextareaProps };
|
|
@@ -1,28 +1,34 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { ToggleField } from
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
|
|
1
|
+
import { DynamicText } from "@ng-forge/dynamic-forms";
|
|
2
|
+
import * as i1 from "@ng-forge/dynamic-forms/integration";
|
|
3
|
+
import { ToggleField } from "@ng-forge/dynamic-forms/integration";
|
|
4
|
+
import { MatFormFieldAppearance } from "@angular/material/form-field";
|
|
5
|
+
import { ThemePalette } from "@angular/material/core";
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
8
7
|
interface MatToggleProps {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
hint?: DynamicText;
|
|
9
|
+
appearance?: MatFormFieldAppearance;
|
|
10
|
+
color?: ThemePalette;
|
|
11
|
+
labelPosition?: 'before' | 'after';
|
|
12
|
+
disableRipple?: boolean;
|
|
13
|
+
hideIcon?: boolean;
|
|
15
14
|
}
|
|
16
15
|
type MatToggleField = ToggleField<MatToggleProps>;
|
|
17
|
-
|
|
18
16
|
declare class MatToggleFieldComponent {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
private materialConfig;
|
|
18
|
+
protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<boolean>;
|
|
19
|
+
readonly props: import("@angular/core").InputSignal<MatToggleProps | undefined>;
|
|
20
|
+
readonly disableRipple: import("@angular/core").Signal<boolean>;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatToggleFieldComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatToggleFieldComponent, "df-mat-toggle", never, {
|
|
23
|
+
"props": {
|
|
24
|
+
"alias": "props";
|
|
25
|
+
"required": false;
|
|
26
|
+
"isSignal": true;
|
|
27
|
+
};
|
|
28
|
+
}, {}, never, never, true, [{
|
|
29
|
+
directive: typeof i1.NgForgeFieldHost;
|
|
30
|
+
inputs: {};
|
|
31
|
+
outputs: {};
|
|
32
|
+
}]>;
|
|
25
33
|
}
|
|
26
|
-
|
|
27
|
-
export { MatToggleFieldComponent };
|
|
28
|
-
export type { MatToggleField, MatToggleProps };
|
|
34
|
+
export { type MatToggleField, MatToggleFieldComponent, type MatToggleProps };
|
|
@@ -1,91 +1,83 @@
|
|
|
1
|
-
import { ThemePalette } from
|
|
2
|
-
import { MatFormFieldAppearance, SubscriptSizing
|
|
3
|
-
import { InjectionToken, WritableSignal } from
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
export { PresetCollaborators } from '@ng-forge/dynamic-forms/integration';
|
|
7
|
-
|
|
1
|
+
import { ThemePalette } from "@angular/material/core";
|
|
2
|
+
import { FloatLabelType, MatFormFieldAppearance, SubscriptSizing } from "@angular/material/form-field";
|
|
3
|
+
import { InjectionToken, WritableSignal } from "@angular/core";
|
|
4
|
+
import { AddonActionContext, AddonActionPreset, BaseAddon, DynamicText, DynamicValue, RegisteredActionRef } from "@ng-forge/dynamic-forms";
|
|
5
|
+
import { AddonActionHandler, PresetCollaborators } from "@ng-forge/dynamic-forms/integration";
|
|
8
6
|
/** Configuration options for Material Design form fields. */
|
|
9
7
|
interface MaterialConfig {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
8
|
+
/** Default appearance for Material form fields. @default 'outline' */
|
|
9
|
+
appearance?: MatFormFieldAppearance;
|
|
10
|
+
/** Default subscript sizing for Material form fields. @default 'dynamic' */
|
|
11
|
+
subscriptSizing?: SubscriptSizing;
|
|
12
|
+
/** Whether to disable ripple effects by default. @default false */
|
|
13
|
+
disableRipple?: boolean;
|
|
14
|
+
/** Default color theme for form controls. @default 'primary' */
|
|
15
|
+
color?: ThemePalette;
|
|
16
|
+
/** Default label position for checkboxes and radios. @default 'after' */
|
|
17
|
+
labelPosition?: 'before' | 'after';
|
|
18
|
+
/** Default float label behavior for form fields. @default 'auto' */
|
|
19
|
+
floatLabel?: FloatLabelType;
|
|
20
|
+
/** Whether to hide the required marker by default. @default false */
|
|
21
|
+
hideRequiredMarker?: boolean;
|
|
24
22
|
}
|
|
25
|
-
|
|
26
23
|
/** Global configuration for Material Design form fields. */
|
|
27
|
-
declare const MATERIAL_CONFIG: InjectionToken<MaterialConfig>;
|
|
28
|
-
|
|
24
|
+
export declare const MATERIAL_CONFIG: InjectionToken<MaterialConfig>;
|
|
29
25
|
/** Per-field writable signal that overrides the input's `type` attribute. */
|
|
30
|
-
declare const MAT_INPUT_TYPE_OVERRIDE: InjectionToken<WritableSignal<string | undefined>>;
|
|
31
|
-
|
|
26
|
+
export declare const MAT_INPUT_TYPE_OVERRIDE: InjectionToken<WritableSignal<string | undefined>>;
|
|
32
27
|
/** Material adapter binding for the shared preset runner. */
|
|
33
|
-
declare function runMatPresetAction(preset: AddonActionPreset, context: AddonActionContext, collaborators: PresetCollaborators): Promise<void>;
|
|
34
|
-
|
|
28
|
+
export declare function runMatPresetAction(preset: AddonActionPreset, context: AddonActionContext, collaborators: PresetCollaborators): Promise<void>;
|
|
35
29
|
/** Decorative icon addon for Material fields. */
|
|
36
30
|
interface MatIconAddon extends BaseAddon {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
31
|
+
readonly type: 'mat-icon';
|
|
32
|
+
/** Material Icons name (ligature, e.g., `'search'`, `'close'`). */
|
|
33
|
+
readonly icon: string;
|
|
34
|
+
/** Accessible label for icons that convey meaning. */
|
|
35
|
+
readonly ariaLabel?: DynamicText;
|
|
42
36
|
}
|
|
43
37
|
interface MatButtonBase extends BaseAddon {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
readonly type: 'mat-button';
|
|
39
|
+
readonly color?: 'primary' | 'accent' | 'warn';
|
|
40
|
+
readonly loading?: DynamicValue<boolean>;
|
|
47
41
|
}
|
|
48
42
|
type MatButtonActionRef = [RegisteredActionRef] extends [never] ? string : RegisteredActionRef;
|
|
49
43
|
type MatButtonClick = {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
44
|
+
readonly preset: AddonActionPreset;
|
|
45
|
+
readonly actionRef?: never;
|
|
46
|
+
readonly action?: never;
|
|
53
47
|
} | {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
48
|
+
readonly preset?: never;
|
|
49
|
+
readonly actionRef: MatButtonActionRef;
|
|
50
|
+
readonly action?: never;
|
|
57
51
|
} | {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
52
|
+
readonly preset?: never;
|
|
53
|
+
readonly actionRef?: never;
|
|
54
|
+
readonly action: AddonActionHandler;
|
|
61
55
|
} | {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
56
|
+
readonly preset?: never;
|
|
57
|
+
readonly actionRef?: never;
|
|
58
|
+
readonly action?: never;
|
|
65
59
|
};
|
|
66
60
|
type MatButtonContent = {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
61
|
+
readonly icon: string;
|
|
62
|
+
readonly label?: never;
|
|
63
|
+
readonly ariaLabel: DynamicText;
|
|
70
64
|
} | {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
65
|
+
readonly icon?: string;
|
|
66
|
+
readonly label: DynamicText;
|
|
67
|
+
readonly ariaLabel?: DynamicText;
|
|
74
68
|
} | {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
readonly icon?: never;
|
|
70
|
+
readonly label?: never;
|
|
71
|
+
readonly ariaLabel?: DynamicText;
|
|
78
72
|
};
|
|
79
73
|
/** Interactive button addon for Material fields. */
|
|
80
74
|
type MatButtonAddon = MatButtonBase & MatButtonContent & MatButtonClick;
|
|
81
75
|
/** Union of all Material-shipped addon types. */
|
|
82
76
|
type MatAddon = MatIconAddon | MatButtonAddon;
|
|
83
77
|
declare module '@ng-forge/dynamic-forms' {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
78
|
+
interface DynamicFormAddonRegistry {
|
|
79
|
+
'mat-icon': MatIconAddon;
|
|
80
|
+
'mat-button': MatButtonAddon;
|
|
81
|
+
}
|
|
88
82
|
}
|
|
89
|
-
|
|
90
|
-
export { MATERIAL_CONFIG, MAT_INPUT_TYPE_OVERRIDE, runMatPresetAction };
|
|
91
|
-
export type { MatAddon, MatButtonAddon, MatIconAddon, MaterialConfig };
|
|
83
|
+
export type { MatAddon, MatButtonAddon, MatIconAddon, MaterialConfig, PresetCollaborators };
|