@ngx-formly/material 5.10.27 → 5.10.31
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 +10 -8
- package/bundles/ngx-formly-material-datepicker.umd.js +10 -10
- package/bundles/ngx-formly-material-datepicker.umd.js.map +1 -1
- package/bundles/ngx-formly-material-datepicker.umd.min.js +1 -1
- package/bundles/ngx-formly-material-datepicker.umd.min.js.map +1 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.js +4 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.js.map +1 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.min.js +1 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.min.js.map +1 -1
- package/bundles/ngx-formly-material-toggle.umd.js +10 -10
- package/bundles/ngx-formly-material-toggle.umd.js.map +1 -1
- package/bundles/ngx-formly-material-toggle.umd.min.js +1 -1
- package/bundles/ngx-formly-material-toggle.umd.min.js.map +1 -1
- package/datepicker/datepicker.type.d.ts +1 -1
- package/datepicker/ngx-formly-material-datepicker.d.ts +0 -1
- package/datepicker/ngx-formly-material-datepicker.metadata.json +1 -1
- package/datepicker/public_api.d.ts +1 -0
- package/esm2015/datepicker/datepicker.module.js +4 -4
- package/esm2015/datepicker/datepicker.type.js +8 -8
- package/esm2015/datepicker/ngx-formly-material-datepicker.js +2 -3
- package/esm2015/datepicker/public_api.js +2 -1
- package/esm2015/multicheckbox/multicheckbox.type.js +5 -2
- package/esm2015/toggle/ngx-formly-material-toggle.js +2 -3
- package/esm2015/toggle/public_api.js +2 -1
- package/esm2015/toggle/toggle.module.js +4 -4
- package/esm2015/toggle/toggle.type.js +6 -6
- package/esm5/datepicker/datepicker.module.js +4 -4
- package/esm5/datepicker/datepicker.type.js +13 -13
- package/esm5/datepicker/ngx-formly-material-datepicker.js +2 -3
- package/esm5/datepicker/public_api.js +2 -1
- package/esm5/multicheckbox/multicheckbox.type.js +5 -2
- package/esm5/toggle/ngx-formly-material-toggle.js +2 -3
- package/esm5/toggle/public_api.js +2 -1
- package/esm5/toggle/toggle.module.js +4 -4
- package/esm5/toggle/toggle.type.js +11 -11
- package/fesm2015/ngx-formly-material-datepicker.js +6 -6
- package/fesm2015/ngx-formly-material-datepicker.js.map +1 -1
- package/fesm2015/ngx-formly-material-multicheckbox.js +4 -1
- package/fesm2015/ngx-formly-material-multicheckbox.js.map +1 -1
- package/fesm2015/ngx-formly-material-toggle.js +6 -6
- package/fesm2015/ngx-formly-material-toggle.js.map +1 -1
- package/fesm5/ngx-formly-material-datepicker.js +10 -10
- package/fesm5/ngx-formly-material-datepicker.js.map +1 -1
- package/fesm5/ngx-formly-material-multicheckbox.js +4 -1
- package/fesm5/ngx-formly-material-multicheckbox.js.map +1 -1
- package/fesm5/ngx-formly-material-toggle.js +10 -10
- package/fesm5/ngx-formly-material-toggle.js.map +1 -1
- package/multicheckbox/ngx-formly-material-multicheckbox.metadata.json +1 -1
- package/package.json +2 -2
- package/toggle/ngx-formly-material-toggle.d.ts +0 -1
- package/toggle/ngx-formly-material-toggle.metadata.json +1 -1
- package/toggle/public_api.d.ts +1 -0
- package/toggle/toggle.type.d.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-multicheckbox.js.map","sources":["ng://@ngx-formly/material/multicheckbox/multicheckbox.type.ts","ng://@ngx-formly/material/multicheckbox/multicheckbox.module.ts"],"sourcesContent":["import { Component, ViewChildren, QueryList } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\n\n@Component({\n selector: 'formly-field-mat-multicheckbox',\n template: `\n <ng-container *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\">\n <mat-checkbox\n [id]=\"id + '_' + i\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [labelPosition]=\"to.labelPosition\"\n [checked]=\"isChecked(option)\"\n [disabled]=\"formControl.disabled\"\n (change)=\"onChange(option.value, $event.checked)\">\n {{ option.label }}\n </mat-checkbox>\n </ng-container>\n `,\n})\nexport class FormlyFieldMultiCheckbox extends FieldType {\n @ViewChildren(MatCheckbox) checkboxes!: QueryList<MatCheckbox>;\n\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n options: [],\n color: 'accent', // workaround for https://github.com/angular/components/issues/18465\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 // TODO: find a solution to prevent scroll on focus\n onContainerClick() {}\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 { 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 { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\n\n@NgModule({\n declarations: [FormlyFieldMultiCheckbox],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n MatCheckboxModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'multicheckbox',\n component: FormlyFieldMultiCheckbox,\n wrappers: ['form-field'],\n },\n ],\n }),\n ],\n})\nexport class FormlyMatMultiCheckboxModule { }\n"],"names":["tslib_1.__extends","tslib_1.__spread"],"mappings":";;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ngx-formly-material-multicheckbox.js.map","sources":["ng://@ngx-formly/material/multicheckbox/multicheckbox.type.ts","ng://@ngx-formly/material/multicheckbox/multicheckbox.module.ts"],"sourcesContent":["import { Component, ViewChildren, QueryList } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\n\n@Component({\n selector: 'formly-field-mat-multicheckbox',\n template: `\n <ng-container *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\">\n <mat-checkbox\n [id]=\"id + '_' + i\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [labelPosition]=\"to.labelPosition\"\n [checked]=\"isChecked(option)\"\n [disabled]=\"formControl.disabled\"\n (change)=\"onChange(option.value, $event.checked)\">\n {{ option.label }}\n </mat-checkbox>\n </ng-container>\n `,\n host: {\n '[id]': 'id',\n },\n})\nexport class FormlyFieldMultiCheckbox extends FieldType {\n @ViewChildren(MatCheckbox) checkboxes!: QueryList<MatCheckbox>;\n\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n options: [],\n color: 'accent', // workaround for https://github.com/angular/components/issues/18465\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 // TODO: find a solution to prevent scroll on focus\n onContainerClick() {}\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 { 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 { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\n\n@NgModule({\n declarations: [FormlyFieldMultiCheckbox],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n MatCheckboxModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'multicheckbox',\n component: FormlyFieldMultiCheckbox,\n wrappers: ['form-field'],\n },\n ],\n }),\n ],\n})\nexport class FormlyMatMultiCheckboxModule { }\n"],"names":["tslib_1.__extends","tslib_1.__spread"],"mappings":";;;;;;;;;;;;;;IAyB8CA,4CAAS;IArBvD;QAAA,qEAyDC;QAjCC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,EAAE;gBACX,KAAK,EAAE,QAAQ;aAChB;SACF,CAAC;;KA0BH;;;;;;IAxBC,2CAAQ;;;;;IAAR,UAAS,KAAU,EAAE,OAAgB;;QACnC,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,OAAO,EAAE;YAC5B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO;4BAC1B,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,IAAG,KAAK,KACzCC,UAAK,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,GAAG,MAAM;;;;YAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,KAAK,GAAA,EAAC,CAC/D,CAAC;SACH;aAAM;YACL,IAAI,CAAC,WAAW,CAAC,UAAU,cAAM,IAAI,CAAC,WAAW,CAAC,KAAK,eAAG,KAAK,IAAG,OAAO,OAAG,CAAC;SAC9E;QACD,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;KAClC;;;;;;IAGD,mDAAgB;;;;;IAAhB,eAAqB;;;;;IAErB,4CAAS;;;;IAAT,UAAU,MAAW;;YACb,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK;QAEpC,OAAO,KAAK,KACV,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,OAAO;eACnB,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;cACnC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB,CAAC;KACH;;gBAxDF,SAAS,SAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,QAAQ,EAAE,0hBAcT;oBACD,IAAI,EAAE;wBACJ,MAAM,EAAE,IAAI;qBACb;iBACF;;;6BAEE,YAAY,SAAC,WAAW;;IAmC3B,+BAAC;CAAA,CApC6C,SAAS;;;;;;ACzBvD;IAUA;KAqB6C;;gBArB5C,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBAEnB,iBAAiB;wBAEjB,wBAAwB;wBACxB,kBAAkB;wBAClB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,eAAe;oCACrB,SAAS,EAAE,wBAAwB;oCACnC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;IAC2C,mCAAC;CArB7C;;;;;;;;;;;;;;"}
|
|
@@ -10,9 +10,9 @@ import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-to
|
|
|
10
10
|
* @fileoverview added by tsickle
|
|
11
11
|
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12
12
|
*/
|
|
13
|
-
var
|
|
14
|
-
__extends(
|
|
15
|
-
function
|
|
13
|
+
var FormlyFieldToggle = /** @class */ (function (_super) {
|
|
14
|
+
__extends(FormlyFieldToggle, _super);
|
|
15
|
+
function FormlyFieldToggle() {
|
|
16
16
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
17
17
|
_this.defaultOptions = {
|
|
18
18
|
templateOptions: {
|
|
@@ -27,7 +27,7 @@ var FormlyToggleTypeComponent = /** @class */ (function (_super) {
|
|
|
27
27
|
* @param {?} event
|
|
28
28
|
* @return {?}
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
FormlyFieldToggle.prototype.onContainerClick = /**
|
|
31
31
|
* @param {?} event
|
|
32
32
|
* @return {?}
|
|
33
33
|
*/
|
|
@@ -35,16 +35,16 @@ var FormlyToggleTypeComponent = /** @class */ (function (_super) {
|
|
|
35
35
|
this.slideToggle.focus();
|
|
36
36
|
_super.prototype.onContainerClick.call(this, event);
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
FormlyFieldToggle.decorators = [
|
|
39
39
|
{ type: Component, args: [{
|
|
40
40
|
selector: 'formly-field-mat-toggle',
|
|
41
41
|
template: "\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n "
|
|
42
42
|
}] }
|
|
43
43
|
];
|
|
44
|
-
|
|
44
|
+
FormlyFieldToggle.propDecorators = {
|
|
45
45
|
slideToggle: [{ type: ViewChild, args: [MatSlideToggle,] }]
|
|
46
46
|
};
|
|
47
|
-
return
|
|
47
|
+
return FormlyFieldToggle;
|
|
48
48
|
}(FieldType));
|
|
49
49
|
|
|
50
50
|
/**
|
|
@@ -56,7 +56,7 @@ var FormlyMatToggleModule = /** @class */ (function () {
|
|
|
56
56
|
}
|
|
57
57
|
FormlyMatToggleModule.decorators = [
|
|
58
58
|
{ type: NgModule, args: [{
|
|
59
|
-
declarations: [
|
|
59
|
+
declarations: [FormlyFieldToggle],
|
|
60
60
|
imports: [
|
|
61
61
|
CommonModule,
|
|
62
62
|
ReactiveFormsModule,
|
|
@@ -65,7 +65,7 @@ var FormlyMatToggleModule = /** @class */ (function () {
|
|
|
65
65
|
FormlyModule.forChild({
|
|
66
66
|
types: [{
|
|
67
67
|
name: 'toggle',
|
|
68
|
-
component:
|
|
68
|
+
component: FormlyFieldToggle,
|
|
69
69
|
wrappers: ['form-field'],
|
|
70
70
|
}],
|
|
71
71
|
}),
|
|
@@ -85,6 +85,6 @@ var FormlyMatToggleModule = /** @class */ (function () {
|
|
|
85
85
|
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
86
86
|
*/
|
|
87
87
|
|
|
88
|
-
export { FormlyMatToggleModule,
|
|
88
|
+
export { FormlyMatToggleModule, FormlyFieldToggle };
|
|
89
89
|
|
|
90
90
|
//# sourceMappingURL=ngx-formly-material-toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-toggle.js.map","sources":["ng://@ngx-formly/material/toggle/toggle.type.ts","ng://@ngx-formly/material/toggle/toggle.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\n\n@Component({\n selector: 'formly-field-mat-toggle',\n template: `\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n `,\n})\nexport class
|
|
1
|
+
{"version":3,"file":"ngx-formly-material-toggle.js.map","sources":["ng://@ngx-formly/material/toggle/toggle.type.ts","ng://@ngx-formly/material/toggle/toggle.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\n\n@Component({\n selector: 'formly-field-mat-toggle',\n template: `\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n `,\n})\nexport class FormlyFieldToggle extends FieldType {\n @ViewChild(MatSlideToggle) slideToggle!: MatSlideToggle;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n hideLabel: true,\n },\n };\n\n onContainerClick(event: MouseEvent): void {\n this.slideToggle.focus();\n super.onContainerClick(event);\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 { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlyFieldToggle } from './toggle.type';\n\n@NgModule({\n declarations: [FormlyFieldToggle],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSlideToggleModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'toggle',\n component: FormlyFieldToggle,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatToggleModule { }\n"],"names":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;IAkBuCA,qCAAS;IAdhD;QAAA,qEA4BC;QAZC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,IAAI;aAChB;SACF,CAAC;;KAMH;;;;;IAJC,4CAAgB;;;;IAAhB,UAAiB,KAAiB;QAChC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,iBAAM,gBAAgB,YAAC,KAAK,CAAC,CAAC;KAC/B;;gBA3BF,SAAS,SAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE,yQAUT;iBACF;;;8BAEE,SAAS,SAAC,cAAc;;IAa3B,wBAAC;CAAA,CAdsC,SAAS;;;;;;AClBhD;IASA;KAgBsC;;gBAhBrC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,oBAAoB;wBACpB,wBAAwB;wBACxB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE,CAAC;oCACN,IAAI,EAAE,QAAQ;oCACd,SAAS,EAAE,iBAAiB;oCAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB,CAAC;yBACH,CAAC;qBACH;iBACF;;IACoC,4BAAC;CAhBtC;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"FormlyMatMultiCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"}],"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":"@angular/material/checkbox","name":"MatCheckboxModule","line":16,"character":4},{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FormlyMatFormFieldModule","line":18,"character":4},{"__symbolic":"reference","module":"@ngx-formly/core/select","name":"FormlySelectModule","line":19,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":20,"character":4},"member":"forChild"},"arguments":[{"types":[{"name":"multicheckbox","component":{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"FormlyFieldMultiCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"FormlyMatMultiCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"}],"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":"@angular/material/checkbox","name":"MatCheckboxModule","line":16,"character":4},{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FormlyMatFormFieldModule","line":18,"character":4},{"__symbolic":"reference","module":"@ngx-formly/core/select","name":"FormlySelectModule","line":19,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":20,"character":4},"member":"forChild"},"arguments":[{"types":[{"name":"multicheckbox","component":{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"FormlyFieldMultiCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"formly-field-mat-multicheckbox","template":"\n <ng-container *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\">\n <mat-checkbox\n [id]=\"id + '_' + i\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [labelPosition]=\"to.labelPosition\"\n [checked]=\"isChecked(option)\"\n [disabled]=\"formControl.disabled\"\n (change)=\"onChange(option.value, $event.checked)\">\n {{ option.label }}\n </mat-checkbox>\n </ng-container>\n ","host":{"[id]":"id","$quoted$":["[id]"]}}]}],"members":{"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckbox","line":26,"character":16}]}]}],"onChange":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatMultiCheckboxModule":"./multicheckbox.module","FormlyFieldMultiCheckbox":"./multicheckbox.type"},"importAs":"@ngx-formly/material/multicheckbox"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ngx-formly/material",
|
|
3
|
-
"version": "5.10.
|
|
3
|
+
"version": "5.10.31",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"homepage": "https://github.com/ngx-formly/ngx-formly#readme",
|
|
6
6
|
"description": "ngx-formly is an Angular 2 module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"url": "https://github.com/ngx-formly/ngx-formly/issues"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@ngx-formly/core": "5.10.
|
|
26
|
+
"@ngx-formly/core": "5.10.31",
|
|
27
27
|
"@angular/material": ">=7.0.0"
|
|
28
28
|
},
|
|
29
29
|
"main": "bundles/ngx-formly-material.umd.js",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"FormlyMatToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"FormlyMatToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormlyFieldToggle"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":14,"character":4},{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FormlyMatFormFieldModule","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":[{"types":[{"name":"toggle","component":{"__symbolic":"reference","name":"FormlyFieldToggle"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"FormlyFieldToggle":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":18,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"formly-field-mat-toggle","template":"\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n "}]}],"members":{"slideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggle","line":19,"character":13}]}]}],"onContainerClick":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatToggleModule":"./toggle.module","FormlyFieldToggle":"./toggle.type"},"importAs":"@ngx-formly/material/toggle"}
|
package/toggle/public_api.d.ts
CHANGED
package/toggle/toggle.type.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FieldType } from '@ngx-formly/material/form-field';
|
|
2
2
|
import { MatSlideToggle } from '@angular/material/slide-toggle';
|
|
3
|
-
export declare class
|
|
3
|
+
export declare class FormlyFieldToggle extends FieldType {
|
|
4
4
|
slideToggle: MatSlideToggle;
|
|
5
5
|
defaultOptions: {
|
|
6
6
|
templateOptions: {
|