@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.
Files changed (53) hide show
  1. package/README.md +10 -8
  2. package/bundles/ngx-formly-material-datepicker.umd.js +10 -10
  3. package/bundles/ngx-formly-material-datepicker.umd.js.map +1 -1
  4. package/bundles/ngx-formly-material-datepicker.umd.min.js +1 -1
  5. package/bundles/ngx-formly-material-datepicker.umd.min.js.map +1 -1
  6. package/bundles/ngx-formly-material-multicheckbox.umd.js +4 -1
  7. package/bundles/ngx-formly-material-multicheckbox.umd.js.map +1 -1
  8. package/bundles/ngx-formly-material-multicheckbox.umd.min.js +1 -1
  9. package/bundles/ngx-formly-material-multicheckbox.umd.min.js.map +1 -1
  10. package/bundles/ngx-formly-material-toggle.umd.js +10 -10
  11. package/bundles/ngx-formly-material-toggle.umd.js.map +1 -1
  12. package/bundles/ngx-formly-material-toggle.umd.min.js +1 -1
  13. package/bundles/ngx-formly-material-toggle.umd.min.js.map +1 -1
  14. package/datepicker/datepicker.type.d.ts +1 -1
  15. package/datepicker/ngx-formly-material-datepicker.d.ts +0 -1
  16. package/datepicker/ngx-formly-material-datepicker.metadata.json +1 -1
  17. package/datepicker/public_api.d.ts +1 -0
  18. package/esm2015/datepicker/datepicker.module.js +4 -4
  19. package/esm2015/datepicker/datepicker.type.js +8 -8
  20. package/esm2015/datepicker/ngx-formly-material-datepicker.js +2 -3
  21. package/esm2015/datepicker/public_api.js +2 -1
  22. package/esm2015/multicheckbox/multicheckbox.type.js +5 -2
  23. package/esm2015/toggle/ngx-formly-material-toggle.js +2 -3
  24. package/esm2015/toggle/public_api.js +2 -1
  25. package/esm2015/toggle/toggle.module.js +4 -4
  26. package/esm2015/toggle/toggle.type.js +6 -6
  27. package/esm5/datepicker/datepicker.module.js +4 -4
  28. package/esm5/datepicker/datepicker.type.js +13 -13
  29. package/esm5/datepicker/ngx-formly-material-datepicker.js +2 -3
  30. package/esm5/datepicker/public_api.js +2 -1
  31. package/esm5/multicheckbox/multicheckbox.type.js +5 -2
  32. package/esm5/toggle/ngx-formly-material-toggle.js +2 -3
  33. package/esm5/toggle/public_api.js +2 -1
  34. package/esm5/toggle/toggle.module.js +4 -4
  35. package/esm5/toggle/toggle.type.js +11 -11
  36. package/fesm2015/ngx-formly-material-datepicker.js +6 -6
  37. package/fesm2015/ngx-formly-material-datepicker.js.map +1 -1
  38. package/fesm2015/ngx-formly-material-multicheckbox.js +4 -1
  39. package/fesm2015/ngx-formly-material-multicheckbox.js.map +1 -1
  40. package/fesm2015/ngx-formly-material-toggle.js +6 -6
  41. package/fesm2015/ngx-formly-material-toggle.js.map +1 -1
  42. package/fesm5/ngx-formly-material-datepicker.js +10 -10
  43. package/fesm5/ngx-formly-material-datepicker.js.map +1 -1
  44. package/fesm5/ngx-formly-material-multicheckbox.js +4 -1
  45. package/fesm5/ngx-formly-material-multicheckbox.js.map +1 -1
  46. package/fesm5/ngx-formly-material-toggle.js +10 -10
  47. package/fesm5/ngx-formly-material-toggle.js.map +1 -1
  48. package/multicheckbox/ngx-formly-material-multicheckbox.metadata.json +1 -1
  49. package/package.json +2 -2
  50. package/toggle/ngx-formly-material-toggle.d.ts +0 -1
  51. package/toggle/ngx-formly-material-toggle.metadata.json +1 -1
  52. package/toggle/public_api.d.ts +1 -0
  53. 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":";;;;;;;;;;;;;;IAsB8CA,4CAAS;IAlBvD;QAAA,qEAsDC;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;;gBArDF,SAAS,SAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,QAAQ,EAAE,0hBAcT;iBACF;;;6BAEE,YAAY,SAAC,WAAW;;IAmC3B,+BAAC;CAAA,CApC6C,SAAS;;;;;;ACtBvD;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;;;;;;;;;;;;;;"}
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 FormlyToggleTypeComponent = /** @class */ (function (_super) {
14
- __extends(FormlyToggleTypeComponent, _super);
15
- function FormlyToggleTypeComponent() {
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
- FormlyToggleTypeComponent.prototype.onContainerClick = /**
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
- FormlyToggleTypeComponent.decorators = [
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
- FormlyToggleTypeComponent.propDecorators = {
44
+ FormlyFieldToggle.propDecorators = {
45
45
  slideToggle: [{ type: ViewChild, args: [MatSlideToggle,] }]
46
46
  };
47
- return FormlyToggleTypeComponent;
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: [FormlyToggleTypeComponent],
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: FormlyToggleTypeComponent,
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, FormlyToggleTypeComponent as ɵa };
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 FormlyToggleTypeComponent 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 { FormlyToggleTypeComponent } from './toggle.type';\n\n@NgModule({\n declarations: [FormlyToggleTypeComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSlideToggleModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'toggle',\n component: FormlyToggleTypeComponent,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatToggleModule { }\n"],"names":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;IAkB+CA,6CAAS;IAdxD;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,oDAAgB;;;;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,gCAAC;CAAA,CAd8C,SAAS;;;;;;AClBxD;IASA;KAgBsC;;gBAhBrC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,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,yBAAyB;oCACpC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB,CAAC;yBACH,CAAC;qBACH;iBACF;;IACoC,4BAAC;CAhBtC;;;;;;;;;;;;;;"}
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":22,"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 "}]}],"members":{"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckbox","line":23,"character":16}]}]}],"onChange":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatMultiCheckboxModule":"./multicheckbox.module","FormlyFieldMultiCheckbox":"./multicheckbox.type"},"importAs":"@ngx-formly/material/multicheckbox"}
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.27",
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.27",
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",
@@ -2,4 +2,3 @@
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
4
  export * from './public_api';
5
- export { FormlyToggleTypeComponent as ɵa } from './toggle.type';
@@ -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":"ɵa"}],"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":"ɵa"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":18,"character":47},"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","ɵa":"./toggle.type"},"importAs":"@ngx-formly/material/toggle"}
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"}
@@ -1 +1,2 @@
1
1
  export { FormlyMatToggleModule } from './toggle.module';
2
+ export { FormlyFieldToggle } from './toggle.type';
@@ -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 FormlyToggleTypeComponent extends FieldType {
3
+ export declare class FormlyFieldToggle extends FieldType {
4
4
  slideToggle: MatSlideToggle;
5
5
  defaultOptions: {
6
6
  templateOptions: {