@ngx-formly/bootstrap 9.0.0 → 10.0.1
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 +20 -0
- package/fesm2022/ngx-formly-bootstrap-addons.mjs +7 -7
- package/fesm2022/ngx-formly-bootstrap-checkbox.mjs +7 -7
- package/fesm2022/ngx-formly-bootstrap-form-field.mjs +10 -10
- package/fesm2022/ngx-formly-bootstrap-input.mjs +7 -7
- package/fesm2022/ngx-formly-bootstrap-multicheckbox.mjs +7 -7
- package/fesm2022/ngx-formly-bootstrap-radio.mjs +7 -7
- package/fesm2022/ngx-formly-bootstrap-select.mjs +109 -95
- package/fesm2022/ngx-formly-bootstrap-select.mjs.map +1 -1
- package/fesm2022/ngx-formly-bootstrap-textarea.mjs +7 -7
- package/fesm2022/ngx-formly-bootstrap.mjs +4 -4
- package/fesm2022/ngx-formly-bootstrap.mjs.map +1 -1
- package/package.json +13 -12
- package/{index.d.ts → types/ngx-formly-bootstrap.d.ts} +2 -2
- /package/{addons/index.d.ts → types/ngx-formly-bootstrap-addons.d.ts} +0 -0
- /package/{checkbox/index.d.ts → types/ngx-formly-bootstrap-checkbox.d.ts} +0 -0
- /package/{form-field/index.d.ts → types/ngx-formly-bootstrap-form-field.d.ts} +0 -0
- /package/{input/index.d.ts → types/ngx-formly-bootstrap-input.d.ts} +0 -0
- /package/{multicheckbox/index.d.ts → types/ngx-formly-bootstrap-multicheckbox.d.ts} +0 -0
- /package/{radio/index.d.ts → types/ngx-formly-bootstrap-radio.d.ts} +0 -0
- /package/{select/index.d.ts → types/ngx-formly-bootstrap-select.d.ts} +0 -0
- /package/{textarea/index.d.ts → types/ngx-formly-bootstrap-textarea.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -25,14 +25,23 @@ Formly is a dynamic (JSON powered) form library for Angular that brings unmatche
|
|
|
25
25
|
- ⚡️ Supports multiple schemas:
|
|
26
26
|
- Formly Schema (core)
|
|
27
27
|
- JSON Schema
|
|
28
|
+
- JSON Schema string defaults are configurable. See [schema defaults](docs/json-schema.md#defaults).
|
|
28
29
|
- 😍 A bunch of themes, out of the box!
|
|
29
30
|
- 💪 Built on top of [Angular Reactive Forms](https://angular.dev/guide/forms/reactive-forms)
|
|
31
|
+
- Nullable JSON Schema numbers preserve `null` when cleared. See [JSON Schema](docs/json-schema.md#nullable-numbers).
|
|
32
|
+
- Forms emit their initial validation status after building, including valid forms. See [form notifications](docs/properties-options.md#initial-validation-status).
|
|
33
|
+
- Subscribe to controls after fields load with the `fieldChange` output. See [form build notifications](docs/properties-options.md#accessing-controls-after-a-build).
|
|
30
34
|
- 📹 [@eggheadio course](https://egghead.io/playlists/configuration-based-reactive-angular-forms-with-ngx-formly-465f) - 20 lessons & 78 minutes
|
|
31
35
|
|
|
32
36
|
## Docs
|
|
33
37
|
|
|
38
|
+
Try the live configuration-to-form example on [formly.dev](https://formly.dev), then explore the guides and UI demos.
|
|
39
|
+
Use the search button or Cmd/Ctrl+K to search guide and migration text, plus UI and example page names.
|
|
40
|
+
|
|
34
41
|
- [Get Started](https://formly.dev/guide)
|
|
42
|
+
- [CSP-safe expressions and optional chaining](docs/expression-properties.md#4-expression-evaluation)
|
|
35
43
|
- [Themes](https://formly.dev/ui)
|
|
44
|
+
- [Ionic select interface options](docs/properties-options.md#ionic-select-interfaces)
|
|
36
45
|
- [Examples](https://formly.dev/examples)
|
|
37
46
|
|
|
38
47
|
## Resources
|
|
@@ -57,6 +66,7 @@ Formly is a dynamic (JSON powered) form library for Angular that brings unmatche
|
|
|
57
66
|
|
|
58
67
|
| Angular version | Formly version | Migration |
|
|
59
68
|
| --------------- | -------------------- | ---------------------------------- |
|
|
69
|
+
| Angular >= 21 | `@ngx-formly/core@10.x` | [Upgrade to v10](UPGRADE-10.0.md) |
|
|
60
70
|
| Angular >= 20 | `@ngx-formly/core@9.x` | [Upgrade to v9](UPGRADE-9.0.md) |
|
|
61
71
|
| Angular >= 19 | `@ngx-formly/core@8.x` | [Upgrade to v8](UPGRADE-8.0.md) |
|
|
62
72
|
| Angular >= 18 | `@ngx-formly/core@7.x` | [Upgrade to v7](UPGRADE-7.0.md) |
|
|
@@ -67,6 +77,16 @@ Formly is a dynamic (JSON powered) form library for Angular that brings unmatche
|
|
|
67
77
|
| Angular >= 4 | `@ngx-formly/core@2.x` | [Upgrade to v2](UPGRADE-2.0.md) |
|
|
68
78
|
| Angular >= 2 | `ng-formly@1.x` | |
|
|
69
79
|
|
|
80
|
+
#### Upgrading to v10
|
|
81
|
+
|
|
82
|
+
Formly v10 requires Angular 21 or newer. Upgrade Angular first, then update all
|
|
83
|
+
`@ngx-formly/*` packages used by your application together to v10.
|
|
84
|
+
The Material, PrimeNG, and NG-ZORRO integrations require version 21 or newer of
|
|
85
|
+
their respective UI libraries. Kendo requires version 21.4.1 or newer, and NativeScript
|
|
86
|
+
requires `@nativescript/angular` 21 or newer. Applications staying on Angular 20 should use Formly v9.
|
|
87
|
+
|
|
88
|
+
See the [v10 upgrade guide](UPGRADE-10.0.md) for migration steps.
|
|
89
|
+
|
|
70
90
|
#### Upgrading to v9
|
|
71
91
|
|
|
72
92
|
Formly v9 requires Angular 20 or newer. Upgrade Angular first, then update all
|
|
@@ -22,10 +22,10 @@ class FormlyWrapperAddons extends FieldWrapper {
|
|
|
22
22
|
addonLeftClick($event) {
|
|
23
23
|
this.props.addonLeft.onClick?.(this.field, $event);
|
|
24
24
|
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyWrapperAddons, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyWrapperAddons, isStandalone: false, selector: "formly-wrapper-addons", viewQueries: [{ propertyName: "content", first: true, predicate: ["fieldTypeTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #fieldTypeTemplate>\n <div class=\"input-group\" [class.has-validation]=\"showError\">\n @if (props.addonLeft) {\n <div class=\"input-group-text\" [class.input-group-btn]=\"props.addonLeft.onClick\" (click)=\"addonLeftClick($event)\">\n @if (props.addonLeft.class) {\n <i [ngClass]=\"props.addonLeft.class\"></i>\n }\n @if (props.addonLeft.text) {\n <span>{{ props.addonLeft.text }}</span>\n }\n </div>\n }\n <ng-container #fieldComponent></ng-container>\n @if (props.addonRight) {\n <div\n class=\"input-group-text\"\n [class.input-group-btn]=\"props.addonRight.onClick\"\n (click)=\"addonRightClick($event)\"\n >\n @if (props.addonRight.class) {\n <i [ngClass]=\"props.addonRight.class\"></i>\n }\n @if (props.addonRight.text) {\n <span>{{ props.addonRight.text }}</span>\n }\n </div>\n }\n </div>\n</ng-template>\n", styles: ["formly-wrapper-form-field .input-group-btn{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyWrapperAddons, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'formly-wrapper-addons', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-template #fieldTypeTemplate>\n <div class=\"input-group\" [class.has-validation]=\"showError\">\n @if (props.addonLeft) {\n <div class=\"input-group-text\" [class.input-group-btn]=\"props.addonLeft.onClick\" (click)=\"addonLeftClick($event)\">\n @if (props.addonLeft.class) {\n <i [ngClass]=\"props.addonLeft.class\"></i>\n }\n @if (props.addonLeft.text) {\n <span>{{ props.addonLeft.text }}</span>\n }\n </div>\n }\n <ng-container #fieldComponent></ng-container>\n @if (props.addonRight) {\n <div\n class=\"input-group-text\"\n [class.input-group-btn]=\"props.addonRight.onClick\"\n (click)=\"addonRightClick($event)\"\n >\n @if (props.addonRight.class) {\n <i [ngClass]=\"props.addonRight.class\"></i>\n }\n @if (props.addonRight.text) {\n <span>{{ props.addonRight.text }}</span>\n }\n </div>\n }\n </div>\n</ng-template>\n", styles: ["formly-wrapper-form-field .input-group-btn{cursor:pointer}\n"] }]
|
|
31
31
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { content: [{
|
|
@@ -50,11 +50,11 @@ function withFormlyWrapperAddons() {
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
class FormlyBootstrapAddonsModule {
|
|
53
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
54
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
55
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapAddonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
54
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapAddonsModule, declarations: [FormlyWrapperAddons], imports: [CommonModule, ReactiveFormsModule, i1$1.FormlyModule] }); }
|
|
55
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapAddonsModule, imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyWrapperAddons())] }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapAddonsModule, decorators: [{
|
|
58
58
|
type: NgModule,
|
|
59
59
|
args: [{
|
|
60
60
|
declarations: [FormlyWrapperAddons],
|
|
@@ -19,8 +19,8 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldCheckbox, isStandalone: false, selector: "formly-field-checkbox", usesInheritance: true, ngImport: i0, template: `
|
|
24
24
|
<ng-template #fieldTypeTemplate>
|
|
25
25
|
<div
|
|
26
26
|
class="form-check"
|
|
@@ -52,7 +52,7 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
52
52
|
</ng-template>
|
|
53
53
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
54
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
|
|
56
56
|
type: Component,
|
|
57
57
|
args: [{
|
|
58
58
|
selector: 'formly-field-checkbox',
|
|
@@ -109,16 +109,16 @@ function withFormlyFieldCheckbox() {
|
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
class FormlyBootstrapCheckboxModule {
|
|
112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
113
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
113
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
|
|
114
114
|
ReactiveFormsModule,
|
|
115
115
|
FormlyBootstrapFormFieldModule, i3.FormlyModule] }); }
|
|
116
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
116
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapCheckboxModule, imports: [CommonModule,
|
|
117
117
|
ReactiveFormsModule,
|
|
118
118
|
FormlyBootstrapFormFieldModule,
|
|
119
119
|
FormlyModule.forChild(withFormlyFieldCheckbox())] }); }
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapCheckboxModule, decorators: [{
|
|
122
122
|
type: NgModule,
|
|
123
123
|
args: [{
|
|
124
124
|
declarations: [FormlyFieldCheckbox],
|
|
@@ -7,8 +7,8 @@ import { CommonModule } from '@angular/common';
|
|
|
7
7
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
8
8
|
|
|
9
9
|
class FormlyWrapperFormField extends FieldWrapper {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyWrapperFormField, isStandalone: false, selector: "formly-wrapper-form-field", usesInheritance: true, ngImport: i0, template: `
|
|
12
12
|
<ng-template #labelTemplate>
|
|
13
13
|
@if (props.label && props.hideLabel !== true) {
|
|
14
14
|
<label [attr.for]="id" class="form-label">
|
|
@@ -47,7 +47,7 @@ class FormlyWrapperFormField extends FieldWrapper {
|
|
|
47
47
|
</div>
|
|
48
48
|
`, isInline: true, styles: [":host{display:block;margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.LegacyFormlyValidationMessage, selector: "formly-validation-message" }] }); }
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
52
|
args: [{ selector: 'formly-wrapper-form-field', template: `
|
|
53
53
|
<ng-template #labelTemplate>
|
|
@@ -101,11 +101,11 @@ function withFormlyFormField() {
|
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
class FormlyBootstrapFormFieldModule {
|
|
104
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
105
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
106
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
105
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapFormFieldModule, declarations: [FormlyWrapperFormField], imports: [CommonModule, ReactiveFormsModule, i2.FormlyModule] }); }
|
|
106
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapFormFieldModule, imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyFormField())] }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapFormFieldModule, decorators: [{
|
|
109
109
|
type: NgModule,
|
|
110
110
|
args: [{
|
|
111
111
|
declarations: [FormlyWrapperFormField],
|
|
@@ -123,10 +123,10 @@ class FieldType extends FieldType$1 {
|
|
|
123
123
|
super();
|
|
124
124
|
this.hostContainerRef = hostContainerRef;
|
|
125
125
|
}
|
|
126
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
127
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
126
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FieldType, deps: [{ token: i0.ViewContainerRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
127
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: FieldType, isStandalone: true, viewQueries: [{ propertyName: "content", first: true, predicate: ["fieldTypeTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
|
|
128
128
|
}
|
|
129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FieldType, decorators: [{
|
|
130
130
|
type: Directive
|
|
131
131
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef, decorators: [{
|
|
132
132
|
type: Optional
|
|
@@ -11,8 +11,8 @@ class FormlyFieldInput extends FieldType {
|
|
|
11
11
|
get type() {
|
|
12
12
|
return this.props.type || 'text';
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldInput, isStandalone: false, selector: "formly-field-input", usesInheritance: true, ngImport: i0, template: `
|
|
16
16
|
<ng-template #fieldTypeTemplate>
|
|
17
17
|
@if (type !== 'number') {
|
|
18
18
|
<input
|
|
@@ -38,7 +38,7 @@ class FormlyFieldInput extends FieldType {
|
|
|
38
38
|
</ng-template>
|
|
39
39
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldInput, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
43
|
args: [{
|
|
44
44
|
selector: 'formly-field-input',
|
|
@@ -104,16 +104,16 @@ function withFormlyFieldInput() {
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
class FormlyBootstrapInputModule {
|
|
107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
108
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
108
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
|
|
109
109
|
ReactiveFormsModule,
|
|
110
110
|
FormlyBootstrapFormFieldModule, i2.FormlyModule] }); }
|
|
111
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
111
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapInputModule, imports: [CommonModule,
|
|
112
112
|
ReactiveFormsModule,
|
|
113
113
|
FormlyBootstrapFormFieldModule,
|
|
114
114
|
FormlyModule.forChild(withFormlyFieldInput())] }); }
|
|
115
115
|
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapInputModule, decorators: [{
|
|
117
117
|
type: NgModule,
|
|
118
118
|
args: [{
|
|
119
119
|
declarations: [FormlyFieldInput],
|
|
@@ -34,8 +34,8 @@ class FormlyFieldMultiCheckbox extends FieldType {
|
|
|
34
34
|
const value = this.formControl.value;
|
|
35
35
|
return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);
|
|
36
36
|
}
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldMultiCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldMultiCheckbox, isStandalone: false, selector: "formly-field-multicheckbox", usesInheritance: true, ngImport: i0, template: `
|
|
39
39
|
<ng-template #fieldTypeTemplate>
|
|
40
40
|
@for (option of props.options | formlySelectOptions: field | async; track option; let i = $index) {
|
|
41
41
|
<div
|
|
@@ -66,7 +66,7 @@ class FormlyFieldMultiCheckbox extends FieldType {
|
|
|
66
66
|
</ng-template>
|
|
67
67
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
68
|
}
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldMultiCheckbox, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
71
|
args: [{
|
|
72
72
|
selector: 'formly-field-multicheckbox',
|
|
@@ -118,18 +118,18 @@ function withFormlyFieldMultiCheckbox() {
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
class FormlyBootstrapMultiCheckboxModule {
|
|
121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
122
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
122
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, declarations: [FormlyFieldMultiCheckbox], imports: [CommonModule,
|
|
123
123
|
ReactiveFormsModule,
|
|
124
124
|
FormlyBootstrapFormFieldModule,
|
|
125
125
|
FormlySelectModule, i2.FormlyModule] }); }
|
|
126
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
126
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, imports: [CommonModule,
|
|
127
127
|
ReactiveFormsModule,
|
|
128
128
|
FormlyBootstrapFormFieldModule,
|
|
129
129
|
FormlySelectModule,
|
|
130
130
|
FormlyModule.forChild(withFormlyFieldMultiCheckbox())] }); }
|
|
131
131
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, decorators: [{
|
|
133
133
|
type: NgModule,
|
|
134
134
|
args: [{
|
|
135
135
|
declarations: [FormlyFieldMultiCheckbox],
|
|
@@ -22,8 +22,8 @@ class FormlyFieldRadio extends FieldType {
|
|
|
22
22
|
get disabledControl() {
|
|
23
23
|
return new UntypedFormControl({ value: this.formControl.value, disabled: true });
|
|
24
24
|
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldRadio, isStandalone: false, selector: "formly-field-radio", usesInheritance: true, ngImport: i0, template: `
|
|
27
27
|
<ng-template #fieldTypeTemplate>
|
|
28
28
|
@for (option of props.options | formlySelectOptions: field | async; track option; let i = $index) {
|
|
29
29
|
<div class="form-check" [class.form-check-inline]="props.formCheck === 'inline'">
|
|
@@ -48,7 +48,7 @@ class FormlyFieldRadio extends FieldType {
|
|
|
48
48
|
</ng-template>
|
|
49
49
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldRadio, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{
|
|
54
54
|
selector: 'formly-field-radio',
|
|
@@ -94,18 +94,18 @@ function withFormlyFieldRadio() {
|
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
class FormlyBootstrapRadioModule {
|
|
97
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
98
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
97
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
98
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
|
|
99
99
|
ReactiveFormsModule,
|
|
100
100
|
FormlyBootstrapFormFieldModule,
|
|
101
101
|
FormlySelectModule, i2.FormlyModule] }); }
|
|
102
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
102
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapRadioModule, imports: [CommonModule,
|
|
103
103
|
ReactiveFormsModule,
|
|
104
104
|
FormlyBootstrapFormFieldModule,
|
|
105
105
|
FormlySelectModule,
|
|
106
106
|
FormlyModule.forChild(withFormlyFieldRadio())] }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapRadioModule, decorators: [{
|
|
109
109
|
type: NgModule,
|
|
110
110
|
args: [{
|
|
111
111
|
declarations: [FormlyFieldRadio],
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
3
|
import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
|
|
4
|
-
import * as i1 from '@angular/
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
import * as i2 from '@angular/forms';
|
|
4
|
+
import * as i1 from '@angular/forms';
|
|
7
5
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
8
|
-
import * as
|
|
6
|
+
import * as i2 from '@ngx-formly/core';
|
|
9
7
|
import { FormlyModule } from '@ngx-formly/core';
|
|
8
|
+
import * as i3 from '@angular/common';
|
|
9
|
+
import { CommonModule } from '@angular/common';
|
|
10
10
|
import * as i4 from '@ngx-formly/core/select';
|
|
11
11
|
import { FormlySelectModule } from '@ngx-formly/core/select';
|
|
12
12
|
|
|
@@ -21,37 +21,39 @@ class FormlyFieldSelect extends FieldType {
|
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldSelect, isStandalone: false, selector: "formly-field-select", usesInheritance: true, ngImport: i0, template: `
|
|
26
26
|
<ng-template #fieldTypeTemplate>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<ng-template #optgroup>
|
|
44
|
-
<optgroup [label]="opt.label">
|
|
45
|
-
<option *ngFor="let child of opt.group" [ngValue]="child.value" [disabled]="child.disabled">
|
|
46
|
-
{{ child.label }}
|
|
27
|
+
@if (props.multiple) {
|
|
28
|
+
<select
|
|
29
|
+
class="form-select"
|
|
30
|
+
multiple
|
|
31
|
+
[formControl]="formControl"
|
|
32
|
+
[compareWith]="props.compareWith"
|
|
33
|
+
[class.is-invalid]="showError"
|
|
34
|
+
[formlyAttributes]="field"
|
|
35
|
+
[attr.aria-describedby]="id + '-formly-validation-error'"
|
|
36
|
+
[attr.aria-invalid]="showError"
|
|
37
|
+
>
|
|
38
|
+
@if (props.options | formlySelectOptions: field | async; as opts) {
|
|
39
|
+
@for (opt of opts; track opt) {
|
|
40
|
+
@if (!opt.group) {
|
|
41
|
+
<option [ngValue]="opt.value" [disabled]="opt.disabled">
|
|
42
|
+
{{ opt.label }}
|
|
47
43
|
</option>
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
} @else {
|
|
45
|
+
<optgroup [label]="opt.label">
|
|
46
|
+
@for (child of opt.group; track child) {
|
|
47
|
+
<option [ngValue]="child.value" [disabled]="child.disabled">
|
|
48
|
+
{{ child.label }}
|
|
49
|
+
</option>
|
|
50
|
+
}
|
|
51
|
+
</optgroup>
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
</select>
|
|
56
|
+
} @else {
|
|
55
57
|
<select
|
|
56
58
|
class="form-select"
|
|
57
59
|
[formControl]="formControl"
|
|
@@ -61,60 +63,67 @@ class FormlyFieldSelect extends FieldType {
|
|
|
61
63
|
[attr.aria-describedby]="id + '-formly-validation-error'"
|
|
62
64
|
[attr.aria-invalid]="showError"
|
|
63
65
|
>
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
66
|
+
@if (props.placeholder) {
|
|
67
|
+
<option [ngValue]="undefined">{{ props.placeholder }}</option>
|
|
68
|
+
}
|
|
69
|
+
@if (props.options | formlySelectOptions: field | async; as opts) {
|
|
70
|
+
@for (opt of opts; track opt) {
|
|
71
|
+
@if (!opt.group) {
|
|
72
|
+
<option [ngValue]="opt.value" [disabled]="opt.disabled">
|
|
73
|
+
{{ opt.label }}
|
|
74
|
+
</option>
|
|
75
|
+
} @else {
|
|
71
76
|
<optgroup [label]="opt.label">
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
77
|
+
@for (child of opt.group; track child) {
|
|
78
|
+
<option [ngValue]="child.value" [disabled]="child.disabled">
|
|
79
|
+
{{ child.label }}
|
|
80
|
+
</option>
|
|
81
|
+
}
|
|
75
82
|
</optgroup>
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
79
86
|
</select>
|
|
80
|
-
|
|
87
|
+
}
|
|
81
88
|
</ng-template>
|
|
82
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.
|
|
89
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
83
90
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSelect, decorators: [{
|
|
85
92
|
type: Component,
|
|
86
93
|
args: [{
|
|
87
94
|
selector: 'formly-field-select',
|
|
88
95
|
template: `
|
|
89
96
|
<ng-template #fieldTypeTemplate>
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
<ng-template #optgroup>
|
|
107
|
-
<optgroup [label]="opt.label">
|
|
108
|
-
<option *ngFor="let child of opt.group" [ngValue]="child.value" [disabled]="child.disabled">
|
|
109
|
-
{{ child.label }}
|
|
97
|
+
@if (props.multiple) {
|
|
98
|
+
<select
|
|
99
|
+
class="form-select"
|
|
100
|
+
multiple
|
|
101
|
+
[formControl]="formControl"
|
|
102
|
+
[compareWith]="props.compareWith"
|
|
103
|
+
[class.is-invalid]="showError"
|
|
104
|
+
[formlyAttributes]="field"
|
|
105
|
+
[attr.aria-describedby]="id + '-formly-validation-error'"
|
|
106
|
+
[attr.aria-invalid]="showError"
|
|
107
|
+
>
|
|
108
|
+
@if (props.options | formlySelectOptions: field | async; as opts) {
|
|
109
|
+
@for (opt of opts; track opt) {
|
|
110
|
+
@if (!opt.group) {
|
|
111
|
+
<option [ngValue]="opt.value" [disabled]="opt.disabled">
|
|
112
|
+
{{ opt.label }}
|
|
110
113
|
</option>
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
114
|
+
} @else {
|
|
115
|
+
<optgroup [label]="opt.label">
|
|
116
|
+
@for (child of opt.group; track child) {
|
|
117
|
+
<option [ngValue]="child.value" [disabled]="child.disabled">
|
|
118
|
+
{{ child.label }}
|
|
119
|
+
</option>
|
|
120
|
+
}
|
|
121
|
+
</optgroup>
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
</select>
|
|
126
|
+
} @else {
|
|
118
127
|
<select
|
|
119
128
|
class="form-select"
|
|
120
129
|
[formControl]="formControl"
|
|
@@ -124,23 +133,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
|
|
|
124
133
|
[attr.aria-describedby]="id + '-formly-validation-error'"
|
|
125
134
|
[attr.aria-invalid]="showError"
|
|
126
135
|
>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
136
|
+
@if (props.placeholder) {
|
|
137
|
+
<option [ngValue]="undefined">{{ props.placeholder }}</option>
|
|
138
|
+
}
|
|
139
|
+
@if (props.options | formlySelectOptions: field | async; as opts) {
|
|
140
|
+
@for (opt of opts; track opt) {
|
|
141
|
+
@if (!opt.group) {
|
|
142
|
+
<option [ngValue]="opt.value" [disabled]="opt.disabled">
|
|
143
|
+
{{ opt.label }}
|
|
144
|
+
</option>
|
|
145
|
+
} @else {
|
|
134
146
|
<optgroup [label]="opt.label">
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
147
|
+
@for (child of opt.group; track child) {
|
|
148
|
+
<option [ngValue]="child.value" [disabled]="child.disabled">
|
|
149
|
+
{{ child.label }}
|
|
150
|
+
</option>
|
|
151
|
+
}
|
|
138
152
|
</optgroup>
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
142
156
|
</select>
|
|
143
|
-
|
|
157
|
+
}
|
|
144
158
|
</ng-template>
|
|
145
159
|
`,
|
|
146
160
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -162,18 +176,18 @@ function withFormlyFieldSelect() {
|
|
|
162
176
|
}
|
|
163
177
|
|
|
164
178
|
class FormlyBootstrapSelectModule {
|
|
165
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
166
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
179
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
180
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapSelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
|
|
167
181
|
ReactiveFormsModule,
|
|
168
182
|
FormlyBootstrapFormFieldModule,
|
|
169
|
-
FormlySelectModule,
|
|
170
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
183
|
+
FormlySelectModule, i2.FormlyModule] }); }
|
|
184
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapSelectModule, imports: [CommonModule,
|
|
171
185
|
ReactiveFormsModule,
|
|
172
186
|
FormlyBootstrapFormFieldModule,
|
|
173
187
|
FormlySelectModule,
|
|
174
188
|
FormlyModule.forChild(withFormlyFieldSelect())] }); }
|
|
175
189
|
}
|
|
176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapSelectModule, decorators: [{
|
|
177
191
|
type: NgModule,
|
|
178
192
|
args: [{
|
|
179
193
|
declarations: [FormlyFieldSelect],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-bootstrap-select.mjs","sources":["../../../../src/ui/bootstrap/select/src/select.type.ts","../../../../src/ui/bootstrap/select/src/select.config.ts","../../../../src/ui/bootstrap/select/src/select.module.ts","../../../../src/ui/bootstrap/select/src/ngx-formly-bootstrap-select.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\n\ninterface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {\n multiple?: boolean;\n compareWith?: (o1: any, o2: any) => boolean;\n}\n\nexport interface FormlySelectFieldConfig extends FormlyFieldConfig<SelectProps> {\n type: 'select' | Type<FormlyFieldSelect>;\n}\n\n@Component({\n selector: 'formly-field-select',\n template: `\n <ng-template #fieldTypeTemplate>\n
|
|
1
|
+
{"version":3,"file":"ngx-formly-bootstrap-select.mjs","sources":["../../../../src/ui/bootstrap/select/src/select.type.ts","../../../../src/ui/bootstrap/select/src/select.config.ts","../../../../src/ui/bootstrap/select/src/select.module.ts","../../../../src/ui/bootstrap/select/src/ngx-formly-bootstrap-select.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\n\ninterface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {\n multiple?: boolean;\n compareWith?: (o1: any, o2: any) => boolean;\n}\n\nexport interface FormlySelectFieldConfig extends FormlyFieldConfig<SelectProps> {\n type: 'select' | Type<FormlyFieldSelect>;\n}\n\n@Component({\n selector: 'formly-field-select',\n template: `\n <ng-template #fieldTypeTemplate>\n @if (props.multiple) {\n <select\n class=\"form-select\"\n multiple\n [formControl]=\"formControl\"\n [compareWith]=\"props.compareWith\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n >\n @if (props.options | formlySelectOptions: field | async; as opts) {\n @for (opt of opts; track opt) {\n @if (!opt.group) {\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">\n {{ opt.label }}\n </option>\n } @else {\n <optgroup [label]=\"opt.label\">\n @for (child of opt.group; track child) {\n <option [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n }\n </optgroup>\n }\n }\n }\n </select>\n } @else {\n <select\n class=\"form-select\"\n [formControl]=\"formControl\"\n [compareWith]=\"props.compareWith\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n >\n @if (props.placeholder) {\n <option [ngValue]=\"undefined\">{{ props.placeholder }}</option>\n }\n @if (props.options | formlySelectOptions: field | async; as opts) {\n @for (opt of opts; track opt) {\n @if (!opt.group) {\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">\n {{ opt.label }}\n </option>\n } @else {\n <optgroup [label]=\"opt.label\">\n @for (child of opt.group; track child) {\n <option [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n }\n </optgroup>\n }\n }\n }\n </select>\n }\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class FormlyFieldSelect extends FieldType<FieldTypeConfig<SelectProps>> {\n override defaultOptions = {\n props: {\n compareWith(o1: any, o2: any) {\n return o1 === o2;\n },\n },\n };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldSelect } from './select.type';\n\nexport function withFormlyFieldSelect(): ConfigOption {\n return {\n types: [\n {\n name: 'select',\n component: FormlyFieldSelect,\n wrappers: ['form-field'],\n },\n { name: 'enum', extends: 'select' },\n ],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyFieldSelect } from './select.type';\nimport { withFormlyFieldSelect } from './select.config';\n\n@NgModule({\n declarations: [FormlyFieldSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n FormlyBootstrapFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild(withFormlyFieldSelect()),\n ],\n})\nexport class FormlyBootstrapSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -17,8 +17,8 @@ class FormlyFieldTextArea extends FieldType {
|
|
|
17
17
|
},
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: FormlyFieldTextArea, isStandalone: false, selector: "formly-field-textarea", usesInheritance: true, ngImport: i0, template: `
|
|
22
22
|
<ng-template #fieldTypeTemplate>
|
|
23
23
|
<textarea
|
|
24
24
|
[formControl]="formControl"
|
|
@@ -33,7 +33,7 @@ class FormlyFieldTextArea extends FieldType {
|
|
|
33
33
|
</ng-template>
|
|
34
34
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{
|
|
39
39
|
selector: 'formly-field-textarea',
|
|
@@ -69,16 +69,16 @@ function withFormlyFieldTextArea() {
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
class FormlyBootstrapTextAreaModule {
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
73
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
73
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
|
|
74
74
|
ReactiveFormsModule,
|
|
75
75
|
FormlyBootstrapFormFieldModule, i2.FormlyModule] }); }
|
|
76
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
76
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapTextAreaModule, imports: [CommonModule,
|
|
77
77
|
ReactiveFormsModule,
|
|
78
78
|
FormlyBootstrapFormFieldModule,
|
|
79
79
|
FormlyModule.forChild(withFormlyFieldTextArea())] }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapTextAreaModule, decorators: [{
|
|
82
82
|
type: NgModule,
|
|
83
83
|
args: [{
|
|
84
84
|
declarations: [FormlyFieldTextArea],
|
|
@@ -23,8 +23,8 @@ function withFormlyBootstrap() {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
class FormlyBootstrapModule {
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
27
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
27
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapModule, imports: [FormlyBootstrapFormFieldModule,
|
|
28
28
|
FormlyBootstrapInputModule,
|
|
29
29
|
FormlyBootstrapTextAreaModule,
|
|
30
30
|
FormlyBootstrapRadioModule,
|
|
@@ -32,7 +32,7 @@ class FormlyBootstrapModule {
|
|
|
32
32
|
FormlyBootstrapMultiCheckboxModule,
|
|
33
33
|
FormlyBootstrapSelectModule,
|
|
34
34
|
FormlyBootstrapAddonsModule] }); }
|
|
35
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
35
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapModule, imports: [FormlyBootstrapFormFieldModule,
|
|
36
36
|
FormlyBootstrapInputModule,
|
|
37
37
|
FormlyBootstrapTextAreaModule,
|
|
38
38
|
FormlyBootstrapRadioModule,
|
|
@@ -41,7 +41,7 @@ class FormlyBootstrapModule {
|
|
|
41
41
|
FormlyBootstrapSelectModule,
|
|
42
42
|
FormlyBootstrapAddonsModule] }); }
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyBootstrapModule, decorators: [{
|
|
45
45
|
type: NgModule,
|
|
46
46
|
args: [{
|
|
47
47
|
imports: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-bootstrap.mjs","sources":["../../../../src/ui/bootstrap/src/lib/bootstrap.config.ts","../../../../src/ui/bootstrap/src/lib/bootstrap.module.ts","../../../../src/ui/bootstrap/src/public_api.ts","../../../../src/ui/bootstrap/src/ngx-formly-bootstrap.ts"],"sourcesContent":["import { withFormlyFormField } from '@ngx-formly/bootstrap/form-field';\nimport { withFormlyFieldInput } from '@ngx-formly/bootstrap/input';\nimport { withFormlyFieldTextArea } from '@ngx-formly/bootstrap/textarea';\nimport { withFormlyFieldRadio } from '@ngx-formly/bootstrap/radio';\nimport { withFormlyFieldCheckbox } from '@ngx-formly/bootstrap/checkbox';\nimport { withFormlyFieldMultiCheckbox } from '@ngx-formly/bootstrap/multicheckbox';\nimport { withFormlyFieldSelect } from '@ngx-formly/bootstrap/select';\nimport { withFormlyWrapperAddons } from '@ngx-formly/bootstrap/addons';\n\nexport function withFormlyBootstrap() {\n return [\n withFormlyFormField(),\n withFormlyFieldInput(),\n withFormlyFieldTextArea(),\n withFormlyFieldRadio(),\n withFormlyFieldCheckbox(),\n withFormlyFieldMultiCheckbox(),\n withFormlyFieldSelect(),\n withFormlyWrapperAddons(),\n ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyBootstrapInputModule } from '@ngx-formly/bootstrap/input';\nimport { FormlyBootstrapTextAreaModule } from '@ngx-formly/bootstrap/textarea';\nimport { FormlyBootstrapRadioModule } from '@ngx-formly/bootstrap/radio';\nimport { FormlyBootstrapCheckboxModule } from '@ngx-formly/bootstrap/checkbox';\nimport { FormlyBootstrapMultiCheckboxModule } from '@ngx-formly/bootstrap/multicheckbox';\nimport { FormlyBootstrapSelectModule } from '@ngx-formly/bootstrap/select';\nimport { FormlyBootstrapAddonsModule } from '@ngx-formly/bootstrap/addons';\n\n@NgModule({\n imports: [\n FormlyBootstrapFormFieldModule,\n FormlyBootstrapInputModule,\n FormlyBootstrapTextAreaModule,\n FormlyBootstrapRadioModule,\n FormlyBootstrapCheckboxModule,\n FormlyBootstrapMultiCheckboxModule,\n FormlyBootstrapSelectModule,\n FormlyBootstrapAddonsModule,\n ],\n})\nexport class FormlyBootstrapModule {}\n","/*\n * Public API Surface of bootstrap\n */\n\nexport * from './lib/bootstrap';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ngx-formly-bootstrap.mjs","sources":["../../../../src/ui/bootstrap/src/lib/bootstrap.config.ts","../../../../src/ui/bootstrap/src/lib/bootstrap.module.ts","../../../../src/ui/bootstrap/src/public_api.ts","../../../../src/ui/bootstrap/src/ngx-formly-bootstrap.ts"],"sourcesContent":["import { ConfigOption } from '@ngx-formly/core';\nimport { withFormlyFormField } from '@ngx-formly/bootstrap/form-field';\nimport { withFormlyFieldInput } from '@ngx-formly/bootstrap/input';\nimport { withFormlyFieldTextArea } from '@ngx-formly/bootstrap/textarea';\nimport { withFormlyFieldRadio } from '@ngx-formly/bootstrap/radio';\nimport { withFormlyFieldCheckbox } from '@ngx-formly/bootstrap/checkbox';\nimport { withFormlyFieldMultiCheckbox } from '@ngx-formly/bootstrap/multicheckbox';\nimport { withFormlyFieldSelect } from '@ngx-formly/bootstrap/select';\nimport { withFormlyWrapperAddons } from '@ngx-formly/bootstrap/addons';\n\nexport function withFormlyBootstrap(): ConfigOption[] {\n return [\n withFormlyFormField(),\n withFormlyFieldInput(),\n withFormlyFieldTextArea(),\n withFormlyFieldRadio(),\n withFormlyFieldCheckbox(),\n withFormlyFieldMultiCheckbox(),\n withFormlyFieldSelect(),\n withFormlyWrapperAddons(),\n ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyBootstrapInputModule } from '@ngx-formly/bootstrap/input';\nimport { FormlyBootstrapTextAreaModule } from '@ngx-formly/bootstrap/textarea';\nimport { FormlyBootstrapRadioModule } from '@ngx-formly/bootstrap/radio';\nimport { FormlyBootstrapCheckboxModule } from '@ngx-formly/bootstrap/checkbox';\nimport { FormlyBootstrapMultiCheckboxModule } from '@ngx-formly/bootstrap/multicheckbox';\nimport { FormlyBootstrapSelectModule } from '@ngx-formly/bootstrap/select';\nimport { FormlyBootstrapAddonsModule } from '@ngx-formly/bootstrap/addons';\n\n@NgModule({\n imports: [\n FormlyBootstrapFormFieldModule,\n FormlyBootstrapInputModule,\n FormlyBootstrapTextAreaModule,\n FormlyBootstrapRadioModule,\n FormlyBootstrapCheckboxModule,\n FormlyBootstrapMultiCheckboxModule,\n FormlyBootstrapSelectModule,\n FormlyBootstrapAddonsModule,\n ],\n})\nexport class FormlyBootstrapModule {}\n","/*\n * Public API Surface of bootstrap\n */\n\nexport * from './lib/bootstrap';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;SAUgB,mBAAmB,GAAA;IACjC,OAAO;AACL,QAAA,mBAAmB,EAAE;AACrB,QAAA,oBAAoB,EAAE;AACtB,QAAA,uBAAuB,EAAE;AACzB,QAAA,oBAAoB,EAAE;AACtB,QAAA,uBAAuB,EAAE;AACzB,QAAA,4BAA4B,EAAE;AAC9B,QAAA,qBAAqB,EAAE;AACvB,QAAA,uBAAuB,EAAE;KAC1B;AACH;;MCEa,qBAAqB,CAAA;+GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,8BAA8B;YAC9B,0BAA0B;YAC1B,6BAA6B;YAC7B,0BAA0B;YAC1B,6BAA6B;YAC7B,kCAAkC;YAClC,2BAA2B;YAC3B,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAGlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,8BAA8B;YAC9B,0BAA0B;YAC1B,6BAA6B;YAC7B,0BAA0B;YAC1B,6BAA6B;YAC7B,kCAAkC;YAClC,2BAA2B;YAC3B,2BAA2B,CAAA,EAAA,CAAA,CAAA;;4FAGlB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,8BAA8B;wBAC9B,0BAA0B;wBAC1B,6BAA6B;wBAC7B,0BAA0B;wBAC1B,6BAA6B;wBAC7B,kCAAkC;wBAClC,2BAA2B;wBAC3B,2BAA2B;AAC5B,qBAAA;AACF,iBAAA;;;ACtBD;;AAEG;;ACFH;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,58 +1,59 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ngx-formly/bootstrap",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"tslib": "^2.0.0"
|
|
7
7
|
},
|
|
8
8
|
"peerDependencies": {
|
|
9
|
-
"@ngx-formly/core": "
|
|
9
|
+
"@ngx-formly/core": "10.0.1",
|
|
10
10
|
"bootstrap": "^5.0.0"
|
|
11
11
|
},
|
|
12
12
|
"module": "fesm2022/ngx-formly-bootstrap.mjs",
|
|
13
|
-
"typings": "
|
|
13
|
+
"typings": "types/ngx-formly-bootstrap.d.ts",
|
|
14
14
|
"exports": {
|
|
15
15
|
"./package.json": {
|
|
16
16
|
"default": "./package.json"
|
|
17
17
|
},
|
|
18
18
|
".": {
|
|
19
|
-
"types": "./
|
|
19
|
+
"types": "./types/ngx-formly-bootstrap.d.ts",
|
|
20
20
|
"default": "./fesm2022/ngx-formly-bootstrap.mjs"
|
|
21
21
|
},
|
|
22
22
|
"./addons": {
|
|
23
|
-
"types": "./addons
|
|
23
|
+
"types": "./types/ngx-formly-bootstrap-addons.d.ts",
|
|
24
24
|
"default": "./fesm2022/ngx-formly-bootstrap-addons.mjs"
|
|
25
25
|
},
|
|
26
26
|
"./checkbox": {
|
|
27
|
-
"types": "./checkbox
|
|
27
|
+
"types": "./types/ngx-formly-bootstrap-checkbox.d.ts",
|
|
28
28
|
"default": "./fesm2022/ngx-formly-bootstrap-checkbox.mjs"
|
|
29
29
|
},
|
|
30
30
|
"./form-field": {
|
|
31
|
-
"types": "./form-field
|
|
31
|
+
"types": "./types/ngx-formly-bootstrap-form-field.d.ts",
|
|
32
32
|
"default": "./fesm2022/ngx-formly-bootstrap-form-field.mjs"
|
|
33
33
|
},
|
|
34
34
|
"./input": {
|
|
35
|
-
"types": "./input
|
|
35
|
+
"types": "./types/ngx-formly-bootstrap-input.d.ts",
|
|
36
36
|
"default": "./fesm2022/ngx-formly-bootstrap-input.mjs"
|
|
37
37
|
},
|
|
38
38
|
"./multicheckbox": {
|
|
39
|
-
"types": "./multicheckbox
|
|
39
|
+
"types": "./types/ngx-formly-bootstrap-multicheckbox.d.ts",
|
|
40
40
|
"default": "./fesm2022/ngx-formly-bootstrap-multicheckbox.mjs"
|
|
41
41
|
},
|
|
42
42
|
"./radio": {
|
|
43
|
-
"types": "./radio
|
|
43
|
+
"types": "./types/ngx-formly-bootstrap-radio.d.ts",
|
|
44
44
|
"default": "./fesm2022/ngx-formly-bootstrap-radio.mjs"
|
|
45
45
|
},
|
|
46
46
|
"./select": {
|
|
47
|
-
"types": "./select
|
|
47
|
+
"types": "./types/ngx-formly-bootstrap-select.d.ts",
|
|
48
48
|
"default": "./fesm2022/ngx-formly-bootstrap-select.mjs"
|
|
49
49
|
},
|
|
50
50
|
"./textarea": {
|
|
51
|
-
"types": "./textarea
|
|
51
|
+
"types": "./types/ngx-formly-bootstrap-textarea.d.ts",
|
|
52
52
|
"default": "./fesm2022/ngx-formly-bootstrap-textarea.mjs"
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
"sideEffects": false,
|
|
56
|
+
"type": "module",
|
|
56
57
|
"homepage": "https://github.com/ngx-formly/ngx-formly#readme",
|
|
57
58
|
"description": "Formly is a dynamic (JSON powered) form library for Angular that bring unmatched maintainability to your application's forms.",
|
|
58
59
|
"repository": {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ConfigOption } from '@ngx-formly/core';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import * as i1 from '@ngx-formly/bootstrap/form-field';
|
|
4
4
|
import * as i2 from '@ngx-formly/bootstrap/input';
|
|
@@ -9,7 +9,7 @@ import * as i6 from '@ngx-formly/bootstrap/multicheckbox';
|
|
|
9
9
|
import * as i7 from '@ngx-formly/bootstrap/select';
|
|
10
10
|
import * as i8 from '@ngx-formly/bootstrap/addons';
|
|
11
11
|
|
|
12
|
-
declare function withFormlyBootstrap():
|
|
12
|
+
declare function withFormlyBootstrap(): ConfigOption[];
|
|
13
13
|
|
|
14
14
|
declare class FormlyBootstrapModule {
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormlyBootstrapModule, never>;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|