@ngx-formly/material 5.10.26 → 5.10.30

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 (81) 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-form-field.umd.js +1 -1
  7. package/bundles/ngx-formly-material-form-field.umd.min.js +1 -1
  8. package/bundles/ngx-formly-material-form-field.umd.min.js.map +1 -1
  9. package/bundles/ngx-formly-material-multicheckbox.umd.js +4 -1
  10. package/bundles/ngx-formly-material-multicheckbox.umd.js.map +1 -1
  11. package/bundles/ngx-formly-material-multicheckbox.umd.min.js +1 -1
  12. package/bundles/ngx-formly-material-multicheckbox.umd.min.js.map +1 -1
  13. package/bundles/ngx-formly-material-slider.umd.js +10 -10
  14. package/bundles/ngx-formly-material-slider.umd.js.map +1 -1
  15. package/bundles/ngx-formly-material-slider.umd.min.js +1 -1
  16. package/bundles/ngx-formly-material-slider.umd.min.js.map +1 -1
  17. package/bundles/ngx-formly-material-toggle.umd.js +10 -10
  18. package/bundles/ngx-formly-material-toggle.umd.js.map +1 -1
  19. package/bundles/ngx-formly-material-toggle.umd.min.js +1 -1
  20. package/bundles/ngx-formly-material-toggle.umd.min.js.map +1 -1
  21. package/datepicker/datepicker.type.d.ts +1 -1
  22. package/datepicker/ngx-formly-material-datepicker.d.ts +0 -1
  23. package/datepicker/ngx-formly-material-datepicker.metadata.json +1 -1
  24. package/datepicker/public_api.d.ts +1 -0
  25. package/esm2015/datepicker/datepicker.module.js +4 -4
  26. package/esm2015/datepicker/datepicker.type.js +8 -8
  27. package/esm2015/datepicker/ngx-formly-material-datepicker.js +2 -3
  28. package/esm2015/datepicker/public_api.js +2 -1
  29. package/esm2015/form-field/form-field.wrapper.js +1 -1
  30. package/esm2015/multicheckbox/multicheckbox.type.js +5 -2
  31. package/esm2015/slider/ngx-formly-material-slider.js +2 -3
  32. package/esm2015/slider/public_api.js +2 -1
  33. package/esm2015/slider/slider.module.js +4 -4
  34. package/esm2015/slider/slider.type.js +6 -6
  35. package/esm2015/toggle/ngx-formly-material-toggle.js +2 -3
  36. package/esm2015/toggle/public_api.js +2 -1
  37. package/esm2015/toggle/toggle.module.js +4 -4
  38. package/esm2015/toggle/toggle.type.js +6 -6
  39. package/esm5/datepicker/datepicker.module.js +4 -4
  40. package/esm5/datepicker/datepicker.type.js +13 -13
  41. package/esm5/datepicker/ngx-formly-material-datepicker.js +2 -3
  42. package/esm5/datepicker/public_api.js +2 -1
  43. package/esm5/form-field/form-field.wrapper.js +1 -1
  44. package/esm5/multicheckbox/multicheckbox.type.js +5 -2
  45. package/esm5/slider/ngx-formly-material-slider.js +2 -3
  46. package/esm5/slider/public_api.js +2 -1
  47. package/esm5/slider/slider.module.js +4 -4
  48. package/esm5/slider/slider.type.js +11 -11
  49. package/esm5/toggle/ngx-formly-material-toggle.js +2 -3
  50. package/esm5/toggle/public_api.js +2 -1
  51. package/esm5/toggle/toggle.module.js +4 -4
  52. package/esm5/toggle/toggle.type.js +11 -11
  53. package/fesm2015/ngx-formly-material-datepicker.js +6 -6
  54. package/fesm2015/ngx-formly-material-datepicker.js.map +1 -1
  55. package/fesm2015/ngx-formly-material-form-field.js +1 -1
  56. package/fesm2015/ngx-formly-material-multicheckbox.js +4 -1
  57. package/fesm2015/ngx-formly-material-multicheckbox.js.map +1 -1
  58. package/fesm2015/ngx-formly-material-slider.js +6 -6
  59. package/fesm2015/ngx-formly-material-slider.js.map +1 -1
  60. package/fesm2015/ngx-formly-material-toggle.js +6 -6
  61. package/fesm2015/ngx-formly-material-toggle.js.map +1 -1
  62. package/fesm5/ngx-formly-material-datepicker.js +10 -10
  63. package/fesm5/ngx-formly-material-datepicker.js.map +1 -1
  64. package/fesm5/ngx-formly-material-form-field.js +1 -1
  65. package/fesm5/ngx-formly-material-multicheckbox.js +4 -1
  66. package/fesm5/ngx-formly-material-multicheckbox.js.map +1 -1
  67. package/fesm5/ngx-formly-material-slider.js +10 -10
  68. package/fesm5/ngx-formly-material-slider.js.map +1 -1
  69. package/fesm5/ngx-formly-material-toggle.js +10 -10
  70. package/fesm5/ngx-formly-material-toggle.js.map +1 -1
  71. package/form-field/ngx-formly-material-form-field.metadata.json +1 -1
  72. package/multicheckbox/ngx-formly-material-multicheckbox.metadata.json +1 -1
  73. package/package.json +2 -2
  74. package/slider/ngx-formly-material-slider.d.ts +0 -1
  75. package/slider/ngx-formly-material-slider.metadata.json +1 -1
  76. package/slider/public_api.d.ts +1 -0
  77. package/slider/slider.type.d.ts +1 -1
  78. package/toggle/ngx-formly-material-toggle.d.ts +0 -1
  79. package/toggle/ngx-formly-material-toggle.metadata.json +1 -1
  80. package/toggle/public_api.d.ts +1 -0
  81. package/toggle/toggle.type.d.ts +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ngx-formly-material-slider.js.map","sources":["ng://@ngx-formly/material/slider/slider.type.ts","ng://@ngx-formly/material/slider/slider.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlider } from '@angular/material/slider';\n\n@Component({\n selector: 'formly-field-mat-slider',\n template: `\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n `,\n})\nexport class FormlySliderTypeComponent extends FieldType {\n @ViewChild(MatSlider) slider!: MatSlider;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n thumbLabel: false,\n },\n };\n\n onContainerClick(event: MouseEvent): void {\n this.slider.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 { MatSliderModule } from '@angular/material/slider';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlySliderTypeComponent } from './slider.type';\n\n@NgModule({\n declarations: [FormlySliderTypeComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSliderModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'slider',\n component: FormlySliderTypeComponent,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatSliderModule { }\n"],"names":[],"mappings":";;;;;;;;;;;AAAA,MAqBa,yBAA0B,SAAQ,SAAS;IAjBxD;;QAmBE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,KAAK;aAClB;SACF,CAAC;KAMH;;;;;IAJC,gBAAgB,CAAC,KAAiB;QAChC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/B;;;YA9BF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;;;;GAaT;aACF;;;qBAEE,SAAS,SAAC,SAAS;;;;;;;ACtBtB,MAyBa,qBAAqB;;;YAhBjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;gBACzC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,eAAe;oBACf,wBAAwB;oBACxB,YAAY,CAAC,QAAQ,CAAC;wBACpB,KAAK,EAAE,CAAC;gCACN,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,yBAAyB;gCACpC,QAAQ,EAAE,CAAC,YAAY,CAAC;6BACzB,CAAC;qBACH,CAAC;iBACH;aACF;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ngx-formly-material-slider.js.map","sources":["ng://@ngx-formly/material/slider/slider.type.ts","ng://@ngx-formly/material/slider/slider.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlider } from '@angular/material/slider';\n\n@Component({\n selector: 'formly-field-mat-slider',\n template: `\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n `,\n})\nexport class FormlyFieldSlider extends FieldType {\n @ViewChild(MatSlider) slider!: MatSlider;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n thumbLabel: false,\n },\n };\n\n onContainerClick(event: MouseEvent): void {\n this.slider.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 { MatSliderModule } from '@angular/material/slider';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlyFieldSlider } from './slider.type';\n\n@NgModule({\n declarations: [FormlyFieldSlider],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSliderModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'slider',\n component: FormlyFieldSlider,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatSliderModule { }\n"],"names":[],"mappings":";;;;;;;;;;;AAAA,MAqBa,iBAAkB,SAAQ,SAAS;IAjBhD;;QAmBE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,KAAK;aAClB;SACF,CAAC;KAMH;;;;;IAJC,gBAAgB,CAAC,KAAiB;QAChC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/B;;;YA9BF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;;;;GAaT;aACF;;;qBAEE,SAAS,SAAC,SAAS;;;;;;;ACtBtB,MAyBa,qBAAqB;;;YAhBjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;gBACjC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,eAAe;oBACf,wBAAwB;oBACxB,YAAY,CAAC,QAAQ,CAAC;wBACpB,KAAK,EAAE,CAAC;gCACN,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,iBAAiB;gCAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;6BACzB,CAAC;qBACH,CAAC;iBACH;aACF;;;;;;;;;;;;;;;"}
