@ng-forge/dynamic-forms-material 1.2.0-next.1 → 1.2.0-next.10
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/README.md +5 -5
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-button.mjs +106 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-button.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-icon.mjs +34 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-addon-icon.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-button.mjs +60 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-button.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-checkbox.mjs +76 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-checkbox.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-datepicker.mjs +165 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-datepicker.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-input.mjs +196 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-input.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-multi-checkbox.mjs +136 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-multi-checkbox.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-radio.mjs +92 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-radio.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-select.mjs +163 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-select.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-slider.mjs +76 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-slider.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-textarea.mjs +144 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-textarea.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-toggle.mjs +76 -0
- package/fesm2022/ng-forge-dynamic-forms-material-lazy-toggle.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-mat-field-errors-wrapper.component-Dz2-IbBh.mjs +26 -0
- package/fesm2022/ng-forge-dynamic-forms-material-mat-field-errors-wrapper.component-Dz2-IbBh.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material-shared.mjs +14 -0
- package/fesm2022/ng-forge-dynamic-forms-material-shared.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-material.mjs +264 -156
- package/fesm2022/ng-forge-dynamic-forms-material.mjs.map +1 -1
- package/package.json +57 -5
- package/types/ng-forge-dynamic-forms-material-lazy-addon-button.d.ts +18 -0
- package/types/ng-forge-dynamic-forms-material-lazy-addon-icon.d.ts +17 -0
- package/types/ng-forge-dynamic-forms-material-lazy-button.d.ts +114 -0
- package/types/ng-forge-dynamic-forms-material-lazy-checkbox.d.ts +26 -0
- package/types/ng-forge-dynamic-forms-material-lazy-datepicker.d.ts +45 -0
- package/types/ng-forge-dynamic-forms-material-lazy-input.d.ts +55 -0
- package/types/ng-forge-dynamic-forms-material-lazy-multi-checkbox.d.ts +29 -0
- package/types/ng-forge-dynamic-forms-material-lazy-radio.d.ts +24 -0
- package/types/ng-forge-dynamic-forms-material-lazy-select.d.ts +43 -0
- package/types/ng-forge-dynamic-forms-material-lazy-slider.d.ts +27 -0
- package/types/ng-forge-dynamic-forms-material-lazy-textarea.d.ts +39 -0
- package/types/ng-forge-dynamic-forms-material-lazy-toggle.d.ts +28 -0
- package/types/ng-forge-dynamic-forms-material-shared.d.ts +91 -0
- package/types/ng-forge-dynamic-forms-material.d.ts +34 -164
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as _angular_material_form_field from '@angular/material/form-field';
|
|
2
|
+
import { MatFormFieldAppearance, SubscriptSizing, FloatLabelType } from '@angular/material/form-field';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
import * as _ng_forge_dynamic_forms from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { DynamicText } from '@ng-forge/dynamic-forms';
|
|
6
|
+
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
7
|
+
import { DatepickerField, DatepickerProps, WrapperFieldInputs } from '@ng-forge/dynamic-forms/integration';
|
|
8
|
+
|
|
9
|
+
interface MatDatepickerProps extends DatepickerProps {
|
|
10
|
+
appearance?: MatFormFieldAppearance;
|
|
11
|
+
color?: 'primary' | 'accent' | 'warn';
|
|
12
|
+
disableRipple?: boolean;
|
|
13
|
+
subscriptSizing?: SubscriptSizing;
|
|
14
|
+
floatLabel?: FloatLabelType;
|
|
15
|
+
hideRequiredMarker?: boolean;
|
|
16
|
+
startView?: 'month' | 'year' | 'multi-year';
|
|
17
|
+
touchUi?: boolean;
|
|
18
|
+
hint?: DynamicText;
|
|
19
|
+
}
|
|
20
|
+
type MatDatepickerField = DatepickerField<MatDatepickerProps>;
|
|
21
|
+
|
|
22
|
+
declare class MatDatepickerFieldComponent {
|
|
23
|
+
private materialConfig;
|
|
24
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<string>;
|
|
25
|
+
protected readonly ngfa: _ng_forge_dynamic_forms_integration.TypedNgForgeAddons<_ng_forge_dynamic_forms.AnyAddon>;
|
|
26
|
+
readonly minDate: _angular_core.InputSignal<Date | null>;
|
|
27
|
+
readonly maxDate: _angular_core.InputSignal<Date | null>;
|
|
28
|
+
readonly startAt: _angular_core.InputSignal<Date | null>;
|
|
29
|
+
readonly props: _angular_core.InputSignal<MatDatepickerProps | undefined>;
|
|
30
|
+
/**
|
|
31
|
+
* Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the
|
|
32
|
+
* component level so `setInputIfDeclared` (which uses
|
|
33
|
+
* `reflectComponentType`) can write it.
|
|
34
|
+
*/
|
|
35
|
+
readonly fieldInputs: _angular_core.InputSignal<WrapperFieldInputs | undefined>;
|
|
36
|
+
readonly appearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
|
|
37
|
+
readonly subscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
|
|
38
|
+
readonly floatLabel: _angular_core.Signal<_angular_material_form_field.FloatLabelType>;
|
|
39
|
+
readonly hideRequiredMarker: _angular_core.Signal<boolean>;
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatDatepickerFieldComponent, never>;
|
|
41
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatDatepickerFieldComponent, "df-mat-datepicker", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "fieldInputs": { "alias": "fieldInputs"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }, { directive: typeof _ng_forge_dynamic_forms_integration.NgForgeAddons; inputs: {}; outputs: {}; }]>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { MatDatepickerFieldComponent };
|
|
45
|
+
export type { MatDatepickerField, MatDatepickerProps };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as _angular_material_form_field from '@angular/material/form-field';
|
|
2
|
+
import { MatFormFieldAppearance, SubscriptSizing, FloatLabelType } from '@angular/material/form-field';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
5
|
+
import { InputField, InputProps, WrapperFieldInputs } from '@ng-forge/dynamic-forms/integration';
|
|
6
|
+
import { DynamicText, TextAddon, TemplateAddon } from '@ng-forge/dynamic-forms';
|
|
7
|
+
import { MatIconAddon, MatButtonAddon } from '@ng-forge/dynamic-forms-material/shared';
|
|
8
|
+
|
|
9
|
+
interface MatInputProps extends InputProps {
|
|
10
|
+
appearance?: MatFormFieldAppearance;
|
|
11
|
+
disableRipple?: boolean;
|
|
12
|
+
subscriptSizing?: SubscriptSizing;
|
|
13
|
+
floatLabel?: FloatLabelType;
|
|
14
|
+
hideRequiredMarker?: boolean;
|
|
15
|
+
type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
|
|
16
|
+
hint?: DynamicText;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Module-augmentable seam for adding custom addon types to `mat-input` at
|
|
20
|
+
* the type level. Pair with `withCustomAddon(...)` for the runtime side:
|
|
21
|
+
*/
|
|
22
|
+
interface MatAddonExtensions {
|
|
23
|
+
}
|
|
24
|
+
type MatAddonExtension = MatAddonExtensions[keyof MatAddonExtensions];
|
|
25
|
+
/** Addon types accepted by `mat-input`. */
|
|
26
|
+
type MatInputAddon = MatIconAddon | MatButtonAddon | TextAddon | TemplateAddon | MatAddonExtension;
|
|
27
|
+
type MatInputField = InputField<MatInputProps> & {
|
|
28
|
+
addons?: ReadonlyArray<MatInputAddon>;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
declare class MatInputFieldComponent {
|
|
32
|
+
private materialConfig;
|
|
33
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<string>;
|
|
34
|
+
protected readonly ngfa: _ng_forge_dynamic_forms_integration.TypedNgForgeAddons<MatInputAddon>;
|
|
35
|
+
readonly props: _angular_core.InputSignal<MatInputProps | undefined>;
|
|
36
|
+
/**
|
|
37
|
+
* Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the
|
|
38
|
+
* component level so `setInputIfDeclared` (which uses
|
|
39
|
+
* `reflectComponentType`) can write it.
|
|
40
|
+
*/
|
|
41
|
+
readonly fieldInputs: _angular_core.InputSignal<WrapperFieldInputs | undefined>;
|
|
42
|
+
/** Per-instance type override populated by `toggle-password-visibility` preset. */
|
|
43
|
+
private readonly typeOverride;
|
|
44
|
+
readonly appearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
|
|
45
|
+
readonly subscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
|
|
46
|
+
readonly floatLabel: _angular_core.Signal<_angular_material_form_field.FloatLabelType>;
|
|
47
|
+
readonly hideRequiredMarker: _angular_core.Signal<boolean>;
|
|
48
|
+
/** Override (set by `toggle-password-visibility` preset) wins over `props().type`. */
|
|
49
|
+
protected readonly type: _angular_core.Signal<string>;
|
|
50
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatInputFieldComponent, never>;
|
|
51
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatInputFieldComponent, "df-mat-input", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "fieldInputs": { "alias": "fieldInputs"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }, { directive: typeof _ng_forge_dynamic_forms_integration.NgForgeAddons; inputs: {}; outputs: {}; }]>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { MatInputFieldComponent };
|
|
55
|
+
export type { MatInputField, MatInputProps };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
3
|
+
import { MultiCheckboxField } from '@ng-forge/dynamic-forms/integration';
|
|
4
|
+
import { DynamicText, ValueType, FieldOption } from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { ThemePalette } from '@angular/material/core';
|
|
6
|
+
|
|
7
|
+
interface MatMultiCheckboxProps {
|
|
8
|
+
disableRipple?: boolean;
|
|
9
|
+
hint?: DynamicText;
|
|
10
|
+
labelPosition?: 'before' | 'after';
|
|
11
|
+
color?: ThemePalette;
|
|
12
|
+
}
|
|
13
|
+
type MatMultiCheckboxField<T> = MultiCheckboxField<T, MatMultiCheckboxProps>;
|
|
14
|
+
|
|
15
|
+
declare class MatMultiCheckboxFieldComponent {
|
|
16
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<ValueType[]>;
|
|
17
|
+
readonly options: _angular_core.InputSignal<FieldOption<ValueType>[]>;
|
|
18
|
+
readonly props: _angular_core.InputSignal<MatMultiCheckboxProps | undefined>;
|
|
19
|
+
valueViewModel: _angular_core.WritableSignal<FieldOption<ValueType>[]>;
|
|
20
|
+
/** Computed map of checked option values for O(1) lookup in template */
|
|
21
|
+
readonly checkedValuesMap: _angular_core.Signal<Record<string, boolean>>;
|
|
22
|
+
constructor();
|
|
23
|
+
onCheckboxChange(option: FieldOption<ValueType>, checked: boolean): void;
|
|
24
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatMultiCheckboxFieldComponent, never>;
|
|
25
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatMultiCheckboxFieldComponent, "df-mat-multi-checkbox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }]>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export { MatMultiCheckboxFieldComponent };
|
|
29
|
+
export type { MatMultiCheckboxField, MatMultiCheckboxProps };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
3
|
+
import { RadioField } from '@ng-forge/dynamic-forms/integration';
|
|
4
|
+
import { DynamicText, ValueType, FieldOption } from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { ThemePalette } from '@angular/material/core';
|
|
6
|
+
|
|
7
|
+
interface MatRadioProps {
|
|
8
|
+
disableRipple?: boolean;
|
|
9
|
+
color?: ThemePalette;
|
|
10
|
+
labelPosition?: 'before' | 'after';
|
|
11
|
+
hint?: DynamicText;
|
|
12
|
+
}
|
|
13
|
+
type MatRadioField<T> = RadioField<T, MatRadioProps>;
|
|
14
|
+
|
|
15
|
+
declare class MatRadioFieldComponent {
|
|
16
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<ValueType>;
|
|
17
|
+
readonly options: _angular_core.InputSignal<FieldOption<ValueType>[]>;
|
|
18
|
+
readonly props: _angular_core.InputSignal<MatRadioProps | undefined>;
|
|
19
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatRadioFieldComponent, never>;
|
|
20
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatRadioFieldComponent, "df-mat-radio", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }]>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { MatRadioFieldComponent };
|
|
24
|
+
export type { MatRadioField, MatRadioProps };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as _angular_material_form_field from '@angular/material/form-field';
|
|
2
|
+
import { MatFormFieldAppearance, SubscriptSizing, FloatLabelType } from '@angular/material/form-field';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
import * as _ng_forge_dynamic_forms from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { ValueType, DynamicText, FieldOption } from '@ng-forge/dynamic-forms';
|
|
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
|
+
|
|
9
|
+
interface MatSelectProps extends SelectProps {
|
|
10
|
+
appearance?: MatFormFieldAppearance;
|
|
11
|
+
multiple?: boolean;
|
|
12
|
+
panelMaxHeight?: string;
|
|
13
|
+
subscriptSizing?: SubscriptSizing;
|
|
14
|
+
floatLabel?: FloatLabelType;
|
|
15
|
+
hideRequiredMarker?: boolean;
|
|
16
|
+
compareWith?: (o1: ValueType, o2: ValueType) => boolean;
|
|
17
|
+
hint?: DynamicText;
|
|
18
|
+
}
|
|
19
|
+
type MatSelectField<T> = SelectField<T, MatSelectProps>;
|
|
20
|
+
|
|
21
|
+
declare class MatSelectFieldComponent {
|
|
22
|
+
private materialConfig;
|
|
23
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<ValueType>;
|
|
24
|
+
protected readonly ngfa: _ng_forge_dynamic_forms_integration.TypedNgForgeAddons<_ng_forge_dynamic_forms.AnyAddon>;
|
|
25
|
+
readonly options: _angular_core.InputSignal<FieldOption<ValueType>[]>;
|
|
26
|
+
/**
|
|
27
|
+
* Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the
|
|
28
|
+
* component level so `setInputIfDeclared` (which uses
|
|
29
|
+
* `reflectComponentType`) can write it.
|
|
30
|
+
*/
|
|
31
|
+
readonly fieldInputs: _angular_core.InputSignal<WrapperFieldInputs | undefined>;
|
|
32
|
+
readonly props: _angular_core.InputSignal<MatSelectProps | undefined>;
|
|
33
|
+
readonly appearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
|
|
34
|
+
readonly subscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
|
|
35
|
+
readonly floatLabel: _angular_core.Signal<_angular_material_form_field.FloatLabelType>;
|
|
36
|
+
readonly hideRequiredMarker: _angular_core.Signal<boolean>;
|
|
37
|
+
defaultCompare: (value1: any, value2: any) => boolean;
|
|
38
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatSelectFieldComponent, never>;
|
|
39
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatSelectFieldComponent, "df-mat-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "fieldInputs": { "alias": "fieldInputs"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }, { directive: typeof _ng_forge_dynamic_forms_integration.NgForgeAddons; inputs: {}; outputs: {}; }]>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export { MatSelectFieldComponent };
|
|
43
|
+
export type { MatSelectField, MatSelectProps };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
3
|
+
import { SliderField } from '@ng-forge/dynamic-forms/integration';
|
|
4
|
+
import { DynamicText } from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
|
6
|
+
|
|
7
|
+
interface MatSliderProps {
|
|
8
|
+
hint?: DynamicText;
|
|
9
|
+
color?: 'primary' | 'accent' | 'warn';
|
|
10
|
+
appearance?: MatFormFieldAppearance;
|
|
11
|
+
thumbLabel?: boolean;
|
|
12
|
+
showThumbLabel?: boolean;
|
|
13
|
+
tickInterval?: number | 'auto';
|
|
14
|
+
step?: number;
|
|
15
|
+
}
|
|
16
|
+
type MatSliderField = SliderField<MatSliderProps>;
|
|
17
|
+
|
|
18
|
+
declare class MatSliderFieldComponent {
|
|
19
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<number>;
|
|
20
|
+
readonly step: _angular_core.InputSignal<number | undefined>;
|
|
21
|
+
readonly props: _angular_core.InputSignal<MatSliderProps | undefined>;
|
|
22
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatSliderFieldComponent, never>;
|
|
23
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatSliderFieldComponent, "df-mat-slider", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }]>;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export { MatSliderFieldComponent };
|
|
27
|
+
export type { MatSliderField, MatSliderProps };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as _angular_material_form_field from '@angular/material/form-field';
|
|
2
|
+
import { MatFormFieldAppearance, SubscriptSizing, FloatLabelType } from '@angular/material/form-field';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
import * as _ng_forge_dynamic_forms from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { DynamicText } from '@ng-forge/dynamic-forms';
|
|
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
|
+
|
|
9
|
+
interface MatTextareaProps extends TextareaProps {
|
|
10
|
+
hint?: DynamicText;
|
|
11
|
+
appearance?: MatFormFieldAppearance;
|
|
12
|
+
subscriptSizing?: SubscriptSizing;
|
|
13
|
+
floatLabel?: FloatLabelType;
|
|
14
|
+
hideRequiredMarker?: boolean;
|
|
15
|
+
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
|
16
|
+
}
|
|
17
|
+
type MatTextareaField = TextareaField<MatTextareaProps>;
|
|
18
|
+
|
|
19
|
+
declare class MatTextareaFieldComponent {
|
|
20
|
+
private materialConfig;
|
|
21
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<string>;
|
|
22
|
+
protected readonly ngfa: _ng_forge_dynamic_forms_integration.TypedNgForgeAddons<_ng_forge_dynamic_forms.AnyAddon>;
|
|
23
|
+
readonly props: _angular_core.InputSignal<MatTextareaProps | undefined>;
|
|
24
|
+
/**
|
|
25
|
+
* Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the
|
|
26
|
+
* component level so `setInputIfDeclared` (which uses
|
|
27
|
+
* `reflectComponentType`) can write it.
|
|
28
|
+
*/
|
|
29
|
+
readonly fieldInputs: _angular_core.InputSignal<WrapperFieldInputs | undefined>;
|
|
30
|
+
readonly appearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
|
|
31
|
+
readonly subscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
|
|
32
|
+
readonly floatLabel: _angular_core.Signal<_angular_material_form_field.FloatLabelType>;
|
|
33
|
+
readonly hideRequiredMarker: _angular_core.Signal<boolean>;
|
|
34
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatTextareaFieldComponent, never>;
|
|
35
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatTextareaFieldComponent, "df-mat-textarea", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "fieldInputs": { "alias": "fieldInputs"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }, { directive: typeof _ng_forge_dynamic_forms_integration.NgForgeAddons; inputs: {}; outputs: {}; }]>;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export { MatTextareaFieldComponent };
|
|
39
|
+
export type { MatTextareaField, MatTextareaProps };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
|
|
3
|
+
import { ToggleField } from '@ng-forge/dynamic-forms/integration';
|
|
4
|
+
import { DynamicText } from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
|
6
|
+
import { ThemePalette } from '@angular/material/core';
|
|
7
|
+
|
|
8
|
+
interface MatToggleProps {
|
|
9
|
+
hint?: DynamicText;
|
|
10
|
+
appearance?: MatFormFieldAppearance;
|
|
11
|
+
color?: ThemePalette;
|
|
12
|
+
labelPosition?: 'before' | 'after';
|
|
13
|
+
disableRipple?: boolean;
|
|
14
|
+
hideIcon?: boolean;
|
|
15
|
+
}
|
|
16
|
+
type MatToggleField = ToggleField<MatToggleProps>;
|
|
17
|
+
|
|
18
|
+
declare class MatToggleFieldComponent {
|
|
19
|
+
private materialConfig;
|
|
20
|
+
protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<boolean>;
|
|
21
|
+
readonly props: _angular_core.InputSignal<MatToggleProps | undefined>;
|
|
22
|
+
readonly disableRipple: _angular_core.Signal<boolean>;
|
|
23
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatToggleFieldComponent, never>;
|
|
24
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatToggleFieldComponent, "df-mat-toggle", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }]>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { MatToggleFieldComponent };
|
|
28
|
+
export type { MatToggleField, MatToggleProps };
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { ThemePalette } from '@angular/material/core';
|
|
2
|
+
import { MatFormFieldAppearance, SubscriptSizing, FloatLabelType } from '@angular/material/form-field';
|
|
3
|
+
import { InjectionToken, WritableSignal } from '@angular/core';
|
|
4
|
+
import { AddonActionPreset, AddonActionContext, BaseAddon, DynamicText, DynamicValue, RegisteredActionRef } from '@ng-forge/dynamic-forms';
|
|
5
|
+
import { PresetCollaborators, AddonActionHandler } from '@ng-forge/dynamic-forms/integration';
|
|
6
|
+
export { PresetCollaborators } from '@ng-forge/dynamic-forms/integration';
|
|
7
|
+
|
|
8
|
+
/** Configuration options for Material Design form fields. */
|
|
9
|
+
interface MaterialConfig {
|
|
10
|
+
/** Default appearance for Material form fields. @default 'outline' */
|
|
11
|
+
appearance?: MatFormFieldAppearance;
|
|
12
|
+
/** Default subscript sizing for Material form fields. @default 'dynamic' */
|
|
13
|
+
subscriptSizing?: SubscriptSizing;
|
|
14
|
+
/** Whether to disable ripple effects by default. @default false */
|
|
15
|
+
disableRipple?: boolean;
|
|
16
|
+
/** Default color theme for form controls. @default 'primary' */
|
|
17
|
+
color?: ThemePalette;
|
|
18
|
+
/** Default label position for checkboxes and radios. @default 'after' */
|
|
19
|
+
labelPosition?: 'before' | 'after';
|
|
20
|
+
/** Default float label behavior for form fields. @default 'auto' */
|
|
21
|
+
floatLabel?: FloatLabelType;
|
|
22
|
+
/** Whether to hide the required marker by default. @default false */
|
|
23
|
+
hideRequiredMarker?: boolean;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/** Global configuration for Material Design form fields. */
|
|
27
|
+
declare const MATERIAL_CONFIG: InjectionToken<MaterialConfig>;
|
|
28
|
+
|
|
29
|
+
/** Per-field writable signal that overrides the input's `type` attribute. */
|
|
30
|
+
declare const MAT_INPUT_TYPE_OVERRIDE: InjectionToken<WritableSignal<string | undefined>>;
|
|
31
|
+
|
|
32
|
+
/** Material adapter binding for the shared preset runner. */
|
|
33
|
+
declare function runMatPresetAction(preset: AddonActionPreset, context: AddonActionContext, collaborators: PresetCollaborators): Promise<void>;
|
|
34
|
+
|
|
35
|
+
/** Decorative icon addon for Material fields. */
|
|
36
|
+
interface MatIconAddon extends BaseAddon {
|
|
37
|
+
readonly type: 'mat-icon';
|
|
38
|
+
/** Material Icons name (ligature, e.g., `'search'`, `'close'`). */
|
|
39
|
+
readonly icon: string;
|
|
40
|
+
/** Accessible label for icons that convey meaning. */
|
|
41
|
+
readonly ariaLabel?: DynamicText;
|
|
42
|
+
}
|
|
43
|
+
interface MatButtonBase extends BaseAddon {
|
|
44
|
+
readonly type: 'mat-button';
|
|
45
|
+
readonly color?: 'primary' | 'accent' | 'warn';
|
|
46
|
+
readonly loading?: DynamicValue<boolean>;
|
|
47
|
+
}
|
|
48
|
+
type MatButtonActionRef = [RegisteredActionRef] extends [never] ? string : RegisteredActionRef;
|
|
49
|
+
type MatButtonClick = {
|
|
50
|
+
readonly preset: AddonActionPreset;
|
|
51
|
+
readonly actionRef?: never;
|
|
52
|
+
readonly action?: never;
|
|
53
|
+
} | {
|
|
54
|
+
readonly preset?: never;
|
|
55
|
+
readonly actionRef: MatButtonActionRef;
|
|
56
|
+
readonly action?: never;
|
|
57
|
+
} | {
|
|
58
|
+
readonly preset?: never;
|
|
59
|
+
readonly actionRef?: never;
|
|
60
|
+
readonly action: AddonActionHandler;
|
|
61
|
+
} | {
|
|
62
|
+
readonly preset?: never;
|
|
63
|
+
readonly actionRef?: never;
|
|
64
|
+
readonly action?: never;
|
|
65
|
+
};
|
|
66
|
+
type MatButtonContent = {
|
|
67
|
+
readonly icon: string;
|
|
68
|
+
readonly label?: never;
|
|
69
|
+
readonly ariaLabel: DynamicText;
|
|
70
|
+
} | {
|
|
71
|
+
readonly icon?: string;
|
|
72
|
+
readonly label: DynamicText;
|
|
73
|
+
readonly ariaLabel?: DynamicText;
|
|
74
|
+
} | {
|
|
75
|
+
readonly icon?: never;
|
|
76
|
+
readonly label?: never;
|
|
77
|
+
readonly ariaLabel?: DynamicText;
|
|
78
|
+
};
|
|
79
|
+
/** Interactive button addon for Material fields. */
|
|
80
|
+
type MatButtonAddon = MatButtonBase & MatButtonContent & MatButtonClick;
|
|
81
|
+
/** Union of all Material-shipped addon types. */
|
|
82
|
+
type MatAddon = MatIconAddon | MatButtonAddon;
|
|
83
|
+
declare module '@ng-forge/dynamic-forms' {
|
|
84
|
+
interface DynamicFormAddonRegistry {
|
|
85
|
+
'mat-icon': MatIconAddon;
|
|
86
|
+
'mat-button': MatButtonAddon;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
export { MATERIAL_CONFIG, MAT_INPUT_TYPE_OVERRIDE, runMatPresetAction };
|
|
91
|
+
export type { MatAddon, MatButtonAddon, MatIconAddon, MaterialConfig };
|