@ngx-formly/bootstrap 5.10.23 → 6.0.0-next.3
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 +4 -2
- package/addons/addons.component.d.ts +3 -0
- package/addons/addons.module.d.ts +8 -0
- package/addons/ngx-formly-bootstrap-addons.d.ts +1 -2
- package/addons/package.json +6 -9
- package/checkbox/checkbox.module.d.ts +11 -0
- package/{lib/types/checkbox.d.ts → checkbox/checkbox.type.d.ts} +3 -0
- package/checkbox/ngx-formly-bootstrap-checkbox.d.ts +5 -0
- package/checkbox/package.json +10 -0
- package/checkbox/public_api.d.ts +2 -0
- package/esm2020/addons/addon.extension.mjs +9 -0
- package/esm2020/addons/addons.component.mjs +19 -0
- package/esm2020/addons/addons.module.mjs +36 -0
- package/esm2020/addons/ngx-formly-bootstrap-addons.mjs +5 -0
- package/esm2020/addons/public_api.mjs +2 -0
- package/esm2020/checkbox/checkbox.module.mjs +57 -0
- package/esm2020/checkbox/checkbox.type.mjs +73 -0
- package/esm2020/checkbox/ngx-formly-bootstrap-checkbox.mjs +5 -0
- package/esm2020/checkbox/public_api.mjs +3 -0
- package/esm2020/form-field/form-field.module.mjs +43 -0
- package/esm2020/form-field/form-field.wrapper.mjs +48 -0
- package/esm2020/form-field/ngx-formly-bootstrap-form-field.mjs +5 -0
- package/esm2020/form-field/public_api.mjs +2 -0
- package/esm2020/input/input.module.mjs +87 -0
- package/esm2020/input/input.type.mjs +58 -0
- package/esm2020/input/ngx-formly-bootstrap-input.mjs +5 -0
- package/esm2020/input/public_api.mjs +3 -0
- package/esm2020/lib/bootstrap.mjs +2 -0
- package/esm2020/lib/bootstrap.module.mjs +47 -0
- package/esm2020/multicheckbox/multicheckbox.module.mjs +53 -0
- package/esm2020/multicheckbox/multicheckbox.type.mjs +87 -0
- package/esm2020/multicheckbox/ngx-formly-bootstrap-multicheckbox.mjs +5 -0
- package/esm2020/multicheckbox/public_api.mjs +3 -0
- package/esm2020/ngx-formly-bootstrap.mjs +5 -0
- package/esm2020/public_api.mjs +5 -0
- package/esm2020/radio/ngx-formly-bootstrap-radio.mjs +5 -0
- package/esm2020/radio/public_api.mjs +3 -0
- package/esm2020/radio/radio.module.mjs +53 -0
- package/esm2020/radio/radio.type.mjs +73 -0
- package/esm2020/select/ngx-formly-bootstrap-select.mjs +5 -0
- package/esm2020/select/public_api.mjs +3 -0
- package/esm2020/select/select.module.mjs +55 -0
- package/esm2020/select/select.type.mjs +200 -0
- package/esm2020/textarea/ngx-formly-bootstrap-textarea.mjs +5 -0
- package/esm2020/textarea/public_api.mjs +3 -0
- package/esm2020/textarea/textarea.module.mjs +49 -0
- package/esm2020/textarea/textarea.type.mjs +47 -0
- package/fesm2015/ngx-formly-bootstrap-addons.mjs +68 -0
- package/fesm2015/ngx-formly-bootstrap-addons.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap-checkbox.mjs +132 -0
- package/fesm2015/ngx-formly-bootstrap-checkbox.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap-form-field.mjs +93 -0
- package/fesm2015/ngx-formly-bootstrap-form-field.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap-input.mjs +147 -0
- package/fesm2015/ngx-formly-bootstrap-input.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap-multicheckbox.mjs +142 -0
- package/fesm2015/ngx-formly-bootstrap-multicheckbox.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap-radio.mjs +128 -0
- package/fesm2015/ngx-formly-bootstrap-radio.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap-select.mjs +256 -0
- package/fesm2015/ngx-formly-bootstrap-select.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap-textarea.mjs +98 -0
- package/fesm2015/ngx-formly-bootstrap-textarea.mjs.map +1 -0
- package/fesm2015/ngx-formly-bootstrap.mjs +58 -0
- package/fesm2015/ngx-formly-bootstrap.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-addons.mjs +66 -0
- package/fesm2020/ngx-formly-bootstrap-addons.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-checkbox.mjs +132 -0
- package/fesm2020/ngx-formly-bootstrap-checkbox.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-form-field.mjs +93 -0
- package/fesm2020/ngx-formly-bootstrap-form-field.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-input.mjs +147 -0
- package/fesm2020/ngx-formly-bootstrap-input.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-multicheckbox.mjs +142 -0
- package/fesm2020/ngx-formly-bootstrap-multicheckbox.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-radio.mjs +128 -0
- package/fesm2020/ngx-formly-bootstrap-radio.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-select.mjs +256 -0
- package/fesm2020/ngx-formly-bootstrap-select.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap-textarea.mjs +98 -0
- package/fesm2020/ngx-formly-bootstrap-textarea.mjs.map +1 -0
- package/fesm2020/ngx-formly-bootstrap.mjs +58 -0
- package/fesm2020/ngx-formly-bootstrap.mjs.map +1 -0
- package/form-field/form-field.module.d.ts +10 -0
- package/form-field/form-field.wrapper.d.ts +6 -0
- package/form-field/ngx-formly-bootstrap-form-field.d.ts +5 -0
- package/form-field/package.json +10 -0
- package/form-field/public_api.d.ts +1 -0
- package/input/input.module.d.ts +11 -0
- package/input/input.type.d.ts +7 -0
- package/input/ngx-formly-bootstrap-input.d.ts +5 -0
- package/input/package.json +10 -0
- package/input/public_api.d.ts +2 -0
- package/lib/bootstrap.d.ts +0 -2
- package/lib/bootstrap.module.d.ts +12 -0
- package/multicheckbox/multicheckbox.module.d.ts +12 -0
- package/{lib/types/multicheckbox.d.ts → multicheckbox/multicheckbox.type.d.ts} +3 -0
- package/multicheckbox/ngx-formly-bootstrap-multicheckbox.d.ts +5 -0
- package/multicheckbox/package.json +10 -0
- package/multicheckbox/public_api.d.ts +2 -0
- package/ngx-formly-bootstrap.d.ts +1 -1
- package/package.json +94 -33
- package/radio/ngx-formly-bootstrap-radio.d.ts +5 -0
- package/radio/package.json +10 -0
- package/radio/public_api.d.ts +2 -0
- package/radio/radio.module.d.ts +12 -0
- package/{lib/types/radio.d.ts → radio/radio.type.d.ts} +3 -0
- package/select/ngx-formly-bootstrap-select.d.ts +5 -0
- package/select/package.json +10 -0
- package/select/public_api.d.ts +2 -0
- package/select/select.module.d.ts +12 -0
- package/{lib/types/select.d.ts → select/select.type.d.ts} +7 -1
- package/textarea/ngx-formly-bootstrap-textarea.d.ts +5 -0
- package/textarea/package.json +10 -0
- package/textarea/public_api.d.ts +2 -0
- package/textarea/textarea.module.d.ts +11 -0
- package/textarea/textarea.type.d.ts +12 -0
- package/addons/ngx-formly-bootstrap-addons.metadata.json +0 -1
- package/bundles/ngx-formly-bootstrap-addons.umd.js +0 -172
- package/bundles/ngx-formly-bootstrap-addons.umd.js.map +0 -1
- package/bundles/ngx-formly-bootstrap-addons.umd.min.js +0 -2
- package/bundles/ngx-formly-bootstrap-addons.umd.min.js.map +0 -1
- package/bundles/ngx-formly-bootstrap.umd.js +0 -460
- package/bundles/ngx-formly-bootstrap.umd.js.map +0 -1
- package/bundles/ngx-formly-bootstrap.umd.min.js +0 -2
- package/bundles/ngx-formly-bootstrap.umd.min.js.map +0 -1
- package/esm2015/addons/addon.extension.js +0 -17
- package/esm2015/addons/addons.component.js +0 -34
- package/esm2015/addons/addons.module.js +0 -30
- package/esm2015/addons/ngx-formly-bootstrap-addons.js +0 -11
- package/esm2015/addons/public_api.js +0 -6
- package/esm2015/lib/bootstrap.config.js +0 -57
- package/esm2015/lib/bootstrap.js +0 -8
- package/esm2015/lib/bootstrap.module.js +0 -28
- package/esm2015/lib/types/checkbox.js +0 -55
- package/esm2015/lib/types/input.js +0 -26
- package/esm2015/lib/types/multicheckbox.js +0 -87
- package/esm2015/lib/types/radio.js +0 -57
- package/esm2015/lib/types/select.js +0 -146
- package/esm2015/lib/types/textarea.js +0 -33
- package/esm2015/lib/types/types.js +0 -11
- package/esm2015/lib/wrappers/form-field.wrapper.js +0 -30
- package/esm2015/lib/wrappers/wrappers.js +0 -6
- package/esm2015/ngx-formly-bootstrap.js +0 -10
- package/esm2015/public_api.js +0 -9
- package/esm5/addons/addon.extension.js +0 -18
- package/esm5/addons/addons.component.js +0 -49
- package/esm5/addons/addons.module.js +0 -34
- package/esm5/addons/ngx-formly-bootstrap-addons.js +0 -11
- package/esm5/addons/public_api.js +0 -6
- package/esm5/lib/bootstrap.config.js +0 -57
- package/esm5/lib/bootstrap.js +0 -8
- package/esm5/lib/bootstrap.module.js +0 -32
- package/esm5/lib/types/checkbox.js +0 -34
- package/esm5/lib/types/input.js +0 -32
- package/esm5/lib/types/multicheckbox.js +0 -73
- package/esm5/lib/types/radio.js +0 -33
- package/esm5/lib/types/select.js +0 -95
- package/esm5/lib/types/textarea.js +0 -33
- package/esm5/lib/types/types.js +0 -11
- package/esm5/lib/wrappers/form-field.wrapper.js +0 -22
- package/esm5/lib/wrappers/wrappers.js +0 -6
- package/esm5/ngx-formly-bootstrap.js +0 -10
- package/esm5/public_api.js +0 -9
- package/fesm2015/ngx-formly-bootstrap-addons.js +0 -91
- package/fesm2015/ngx-formly-bootstrap-addons.js.map +0 -1
- package/fesm2015/ngx-formly-bootstrap.js +0 -505
- package/fesm2015/ngx-formly-bootstrap.js.map +0 -1
- package/fesm5/ngx-formly-bootstrap-addons.js +0 -108
- package/fesm5/ngx-formly-bootstrap-addons.js.map +0 -1
- package/fesm5/ngx-formly-bootstrap.js +0 -383
- package/fesm5/ngx-formly-bootstrap.js.map +0 -1
- package/lib/bootstrap.config.d.ts +0 -5
- package/lib/types/input.d.ts +0 -4
- package/lib/types/textarea.d.ts +0 -9
- package/lib/types/types.d.ts +0 -6
- package/lib/wrappers/form-field.wrapper.d.ts +0 -3
- package/lib/wrappers/wrappers.d.ts +0 -1
- package/ngx-formly-bootstrap.metadata.json +0 -1
|
@@ -1,383 +0,0 @@
|
|
|
1
|
-
import { take } from 'rxjs/operators';
|
|
2
|
-
import { __extends, __spread, __assign } from 'tslib';
|
|
3
|
-
import { Component, ViewChild, NgZone, NgModule } from '@angular/core';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { SelectControlValueAccessor, ReactiveFormsModule } from '@angular/forms';
|
|
6
|
-
import { FieldType, FieldWrapper, FormlyModule } from '@ngx-formly/core';
|
|
7
|
-
import { FormlySelectModule } from '@ngx-formly/core/select';
|
|
8
|
-
import { FormlyBootstrapAddonsModule } from '@ngx-formly/bootstrap/addons';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @fileoverview added by tsickle
|
|
12
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
13
|
-
*/
|
|
14
|
-
var FormlyFieldCheckbox = /** @class */ (function (_super) {
|
|
15
|
-
__extends(FormlyFieldCheckbox, _super);
|
|
16
|
-
function FormlyFieldCheckbox() {
|
|
17
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
18
|
-
_this.defaultOptions = {
|
|
19
|
-
templateOptions: {
|
|
20
|
-
indeterminate: true,
|
|
21
|
-
hideLabel: true,
|
|
22
|
-
formCheck: 'custom',
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
return _this;
|
|
26
|
-
}
|
|
27
|
-
FormlyFieldCheckbox.decorators = [
|
|
28
|
-
{ type: Component, args: [{
|
|
29
|
-
selector: 'formly-field-checkbox',
|
|
30
|
-
template: "\n <div [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control': to.formCheck.indexOf('custom') === 0,\n 'custom-checkbox': to.formCheck === 'custom' || to.formCheck === 'custom-inline',\n 'custom-control-inline': to.formCheck === 'custom-inline',\n 'custom-switch': to.formCheck === 'custom-switch'\n }\">\n <input type=\"checkbox\"\n [class.is-invalid]=\"showError\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.position-static]=\"to.formCheck === 'nolabel'\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [indeterminate]=\"to.indeterminate && formControl.value === null\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\">\n <label [for]=\"id\"\n *ngIf=\"to.formCheck !== 'nolabel'\"\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n >\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n </div>\n "
|
|
31
|
-
}] }
|
|
32
|
-
];
|
|
33
|
-
return FormlyFieldCheckbox;
|
|
34
|
-
}(FieldType));
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* @fileoverview added by tsickle
|
|
38
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
39
|
-
*/
|
|
40
|
-
var FormlyFieldMultiCheckbox = /** @class */ (function (_super) {
|
|
41
|
-
__extends(FormlyFieldMultiCheckbox, _super);
|
|
42
|
-
function FormlyFieldMultiCheckbox() {
|
|
43
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
44
|
-
_this.defaultOptions = {
|
|
45
|
-
templateOptions: {
|
|
46
|
-
options: [],
|
|
47
|
-
formCheck: 'custom',
|
|
48
|
-
},
|
|
49
|
-
};
|
|
50
|
-
return _this;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* @param {?} value
|
|
54
|
-
* @param {?} checked
|
|
55
|
-
* @return {?}
|
|
56
|
-
*/
|
|
57
|
-
FormlyFieldMultiCheckbox.prototype.onChange = /**
|
|
58
|
-
* @param {?} value
|
|
59
|
-
* @param {?} checked
|
|
60
|
-
* @return {?}
|
|
61
|
-
*/
|
|
62
|
-
function (value, checked) {
|
|
63
|
-
var _a;
|
|
64
|
-
if (this.to.type === 'array') {
|
|
65
|
-
this.formControl.patchValue(checked
|
|
66
|
-
? __spread((this.formControl.value || []), [value]) : __spread((this.formControl.value || [])).filter((/**
|
|
67
|
-
* @param {?} o
|
|
68
|
-
* @return {?}
|
|
69
|
-
*/
|
|
70
|
-
function (o) { return o !== value; })));
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
this.formControl.patchValue(__assign({}, this.formControl.value, (_a = {}, _a[value] = checked, _a)));
|
|
74
|
-
}
|
|
75
|
-
this.formControl.markAsTouched();
|
|
76
|
-
};
|
|
77
|
-
/**
|
|
78
|
-
* @param {?} option
|
|
79
|
-
* @return {?}
|
|
80
|
-
*/
|
|
81
|
-
FormlyFieldMultiCheckbox.prototype.isChecked = /**
|
|
82
|
-
* @param {?} option
|
|
83
|
-
* @return {?}
|
|
84
|
-
*/
|
|
85
|
-
function (option) {
|
|
86
|
-
/** @type {?} */
|
|
87
|
-
var value = this.formControl.value;
|
|
88
|
-
return value && (this.to.type === 'array'
|
|
89
|
-
? (value.indexOf(option.value) !== -1)
|
|
90
|
-
: value[option.value]);
|
|
91
|
-
};
|
|
92
|
-
FormlyFieldMultiCheckbox.decorators = [
|
|
93
|
-
{ type: Component, args: [{
|
|
94
|
-
selector: 'formly-field-multicheckbox',
|
|
95
|
-
template: "\n <div>\n <div *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\"\n [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control': to.formCheck.indexOf('custom') === 0,\n 'custom-checkbox': to.formCheck === 'custom' || to.formCheck === 'custom-inline',\n 'custom-control-inline': to.formCheck === 'custom-inline',\n 'custom-switch': to.formCheck === 'custom-switch'\n }\"\n >\n <input type=\"checkbox\"\n [id]=\"id + '_' + i\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [value]=\"option.value\"\n [checked]=\"isChecked(option)\"\n [formlyAttributes]=\"field\"\n (change)=\"onChange(option.value, $event.target.checked)\">\n <label\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </div>\n "
|
|
96
|
-
}] }
|
|
97
|
-
];
|
|
98
|
-
return FormlyFieldMultiCheckbox;
|
|
99
|
-
}(FieldType));
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
* @fileoverview added by tsickle
|
|
103
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
104
|
-
*/
|
|
105
|
-
var FormlyFieldInput = /** @class */ (function (_super) {
|
|
106
|
-
__extends(FormlyFieldInput, _super);
|
|
107
|
-
function FormlyFieldInput() {
|
|
108
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
109
|
-
}
|
|
110
|
-
Object.defineProperty(FormlyFieldInput.prototype, "type", {
|
|
111
|
-
get: /**
|
|
112
|
-
* @return {?}
|
|
113
|
-
*/
|
|
114
|
-
function () {
|
|
115
|
-
return this.to.type || 'text';
|
|
116
|
-
},
|
|
117
|
-
enumerable: true,
|
|
118
|
-
configurable: true
|
|
119
|
-
});
|
|
120
|
-
FormlyFieldInput.decorators = [
|
|
121
|
-
{ type: Component, args: [{
|
|
122
|
-
selector: 'formly-field-input',
|
|
123
|
-
template: "\n <input *ngIf=\"type !== 'number' else numberTmp\" [type]=\"type\" [formControl]=\"formControl\" class=\"form-control\" [formlyAttributes]=\"field\" [class.is-invalid]=\"showError\">\n <ng-template #numberTmp>\n <input type=\"number\" [formControl]=\"formControl\" class=\"form-control\" [formlyAttributes]=\"field\" [class.is-invalid]=\"showError\">\n </ng-template>\n "
|
|
124
|
-
}] }
|
|
125
|
-
];
|
|
126
|
-
return FormlyFieldInput;
|
|
127
|
-
}(FieldType));
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* @fileoverview added by tsickle
|
|
131
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
132
|
-
*/
|
|
133
|
-
var FormlyFieldRadio = /** @class */ (function (_super) {
|
|
134
|
-
__extends(FormlyFieldRadio, _super);
|
|
135
|
-
function FormlyFieldRadio() {
|
|
136
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
137
|
-
_this.defaultOptions = {
|
|
138
|
-
templateOptions: {
|
|
139
|
-
options: [],
|
|
140
|
-
formCheck: 'custom',
|
|
141
|
-
},
|
|
142
|
-
};
|
|
143
|
-
return _this;
|
|
144
|
-
}
|
|
145
|
-
FormlyFieldRadio.decorators = [
|
|
146
|
-
{ type: Component, args: [{
|
|
147
|
-
selector: 'formly-field-radio',
|
|
148
|
-
template: "\n <div>\n <div *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\"\n [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control custom-radio': to.formCheck.indexOf('custom') === 0,\n 'custom-control-inline': to.formCheck === 'custom-inline'\n }\"\n >\n <input type=\"radio\"\n [id]=\"id + '_' + i\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [name]=\"field.name || id\"\n [class.is-invalid]=\"showError\"\n [attr.value]=\"option.value\"\n [value]=\"option.value\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [attr.disabled]=\"option.disabled || formControl.disabled ? true : null\">\n <label\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </div>\n "
|
|
149
|
-
}] }
|
|
150
|
-
];
|
|
151
|
-
return FormlyFieldRadio;
|
|
152
|
-
}(FieldType));
|
|
153
|
-
|
|
154
|
-
/**
|
|
155
|
-
* @fileoverview added by tsickle
|
|
156
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
157
|
-
*/
|
|
158
|
-
var FormlyFieldTextArea = /** @class */ (function (_super) {
|
|
159
|
-
__extends(FormlyFieldTextArea, _super);
|
|
160
|
-
function FormlyFieldTextArea() {
|
|
161
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
162
|
-
_this.defaultOptions = {
|
|
163
|
-
templateOptions: {
|
|
164
|
-
cols: 1,
|
|
165
|
-
rows: 1,
|
|
166
|
-
},
|
|
167
|
-
};
|
|
168
|
-
return _this;
|
|
169
|
-
}
|
|
170
|
-
FormlyFieldTextArea.decorators = [
|
|
171
|
-
{ type: Component, args: [{
|
|
172
|
-
selector: 'formly-field-textarea',
|
|
173
|
-
template: "\n <textarea [formControl]=\"formControl\" [cols]=\"to.cols\"\n [rows]=\"to.rows\" class=\"form-control\" [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n </textarea>\n "
|
|
174
|
-
}] }
|
|
175
|
-
];
|
|
176
|
-
return FormlyFieldTextArea;
|
|
177
|
-
}(FieldType));
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
* @fileoverview added by tsickle
|
|
181
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
182
|
-
*/
|
|
183
|
-
var FormlyFieldSelect = /** @class */ (function (_super) {
|
|
184
|
-
__extends(FormlyFieldSelect, _super);
|
|
185
|
-
function FormlyFieldSelect(ngZone) {
|
|
186
|
-
var _this = _super.call(this) || this;
|
|
187
|
-
_this.ngZone = ngZone;
|
|
188
|
-
_this.defaultOptions = {
|
|
189
|
-
templateOptions: {
|
|
190
|
-
options: [],
|
|
191
|
-
compareWith: /**
|
|
192
|
-
* @param {?} o1
|
|
193
|
-
* @param {?} o2
|
|
194
|
-
* @return {?}
|
|
195
|
-
*/
|
|
196
|
-
function (o1, o2) {
|
|
197
|
-
return o1 === o2;
|
|
198
|
-
},
|
|
199
|
-
},
|
|
200
|
-
};
|
|
201
|
-
return _this;
|
|
202
|
-
}
|
|
203
|
-
Object.defineProperty(FormlyFieldSelect.prototype, "selectAccessor", {
|
|
204
|
-
// workaround for https://github.com/angular/angular/issues/10010
|
|
205
|
-
set:
|
|
206
|
-
// workaround for https://github.com/angular/angular/issues/10010
|
|
207
|
-
/**
|
|
208
|
-
* @param {?} s
|
|
209
|
-
* @return {?}
|
|
210
|
-
*/
|
|
211
|
-
function (s) {
|
|
212
|
-
var _this = this;
|
|
213
|
-
if (!s)
|
|
214
|
-
return;
|
|
215
|
-
/** @type {?} */
|
|
216
|
-
var writeValue = s.writeValue.bind(s);
|
|
217
|
-
if (s._getOptionId(s.value) === null) {
|
|
218
|
-
writeValue(s.value);
|
|
219
|
-
}
|
|
220
|
-
s.writeValue = (/**
|
|
221
|
-
* @param {?} value
|
|
222
|
-
* @return {?}
|
|
223
|
-
*/
|
|
224
|
-
function (value) {
|
|
225
|
-
/** @type {?} */
|
|
226
|
-
var id = s._idCounter;
|
|
227
|
-
writeValue(value);
|
|
228
|
-
if (value === null) {
|
|
229
|
-
_this.ngZone.onStable.asObservable().pipe(take(1)).subscribe((/**
|
|
230
|
-
* @return {?}
|
|
231
|
-
*/
|
|
232
|
-
function () {
|
|
233
|
-
if (id !== s._idCounter && s._getOptionId(value) === null && s._elementRef.nativeElement.selectedIndex !== -1) {
|
|
234
|
-
writeValue(value);
|
|
235
|
-
}
|
|
236
|
-
}));
|
|
237
|
-
}
|
|
238
|
-
});
|
|
239
|
-
},
|
|
240
|
-
enumerable: true,
|
|
241
|
-
configurable: true
|
|
242
|
-
});
|
|
243
|
-
FormlyFieldSelect.decorators = [
|
|
244
|
-
{ type: Component, args: [{
|
|
245
|
-
selector: 'formly-field-select',
|
|
246
|
-
template: "\n <select *ngIf=\"to.multiple; else singleSelect\" class=\"form-control\"\n multiple\n [class.custom-select]=\"to.customSelect\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as opts\">\n <ng-container *ngIf=\"to._flatOptions else grouplist\">\n <ng-container *ngFor=\"let opt of opts\">\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n </ng-container>\n </ng-container>\n\n <ng-template #grouplist>\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-template>\n </ng-container>\n </select>\n\n <ng-template #singleSelect>\n <select class=\"form-control\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [class.custom-select]=\"to.customSelect\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n <option *ngIf=\"to.placeholder\" [ngValue]=\"null\">{{ to.placeholder }}</option>\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as opts\">\n <ng-container *ngIf=\"to._flatOptions else grouplist\">\n <ng-container *ngFor=\"let opt of opts\">\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n </ng-container>\n </ng-container>\n\n <ng-template #grouplist>\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-template>\n </ng-container>\n </select>\n </ng-template>\n "
|
|
247
|
-
}] }
|
|
248
|
-
];
|
|
249
|
-
/** @nocollapse */
|
|
250
|
-
FormlyFieldSelect.ctorParameters = function () { return [
|
|
251
|
-
{ type: NgZone }
|
|
252
|
-
]; };
|
|
253
|
-
FormlyFieldSelect.propDecorators = {
|
|
254
|
-
selectAccessor: [{ type: ViewChild, args: [SelectControlValueAccessor,] }]
|
|
255
|
-
};
|
|
256
|
-
return FormlyFieldSelect;
|
|
257
|
-
}(FieldType));
|
|
258
|
-
|
|
259
|
-
/**
|
|
260
|
-
* @fileoverview added by tsickle
|
|
261
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
262
|
-
*/
|
|
263
|
-
|
|
264
|
-
/**
|
|
265
|
-
* @fileoverview added by tsickle
|
|
266
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
267
|
-
*/
|
|
268
|
-
var FormlyWrapperFormField = /** @class */ (function (_super) {
|
|
269
|
-
__extends(FormlyWrapperFormField, _super);
|
|
270
|
-
function FormlyWrapperFormField() {
|
|
271
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
272
|
-
}
|
|
273
|
-
FormlyWrapperFormField.decorators = [
|
|
274
|
-
{ type: Component, args: [{
|
|
275
|
-
selector: 'formly-wrapper-form-field',
|
|
276
|
-
template: "\n <div class=\"form-group\" [class.has-error]=\"showError\">\n <label *ngIf=\"to.label && to.hideLabel !== true\" [attr.for]=\"id\">\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n\n <ng-template #fieldComponent></ng-template>\n\n <div *ngIf=\"showError\" class=\"invalid-feedback\" [style.display]=\"'block'\">\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </div>\n\n <small *ngIf=\"to.description\" class=\"form-text text-muted\">{{ to.description }}</small>\n </div>\n "
|
|
277
|
-
}] }
|
|
278
|
-
];
|
|
279
|
-
return FormlyWrapperFormField;
|
|
280
|
-
}(FieldWrapper));
|
|
281
|
-
|
|
282
|
-
/**
|
|
283
|
-
* @fileoverview added by tsickle
|
|
284
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
285
|
-
*/
|
|
286
|
-
|
|
287
|
-
/**
|
|
288
|
-
* @fileoverview added by tsickle
|
|
289
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
290
|
-
*/
|
|
291
|
-
/** @type {?} */
|
|
292
|
-
var FIELD_TYPE_COMPONENTS = [
|
|
293
|
-
// types
|
|
294
|
-
FormlyFieldInput,
|
|
295
|
-
FormlyFieldCheckbox,
|
|
296
|
-
FormlyFieldRadio,
|
|
297
|
-
FormlyFieldSelect,
|
|
298
|
-
FormlyFieldTextArea,
|
|
299
|
-
FormlyFieldMultiCheckbox,
|
|
300
|
-
// wrappers
|
|
301
|
-
FormlyWrapperFormField,
|
|
302
|
-
];
|
|
303
|
-
/** @type {?} */
|
|
304
|
-
var BOOTSTRAP_FORMLY_CONFIG = {
|
|
305
|
-
types: [
|
|
306
|
-
{
|
|
307
|
-
name: 'input',
|
|
308
|
-
component: FormlyFieldInput,
|
|
309
|
-
wrappers: ['form-field'],
|
|
310
|
-
},
|
|
311
|
-
{
|
|
312
|
-
name: 'checkbox',
|
|
313
|
-
component: FormlyFieldCheckbox,
|
|
314
|
-
wrappers: ['form-field'],
|
|
315
|
-
},
|
|
316
|
-
{
|
|
317
|
-
name: 'radio',
|
|
318
|
-
component: FormlyFieldRadio,
|
|
319
|
-
wrappers: ['form-field'],
|
|
320
|
-
},
|
|
321
|
-
{
|
|
322
|
-
name: 'select',
|
|
323
|
-
component: FormlyFieldSelect,
|
|
324
|
-
wrappers: ['form-field'],
|
|
325
|
-
},
|
|
326
|
-
{
|
|
327
|
-
name: 'textarea',
|
|
328
|
-
component: FormlyFieldTextArea,
|
|
329
|
-
wrappers: ['form-field'],
|
|
330
|
-
},
|
|
331
|
-
{
|
|
332
|
-
name: 'multicheckbox',
|
|
333
|
-
component: FormlyFieldMultiCheckbox,
|
|
334
|
-
wrappers: ['form-field'],
|
|
335
|
-
},
|
|
336
|
-
],
|
|
337
|
-
wrappers: [
|
|
338
|
-
{ name: 'form-field', component: FormlyWrapperFormField },
|
|
339
|
-
],
|
|
340
|
-
};
|
|
341
|
-
|
|
342
|
-
/**
|
|
343
|
-
* @fileoverview added by tsickle
|
|
344
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
345
|
-
*/
|
|
346
|
-
var FormlyBootstrapModule = /** @class */ (function () {
|
|
347
|
-
function FormlyBootstrapModule() {
|
|
348
|
-
}
|
|
349
|
-
FormlyBootstrapModule.decorators = [
|
|
350
|
-
{ type: NgModule, args: [{
|
|
351
|
-
declarations: [
|
|
352
|
-
FIELD_TYPE_COMPONENTS,
|
|
353
|
-
],
|
|
354
|
-
imports: [
|
|
355
|
-
CommonModule,
|
|
356
|
-
ReactiveFormsModule,
|
|
357
|
-
FormlySelectModule,
|
|
358
|
-
FormlyModule.forChild(BOOTSTRAP_FORMLY_CONFIG),
|
|
359
|
-
FormlyBootstrapAddonsModule,
|
|
360
|
-
],
|
|
361
|
-
},] }
|
|
362
|
-
];
|
|
363
|
-
return FormlyBootstrapModule;
|
|
364
|
-
}());
|
|
365
|
-
|
|
366
|
-
/**
|
|
367
|
-
* @fileoverview added by tsickle
|
|
368
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
369
|
-
*/
|
|
370
|
-
|
|
371
|
-
/**
|
|
372
|
-
* @fileoverview added by tsickle
|
|
373
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
374
|
-
*/
|
|
375
|
-
|
|
376
|
-
/**
|
|
377
|
-
* @fileoverview added by tsickle
|
|
378
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
379
|
-
*/
|
|
380
|
-
|
|
381
|
-
export { FormlyBootstrapModule, FormlyFieldCheckbox, FormlyFieldMultiCheckbox, FormlyFieldInput, FormlyFieldRadio, FormlyFieldTextArea, FormlyFieldSelect, FormlyWrapperFormField, BOOTSTRAP_FORMLY_CONFIG as ɵb, FIELD_TYPE_COMPONENTS as ɵa };
|
|
382
|
-
|
|
383
|
-
//# sourceMappingURL=ngx-formly-bootstrap.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-bootstrap.js.map","sources":["ng://@ngx-formly/bootstrap/lib/types/checkbox.ts","ng://@ngx-formly/bootstrap/lib/types/multicheckbox.ts","ng://@ngx-formly/bootstrap/lib/types/input.ts","ng://@ngx-formly/bootstrap/lib/types/radio.ts","ng://@ngx-formly/bootstrap/lib/types/textarea.ts","ng://@ngx-formly/bootstrap/lib/types/select.ts","ng://@ngx-formly/bootstrap/lib/wrappers/form-field.wrapper.ts","ng://@ngx-formly/bootstrap/lib/bootstrap.config.ts","ng://@ngx-formly/bootstrap/lib/bootstrap.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-checkbox',\n template: `\n <div [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control': to.formCheck.indexOf('custom') === 0,\n 'custom-checkbox': to.formCheck === 'custom' || to.formCheck === 'custom-inline',\n 'custom-control-inline': to.formCheck === 'custom-inline',\n 'custom-switch': to.formCheck === 'custom-switch'\n }\">\n <input type=\"checkbox\"\n [class.is-invalid]=\"showError\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.position-static]=\"to.formCheck === 'nolabel'\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [indeterminate]=\"to.indeterminate && formControl.value === null\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\">\n <label [for]=\"id\"\n *ngIf=\"to.formCheck !== 'nolabel'\"\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n >\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n </div>\n `,\n})\nexport class FormlyFieldCheckbox extends FieldType {\n defaultOptions = {\n templateOptions: {\n indeterminate: true,\n hideLabel: true,\n formCheck: 'custom', // 'custom' | 'custom-inline' | 'custom-switch' | 'stacked' | 'inline' | 'nolabel'\n },\n };\n}\n","import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-multicheckbox',\n template: `\n <div>\n <div *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\"\n [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control': to.formCheck.indexOf('custom') === 0,\n 'custom-checkbox': to.formCheck === 'custom' || to.formCheck === 'custom-inline',\n 'custom-control-inline': to.formCheck === 'custom-inline',\n 'custom-switch': to.formCheck === 'custom-switch'\n }\"\n >\n <input type=\"checkbox\"\n [id]=\"id + '_' + i\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [value]=\"option.value\"\n [checked]=\"isChecked(option)\"\n [formlyAttributes]=\"field\"\n (change)=\"onChange(option.value, $event.target.checked)\">\n <label\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </div>\n `,\n})\nexport class FormlyFieldMultiCheckbox extends FieldType {\n defaultOptions = {\n templateOptions: {\n options: [],\n formCheck: 'custom', // 'custom' | 'custom-inline' | 'custom-switch' | 'stacked' | 'inline'\n },\n };\n\n onChange(value: any, checked: boolean) {\n if (this.to.type === 'array') {\n this.formControl.patchValue(checked\n ? [...(this.formControl.value || []), value]\n : [...(this.formControl.value || [])].filter(o => o !== value),\n );\n } else {\n this.formControl.patchValue({ ...this.formControl.value, [value]: checked });\n }\n this.formControl.markAsTouched();\n }\n\n isChecked(option: any) {\n const value = this.formControl.value;\n\n return value && (\n this.to.type === 'array'\n ? (value.indexOf(option.value) !== -1)\n : value[option.value]\n );\n }\n}\n","import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-input',\n template: `\n <input *ngIf=\"type !== 'number' else numberTmp\" [type]=\"type\" [formControl]=\"formControl\" class=\"form-control\" [formlyAttributes]=\"field\" [class.is-invalid]=\"showError\">\n <ng-template #numberTmp>\n <input type=\"number\" [formControl]=\"formControl\" class=\"form-control\" [formlyAttributes]=\"field\" [class.is-invalid]=\"showError\">\n </ng-template>\n `,\n})\nexport class FormlyFieldInput extends FieldType {\n get type() {\n return this.to.type || 'text';\n }\n}\n","import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-radio',\n template: `\n <div>\n <div *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\"\n [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control custom-radio': to.formCheck.indexOf('custom') === 0,\n 'custom-control-inline': to.formCheck === 'custom-inline'\n }\"\n >\n <input type=\"radio\"\n [id]=\"id + '_' + i\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [name]=\"field.name || id\"\n [class.is-invalid]=\"showError\"\n [attr.value]=\"option.value\"\n [value]=\"option.value\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [attr.disabled]=\"option.disabled || formControl.disabled ? true : null\">\n <label\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </div>\n `,\n})\nexport class FormlyFieldRadio extends FieldType {\n defaultOptions = {\n templateOptions: {\n options: [],\n formCheck: 'custom', // 'custom' | 'custom-inline' | 'stacked' | 'inline'\n },\n };\n}\n","import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-textarea',\n template: `\n <textarea [formControl]=\"formControl\" [cols]=\"to.cols\"\n [rows]=\"to.rows\" class=\"form-control\" [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n </textarea>\n `,\n})\nexport class FormlyFieldTextArea extends FieldType {\n defaultOptions = {\n templateOptions: {\n cols: 1,\n rows: 1,\n },\n };\n}\n","import { Component, ViewChild, NgZone } from '@angular/core';\nimport { SelectControlValueAccessor } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { take } from 'rxjs/operators';\n\n@Component({\n selector: 'formly-field-select',\n template: `\n <select *ngIf=\"to.multiple; else singleSelect\" class=\"form-control\"\n multiple\n [class.custom-select]=\"to.customSelect\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as opts\">\n <ng-container *ngIf=\"to._flatOptions else grouplist\">\n <ng-container *ngFor=\"let opt of opts\">\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n </ng-container>\n </ng-container>\n\n <ng-template #grouplist>\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-template>\n </ng-container>\n </select>\n\n <ng-template #singleSelect>\n <select class=\"form-control\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [class.custom-select]=\"to.customSelect\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n <option *ngIf=\"to.placeholder\" [ngValue]=\"null\">{{ to.placeholder }}</option>\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as opts\">\n <ng-container *ngIf=\"to._flatOptions else grouplist\">\n <ng-container *ngFor=\"let opt of opts\">\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n </ng-container>\n </ng-container>\n\n <ng-template #grouplist>\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-template>\n </ng-container>\n </select>\n </ng-template>\n `,\n})\nexport class FormlyFieldSelect extends FieldType {\n defaultOptions = {\n templateOptions: {\n options: [],\n compareWith(o1: any, o2: any) {\n return o1 === o2;\n },\n },\n };\n\n // workaround for https://github.com/angular/angular/issues/10010\n @ViewChild(SelectControlValueAccessor) set selectAccessor(s: any) {\n if (!s) return;\n\n const writeValue = s.writeValue.bind(s);\n if (s._getOptionId(s.value) === null) {\n writeValue(s.value);\n }\n\n s.writeValue = (value: any) => {\n const id = s._idCounter;\n writeValue(value);\n if (value === null) {\n this.ngZone.onStable.asObservable().pipe(take(1)).subscribe(() => {\n if (id !== s._idCounter && s._getOptionId(value) === null && s._elementRef.nativeElement.selectedIndex !== -1) {\n writeValue(value);\n }\n });\n }\n };\n }\n\n constructor(private ngZone: NgZone) {\n super();\n }\n}\n","import { Component } from '@angular/core';\nimport { FieldWrapper } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-wrapper-form-field',\n template: `\n <div class=\"form-group\" [class.has-error]=\"showError\">\n <label *ngIf=\"to.label && to.hideLabel !== true\" [attr.for]=\"id\">\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n\n <ng-template #fieldComponent></ng-template>\n\n <div *ngIf=\"showError\" class=\"invalid-feedback\" [style.display]=\"'block'\">\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </div>\n\n <small *ngIf=\"to.description\" class=\"form-text text-muted\">{{ to.description }}</small>\n </div>\n `,\n})\nexport class FormlyWrapperFormField extends FieldWrapper {\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport {\n FormlyFieldInput,\n FormlyFieldCheckbox,\n FormlyFieldRadio,\n FormlyFieldSelect,\n FormlyFieldTextArea,\n FormlyFieldMultiCheckbox,\n} from './types/types';\nimport { FormlyWrapperFormField } from './wrappers/wrappers';\n\nexport const FIELD_TYPE_COMPONENTS = [\n // types\n FormlyFieldInput,\n FormlyFieldCheckbox,\n FormlyFieldRadio,\n FormlyFieldSelect,\n FormlyFieldTextArea,\n FormlyFieldMultiCheckbox,\n\n // wrappers\n FormlyWrapperFormField,\n];\n\nexport const BOOTSTRAP_FORMLY_CONFIG: ConfigOption = {\n types: [\n {\n name: 'input',\n component: FormlyFieldInput,\n wrappers: ['form-field'],\n },\n {\n name: 'checkbox',\n component: FormlyFieldCheckbox,\n wrappers: ['form-field'],\n },\n {\n name: 'radio',\n component: FormlyFieldRadio,\n wrappers: ['form-field'],\n },\n {\n name: 'select',\n component: FormlyFieldSelect,\n wrappers: ['form-field'],\n },\n {\n name: 'textarea',\n component: FormlyFieldTextArea,\n wrappers: ['form-field'],\n },\n {\n name: 'multicheckbox',\n component: FormlyFieldMultiCheckbox,\n wrappers: ['form-field'],\n },\n ],\n wrappers: [\n {name: 'form-field', component: FormlyWrapperFormField },\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';\nimport { BOOTSTRAP_FORMLY_CONFIG, FIELD_TYPE_COMPONENTS } from './bootstrap.config';\nimport { FormlyBootstrapAddonsModule } from '@ngx-formly/bootstrap/addons';\n\n@NgModule({\n declarations: [\n FIELD_TYPE_COMPONENTS,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormlySelectModule,\n FormlyModule.forChild(BOOTSTRAP_FORMLY_CONFIG),\n FormlyBootstrapAddonsModule,\n ],\n})\nexport class FormlyBootstrapModule {}\n"],"names":["tslib_1.__extends","tslib_1.__spread"],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ConfigOption } from '@ngx-formly/core';
|
|
2
|
-
import { FormlyFieldInput, FormlyFieldCheckbox, FormlyFieldRadio, FormlyFieldSelect, FormlyFieldTextArea } from './types/types';
|
|
3
|
-
import { FormlyWrapperFormField } from './wrappers/wrappers';
|
|
4
|
-
export declare const FIELD_TYPE_COMPONENTS: (typeof FormlyFieldCheckbox | typeof FormlyFieldInput | typeof FormlyFieldRadio | typeof FormlyFieldTextArea | typeof FormlyFieldSelect | typeof FormlyWrapperFormField)[];
|
|
5
|
-
export declare const BOOTSTRAP_FORMLY_CONFIG: ConfigOption;
|
package/lib/types/input.d.ts
DELETED
package/lib/types/textarea.d.ts
DELETED
package/lib/types/types.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { FormlyFieldCheckbox } from './checkbox';
|
|
2
|
-
export { FormlyFieldMultiCheckbox } from './multicheckbox';
|
|
3
|
-
export { FormlyFieldInput } from './input';
|
|
4
|
-
export { FormlyFieldRadio } from './radio';
|
|
5
|
-
export { FormlyFieldTextArea } from './textarea';
|
|
6
|
-
export { FormlyFieldSelect } from './select';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { FormlyWrapperFormField } from './form-field.wrapper';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"FormlyFieldCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":33,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"formly-field-checkbox","template":"\n <div [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control': to.formCheck.indexOf('custom') === 0,\n 'custom-checkbox': to.formCheck === 'custom' || to.formCheck === 'custom-inline',\n 'custom-control-inline': to.formCheck === 'custom-inline',\n 'custom-switch': to.formCheck === 'custom-switch'\n }\">\n <input type=\"checkbox\"\n [class.is-invalid]=\"showError\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.position-static]=\"to.formCheck === 'nolabel'\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [indeterminate]=\"to.indeterminate && formControl.value === null\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\">\n <label [for]=\"id\"\n *ngIf=\"to.formCheck !== 'nolabel'\"\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n >\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n </div>\n "}]}],"members":{}},"FormlyFieldMultiCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":35,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"formly-field-multicheckbox","template":"\n <div>\n <div *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\"\n [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control': to.formCheck.indexOf('custom') === 0,\n 'custom-checkbox': to.formCheck === 'custom' || to.formCheck === 'custom-inline',\n 'custom-control-inline': to.formCheck === 'custom-inline',\n 'custom-switch': to.formCheck === 'custom-switch'\n }\"\n >\n <input type=\"checkbox\"\n [id]=\"id + '_' + i\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [value]=\"option.value\"\n [checked]=\"isChecked(option)\"\n [formlyAttributes]=\"field\"\n (change)=\"onChange(option.value, $event.target.checked)\">\n <label\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </div>\n "}]}],"members":{"onChange":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}]}},"FormlyFieldInput":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":12,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"formly-field-input","template":"\n <input *ngIf=\"type !== 'number' else numberTmp\" [type]=\"type\" [formControl]=\"formControl\" class=\"form-control\" [formlyAttributes]=\"field\" [class.is-invalid]=\"showError\">\n <ng-template #numberTmp>\n <input type=\"number\" [formControl]=\"formControl\" class=\"form-control\" [formlyAttributes]=\"field\" [class.is-invalid]=\"showError\">\n </ng-template>\n "}]}],"members":{}},"FormlyFieldRadio":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":36,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"formly-field-radio","template":"\n <div>\n <div *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\"\n [ngClass]=\"{\n 'form-check': to.formCheck.indexOf('custom') === -1,\n 'form-check-inline': to.formCheck === 'inline',\n 'custom-control custom-radio': to.formCheck.indexOf('custom') === 0,\n 'custom-control-inline': to.formCheck === 'custom-inline'\n }\"\n >\n <input type=\"radio\"\n [id]=\"id + '_' + i\"\n [class.form-check-input]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-input]=\"to.formCheck.indexOf('custom') === 0\"\n [name]=\"field.name || id\"\n [class.is-invalid]=\"showError\"\n [attr.value]=\"option.value\"\n [value]=\"option.value\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [attr.disabled]=\"option.disabled || formControl.disabled ? true : null\">\n <label\n [class.form-check-label]=\"to.formCheck.indexOf('custom') === -1\"\n [class.custom-control-label]=\"to.formCheck.indexOf('custom') === 0\"\n [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </div>\n "}]}],"members":{}},"FormlyFieldTextArea":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":12,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"formly-field-textarea","template":"\n <textarea [formControl]=\"formControl\" [cols]=\"to.cols\"\n [rows]=\"to.rows\" class=\"form-control\" [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n </textarea>\n "}]}],"members":{}},"FormlyFieldSelect":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":69,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"formly-field-select","template":"\n <select *ngIf=\"to.multiple; else singleSelect\" class=\"form-control\"\n multiple\n [class.custom-select]=\"to.customSelect\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as opts\">\n <ng-container *ngIf=\"to._flatOptions else grouplist\">\n <ng-container *ngFor=\"let opt of opts\">\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n </ng-container>\n </ng-container>\n\n <ng-template #grouplist>\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-template>\n </ng-container>\n </select>\n\n <ng-template #singleSelect>\n <select class=\"form-control\"\n [formControl]=\"formControl\"\n [compareWith]=\"to.compareWith\"\n [class.custom-select]=\"to.customSelect\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\">\n <option *ngIf=\"to.placeholder\" [ngValue]=\"null\">{{ to.placeholder }}</option>\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as opts\">\n <ng-container *ngIf=\"to._flatOptions else grouplist\">\n <ng-container *ngFor=\"let opt of opts\">\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n </ng-container>\n </ng-container>\n\n <ng-template #grouplist>\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-template>\n </ng-container>\n </select>\n </ng-template>\n "}]}],"members":{"selectAccessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"SelectControlValueAccessor","line":80,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":101,"character":30}]}]}},"FormlyWrapperFormField":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldWrapper","line":22,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"formly-wrapper-form-field","template":"\n <div class=\"form-group\" [class.has-error]=\"showError\">\n <label *ngIf=\"to.label && to.hideLabel !== true\" [attr.for]=\"id\">\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n </label>\n\n <ng-template #fieldComponent></ng-template>\n\n <div *ngIf=\"showError\" class=\"invalid-feedback\" [style.display]=\"'block'\">\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </div>\n\n <small *ngIf=\"to.description\" class=\"form-text text-muted\">{{ to.description }}</small>\n </div>\n "}]}],"members":{}},"FormlyBootstrapModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@ngx-formly/core/select","name":"FormlySelectModule","line":15,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":16,"character":4},"member":"forChild"},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"reference","module":"@ngx-formly/bootstrap/addons","name":"FormlyBootstrapAddonsModule","line":17,"character":4}]}]}],"members":{}},"ɵa":[{"__symbolic":"reference","name":"FormlyFieldInput"},{"__symbolic":"reference","name":"FormlyFieldCheckbox"},{"__symbolic":"reference","name":"FormlyFieldRadio"},{"__symbolic":"reference","name":"FormlyFieldSelect"},{"__symbolic":"reference","name":"FormlyFieldTextArea"},{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"},{"__symbolic":"reference","name":"FormlyWrapperFormField"}],"ɵb":{"types":[{"name":"input","component":{"__symbolic":"reference","name":"FormlyFieldInput"},"wrappers":["form-field"]},{"name":"checkbox","component":{"__symbolic":"reference","name":"FormlyFieldCheckbox"},"wrappers":["form-field"]},{"name":"radio","component":{"__symbolic":"reference","name":"FormlyFieldRadio"},"wrappers":["form-field"]},{"name":"select","component":{"__symbolic":"reference","name":"FormlyFieldSelect"},"wrappers":["form-field"]},{"name":"textarea","component":{"__symbolic":"reference","name":"FormlyFieldTextArea"},"wrappers":["form-field"]},{"name":"multicheckbox","component":{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"},"wrappers":["form-field"]}],"wrappers":[{"name":"form-field","component":{"__symbolic":"reference","name":"FormlyWrapperFormField"}}]}},"origins":{"FormlyFieldCheckbox":"./lib/types/checkbox","FormlyFieldMultiCheckbox":"./lib/types/multicheckbox","FormlyFieldInput":"./lib/types/input","FormlyFieldRadio":"./lib/types/radio","FormlyFieldTextArea":"./lib/types/textarea","FormlyFieldSelect":"./lib/types/select","FormlyWrapperFormField":"./lib/wrappers/form-field.wrapper","FormlyBootstrapModule":"./lib/bootstrap.module","ɵa":"./lib/bootstrap.config","ɵb":"./lib/bootstrap.config"},"importAs":"@ngx-formly/bootstrap"}
|