@@ -9,7 +9,7 @@ import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-to
9
9
  * @fileoverview added by tsickle
10
10
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
11
11
  */
12
- class FormlyToggleTypeComponent extends FieldType {
12
+ class FormlyFieldToggle extends FieldType {
13
13
  constructor() {
14
14
  super(...arguments);
15
15
  this.defaultOptions = {
@@ -29,7 +29,7 @@ class FormlyToggleTypeComponent extends FieldType {
29
29
  super.onContainerClick(event);
30
30
  }
31
31
  }
32
- FormlyToggleTypeComponent.decorators = [
32
+ FormlyFieldToggle.decorators = [
33
33
  { type: Component, args: [{
34
34
  selector: 'formly-field-mat-toggle',
35
35
  template: `
@@ -45,7 +45,7 @@ FormlyToggleTypeComponent.decorators = [
45
45
  `
46
46
  }] }
47
47
  ];
48
- FormlyToggleTypeComponent.propDecorators = {
48
+ FormlyFieldToggle.propDecorators = {
49
49
  slideToggle: [{ type: ViewChild, args: [MatSlideToggle,] }]
50
50
  };
51
51
 
@@ -57,7 +57,7 @@ class FormlyMatToggleModule {
57
57
  }
58
58
  FormlyMatToggleModule.decorators = [
59
59
  { type: NgModule, args: [{
60
- declarations: [FormlyToggleTypeComponent],
60
+ declarations: [FormlyFieldToggle],
61
61
  imports: [
62
62
  CommonModule,
63
63
  ReactiveFormsModule,
@@ -66,7 +66,7 @@ FormlyMatToggleModule.decorators = [
66
66
  FormlyModule.forChild({
67
67
  types: [{
68
68
  name: 'toggle',
69
- component: FormlyToggleTypeComponent,
69
+ component: FormlyFieldToggle,
70
70
  wrappers: ['form-field'],
71
71
  }],
72
72
  }),
@@ -84,6 +84,6 @@ FormlyMatToggleModule.decorators = [
84
84
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
85
85
  */
86
86
 
87
- export { FormlyMatToggleModule, FormlyToggleTypeComponent as ɵa };
87
+ export { FormlyMatToggleModule, FormlyFieldToggle };
88
88
 
89
89
  //# 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":[],"mappings":";;;;;;;;;;;AAAA,MAkBa,yBAA0B,SAAQ,SAAS;IAdxD;;QAgBE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,IAAI;aAChB;SACF,CAAC;KAMH;;;;;IAJC,gBAAgB,CAAC,KAAiB;QAChC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/B;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;GAUT;aACF;;;0BAEE,SAAS,SAAC,cAAc;;;;;;;ACnB3B,MAyBa,qBAAqB;;;YAhBjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;gBACzC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,oBAAoB;oBACpB,wBAAwB;oBACxB,YAAY,CAAC,QAAQ,CAAC;wBACpB,KAAK,EAAE,CAAC;gCACN,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,yBAAyB;gCACpC,QAAQ,EAAE,CAAC,YAAY,CAAC;6BACzB,CAAC;qBACH,CAAC;iBACH;aACF;;;;;;;;;;;;;;;"}
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":[],"mappings":";;;;;;;;;;;AAAA,MAkBa,iBAAkB,SAAQ,SAAS;IAdhD;;QAgBE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,IAAI;aAChB;SACF,CAAC;KAMH;;;;;IAJC,gBAAgB,CAAC,KAAiB;QAChC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/B;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;GAUT;aACF;;;0BAEE,SAAS,SAAC,cAAc;;;;;;;ACnB3B,MAyBa,qBAAqB;;;YAhBjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;gBACjC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,oBAAoB;oBACpB,wBAAwB;oBACxB,YAAY,CAAC,QAAQ,CAAC;wBACpB,KAAK,EAAE,CAAC;gCACN,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,iBAAiB;gCAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;6BACzB,CAAC;qBACH,CAAC;iBACH;aACF;;;;;;;;;;;;;;;"}
@@ -11,9 +11,9 @@ import { MatDatepickerInput, MatDatepickerModule } from '@angular/material/datep
11
11
  * @fileoverview added by tsickle
12
12
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
13
13
  */
14
- var FormlyDatepickerTypeComponent = /** @class */ (function (_super) {
15
- __extends(FormlyDatepickerTypeComponent, _super);
16
- function FormlyDatepickerTypeComponent() {
14
+ var FormlyFieldDatepicker = /** @class */ (function (_super) {
15
+ __extends(FormlyFieldDatepicker, _super);
16
+ function FormlyFieldDatepicker() {
17
17
  var _this = _super !== null && _super.apply(this, arguments) || this;
18
18
  _this.defaultOptions = {
19
19
  templateOptions: {
@@ -44,7 +44,7 @@ var FormlyDatepickerTypeComponent = /** @class */ (function (_super) {
44
44
  /**
45
45
  * @return {?}
46
46
  */
47
- FormlyDatepickerTypeComponent.prototype.ngAfterViewInit = /**
47
+ FormlyFieldDatepicker.prototype.ngAfterViewInit = /**
48
48
  * @return {?}
49
49
  */
50
50
  function () {
@@ -67,18 +67,18 @@ var FormlyDatepickerTypeComponent = /** @class */ (function (_super) {
67
67
  ((/** @type {?} */ (_this.options)))._markForCheck(_this.field);
68
68
  }));
69
69
  };
70
- FormlyDatepickerTypeComponent.decorators = [
70
+ FormlyFieldDatepicker.decorators = [
71
71
  { type: Component, args: [{
72
72
  selector: 'formly-field-mat-datepicker',
73
73
  template: "\n <input matInput\n [id]=\"id\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [formControl]=\"formControl\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"to.datepickerOptions.filter\"\n [max]=\"to.datepickerOptions.max\"\n [min]=\"to.datepickerOptions.min\"\n [formlyAttributes]=\"field\"\n [placeholder]=\"to.placeholder\"\n [tabindex]=\"to.tabindex\"\n [readonly]=\"to.readonly\"\n [required]=\"to.required\"\n (dateInput)=\"to.datepickerOptions.dateInput(field, $event)\"\n (dateChange)=\"to.datepickerOptions.dateChange(field, $event)\">\n <ng-template #datepickerToggle>\n <mat-datepicker-toggle [disabled]=\"to.disabled\" [for]=\"picker\"></mat-datepicker-toggle>\n </ng-template>\n <mat-datepicker #picker\n [color]=\"to.color\"\n [dateClass]=\"to.datepickerOptions.dateClass\"\n [disabled]=\"to.datepickerOptions.disabled\"\n [opened]=\"to.datepickerOptions.opened\"\n [panelClass]=\"to.datepickerOptions.panelClass\"\n [startAt]=\"to.datepickerOptions.startAt\"\n [startView]=\"to.datepickerOptions.startView\"\n [touchUi]=\"to.datepickerOptions.touchUi\"\n (monthSelected)=\"to.datepickerOptions.monthSelected(field, $event, picker)\"\n (yearSelected)=\"to.datepickerOptions.yearSelected(field, $event, picker)\"\n >\n </mat-datepicker>\n "
74
74
  }] }
75
75
  ];
76
- FormlyDatepickerTypeComponent.propDecorators = {
76
+ FormlyFieldDatepicker.propDecorators = {
77
77
  formFieldControl: [{ type: ViewChild, args: [MatInput, (/** @type {?} */ ({ static: true })),] }],
78
78
  datepickerInput: [{ type: ViewChild, args: [MatDatepickerInput, (/** @type {?} */ ({ static: true })),] }],
79
79
  datepickerToggle: [{ type: ViewChild, args: ['datepickerToggle',] }]
80
80
  };
81
- return FormlyDatepickerTypeComponent;
81
+ return FormlyFieldDatepicker;
82
82
  }(FieldType));
83
83
 
84
84
  /**
@@ -90,7 +90,7 @@ var FormlyMatDatepickerModule = /** @class */ (function () {
90
90
  }
91
91
  FormlyMatDatepickerModule.decorators = [
92
92
  { type: NgModule, args: [{
93
- declarations: [FormlyDatepickerTypeComponent],
93
+ declarations: [FormlyFieldDatepicker],
94
94
  imports: [
95
95
  CommonModule,
96
96
  ReactiveFormsModule,
@@ -100,7 +100,7 @@ var FormlyMatDatepickerModule = /** @class */ (function () {
100
100
  FormlyModule.forChild({
101
101
  types: [{
102
102
  name: 'datepicker',
103
- component: FormlyDatepickerTypeComponent,
103
+ component: FormlyFieldDatepicker,
104
104
  wrappers: ['form-field'],
105
105
  }],
106
106
  }),
@@ -120,6 +120,6 @@ var FormlyMatDatepickerModule = /** @class */ (function () {
120
120
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
121
121
  */
122
122
 
123
- export { FormlyMatDatepickerModule, FormlyDatepickerTypeComponent as ɵa };
123
+ export { FormlyMatDatepickerModule, FormlyFieldDatepicker };
124
124
 
125
125
  //# sourceMappingURL=ngx-formly-material-datepicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ngx-formly-material-datepicker.js.map","sources":["ng://@ngx-formly/material/datepicker/datepicker.type.ts","ng://@ngx-formly/material/datepicker/datepicker.module.ts"],"sourcesContent":["import { Component, ViewChild, AfterViewInit, TemplateRef } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatInput } from '@angular/material/input';\nimport { MatDatepickerInput } from '@angular/material/datepicker';\n\n@Component({\n selector: 'formly-field-mat-datepicker',\n template: `\n <input matInput\n [id]=\"id\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [formControl]=\"formControl\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"to.datepickerOptions.filter\"\n [max]=\"to.datepickerOptions.max\"\n [min]=\"to.datepickerOptions.min\"\n [formlyAttributes]=\"field\"\n [placeholder]=\"to.placeholder\"\n [tabindex]=\"to.tabindex\"\n [readonly]=\"to.readonly\"\n [required]=\"to.required\"\n (dateInput)=\"to.datepickerOptions.dateInput(field, $event)\"\n (dateChange)=\"to.datepickerOptions.dateChange(field, $event)\">\n <ng-template #datepickerToggle>\n <mat-datepicker-toggle [disabled]=\"to.disabled\" [for]=\"picker\"></mat-datepicker-toggle>\n </ng-template>\n <mat-datepicker #picker\n [color]=\"to.color\"\n [dateClass]=\"to.datepickerOptions.dateClass\"\n [disabled]=\"to.datepickerOptions.disabled\"\n [opened]=\"to.datepickerOptions.opened\"\n [panelClass]=\"to.datepickerOptions.panelClass\"\n [startAt]=\"to.datepickerOptions.startAt\"\n [startView]=\"to.datepickerOptions.startView\"\n [touchUi]=\"to.datepickerOptions.touchUi\"\n (monthSelected)=\"to.datepickerOptions.monthSelected(field, $event, picker)\"\n (yearSelected)=\"to.datepickerOptions.yearSelected(field, $event, picker)\"\n >\n </mat-datepicker>\n `,\n})\nexport class FormlyDatepickerTypeComponent extends FieldType implements AfterViewInit {\n @ViewChild(MatInput, <any> { static: true }) formFieldControl!: MatInput;\n @ViewChild(MatDatepickerInput, <any> { static: true }) datepickerInput!: MatDatepickerInput<any>;\n @ViewChild('datepickerToggle') datepickerToggle!: TemplateRef<any>;\n\n defaultOptions = {\n templateOptions: {\n datepickerOptions: {\n startView: 'month',\n datepickerTogglePosition: 'suffix',\n dateInput: () => {},\n dateChange: () => {},\n monthSelected: () => {},\n yearSelected: () => {},\n },\n },\n };\n\n ngAfterViewInit() {\n super.ngAfterViewInit();\n // temporary fix for https://github.com/angular/material2/issues/6728\n (<any> this.datepickerInput)._formField = this.formField;\n\n setTimeout(() => {\n switch (this.to.datepickerOptions.datepickerTogglePosition) {\n case 'suffix':\n this.to._matSuffix = this.datepickerToggle;\n break;\n\n case 'prefix':\n this.to._matPrefix = this.datepickerToggle;\n break;\n }\n\n (<any> this.options)._markForCheck(this.field);\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\n\nimport { FormlyDatepickerTypeComponent } from './datepicker.type';\n\n@NgModule({\n declarations: [FormlyDatepickerTypeComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n MatDatepickerModule,\n\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'datepicker',\n component: FormlyDatepickerTypeComponent,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatDatepickerModule { }\n"],"names":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;;IAyCmDA,iDAAS;IApC5D;QAAA,qEAyEC;QAhCC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,iBAAiB,EAAE;oBACjB,SAAS,EAAE,OAAO;oBAClB,wBAAwB,EAAE,QAAQ;oBAClC,SAAS;;;oBAAE,eAAQ,CAAA;oBACnB,UAAU;;;oBAAE,eAAQ,CAAA;oBACpB,aAAa;;;oBAAE,eAAQ,CAAA;oBACvB,YAAY;;;oBAAE,eAAQ,CAAA;iBACvB;aACF;SACF,CAAC;;KAqBH;;;;IAnBC,uDAAe;;;IAAf;QAAA,iBAkBC;QAjBC,iBAAM,eAAe,WAAE,CAAC;;QAExB,oBAAO,IAAI,CAAC,eAAe,IAAE,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAEzD,UAAU;;;QAAC;YACT,QAAQ,KAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,wBAAwB;gBACxD,KAAK,QAAQ;oBACX,KAAI,CAAC,EAAE,CAAC,UAAU,GAAG,KAAI,CAAC,gBAAgB,CAAC;oBAC3C,MAAM;gBAER,KAAK,QAAQ;oBACX,KAAI,CAAC,EAAE,CAAC,UAAU,GAAG,KAAI,CAAC,gBAAgB,CAAC;oBAC3C,MAAM;aACT;YAED,oBAAO,KAAI,CAAC,OAAO,IAAE,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;SAChD,EAAC,CAAC;KACJ;;gBAxEF,SAAS,SAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,QAAQ,EAAE,63CAgCT;iBACF;;;mCAEE,SAAS,SAAC,QAAQ,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;kCAC1C,SAAS,SAAC,kBAAkB,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;mCACpD,SAAS,SAAC,kBAAkB;;IAkC/B,oCAAC;CAAA,CArCkD,SAAS;;;;;;ACzC5D;IAWA;KAkB0C;;gBAlBzC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,6BAA6B,CAAC;oBAC7C,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBAEnB,wBAAwB;wBACxB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE,CAAC;oCACN,IAAI,EAAE,YAAY;oCAClB,SAAS,EAAE,6BAA6B;oCACxC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB,CAAC;yBACH,CAAC;qBACH;iBACF;;IACwC,gCAAC;CAlB1C;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ngx-formly-material-datepicker.js.map","sources":["ng://@ngx-formly/material/datepicker/datepicker.type.ts","ng://@ngx-formly/material/datepicker/datepicker.module.ts"],"sourcesContent":["import { Component, ViewChild, AfterViewInit, TemplateRef } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatInput } from '@angular/material/input';\nimport { MatDatepickerInput } from '@angular/material/datepicker';\n\n@Component({\n selector: 'formly-field-mat-datepicker',\n template: `\n <input matInput\n [id]=\"id\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [formControl]=\"formControl\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"to.datepickerOptions.filter\"\n [max]=\"to.datepickerOptions.max\"\n [min]=\"to.datepickerOptions.min\"\n [formlyAttributes]=\"field\"\n [placeholder]=\"to.placeholder\"\n [tabindex]=\"to.tabindex\"\n [readonly]=\"to.readonly\"\n [required]=\"to.required\"\n (dateInput)=\"to.datepickerOptions.dateInput(field, $event)\"\n (dateChange)=\"to.datepickerOptions.dateChange(field, $event)\">\n <ng-template #datepickerToggle>\n <mat-datepicker-toggle [disabled]=\"to.disabled\" [for]=\"picker\"></mat-datepicker-toggle>\n </ng-template>\n <mat-datepicker #picker\n [color]=\"to.color\"\n [dateClass]=\"to.datepickerOptions.dateClass\"\n [disabled]=\"to.datepickerOptions.disabled\"\n [opened]=\"to.datepickerOptions.opened\"\n [panelClass]=\"to.datepickerOptions.panelClass\"\n [startAt]=\"to.datepickerOptions.startAt\"\n [startView]=\"to.datepickerOptions.startView\"\n [touchUi]=\"to.datepickerOptions.touchUi\"\n (monthSelected)=\"to.datepickerOptions.monthSelected(field, $event, picker)\"\n (yearSelected)=\"to.datepickerOptions.yearSelected(field, $event, picker)\"\n >\n </mat-datepicker>\n `,\n})\nexport class FormlyFieldDatepicker extends FieldType implements AfterViewInit {\n @ViewChild(MatInput, <any> { static: true }) formFieldControl!: MatInput;\n @ViewChild(MatDatepickerInput, <any> { static: true }) datepickerInput!: MatDatepickerInput<any>;\n @ViewChild('datepickerToggle') datepickerToggle!: TemplateRef<any>;\n\n defaultOptions = {\n templateOptions: {\n datepickerOptions: {\n startView: 'month',\n datepickerTogglePosition: 'suffix',\n dateInput: () => {},\n dateChange: () => {},\n monthSelected: () => {},\n yearSelected: () => {},\n },\n },\n };\n\n ngAfterViewInit() {\n super.ngAfterViewInit();\n // temporary fix for https://github.com/angular/material2/issues/6728\n (<any> this.datepickerInput)._formField = this.formField;\n\n setTimeout(() => {\n switch (this.to.datepickerOptions.datepickerTogglePosition) {\n case 'suffix':\n this.to._matSuffix = this.datepickerToggle;\n break;\n\n case 'prefix':\n this.to._matPrefix = this.datepickerToggle;\n break;\n }\n\n (<any> this.options)._markForCheck(this.field);\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\n\nimport { FormlyFieldDatepicker } from './datepicker.type';\n\n@NgModule({\n declarations: [FormlyFieldDatepicker],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n MatDatepickerModule,\n\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'datepicker',\n component: FormlyFieldDatepicker,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatDatepickerModule { }\n"],"names":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;;IAyC2CA,yCAAS;IApCpD;QAAA,qEAyEC;QAhCC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,iBAAiB,EAAE;oBACjB,SAAS,EAAE,OAAO;oBAClB,wBAAwB,EAAE,QAAQ;oBAClC,SAAS;;;oBAAE,eAAQ,CAAA;oBACnB,UAAU;;;oBAAE,eAAQ,CAAA;oBACpB,aAAa;;;oBAAE,eAAQ,CAAA;oBACvB,YAAY;;;oBAAE,eAAQ,CAAA;iBACvB;aACF;SACF,CAAC;;KAqBH;;;;IAnBC,+CAAe;;;IAAf;QAAA,iBAkBC;QAjBC,iBAAM,eAAe,WAAE,CAAC;;QAExB,oBAAO,IAAI,CAAC,eAAe,IAAE,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAEzD,UAAU;;;QAAC;YACT,QAAQ,KAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,wBAAwB;gBACxD,KAAK,QAAQ;oBACX,KAAI,CAAC,EAAE,CAAC,UAAU,GAAG,KAAI,CAAC,gBAAgB,CAAC;oBAC3C,MAAM;gBAER,KAAK,QAAQ;oBACX,KAAI,CAAC,EAAE,CAAC,UAAU,GAAG,KAAI,CAAC,gBAAgB,CAAC;oBAC3C,MAAM;aACT;YAED,oBAAO,KAAI,CAAC,OAAO,IAAE,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;SAChD,EAAC,CAAC;KACJ;;gBAxEF,SAAS,SAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,QAAQ,EAAE,63CAgCT;iBACF;;;mCAEE,SAAS,SAAC,QAAQ,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;kCAC1C,SAAS,SAAC,kBAAkB,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;mCACpD,SAAS,SAAC,kBAAkB;;IAkC/B,4BAAC;CAAA,CArC0C,SAAS;;;;;;ACzCpD;IAWA;KAkB0C;;gBAlBzC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBAEnB,wBAAwB;wBACxB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE,CAAC;oCACN,IAAI,EAAE,YAAY;oCAClB,SAAS,EAAE,qBAAqB;oCAChC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB,CAAC;yBACH,CAAC;qBACH;iBACF;;IACwC,gCAAC;CAlB1C;;;;;;;;;;;;;;"}
@@ -469,7 +469,7 @@ var FormlyWrapperFormField = /** @class */ (function (_super) {
469
469
  template: "\n <!-- fix https://github.com/angular/material2/pull/7083 by setting width to 100% -->\n <mat-form-field\n [hideRequiredMarker]=\"true\"\n [floatLabel]=\"to.floatLabel\"\n [appearance]=\"to.appearance\"\n [color]=\"to.color\">\n <ng-container #fieldComponent></ng-container>\n <mat-label *ngIf=\"to.label && to.hideLabel !== true\">\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\" class=\"mat-form-field-required-marker\">*</span>\n </mat-label>\n\n <ng-container matPrefix *ngIf=\"to.prefix || to._matPrefix\">\n <ng-container *ngTemplateOutlet=\"to.prefix ? to.prefix : to._matPrefix\"></ng-container>\n </ng-container>\n\n <ng-container matSuffix *ngIf=\"to.suffix || to._matSuffix\">\n <ng-container *ngTemplateOutlet=\"to.suffix ? to.suffix : to._matSuffix\"></ng-container>\n </ng-container>\n\n <mat-error>\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </mat-error>\n <!-- fix https://github.com/angular/material2/issues/7737 by setting id to null -->\n <mat-hint *ngIf=\"to.description\" [id]=\"null\">{{ to.description }}</mat-hint>\n </mat-form-field>\n ",
470
470
  providers: [{ provide: MatFormFieldControl, useExisting: FormlyWrapperFormField }],
471
471
  encapsulation: ViewEncapsulation.None,
472
- styles: ["formly-wrapper-mat-form-field .mat-form-field{width:100%}formly-wrapper-mat-form-field .mat-form-field-subscript-wrapper,formly-wrapper-mat-form-field .mat-form-field-underline{position:static}"]
472
+ styles: ["formly-wrapper-mat-form-field .mat-form-field{width:100%}"]
473
473
  }] }
474
474
  ];
475
475
  /** @nocollapse */
@@ -79,7 +79,10 @@ var FormlyFieldMultiCheckbox = /** @class */ (function (_super) {
79
79
  FormlyFieldMultiCheckbox.decorators = [
80
80
  { type: Component, args: [{
81
81
  selector: 'formly-field-mat-multicheckbox',
82
- 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 "
82
+ 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 ",
83
+ host: {
84
+ '[id]': 'id',
85
+ }
83
86
  }] }
84
87
  ];
85
88
  FormlyFieldMultiCheckbox.propDecorators = {
@@ -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 { MatSlider, MatSliderModule } from '@angular/material/slider';
10
10
  * @fileoverview added by tsickle
11
11
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
12
12
  */
13
- var FormlySliderTypeComponent = /** @class */ (function (_super) {
14
- __extends(FormlySliderTypeComponent, _super);
15
- function FormlySliderTypeComponent() {
13
+ var FormlyFieldSlider = /** @class */ (function (_super) {
14
+ __extends(FormlyFieldSlider, _super);
15
+ function FormlyFieldSlider() {
16
16
  var _this = _super !== null && _super.apply(this, arguments) || this;
17
17
  _this.defaultOptions = {
18
18
  templateOptions: {
@@ -27,7 +27,7 @@ var FormlySliderTypeComponent = /** @class */ (function (_super) {
27
27
  * @param {?} event
28
28
  * @return {?}
29
29
  */
30
- FormlySliderTypeComponent.prototype.onContainerClick = /**
30
+ FormlyFieldSlider.prototype.onContainerClick = /**
31
31
  * @param {?} event
32
32
  * @return {?}
33
33
  */
@@ -35,16 +35,16 @@ var FormlySliderTypeComponent = /** @class */ (function (_super) {
35
35
  this.slider.focus();
36
36
  _super.prototype.onContainerClick.call(this, event);
37
37
  };
38
- FormlySliderTypeComponent.decorators = [
38
+ FormlyFieldSlider.decorators = [
39
39
  { type: Component, args: [{
40
40
  selector: 'formly-field-mat-slider',
41
41
  template: "\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n "
42
42
  }] }
43
43
  ];
44
- FormlySliderTypeComponent.propDecorators = {
44
+ FormlyFieldSlider.propDecorators = {
45
45
  slider: [{ type: ViewChild, args: [MatSlider,] }]
46
46
  };
47
- return FormlySliderTypeComponent;
47
+ return FormlyFieldSlider;
48
48
  }(FieldType));
49
49
 
50
50
  /**
@@ -56,7 +56,7 @@ var FormlyMatSliderModule = /** @class */ (function () {
56
56
  }
57
57
  FormlyMatSliderModule.decorators = [
58
58
  { type: NgModule, args: [{
59
- declarations: [FormlySliderTypeComponent],
59
+ declarations: [FormlyFieldSlider],
60
60
  imports: [
61
61
  CommonModule,
62
62
  ReactiveFormsModule,
@@ -65,7 +65,7 @@ var FormlyMatSliderModule = /** @class */ (function () {
65
65
  FormlyModule.forChild({
66
66
  types: [{
67
67
  name: 'slider',
68
- component: FormlySliderTypeComponent,
68
+ component: FormlyFieldSlider,
69
69
  wrappers: ['form-field'],
70
70
  }],
71
71
  }),
@@ -85,6 +85,6 @@ var FormlyMatSliderModule = /** @class */ (function () {
85
85
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
86
86
  */
87
87
 
88
- export { FormlyMatSliderModule, FormlySliderTypeComponent as ɵa };
88
+ export { FormlyMatSliderModule, FormlyFieldSlider };
89
89
 
90
90
  //# sourceMappingURL=ngx-formly-material-slider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ngx-formly-material-slider.js.map","sources":["ng://@ngx-formly/material/slider/slider.type.ts","ng://@ngx-formly/material/slider/slider.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlider } from '@angular/material/slider';\n\n@Component({\n selector: 'formly-field-mat-slider',\n template: `\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n `,\n})\nexport class FormlySliderTypeComponent extends FieldType {\n @ViewChild(MatSlider) slider!: MatSlider;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n thumbLabel: false,\n },\n };\n\n onContainerClick(event: MouseEvent): void {\n this.slider.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 { MatSliderModule } from '@angular/material/slider';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlySliderTypeComponent } from './slider.type';\n\n@NgModule({\n declarations: [FormlySliderTypeComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSliderModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'slider',\n component: FormlySliderTypeComponent,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatSliderModule { }\n"],"names":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;IAqB+CA,6CAAS;IAjBxD;QAAA,qEA+BC;QAZC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,KAAK;aAClB;SACF,CAAC;;KAMH;;;;;IAJC,oDAAgB;;;;IAAhB,UAAiB,KAAiB;QAChC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,iBAAM,gBAAgB,YAAC,KAAK,CAAC,CAAC;KAC/B;;gBA9BF,SAAS,SAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE,qVAaT;iBACF;;;yBAEE,SAAS,SAAC,SAAS;;IAatB,gCAAC;CAAA,CAd8C,SAAS;;;;;;ACrBxD;IASA;KAgBsC;;gBAhBrC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,eAAe;wBACf,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-slider.js.map","sources":["ng://@ngx-formly/material/slider/slider.type.ts","ng://@ngx-formly/material/slider/slider.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlider } from '@angular/material/slider';\n\n@Component({\n selector: 'formly-field-mat-slider',\n template: `\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n `,\n})\nexport class FormlyFieldSlider extends FieldType {\n @ViewChild(MatSlider) slider!: MatSlider;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n thumbLabel: false,\n },\n };\n\n onContainerClick(event: MouseEvent): void {\n this.slider.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 { MatSliderModule } from '@angular/material/slider';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlyFieldSlider } from './slider.type';\n\n@NgModule({\n declarations: [FormlyFieldSlider],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSliderModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'slider',\n component: FormlyFieldSlider,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatSliderModule { }\n"],"names":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;IAqBuCA,qCAAS;IAjBhD;QAAA,qEA+BC;QAZC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,KAAK;aAClB;SACF,CAAC;;KAMH;;;;;IAJC,4CAAgB;;;;IAAhB,UAAiB,KAAiB;QAChC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,iBAAM,gBAAgB,YAAC,KAAK,CAAC,CAAC;KAC/B;;gBA9BF,SAAS,SAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE,qVAaT;iBACF;;;yBAEE,SAAS,SAAC,SAAS;;IAatB,wBAAC;CAAA,CAdsC,SAAS;;;;;;ACrBhD;IASA;KAgBsC;;gBAhBrC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,eAAe;wBACf,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;;;;;;;;;;;;;;"}
@@ -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":{"FormlyMatFormFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":12,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":13,"character":4},"member":"forChild"},"arguments":[{"wrappers":[{"name":"form-field","component":{"__symbolic":"reference","name":"ɵa"}}]}]}]}]}],"members":{}},"FieldType":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":6,"character":89},"members":{"matPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":7,"character":3},"arguments":["matPrefix"]}]}],"matSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":8,"character":3},"arguments":["matSuffix"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldWrapper","line":46,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"formly-wrapper-mat-form-field","template":"\n <!-- fix https://github.com/angular/material2/pull/7083 by setting width to 100% -->\n <mat-form-field\n [hideRequiredMarker]=\"true\"\n [floatLabel]=\"to.floatLabel\"\n [appearance]=\"to.appearance\"\n [color]=\"to.color\">\n <ng-container #fieldComponent></ng-container>\n <mat-label *ngIf=\"to.label && to.hideLabel !== true\">\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\" class=\"mat-form-field-required-marker\">*</span>\n </mat-label>\n\n <ng-container matPrefix *ngIf=\"to.prefix || to._matPrefix\">\n <ng-container *ngTemplateOutlet=\"to.prefix ? to.prefix : to._matPrefix\"></ng-container>\n </ng-container>\n\n <ng-container matSuffix *ngIf=\"to.suffix || to._matSuffix\">\n <ng-container *ngTemplateOutlet=\"to.suffix ? to.suffix : to._matSuffix\"></ng-container>\n </ng-container>\n\n <mat-error>\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </mat-error>\n <!-- fix https://github.com/angular/material2/issues/7737 by setting id to null -->\n <mat-hint *ngIf=\"to.description\" [id]=\"null\">{{ to.description }}</mat-hint>\n </mat-form-field>\n ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldControl","line":42,"character":25},"useExisting":{"__symbolic":"reference","name":"ɵa"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":44,"character":17},"member":"None"},"styles":["formly-wrapper-mat-form-field .mat-form-field{width:100%}formly-wrapper-mat-form-field .mat-form-field-subscript-wrapper,formly-wrapper-mat-form-field .mat-form-field-underline{position:static}"]}]}],"members":{"fieldComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":["fieldComponent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":48,"character":44},"static":true}]}]}],"formField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":51,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyConfig","line":58,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":59,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":60,"character":24},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":61,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatFormFieldModule":"./form-field.module","FieldType":"./field.type","ɵa":"./form-field.wrapper"},"importAs":"@ngx-formly/material/form-field"}
1
+ {"__symbolic":"module","version":4,"metadata":{"FormlyMatFormFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":12,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":13,"character":4},"member":"forChild"},"arguments":[{"wrappers":[{"name":"form-field","component":{"__symbolic":"reference","name":"ɵa"}}]}]}]}]}],"members":{}},"FieldType":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":6,"character":89},"members":{"matPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":7,"character":3},"arguments":["matPrefix"]}]}],"matSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":8,"character":3},"arguments":["matSuffix"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldWrapper","line":46,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"formly-wrapper-mat-form-field","template":"\n <!-- fix https://github.com/angular/material2/pull/7083 by setting width to 100% -->\n <mat-form-field\n [hideRequiredMarker]=\"true\"\n [floatLabel]=\"to.floatLabel\"\n [appearance]=\"to.appearance\"\n [color]=\"to.color\">\n <ng-container #fieldComponent></ng-container>\n <mat-label *ngIf=\"to.label && to.hideLabel !== true\">\n {{ to.label }}\n <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\" class=\"mat-form-field-required-marker\">*</span>\n </mat-label>\n\n <ng-container matPrefix *ngIf=\"to.prefix || to._matPrefix\">\n <ng-container *ngTemplateOutlet=\"to.prefix ? to.prefix : to._matPrefix\"></ng-container>\n </ng-container>\n\n <ng-container matSuffix *ngIf=\"to.suffix || to._matSuffix\">\n <ng-container *ngTemplateOutlet=\"to.suffix ? to.suffix : to._matSuffix\"></ng-container>\n </ng-container>\n\n <mat-error>\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n </mat-error>\n <!-- fix https://github.com/angular/material2/issues/7737 by setting id to null -->\n <mat-hint *ngIf=\"to.description\" [id]=\"null\">{{ to.description }}</mat-hint>\n </mat-form-field>\n ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldControl","line":42,"character":25},"useExisting":{"__symbolic":"reference","name":"ɵa"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":44,"character":17},"member":"None"},"styles":["formly-wrapper-mat-form-field .mat-form-field{width:100%}"]}]}],"members":{"fieldComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":["fieldComponent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":48,"character":44},"static":true}]}]}],"formField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":51,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyConfig","line":58,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":59,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":60,"character":24},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":61,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatFormFieldModule":"./form-field.module","FieldType":"./field.type","ɵa":"./form-field.wrapper"},"importAs":"@ngx-formly/material/form-field"}
@@ -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.26",
3
+ "version": "5.10.30",
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",
26
+ "@ngx-formly/core": "5.10.30",
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 { FormlySliderTypeComponent as ɵa } from './slider.type';
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"FormlyMatSliderModule":{"__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/slider","name":"MatSliderModule","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":"slider","component":{"__symbolic":"reference","name":"ɵa"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":21,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"formly-field-mat-slider","template":"\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n "}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSlider","line":22,"character":13}]}]}],"onContainerClick":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatSliderModule":"./slider.module","ɵa":"./slider.type"},"importAs":"@ngx-formly/material/slider"}
1
+ {"__symbolic":"module","version":4,"metadata":{"FormlyMatSliderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormlyFieldSlider"}],"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/slider","name":"MatSliderModule","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":"slider","component":{"__symbolic":"reference","name":"FormlyFieldSlider"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"FormlyFieldSlider":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":21,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"formly-field-mat-slider","template":"\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n "}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSlider","line":22,"character":13}]}]}],"onContainerClick":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatSliderModule":"./slider.module","FormlyFieldSlider":"./slider.type"},"importAs":"@ngx-formly/material/slider"}
@@ -1 +1,2 @@
1
1
  export { FormlyMatSliderModule } from './slider.module';
2
+ export { FormlyFieldSlider } from './slider.type';
@@ -1,6 +1,6 @@
1
1
  import { FieldType } from '@ngx-formly/material/form-field';
2
2
  import { MatSlider } from '@angular/material/slider';
3
- export declare class FormlySliderTypeComponent extends FieldType {
3
+ export declare class FormlyFieldSlider extends FieldType {
4
4
  slider: MatSlider;
5
5
  defaultOptions: {
6
6
  templateOptions: {
@@ -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: {