@ngx-formly/material 5.10.32 → 5.11.1

package/fesm5/ngx-formly-material-datepicker.js.map

@@ -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 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;;;;;;;;;;;;;;"}
+{"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, OnDestroy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatInput } from '@angular/material/input';\nimport { MatDatepickerInput } from '@angular/material/datepicker';\nimport { FormlyConfig, ɵwrapProperty as wrapProperty } from '@ngx-formly/core';\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, OnDestroy {\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  private fieldErrorsObserver!: Function;\n\n  constructor(private config: FormlyConfig) {\n    super();\n  }\n\n  ngAfterViewInit() {\n    super.ngAfterViewInit();\n\n    // temporary fix for https://github.com/angular/components/issues/16761\n    if (this.config.getValidatorMessage('matDatepickerParse')) {\n      wrapProperty(this.field.formControl, 'errors', ({ currentValue }) => {\n        if (currentValue.required && currentValue.matDatepickerParse) {\n          const errors = Object.keys(currentValue)\n            .sort(prop => prop === 'matDatepickerParse' ? -1 : 0)\n            .reduce((errors, prop) => ({ ...errors, [prop]: currentValue[prop] }), {});\n          (this.field.formControl as any)['___$errors'] = errors;\n        }\n      });\n    }\n\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  ngOnDestroy() {\n    this.fieldErrorsObserver && this.fieldErrorsObserver();\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","wrapProperty"],"mappings":"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"}

package/fesm5/ngx-formly-material-multicheckbox.js

@@ -79,7 +79,7 @@ var FormlyFieldMultiCheckbox = /** @class */ (function (_super) {
     FormlyFieldMultiCheckbox.decorators = [
         { type: Component, args: [{
                     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  ",
+                    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 || option.disabled\"\n        (change)=\"onChange(option.value, $event.checked)\">\n          {{ option.label }}\n      </mat-checkbox>\n    </ng-container>\n  ",
                     host: {
                         '[id]': 'id',
                     }

package/fesm5/ngx-formly-material-multicheckbox.js.map

@@ -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  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;;;;;;;;;;;;;;"}
+{"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 || option.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,6iBAcT;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;;;;;;;;;;;;;;"}

package/multicheckbox/ngx-formly-material-multicheckbox.metadata.json

@@ -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":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"}
+{"__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 || option.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

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-formly/material",
-  "version": "5.10.32",
+  "version": "5.11.1",
   "license": "MIT",
   "homepage": "https://github.com/ngx-formly/ngx-formly#readme",
   "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 @@
     "url": "https://github.com/ngx-formly/ngx-formly/issues"
   },
   "peerDependencies": {
-    "@ngx-formly/core": "5.10.32",
+    "@ngx-formly/core": "5.11.1",
     "@angular/material": ">=7.0.0"
   },
   "main": "bundles/ngx-formly-material.umd.js",