@ngx-formly/bootstrap 6.3.11 → 7.0.0-alpha.0
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 +1 -0
- package/addons/addons.component.d.ts +1 -1
- package/addons/addons.config.d.ts +2 -0
- package/addons/public_api.d.ts +1 -0
- package/checkbox/checkbox.config.d.ts +2 -0
- package/checkbox/checkbox.type.d.ts +1 -1
- package/checkbox/public_api.d.ts +1 -0
- package/{esm2020 → esm2022}/addons/addons.component.mjs +8 -8
- package/esm2022/addons/addons.config.mjs +9 -0
- package/esm2022/addons/addons.module.mjs +21 -0
- package/esm2022/addons/public_api.mjs +3 -0
- package/esm2022/checkbox/checkbox.config.mjs +17 -0
- package/esm2022/checkbox/checkbox.module.mjs +32 -0
- package/{esm2020 → esm2022}/checkbox/checkbox.type.mjs +8 -8
- package/esm2022/checkbox/public_api.mjs +4 -0
- package/{esm2020 → esm2022}/form-field/field.type.mjs +8 -8
- package/esm2022/form-field/form-field.config.mjs +12 -0
- package/esm2022/form-field/form-field.module.mjs +21 -0
- package/{esm2020 → esm2022}/form-field/form-field.wrapper.mjs +12 -15
- package/esm2022/form-field/public_api.mjs +4 -0
- package/esm2022/input/input.config.mjs +32 -0
- package/esm2022/input/input.module.mjs +32 -0
- package/{esm2020 → esm2022}/input/input.type.mjs +6 -6
- package/esm2022/input/public_api.mjs +4 -0
- package/esm2022/lib/bootstrap.config.mjs +21 -0
- package/esm2022/lib/bootstrap.mjs +3 -0
- package/esm2022/lib/bootstrap.module.mjs +45 -0
- package/esm2022/multicheckbox/multicheckbox.config.mjs +13 -0
- package/esm2022/multicheckbox/multicheckbox.module.mjs +36 -0
- package/{esm2020 → esm2022}/multicheckbox/multicheckbox.type.mjs +10 -10
- package/esm2022/multicheckbox/public_api.mjs +4 -0
- package/esm2022/radio/public_api.mjs +4 -0
- package/esm2022/radio/radio.config.mjs +13 -0
- package/esm2022/radio/radio.module.mjs +36 -0
- package/esm2022/radio/radio.type.mjs +82 -0
- package/esm2022/select/public_api.mjs +4 -0
- package/esm2022/select/select.config.mjs +14 -0
- package/esm2022/select/select.module.mjs +36 -0
- package/esm2022/select/select.type.mjs +144 -0
- package/esm2022/textarea/public_api.mjs +4 -0
- package/esm2022/textarea/textarea.config.mjs +13 -0
- package/esm2022/textarea/textarea.module.mjs +32 -0
- package/{esm2020 → esm2022}/textarea/textarea.type.mjs +6 -6
- package/fesm2022/ngx-formly-bootstrap-addons.mjs +70 -0
- package/fesm2022/ngx-formly-bootstrap-addons.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ngx-formly-bootstrap-checkbox.mjs +36 -46
- package/fesm2022/ngx-formly-bootstrap-checkbox.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ngx-formly-bootstrap-form-field.mjs +36 -51
- package/fesm2022/ngx-formly-bootstrap-form-field.mjs.map +1 -0
- package/fesm2022/ngx-formly-bootstrap-input.mjs +134 -0
- package/fesm2022/ngx-formly-bootstrap-input.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ngx-formly-bootstrap-multicheckbox.mjs +34 -40
- package/fesm2022/ngx-formly-bootstrap-multicheckbox.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ngx-formly-bootstrap-radio.mjs +34 -40
- package/fesm2022/ngx-formly-bootstrap-radio.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ngx-formly-bootstrap-select.mjs +39 -80
- package/fesm2022/ngx-formly-bootstrap-select.mjs.map +1 -0
- package/fesm2022/ngx-formly-bootstrap-textarea.mjs +98 -0
- package/fesm2022/ngx-formly-bootstrap-textarea.mjs.map +1 -0
- package/fesm2022/ngx-formly-bootstrap.mjs +69 -0
- package/fesm2022/ngx-formly-bootstrap.mjs.map +1 -0
- package/form-field/field.type.d.ts +1 -1
- package/form-field/form-field.config.d.ts +2 -0
- package/form-field/form-field.wrapper.d.ts +1 -1
- package/form-field/public_api.d.ts +1 -0
- package/input/input.config.d.ts +2 -0
- package/input/input.type.d.ts +1 -1
- package/input/public_api.d.ts +1 -0
- package/lib/bootstrap.config.d.ts +1 -0
- package/lib/bootstrap.d.ts +1 -0
- package/multicheckbox/multicheckbox.config.d.ts +2 -0
- package/multicheckbox/multicheckbox.type.d.ts +1 -1
- package/multicheckbox/public_api.d.ts +1 -0
- package/package.json +40 -62
- package/radio/public_api.d.ts +1 -0
- package/radio/radio.config.d.ts +2 -0
- package/radio/radio.type.d.ts +3 -3
- package/select/public_api.d.ts +1 -0
- package/select/select.config.d.ts +2 -0
- package/select/select.type.d.ts +2 -8
- package/textarea/public_api.d.ts +1 -0
- package/textarea/textarea.config.d.ts +2 -0
- package/textarea/textarea.type.d.ts +1 -1
- package/addons/package.json +0 -10
- package/checkbox/package.json +0 -10
- package/esm2020/addons/addons.module.mjs +0 -36
- package/esm2020/addons/public_api.mjs +0 -2
- package/esm2020/checkbox/checkbox.module.mjs +0 -57
- package/esm2020/checkbox/public_api.mjs +0 -3
- package/esm2020/form-field/form-field.module.mjs +0 -43
- package/esm2020/form-field/public_api.mjs +0 -3
- package/esm2020/input/input.module.mjs +0 -87
- package/esm2020/input/public_api.mjs +0 -3
- package/esm2020/lib/bootstrap.mjs +0 -2
- package/esm2020/lib/bootstrap.module.mjs +0 -47
- package/esm2020/multicheckbox/multicheckbox.module.mjs +0 -53
- package/esm2020/multicheckbox/public_api.mjs +0 -3
- package/esm2020/radio/public_api.mjs +0 -3
- package/esm2020/radio/radio.module.mjs +0 -53
- package/esm2020/radio/radio.type.mjs +0 -82
- package/esm2020/select/public_api.mjs +0 -3
- package/esm2020/select/select.module.mjs +0 -55
- package/esm2020/select/select.type.mjs +0 -179
- package/esm2020/textarea/public_api.mjs +0 -3
- package/esm2020/textarea/textarea.module.mjs +0 -49
- package/fesm2015/ngx-formly-bootstrap-addons.mjs +0 -80
- package/fesm2015/ngx-formly-bootstrap-addons.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap-checkbox.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap-form-field.mjs +0 -144
- package/fesm2015/ngx-formly-bootstrap-form-field.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap-input.mjs +0 -159
- package/fesm2015/ngx-formly-bootstrap-input.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap-multicheckbox.mjs +0 -154
- package/fesm2015/ngx-formly-bootstrap-multicheckbox.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap-radio.mjs +0 -136
- package/fesm2015/ngx-formly-bootstrap-radio.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap-select.mjs +0 -235
- package/fesm2015/ngx-formly-bootstrap-select.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap-textarea.mjs +0 -104
- package/fesm2015/ngx-formly-bootstrap-textarea.mjs.map +0 -1
- package/fesm2015/ngx-formly-bootstrap.mjs +0 -58
- package/fesm2015/ngx-formly-bootstrap.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-addons.mjs +0 -78
- package/fesm2020/ngx-formly-bootstrap-addons.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-checkbox.mjs +0 -140
- package/fesm2020/ngx-formly-bootstrap-checkbox.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-form-field.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-input.mjs +0 -159
- package/fesm2020/ngx-formly-bootstrap-input.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-multicheckbox.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-radio.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-select.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap-textarea.mjs +0 -104
- package/fesm2020/ngx-formly-bootstrap-textarea.mjs.map +0 -1
- package/fesm2020/ngx-formly-bootstrap.mjs +0 -58
- package/fesm2020/ngx-formly-bootstrap.mjs.map +0 -1
- package/form-field/package.json +0 -10
- package/input/package.json +0 -10
- package/multicheckbox/package.json +0 -10
- package/radio/package.json +0 -10
- package/select/package.json +0 -10
- package/textarea/package.json +0 -10
- /package/addons/{ngx-formly-bootstrap-addons.d.ts → index.d.ts} +0 -0
- /package/checkbox/{ngx-formly-bootstrap-checkbox.d.ts → index.d.ts} +0 -0
- /package/{esm2020 → esm2022}/addons/addon.extension.mjs +0 -0
- /package/{esm2020 → esm2022}/addons/ngx-formly-bootstrap-addons.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/ngx-formly-bootstrap-checkbox.mjs +0 -0
- /package/{esm2020 → esm2022}/form-field/ngx-formly-bootstrap-form-field.mjs +0 -0
- /package/{esm2020 → esm2022}/input/ngx-formly-bootstrap-input.mjs +0 -0
- /package/{esm2020 → esm2022}/multicheckbox/ngx-formly-bootstrap-multicheckbox.mjs +0 -0
- /package/{esm2020 → esm2022}/ngx-formly-bootstrap.mjs +0 -0
- /package/{esm2020 → esm2022}/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/radio/ngx-formly-bootstrap-radio.mjs +0 -0
- /package/{esm2020 → esm2022}/select/ngx-formly-bootstrap-select.mjs +0 -0
- /package/{esm2020 → esm2022}/textarea/ngx-formly-bootstrap-textarea.mjs +0 -0
- /package/form-field/{ngx-formly-bootstrap-form-field.d.ts → index.d.ts} +0 -0
- /package/{ngx-formly-bootstrap.d.ts → index.d.ts} +0 -0
- /package/input/{ngx-formly-bootstrap-input.d.ts → index.d.ts} +0 -0
- /package/multicheckbox/{ngx-formly-bootstrap-multicheckbox.d.ts → index.d.ts} +0 -0
- /package/radio/{ngx-formly-bootstrap-radio.d.ts → index.d.ts} +0 -0
- /package/select/{ngx-formly-bootstrap-select.d.ts → index.d.ts} +0 -0
- /package/textarea/{ngx-formly-bootstrap-textarea.d.ts → index.d.ts} +0 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FormlyFieldTextArea } from './textarea.type';
|
|
2
|
+
export function withFormlyFieldTextArea() {
|
|
3
|
+
return {
|
|
4
|
+
types: [
|
|
5
|
+
{
|
|
6
|
+
name: 'textarea',
|
|
7
|
+
component: FormlyFieldTextArea,
|
|
8
|
+
wrappers: ['form-field'],
|
|
9
|
+
},
|
|
10
|
+
],
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL3VpL2Jvb3RzdHJhcC90ZXh0YXJlYS9zcmMvdGV4dGFyZWEuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXRELE1BQU0sVUFBVSx1QkFBdUI7SUFDckMsT0FBTztRQUNMLEtBQUssRUFBRTtZQUNMO2dCQUNFLElBQUksRUFBRSxVQUFVO2dCQUNoQixTQUFTLEVBQUUsbUJBQW1CO2dCQUM5QixRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUM7YUFDekI7U0FDRjtLQUNGLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlnT3B0aW9uIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBGb3JtbHlGaWVsZFRleHRBcmVhIH0gZnJvbSAnLi90ZXh0YXJlYS50eXBlJztcblxuZXhwb3J0IGZ1bmN0aW9uIHdpdGhGb3JtbHlGaWVsZFRleHRBcmVhKCk6IENvbmZpZ09wdGlvbiB7XG4gIHJldHVybiB7XG4gICAgdHlwZXM6IFtcbiAgICAgIHtcbiAgICAgICAgbmFtZTogJ3RleHRhcmVhJyxcbiAgICAgICAgY29tcG9uZW50OiBGb3JtbHlGaWVsZFRleHRBcmVhLFxuICAgICAgICB3cmFwcGVyczogWydmb3JtLWZpZWxkJ10sXG4gICAgICB9LFxuICAgIF0sXG4gIH07XG59XG4iXX0=
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormlyModule } from '@ngx-formly/core';
|
|
4
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
|
|
6
|
+
import { FormlyFieldTextArea } from './textarea.type';
|
|
7
|
+
import { withFormlyFieldTextArea } from './textarea.config';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@ngx-formly/core";
|
|
10
|
+
export class FormlyBootstrapTextAreaModule {
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
|
|
13
|
+
ReactiveFormsModule,
|
|
14
|
+
FormlyBootstrapFormFieldModule, i1.FormlyModule] }); }
|
|
15
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapTextAreaModule, imports: [CommonModule,
|
|
16
|
+
ReactiveFormsModule,
|
|
17
|
+
FormlyBootstrapFormFieldModule,
|
|
18
|
+
FormlyModule.forChild(withFormlyFieldTextArea())] }); }
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapTextAreaModule, decorators: [{
|
|
21
|
+
type: NgModule,
|
|
22
|
+
args: [{
|
|
23
|
+
declarations: [FormlyFieldTextArea],
|
|
24
|
+
imports: [
|
|
25
|
+
CommonModule,
|
|
26
|
+
ReactiveFormsModule,
|
|
27
|
+
FormlyBootstrapFormFieldModule,
|
|
28
|
+
FormlyModule.forChild(withFormlyFieldTextArea()),
|
|
29
|
+
],
|
|
30
|
+
}]
|
|
31
|
+
}] });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL3VpL2Jvb3RzdHJhcC90ZXh0YXJlYS9zcmMvdGV4dGFyZWEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNsRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBWTVELE1BQU0sT0FBTyw2QkFBNkI7K0dBQTdCLDZCQUE2QjtnSEFBN0IsNkJBQTZCLGlCQVR6QixtQkFBbUIsYUFFaEMsWUFBWTtZQUNaLG1CQUFtQjtZQUVuQiw4QkFBOEI7Z0hBSXJCLDZCQUE2QixZQVB0QyxZQUFZO1lBQ1osbUJBQW1CO1lBRW5CLDhCQUE4QjtZQUM5QixZQUFZLENBQUMsUUFBUSxDQUFDLHVCQUF1QixFQUFFLENBQUM7OzRGQUd2Qyw2QkFBNkI7a0JBVnpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFFbkIsOEJBQThCO3dCQUM5QixZQUFZLENBQUMsUUFBUSxDQUFDLHVCQUF1QixFQUFFLENBQUM7cUJBQ2pEO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3JtbHlNb2R1bGUgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEZvcm1seUJvb3RzdHJhcEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0BuZ3gtZm9ybWx5L2Jvb3RzdHJhcC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IEZvcm1seUZpZWxkVGV4dEFyZWEgfSBmcm9tICcuL3RleHRhcmVhLnR5cGUnO1xuaW1wb3J0IHsgd2l0aEZvcm1seUZpZWxkVGV4dEFyZWEgfSBmcm9tICcuL3RleHRhcmVhLmNvbmZpZyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0Zvcm1seUZpZWxkVGV4dEFyZWFdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG5cbiAgICBGb3JtbHlCb290c3RyYXBGb3JtRmllbGRNb2R1bGUsXG4gICAgRm9ybWx5TW9kdWxlLmZvckNoaWxkKHdpdGhGb3JtbHlGaWVsZFRleHRBcmVhKCkpLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtbHlCb290c3RyYXBUZXh0QXJlYU1vZHVsZSB7fVxuIl19
|
|
@@ -13,9 +13,8 @@ export class FormlyFieldTextArea extends FieldType {
|
|
|
13
13
|
},
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FormlyFieldTextArea, selector: "formly-field-textarea", usesInheritance: true, ngImport: i0, template: `
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyFieldTextArea, selector: "formly-field-textarea", usesInheritance: true, ngImport: i0, template: `
|
|
19
18
|
<ng-template #fieldTypeTemplate>
|
|
20
19
|
<textarea
|
|
21
20
|
[formControl]="formControl"
|
|
@@ -28,8 +27,9 @@ FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
28
27
|
[attr.aria-invalid]="showError"
|
|
29
28
|
></textarea>
|
|
30
29
|
</ng-template>
|
|
31
|
-
`, isInline: true,
|
|
32
|
-
|
|
30
|
+
`, 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.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{
|
|
35
35
|
selector: 'formly-field-textarea',
|
|
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
50
50
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
51
51
|
}]
|
|
52
52
|
}] });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEudHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9ib290c3RyYXAvdGV4dGFyZWEvc3JjL3RleHRhcmVhLnR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBUSxNQUFNLGVBQWUsQ0FBQztBQUV6RSxPQUFPLEVBQUUsU0FBUyxFQUFvQixNQUFNLGtDQUFrQyxDQUFDOzs7O0FBNkIvRSxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsU0FBeUM7SUFsQmxGOztRQW1CVyxtQkFBYyxHQUFHO1lBQ3hCLEtBQUssRUFBRTtnQkFDTCxJQUFJLEVBQUUsQ0FBQztnQkFDUCxJQUFJLEVBQUUsQ0FBQzthQUNSO1NBQ0YsQ0FBQztLQUNIOytHQVBZLG1CQUFtQjttR0FBbkIsbUJBQW1CLG9GQWhCcEI7Ozs7Ozs7Ozs7Ozs7R0FhVDs7NEZBR1UsbUJBQW1CO2tCQWxCL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7R0FhVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWVsZFR5cGVDb25maWcsIEZvcm1seUZpZWxkQ29uZmlnIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBGaWVsZFR5cGUsIEZvcm1seUZpZWxkUHJvcHMgfSBmcm9tICdAbmd4LWZvcm1seS9ib290c3RyYXAvZm9ybS1maWVsZCc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzIGV4dGVuZHMgRm9ybWx5RmllbGRQcm9wcyB7XG4gIGNvbHM/OiBudW1iZXI7XG4gIHJvd3M/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybWx5VGV4dEFyZWFGaWVsZENvbmZpZyBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnPFRleHRBcmVhUHJvcHM+IHtcbiAgdHlwZTogJ3RleHRhcmVhJyB8IFR5cGU8Rm9ybWx5RmllbGRUZXh0QXJlYT47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Zvcm1seS1maWVsZC10ZXh0YXJlYScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlICNmaWVsZFR5cGVUZW1wbGF0ZT5cbiAgICAgIDx0ZXh0YXJlYVxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBbY29sc109XCJwcm9wcy5jb2xzXCJcbiAgICAgICAgW3Jvd3NdPVwicHJvcHMucm93c1wiXG4gICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgW2NsYXNzLmlzLWludmFsaWRdPVwic2hvd0Vycm9yXCJcbiAgICAgICAgW2Zvcm1seUF0dHJpYnV0ZXNdPVwiZmllbGRcIlxuICAgICAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImlkICsgJy1mb3JtbHktdmFsaWRhdGlvbi1lcnJvcidcIlxuICAgICAgICBbYXR0ci5hcmlhLWludmFsaWRdPVwic2hvd0Vycm9yXCJcbiAgICAgID48L3RleHRhcmVhPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtbHlGaWVsZFRleHRBcmVhIGV4dGVuZHMgRmllbGRUeXBlPEZpZWxkVHlwZUNvbmZpZzxUZXh0QXJlYVByb3BzPj4ge1xuICBvdmVycmlkZSBkZWZhdWx0T3B0aW9ucyA9IHtcbiAgICBwcm9wczoge1xuICAgICAgY29sczogMSxcbiAgICAgIHJvd3M6IDEsXG4gICAgfSxcbiAgfTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1$1 from '@ngx-formly/core';
|
|
4
|
+
import { FieldWrapper, FormlyModule } from '@ngx-formly/core';
|
|
5
|
+
import * as i1 from '@angular/common';
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
7
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
8
|
+
|
|
9
|
+
class FormlyWrapperAddons extends FieldWrapper {
|
|
10
|
+
set content(templateRef) {
|
|
11
|
+
if (templateRef && this.hostContainerRef) {
|
|
12
|
+
this.hostContainerRef.createEmbeddedView(templateRef);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
constructor(hostContainerRef) {
|
|
16
|
+
super();
|
|
17
|
+
this.hostContainerRef = hostContainerRef;
|
|
18
|
+
}
|
|
19
|
+
addonRightClick($event) {
|
|
20
|
+
this.props.addonRight.onClick?.(this.field, $event);
|
|
21
|
+
}
|
|
22
|
+
addonLeftClick($event) {
|
|
23
|
+
this.props.addonLeft.onClick?.(this.field, $event);
|
|
24
|
+
}
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyWrapperAddons, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyWrapperAddons, 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 <div\n class=\"input-group-text\"\n *ngIf=\"props.addonLeft\"\n [class.input-group-btn]=\"props.addonLeft.onClick\"\n (click)=\"addonLeftClick($event)\"\n >\n <i [ngClass]=\"props.addonLeft.class\" *ngIf=\"props.addonLeft.class\"></i>\n <span *ngIf=\"props.addonLeft.text\">{{ props.addonLeft.text }}</span>\n </div>\n <ng-container #fieldComponent></ng-container>\n <div\n class=\"input-group-text\"\n *ngIf=\"props.addonRight\"\n [class.input-group-btn]=\"props.addonRight.onClick\"\n (click)=\"addonRightClick($event)\"\n >\n <i [ngClass]=\"props.addonRight.class\" *ngIf=\"props.addonRight.class\"></i>\n <span *ngIf=\"props.addonRight.text\">{{ props.addonRight.text }}</span>\n </div>\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"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyWrapperAddons, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{ selector: 'formly-wrapper-addons', encapsulation: ViewEncapsulation.None, template: "<ng-template #fieldTypeTemplate>\n <div class=\"input-group\" [class.has-validation]=\"showError\">\n <div\n class=\"input-group-text\"\n *ngIf=\"props.addonLeft\"\n [class.input-group-btn]=\"props.addonLeft.onClick\"\n (click)=\"addonLeftClick($event)\"\n >\n <i [ngClass]=\"props.addonLeft.class\" *ngIf=\"props.addonLeft.class\"></i>\n <span *ngIf=\"props.addonLeft.text\">{{ props.addonLeft.text }}</span>\n </div>\n <ng-container #fieldComponent></ng-container>\n <div\n class=\"input-group-text\"\n *ngIf=\"props.addonRight\"\n [class.input-group-btn]=\"props.addonRight.onClick\"\n (click)=\"addonRightClick($event)\"\n >\n <i [ngClass]=\"props.addonRight.class\" *ngIf=\"props.addonRight.class\"></i>\n <span *ngIf=\"props.addonRight.text\">{{ props.addonRight.text }}</span>\n </div>\n </div>\n</ng-template>\n", styles: ["formly-wrapper-form-field .input-group-btn{cursor:pointer}\n"] }]
|
|
31
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { content: [{
|
|
32
|
+
type: ViewChild,
|
|
33
|
+
args: ['fieldTypeTemplate', { static: true }]
|
|
34
|
+
}] } });
|
|
35
|
+
|
|
36
|
+
function addonsExtension(field) {
|
|
37
|
+
if (!field.props || (field.wrappers && field.wrappers.indexOf('addons') !== -1)) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (field.props.addonLeft || field.props.addonRight) {
|
|
41
|
+
field.wrappers = [...(field.wrappers || []), 'addons'];
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
function withFormlyWrapperAddons() {
|
|
46
|
+
return {
|
|
47
|
+
wrappers: [{ name: 'addons', component: FormlyWrapperAddons }],
|
|
48
|
+
extensions: [{ name: 'addons', extension: { postPopulate: addonsExtension } }],
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
class FormlyBootstrapAddonsModule {
|
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapAddonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
54
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapAddonsModule, declarations: [FormlyWrapperAddons], imports: [CommonModule, ReactiveFormsModule, i1$1.FormlyModule] }); }
|
|
55
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapAddonsModule, imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyWrapperAddons())] }); }
|
|
56
|
+
}
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapAddonsModule, decorators: [{
|
|
58
|
+
type: NgModule,
|
|
59
|
+
args: [{
|
|
60
|
+
declarations: [FormlyWrapperAddons],
|
|
61
|
+
imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyWrapperAddons())],
|
|
62
|
+
}]
|
|
63
|
+
}] });
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Generated bundle index. Do not edit.
|
|
67
|
+
*/
|
|
68
|
+
|
|
69
|
+
export { FormlyBootstrapAddonsModule, withFormlyWrapperAddons };
|
|
70
|
+
//# sourceMappingURL=ngx-formly-bootstrap-addons.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-formly-bootstrap-addons.mjs","sources":["../../../../src/ui/bootstrap/addons/src/addons.component.ts","../../../../src/ui/bootstrap/addons/src/addons.component.html","../../../../src/ui/bootstrap/addons/src/addon.extension.ts","../../../../src/ui/bootstrap/addons/src/addons.config.ts","../../../../src/ui/bootstrap/addons/src/addons.module.ts","../../../../src/ui/bootstrap/addons/src/ngx-formly-bootstrap-addons.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { FormlyFieldConfig, FieldTypeConfig, FieldWrapper } from '@ngx-formly/core';\nimport { FormlyFieldProps } from '@ngx-formly/bootstrap/form-field';\n\ninterface AddonsProps extends FormlyFieldProps {\n addonRight?: {\n onClick?: (field: FormlyFieldConfig, event?: any) => void;\n class?: string;\n text?: string;\n };\n addonLeft?: {\n onClick?: (field: FormlyFieldConfig, event?: any) => void;\n class?: string;\n text?: string;\n };\n}\n\n@Component({\n selector: 'formly-wrapper-addons',\n templateUrl: './addons.component.html',\n styleUrls: ['./addons.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class FormlyWrapperAddons extends FieldWrapper<FieldTypeConfig<AddonsProps>> {\n @ViewChild('fieldTypeTemplate', { static: true }) set content(templateRef: TemplateRef<any>) {\n if (templateRef && this.hostContainerRef) {\n this.hostContainerRef.createEmbeddedView(templateRef);\n }\n }\n\n constructor(private hostContainerRef?: ViewContainerRef) {\n super();\n }\n\n addonRightClick($event: any) {\n this.props.addonRight.onClick?.(this.field, $event);\n }\n\n addonLeftClick($event: any) {\n this.props.addonLeft.onClick?.(this.field, $event);\n }\n}\n","<ng-template #fieldTypeTemplate>\n <div class=\"input-group\" [class.has-validation]=\"showError\">\n <div\n class=\"input-group-text\"\n *ngIf=\"props.addonLeft\"\n [class.input-group-btn]=\"props.addonLeft.onClick\"\n (click)=\"addonLeftClick($event)\"\n >\n <i [ngClass]=\"props.addonLeft.class\" *ngIf=\"props.addonLeft.class\"></i>\n <span *ngIf=\"props.addonLeft.text\">{{ props.addonLeft.text }}</span>\n </div>\n <ng-container #fieldComponent></ng-container>\n <div\n class=\"input-group-text\"\n *ngIf=\"props.addonRight\"\n [class.input-group-btn]=\"props.addonRight.onClick\"\n (click)=\"addonRightClick($event)\"\n >\n <i [ngClass]=\"props.addonRight.class\" *ngIf=\"props.addonRight.class\"></i>\n <span *ngIf=\"props.addonRight.text\">{{ props.addonRight.text }}</span>\n </div>\n </div>\n</ng-template>\n","import { FormlyFieldConfig } from '@ngx-formly/core';\n\nexport function addonsExtension(field: FormlyFieldConfig) {\n if (!field.props || (field.wrappers && field.wrappers.indexOf('addons') !== -1)) {\n return;\n }\n\n if (field.props.addonLeft || field.props.addonRight) {\n field.wrappers = [...(field.wrappers || []), 'addons'];\n }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyWrapperAddons } from './addons.component';\nimport { addonsExtension } from './addon.extension';\n\nexport function withFormlyWrapperAddons(): ConfigOption {\n return {\n wrappers: [{ name: 'addons', component: FormlyWrapperAddons }],\n extensions: [{ name: 'addons', extension: { postPopulate: addonsExtension } }],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyWrapperAddons } from './addons.component';\nimport { withFormlyWrapperAddons } from './addons.config';\n\n@NgModule({\n declarations: [FormlyWrapperAddons],\n imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyWrapperAddons())],\n})\nexport class FormlyBootstrapAddonsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
|
+
import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
|
|
3
4
|
import * as i1 from '@angular/common';
|
|
4
5
|
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i3 from '@ngx-formly/core';
|
|
6
|
-
import { FormlyModule } from '@ngx-formly/core';
|
|
7
6
|
import * as i2 from '@angular/forms';
|
|
8
7
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
9
|
-
import
|
|
8
|
+
import * as i3 from '@ngx-formly/core';
|
|
9
|
+
import { FormlyModule } from '@ngx-formly/core';
|
|
10
10
|
|
|
11
11
|
class FormlyFieldCheckbox extends FieldType {
|
|
12
12
|
constructor() {
|
|
@@ -19,15 +19,14 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FormlyFieldCheckbox, selector: "formly-field-checkbox", usesInheritance: true, ngImport: i0, template: `
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyFieldCheckbox, selector: "formly-field-checkbox", usesInheritance: true, ngImport: i0, template: `
|
|
25
24
|
<ng-template #fieldTypeTemplate>
|
|
26
25
|
<div
|
|
27
26
|
class="form-check"
|
|
28
27
|
[ngClass]="{
|
|
29
28
|
'form-check-inline': props.formCheck === 'inline' || props.formCheck === 'inline-switch',
|
|
30
|
-
'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch'
|
|
29
|
+
'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch',
|
|
31
30
|
}"
|
|
32
31
|
>
|
|
33
32
|
<input
|
|
@@ -47,8 +46,9 @@ FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
47
46
|
</label>
|
|
48
47
|
</div>
|
|
49
48
|
</ng-template>
|
|
50
|
-
`, isInline: true,
|
|
51
|
-
|
|
49
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
|
+
}
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{
|
|
54
54
|
selector: 'formly-field-checkbox',
|
|
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
58
58
|
class="form-check"
|
|
59
59
|
[ngClass]="{
|
|
60
60
|
'form-check-inline': props.formCheck === 'inline' || props.formCheck === 'inline-switch',
|
|
61
|
-
'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch'
|
|
61
|
+
'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch',
|
|
62
62
|
}"
|
|
63
63
|
>
|
|
64
64
|
<input
|
|
@@ -83,31 +83,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
83
83
|
}]
|
|
84
84
|
}] });
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
function withFormlyFieldCheckbox() {
|
|
87
|
+
return {
|
|
88
|
+
types: [
|
|
89
|
+
{
|
|
90
|
+
name: 'checkbox',
|
|
91
|
+
component: FormlyFieldCheckbox,
|
|
92
|
+
wrappers: ['form-field'],
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
name: 'boolean',
|
|
96
|
+
extends: 'checkbox',
|
|
97
|
+
},
|
|
98
|
+
],
|
|
99
|
+
};
|
|
87
100
|
}
|
|
88
|
-
|
|
89
|
-
FormlyBootstrapCheckboxModule
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
101
|
+
|
|
102
|
+
class FormlyBootstrapCheckboxModule {
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
104
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
|
|
105
|
+
ReactiveFormsModule,
|
|
106
|
+
FormlyBootstrapFormFieldModule, i3.FormlyModule] }); }
|
|
107
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapCheckboxModule, imports: [CommonModule,
|
|
94
108
|
ReactiveFormsModule,
|
|
95
109
|
FormlyBootstrapFormFieldModule,
|
|
96
|
-
FormlyModule.forChild(
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
name: 'checkbox',
|
|
100
|
-
component: FormlyFieldCheckbox,
|
|
101
|
-
wrappers: ['form-field'],
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
name: 'boolean',
|
|
105
|
-
extends: 'checkbox',
|
|
106
|
-
},
|
|
107
|
-
],
|
|
108
|
-
}),
|
|
109
|
-
]] });
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapCheckboxModule, decorators: [{
|
|
110
|
+
FormlyModule.forChild(withFormlyFieldCheckbox())] }); }
|
|
111
|
+
}
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapCheckboxModule, decorators: [{
|
|
111
113
|
type: NgModule,
|
|
112
114
|
args: [{
|
|
113
115
|
declarations: [FormlyFieldCheckbox],
|
|
@@ -115,19 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
115
117
|
CommonModule,
|
|
116
118
|
ReactiveFormsModule,
|
|
117
119
|
FormlyBootstrapFormFieldModule,
|
|
118
|
-
FormlyModule.forChild(
|
|
119
|
-
types: [
|
|
120
|
-
{
|
|
121
|
-
name: 'checkbox',
|
|
122
|
-
component: FormlyFieldCheckbox,
|
|
123
|
-
wrappers: ['form-field'],
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
name: 'boolean',
|
|
127
|
-
extends: 'checkbox',
|
|
128
|
-
},
|
|
129
|
-
],
|
|
130
|
-
}),
|
|
120
|
+
FormlyModule.forChild(withFormlyFieldCheckbox()),
|
|
131
121
|
],
|
|
132
122
|
}]
|
|
133
123
|
}] });
|
|
@@ -136,5 +126,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
136
126
|
* Generated bundle index. Do not edit.
|
|
137
127
|
*/
|
|
138
128
|
|
|
139
|
-
export { FormlyBootstrapCheckboxModule, FormlyFieldCheckbox };
|
|
129
|
+
export { FormlyBootstrapCheckboxModule, FormlyFieldCheckbox, withFormlyFieldCheckbox };
|
|
140
130
|
//# sourceMappingURL=ngx-formly-bootstrap-checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-formly-bootstrap-checkbox.mjs","sources":["../../../../src/ui/bootstrap/checkbox/src/checkbox.type.ts","../../../../src/ui/bootstrap/checkbox/src/checkbox.config.ts","../../../../src/ui/bootstrap/checkbox/src/checkbox.module.ts","../../../../src/ui/bootstrap/checkbox/src/ngx-formly-bootstrap-checkbox.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';\n\ninterface CheckboxProps extends FormlyFieldProps {\n formCheck?: 'default' | 'inline' | 'switch' | 'inline-switch' | 'nolabel';\n indeterminate?: boolean;\n}\n\nexport interface FormlyCheckboxFieldConfig extends FormlyFieldConfig<CheckboxProps> {\n type: 'checkbox' | Type<FormlyFieldCheckbox>;\n}\n\n@Component({\n selector: 'formly-field-checkbox',\n template: `\n <ng-template #fieldTypeTemplate>\n <div\n class=\"form-check\"\n [ngClass]=\"{\n 'form-check-inline': props.formCheck === 'inline' || props.formCheck === 'inline-switch',\n 'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch',\n }\"\n >\n <input\n type=\"checkbox\"\n [class.is-invalid]=\"showError\"\n class=\"form-check-input\"\n [class.position-static]=\"props.formCheck === 'nolabel'\"\n [indeterminate]=\"props.indeterminate && formControl.value == null\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n />\n <label *ngIf=\"props.formCheck !== 'nolabel'\" [for]=\"id\" class=\"form-check-label\">\n {{ props.label }}\n <span *ngIf=\"props.required && props.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n </div>\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldCheckbox extends FieldType<FieldTypeConfig<CheckboxProps>> {\n override defaultOptions = {\n props: {\n indeterminate: true,\n hideLabel: true,\n formCheck: 'default' as const,\n },\n };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldCheckbox } from './checkbox.type';\n\nexport function withFormlyFieldCheckbox(): ConfigOption {\n return {\n types: [\n {\n name: 'checkbox',\n component: FormlyFieldCheckbox,\n wrappers: ['form-field'],\n },\n {\n name: 'boolean',\n extends: 'checkbox',\n },\n ],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\n\nimport { FormlyFieldCheckbox } from './checkbox.type';\nimport { withFormlyFieldCheckbox } from './checkbox.config';\n\n@NgModule({\n declarations: [FormlyFieldCheckbox],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormlyBootstrapFormFieldModule,\n FormlyModule.forChild(withFormlyFieldCheckbox()),\n ],\n})\nexport class FormlyBootstrapCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":";;;;;;;;;;AA4CM,MAAO,mBAAoB,SAAQ,SAAyC,CAAA;AA/BlF,IAAA,WAAA,GAAA;;AAgCW,QAAA,IAAA,CAAA,cAAc,GAAG;AACxB,YAAA,KAAK,EAAE;AACL,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,SAAS,EAAE,SAAkB;AAC9B,aAAA;SACF,CAAC;AACH,KAAA;+GARY,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EA7BpB,QAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAGU,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA/B/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;SCxCe,uBAAuB,GAAA;IACrC,OAAO;AACL,QAAA,KAAK,EAAE;AACL,YAAA;AACE,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,SAAS,EAAE,mBAAmB;gBAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;AACzB,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,OAAO,EAAE,UAAU;AACpB,aAAA;AACF,SAAA;KACF,CAAC;AACJ;;MCEa,6BAA6B,CAAA;+GAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAA7B,6BAA6B,EAAA,YAAA,EAAA,CARzB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;YACZ,mBAAmB;YACnB,8BAA8B,EAAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA,EAAA;AAIrB,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,6BAA6B,YANtC,YAAY;YACZ,mBAAmB;YACnB,8BAA8B;AAC9B,YAAA,YAAY,CAAC,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGvC,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBATzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,8BAA8B;AAC9B,wBAAA,YAAY,CAAC,QAAQ,CAAC,uBAAuB,EAAE,CAAC;AACjD,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, NgModule, Directive, Optional, ViewChild } from '@angular/core';
|
|
3
|
-
import * as i2 from '@
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i1 from '@ngx-formly/core';
|
|
3
|
+
import * as i2 from '@ngx-formly/core';
|
|
6
4
|
import { FieldWrapper, FormlyModule, FieldType as FieldType$1 } from '@ngx-formly/core';
|
|
5
|
+
import * as i1 from '@angular/common';
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
7
7
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
8
8
|
|
|
9
9
|
class FormlyWrapperFormField extends FieldWrapper {
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FormlyWrapperFormField, selector: "formly-wrapper-form-field", usesInheritance: true, ngImport: i0, template: `
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyWrapperFormField, selector: "formly-wrapper-form-field", usesInheritance: true, ngImport: i0, template: `
|
|
13
12
|
<ng-template #labelTemplate>
|
|
14
13
|
<label *ngIf="props.label && props.hideLabel !== true" [attr.for]="id" class="form-label">
|
|
15
14
|
{{ props.label }}
|
|
@@ -17,7 +16,7 @@ FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
17
16
|
</label>
|
|
18
17
|
</ng-template>
|
|
19
18
|
|
|
20
|
-
<div
|
|
19
|
+
<div [class.form-floating]="props.labelPosition === 'floating'" [class.has-error]="showError">
|
|
21
20
|
<ng-container *ngIf="props.labelPosition !== 'floating'">
|
|
22
21
|
<ng-container [ngTemplateOutlet]="labelTemplate"></ng-container>
|
|
23
22
|
</ng-container>
|
|
@@ -38,12 +37,11 @@ FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
38
37
|
|
|
39
38
|
<small *ngIf="props.description" class="form-text text-muted">{{ props.description }}</small>
|
|
40
39
|
</div>
|
|
41
|
-
`, isInline: true,
|
|
42
|
-
|
|
40
|
+
`, isInline: true, styles: [":host{display:block;margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
|
|
41
|
+
}
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
args: [{
|
|
45
|
-
selector: 'formly-wrapper-form-field',
|
|
46
|
-
template: `
|
|
44
|
+
args: [{ selector: 'formly-wrapper-form-field', template: `
|
|
47
45
|
<ng-template #labelTemplate>
|
|
48
46
|
<label *ngIf="props.label && props.hideLabel !== true" [attr.for]="id" class="form-label">
|
|
49
47
|
{{ props.label }}
|
|
@@ -51,7 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
51
49
|
</label>
|
|
52
50
|
</ng-template>
|
|
53
51
|
|
|
54
|
-
<div
|
|
52
|
+
<div [class.form-floating]="props.labelPosition === 'floating'" [class.has-error]="showError">
|
|
55
53
|
<ng-container *ngIf="props.labelPosition !== 'floating'">
|
|
56
54
|
<ng-container [ngTemplateOutlet]="labelTemplate"></ng-container>
|
|
57
55
|
</ng-container>
|
|
@@ -72,60 +70,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
72
70
|
|
|
73
71
|
<small *ngIf="props.description" class="form-text text-muted">{{ props.description }}</small>
|
|
74
72
|
</div>
|
|
75
|
-
`,
|
|
76
|
-
}]
|
|
73
|
+
`, styles: [":host{display:block;margin-bottom:1rem}\n"] }]
|
|
77
74
|
}] });
|
|
78
75
|
|
|
76
|
+
function withFormlyFormField() {
|
|
77
|
+
return {
|
|
78
|
+
wrappers: [
|
|
79
|
+
{
|
|
80
|
+
name: 'form-field',
|
|
81
|
+
component: FormlyWrapperFormField,
|
|
82
|
+
},
|
|
83
|
+
],
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
|
|
79
87
|
class FormlyBootstrapFormFieldModule {
|
|
88
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
89
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapFormFieldModule, declarations: [FormlyWrapperFormField], imports: [CommonModule, ReactiveFormsModule, i2.FormlyModule] }); }
|
|
90
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapFormFieldModule, imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyFormField())] }); }
|
|
80
91
|
}
|
|
81
|
-
|
|
82
|
-
FormlyBootstrapFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapFormFieldModule, declarations: [FormlyWrapperFormField], imports: [CommonModule,
|
|
83
|
-
ReactiveFormsModule, i1.FormlyModule] });
|
|
84
|
-
FormlyBootstrapFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapFormFieldModule, imports: [[
|
|
85
|
-
CommonModule,
|
|
86
|
-
ReactiveFormsModule,
|
|
87
|
-
FormlyModule.forChild({
|
|
88
|
-
wrappers: [
|
|
89
|
-
{
|
|
90
|
-
name: 'form-field',
|
|
91
|
-
component: FormlyWrapperFormField,
|
|
92
|
-
},
|
|
93
|
-
],
|
|
94
|
-
}),
|
|
95
|
-
]] });
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapFormFieldModule, decorators: [{
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyBootstrapFormFieldModule, decorators: [{
|
|
97
93
|
type: NgModule,
|
|
98
94
|
args: [{
|
|
99
95
|
declarations: [FormlyWrapperFormField],
|
|
100
|
-
imports: [
|
|
101
|
-
CommonModule,
|
|
102
|
-
ReactiveFormsModule,
|
|
103
|
-
FormlyModule.forChild({
|
|
104
|
-
wrappers: [
|
|
105
|
-
{
|
|
106
|
-
name: 'form-field',
|
|
107
|
-
component: FormlyWrapperFormField,
|
|
108
|
-
},
|
|
109
|
-
],
|
|
110
|
-
}),
|
|
111
|
-
],
|
|
96
|
+
imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyFormField())],
|
|
112
97
|
}]
|
|
113
98
|
}] });
|
|
114
99
|
|
|
115
100
|
class FieldType extends FieldType$1 {
|
|
116
|
-
constructor(hostContainerRef) {
|
|
117
|
-
super();
|
|
118
|
-
this.hostContainerRef = hostContainerRef;
|
|
119
|
-
}
|
|
120
101
|
set content(templateRef) {
|
|
121
102
|
if (templateRef && this.hostContainerRef) {
|
|
122
103
|
this.hostContainerRef.createEmbeddedView(templateRef);
|
|
123
104
|
}
|
|
124
105
|
}
|
|
106
|
+
constructor(hostContainerRef) {
|
|
107
|
+
super();
|
|
108
|
+
this.hostContainerRef = hostContainerRef;
|
|
109
|
+
}
|
|
110
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldType, deps: [{ token: i0.ViewContainerRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
111
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FieldType, viewQueries: [{ propertyName: "content", first: true, predicate: ["fieldTypeTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
|
|
125
112
|
}
|
|
126
|
-
|
|
127
|
-
FieldType.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FieldType, viewQueries: [{ propertyName: "content", first: true, predicate: ["fieldTypeTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FieldType, decorators: [{
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldType, decorators: [{
|
|
129
114
|
type: Directive
|
|
130
115
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef, decorators: [{
|
|
131
116
|
type: Optional
|
|
@@ -138,5 +123,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
138
123
|
* Generated bundle index. Do not edit.
|
|
139
124
|
*/
|
|
140
125
|
|
|
141
|
-
export { FieldType, FormlyBootstrapFormFieldModule };
|
|
126
|
+
export { FieldType, FormlyBootstrapFormFieldModule, withFormlyFormField };
|
|
142
127
|
//# sourceMappingURL=ngx-formly-bootstrap-form-field.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-formly-bootstrap-form-field.mjs","sources":["../../../../src/ui/bootstrap/form-field/src/form-field.wrapper.ts","../../../../src/ui/bootstrap/form-field/src/form-field.config.ts","../../../../src/ui/bootstrap/form-field/src/form-field.module.ts","../../../../src/ui/bootstrap/form-field/src/field.type.ts","../../../../src/ui/bootstrap/form-field/src/ngx-formly-bootstrap-form-field.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FieldWrapper, FormlyFieldConfig, FormlyFieldProps as CoreFormlyFieldProps } from '@ngx-formly/core';\n\nexport interface FormlyFieldProps extends CoreFormlyFieldProps {\n hideLabel?: boolean;\n hideRequiredMarker?: boolean;\n labelPosition?: 'floating';\n}\n\n@Component({\n selector: 'formly-wrapper-form-field',\n template: `\n <ng-template #labelTemplate>\n <label *ngIf=\"props.label && props.hideLabel !== true\" [attr.for]=\"id\" class=\"form-label\">\n {{ props.label }}\n <span *ngIf=\"props.required && props.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n </ng-template>\n\n <div [class.form-floating]=\"props.labelPosition === 'floating'\" [class.has-error]=\"showError\">\n <ng-container *ngIf=\"props.labelPosition !== 'floating'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n\n <ng-template #fieldComponent></ng-template>\n\n <ng-container *ngIf=\"props.labelPosition === 'floating'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n\n <div *ngIf=\"showError\" class=\"invalid-feedback\" [style.display]=\"'block'\">\n <formly-validation-message\n id=\"{{ id }}-formly-validation-error\"\n [field]=\"field\"\n role=\"alert\"\n ></formly-validation-message>\n </div>\n\n <small *ngIf=\"props.description\" class=\"form-text text-muted\">{{ props.description }}</small>\n </div>\n `,\n styleUrls: ['./form-field.wrapper.scss'],\n})\nexport class FormlyWrapperFormField extends FieldWrapper<FormlyFieldConfig<FormlyFieldProps>> {}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyWrapperFormField } from './form-field.wrapper';\n\nexport function withFormlyFormField(): ConfigOption {\n return {\n wrappers: [\n {\n name: 'form-field',\n component: FormlyWrapperFormField,\n },\n ],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyWrapperFormField } from './form-field.wrapper';\nimport { withFormlyFormField } from './form-field.config';\n\n@NgModule({\n declarations: [FormlyWrapperFormField],\n imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyFormField())],\n})\nexport class FormlyBootstrapFormFieldModule {}\n","import { Directive, Optional, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';\nimport { FieldType as CoreFieldType, FormlyFieldConfig } from '@ngx-formly/core';\n\n@Directive()\nexport abstract class FieldType<F extends FormlyFieldConfig = FormlyFieldConfig> extends CoreFieldType<F> {\n @ViewChild('fieldTypeTemplate', { static: true }) set content(templateRef: TemplateRef<any>) {\n if (templateRef && this.hostContainerRef) {\n this.hostContainerRef.createEmbeddedView(templateRef);\n }\n }\n\n constructor(@Optional() private hostContainerRef?: ViewContainerRef) {\n super();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1","CoreFieldType"],"mappings":"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"}
|