@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.
- package/README.md +10 -8
- package/bundles/ngx-formly-material-datepicker.umd.js +10 -10
- package/bundles/ngx-formly-material-datepicker.umd.js.map +1 -1
- package/bundles/ngx-formly-material-datepicker.umd.min.js +1 -1
- package/bundles/ngx-formly-material-datepicker.umd.min.js.map +1 -1
- package/bundles/ngx-formly-material-form-field.umd.js +1 -1
- package/bundles/ngx-formly-material-form-field.umd.min.js +1 -1
- package/bundles/ngx-formly-material-form-field.umd.min.js.map +1 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.js +4 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.js.map +1 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.min.js +1 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.min.js.map +1 -1
- package/bundles/ngx-formly-material-slider.umd.js +10 -10
- package/bundles/ngx-formly-material-slider.umd.js.map +1 -1
- package/bundles/ngx-formly-material-slider.umd.min.js +1 -1
- package/bundles/ngx-formly-material-slider.umd.min.js.map +1 -1
- package/bundles/ngx-formly-material-toggle.umd.js +10 -10
- package/bundles/ngx-formly-material-toggle.umd.js.map +1 -1
- package/bundles/ngx-formly-material-toggle.umd.min.js +1 -1
- package/bundles/ngx-formly-material-toggle.umd.min.js.map +1 -1
- package/datepicker/datepicker.type.d.ts +1 -1
- package/datepicker/ngx-formly-material-datepicker.d.ts +0 -1
- package/datepicker/ngx-formly-material-datepicker.metadata.json +1 -1
- package/datepicker/public_api.d.ts +1 -0
- package/esm2015/datepicker/datepicker.module.js +4 -4
- package/esm2015/datepicker/datepicker.type.js +8 -8
- package/esm2015/datepicker/ngx-formly-material-datepicker.js +2 -3
- package/esm2015/datepicker/public_api.js +2 -1
- package/esm2015/form-field/form-field.wrapper.js +1 -1
- package/esm2015/multicheckbox/multicheckbox.type.js +5 -2
- package/esm2015/slider/ngx-formly-material-slider.js +2 -3
- package/esm2015/slider/public_api.js +2 -1
- package/esm2015/slider/slider.module.js +4 -4
- package/esm2015/slider/slider.type.js +6 -6
- package/esm2015/toggle/ngx-formly-material-toggle.js +2 -3
- package/esm2015/toggle/public_api.js +2 -1
- package/esm2015/toggle/toggle.module.js +4 -4
- package/esm2015/toggle/toggle.type.js +6 -6
- package/esm5/datepicker/datepicker.module.js +4 -4
- package/esm5/datepicker/datepicker.type.js +13 -13
- package/esm5/datepicker/ngx-formly-material-datepicker.js +2 -3
- package/esm5/datepicker/public_api.js +2 -1
- package/esm5/form-field/form-field.wrapper.js +1 -1
- package/esm5/multicheckbox/multicheckbox.type.js +5 -2
- package/esm5/slider/ngx-formly-material-slider.js +2 -3
- package/esm5/slider/public_api.js +2 -1
- package/esm5/slider/slider.module.js +4 -4
- package/esm5/slider/slider.type.js +11 -11
- package/esm5/toggle/ngx-formly-material-toggle.js +2 -3
- package/esm5/toggle/public_api.js +2 -1
- package/esm5/toggle/toggle.module.js +4 -4
- package/esm5/toggle/toggle.type.js +11 -11
- package/fesm2015/ngx-formly-material-datepicker.js +6 -6
- package/fesm2015/ngx-formly-material-datepicker.js.map +1 -1
- package/fesm2015/ngx-formly-material-form-field.js +1 -1
- package/fesm2015/ngx-formly-material-multicheckbox.js +4 -1
- package/fesm2015/ngx-formly-material-multicheckbox.js.map +1 -1
- package/fesm2015/ngx-formly-material-slider.js +6 -6
- package/fesm2015/ngx-formly-material-slider.js.map +1 -1
- package/fesm2015/ngx-formly-material-toggle.js +6 -6
- package/fesm2015/ngx-formly-material-toggle.js.map +1 -1
- package/fesm5/ngx-formly-material-datepicker.js +10 -10
- package/fesm5/ngx-formly-material-datepicker.js.map +1 -1
- package/fesm5/ngx-formly-material-form-field.js +1 -1
- package/fesm5/ngx-formly-material-multicheckbox.js +4 -1
- package/fesm5/ngx-formly-material-multicheckbox.js.map +1 -1
- package/fesm5/ngx-formly-material-slider.js +10 -10
- package/fesm5/ngx-formly-material-slider.js.map +1 -1
- package/fesm5/ngx-formly-material-toggle.js +10 -10
- package/fesm5/ngx-formly-material-toggle.js.map +1 -1
- package/form-field/ngx-formly-material-form-field.metadata.json +1 -1
- package/multicheckbox/ngx-formly-material-multicheckbox.metadata.json +1 -1
- package/package.json +2 -2
- package/slider/ngx-formly-material-slider.d.ts +0 -1
- package/slider/ngx-formly-material-slider.metadata.json +1 -1
- package/slider/public_api.d.ts +1 -0
- package/slider/slider.type.d.ts +1 -1
- package/toggle/ngx-formly-material-toggle.d.ts +0 -1
- package/toggle/ngx-formly-material-toggle.metadata.json +1 -1
- package/toggle/public_api.d.ts +1 -0
- package/toggle/toggle.type.d.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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: [
|
|
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:
|
|
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,
|
|
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
|
|
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
|
|
15
|
-
__extends(
|
|
16
|
-
function
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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: [
|
|
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:
|
|
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,
|
|
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
|
|
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%}
|
|
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":";;;;;;;;;;;;;;
|
|
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
|
|
14
|
-
__extends(
|
|
15
|
-
function
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
44
|
+
FormlyFieldSlider.propDecorators = {
|
|
45
45
|
slider: [{ type: ViewChild, args: [MatSlider,] }]
|
|
46
46
|
};
|
|
47
|
-
return
|
|
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: [
|
|
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:
|
|
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,
|
|
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
|
|
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
|
|
14
|
-
__extends(
|
|
15
|
-
function
|
|
13
|
+
var FormlyFieldToggle = /** @class */ (function (_super) {
|
|
14
|
+
__extends(FormlyFieldToggle, _super);
|
|
15
|
+
function FormlyFieldToggle() {
|
|
16
16
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
17
17
|
_this.defaultOptions = {
|
|
18
18
|
templateOptions: {
|
|
@@ -27,7 +27,7 @@ var FormlyToggleTypeComponent = /** @class */ (function (_super) {
|
|
|
27
27
|
* @param {?} event
|
|
28
28
|
* @return {?}
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
FormlyFieldToggle.prototype.onContainerClick = /**
|
|
31
31
|
* @param {?} event
|
|
32
32
|
* @return {?}
|
|
33
33
|
*/
|
|
@@ -35,16 +35,16 @@ var FormlyToggleTypeComponent = /** @class */ (function (_super) {
|
|
|
35
35
|
this.slideToggle.focus();
|
|
36
36
|
_super.prototype.onContainerClick.call(this, event);
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
FormlyFieldToggle.decorators = [
|
|
39
39
|
{ type: Component, args: [{
|
|
40
40
|
selector: 'formly-field-mat-toggle',
|
|
41
41
|
template: "\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n "
|
|
42
42
|
}] }
|
|
43
43
|
];
|
|
44
|
-
|
|
44
|
+
FormlyFieldToggle.propDecorators = {
|
|
45
45
|
slideToggle: [{ type: ViewChild, args: [MatSlideToggle,] }]
|
|
46
46
|
};
|
|
47
|
-
return
|
|
47
|
+
return FormlyFieldToggle;
|
|
48
48
|
}(FieldType));
|
|
49
49
|
|
|
50
50
|
/**
|
|
@@ -56,7 +56,7 @@ var FormlyMatToggleModule = /** @class */ (function () {
|
|
|
56
56
|
}
|
|
57
57
|
FormlyMatToggleModule.decorators = [
|
|
58
58
|
{ type: NgModule, args: [{
|
|
59
|
-
declarations: [
|
|
59
|
+
declarations: [FormlyFieldToggle],
|
|
60
60
|
imports: [
|
|
61
61
|
CommonModule,
|
|
62
62
|
ReactiveFormsModule,
|
|
@@ -65,7 +65,7 @@ var FormlyMatToggleModule = /** @class */ (function () {
|
|
|
65
65
|
FormlyModule.forChild({
|
|
66
66
|
types: [{
|
|
67
67
|
name: 'toggle',
|
|
68
|
-
component:
|
|
68
|
+
component: FormlyFieldToggle,
|
|
69
69
|
wrappers: ['form-field'],
|
|
70
70
|
}],
|
|
71
71
|
}),
|
|
@@ -85,6 +85,6 @@ var FormlyMatToggleModule = /** @class */ (function () {
|
|
|
85
85
|
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
86
86
|
*/
|
|
87
87
|
|
|
88
|
-
export { FormlyMatToggleModule,
|
|
88
|
+
export { FormlyMatToggleModule, FormlyFieldToggle };
|
|
89
89
|
|
|
90
90
|
//# sourceMappingURL=ngx-formly-material-toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-toggle.js.map","sources":["ng://@ngx-formly/material/toggle/toggle.type.ts","ng://@ngx-formly/material/toggle/toggle.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\n\n@Component({\n selector: 'formly-field-mat-toggle',\n template: `\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n `,\n})\nexport class
|
|
1
|
+
{"version":3,"file":"ngx-formly-material-toggle.js.map","sources":["ng://@ngx-formly/material/toggle/toggle.type.ts","ng://@ngx-formly/material/toggle/toggle.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\n\n@Component({\n selector: 'formly-field-mat-toggle',\n template: `\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n `,\n})\nexport class FormlyFieldToggle extends FieldType {\n @ViewChild(MatSlideToggle) slideToggle!: MatSlideToggle;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n hideLabel: true,\n },\n };\n\n onContainerClick(event: MouseEvent): void {\n this.slideToggle.focus();\n super.onContainerClick(event);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlyFieldToggle } from './toggle.type';\n\n@NgModule({\n declarations: [FormlyFieldToggle],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSlideToggleModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'toggle',\n component: FormlyFieldToggle,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatToggleModule { }\n"],"names":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;IAkBuCA,qCAAS;IAdhD;QAAA,qEA4BC;QAZC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,IAAI;aAChB;SACF,CAAC;;KAMH;;;;;IAJC,4CAAgB;;;;IAAhB,UAAiB,KAAiB;QAChC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,iBAAM,gBAAgB,YAAC,KAAK,CAAC,CAAC;KAC/B;;gBA3BF,SAAS,SAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE,yQAUT;iBACF;;;8BAEE,SAAS,SAAC,cAAc;;IAa3B,wBAAC;CAAA,CAdsC,SAAS;;;;;;AClBhD;IASA;KAgBsC;;gBAhBrC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,oBAAoB;wBACpB,wBAAwB;wBACxB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE,CAAC;oCACN,IAAI,EAAE,QAAQ;oCACd,SAAS,EAAE,iBAAiB;oCAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB,CAAC;yBACH,CAAC;qBACH;iBACF;;IACoC,4BAAC;CAhBtC;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"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%}
|
|
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":
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"FormlyMatMultiCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":16,"character":4},{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FormlyMatFormFieldModule","line":18,"character":4},{"__symbolic":"reference","module":"@ngx-formly/core/select","name":"FormlySelectModule","line":19,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":20,"character":4},"member":"forChild"},"arguments":[{"types":[{"name":"multicheckbox","component":{"__symbolic":"reference","name":"FormlyFieldMultiCheckbox"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"FormlyFieldMultiCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"formly-field-mat-multicheckbox","template":"\n <ng-container *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\">\n <mat-checkbox\n [id]=\"id + '_' + i\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [labelPosition]=\"to.labelPosition\"\n [checked]=\"isChecked(option)\"\n [disabled]=\"formControl.disabled\"\n (change)=\"onChange(option.value, $event.checked)\">\n {{ option.label }}\n </mat-checkbox>\n </ng-container>\n ","host":{"[id]":"id","$quoted$":["[id]"]}}]}],"members":{"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckbox","line":26,"character":16}]}]}],"onChange":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatMultiCheckboxModule":"./multicheckbox.module","FormlyFieldMultiCheckbox":"./multicheckbox.type"},"importAs":"@ngx-formly/material/multicheckbox"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ngx-formly/material",
|
|
3
|
-
"version": "5.10.
|
|
3
|
+
"version": "5.10.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
|
+
"@ngx-formly/core": "5.10.30",
|
|
27
27
|
"@angular/material": ">=7.0.0"
|
|
28
28
|
},
|
|
29
29
|
"main": "bundles/ngx-formly-material.umd.js",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"FormlyMatSliderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"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"}
|
package/slider/public_api.d.ts
CHANGED
package/slider/slider.type.d.ts
CHANGED
|
@@ -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
|
|
3
|
+
export declare class FormlyFieldSlider extends FieldType {
|
|
4
4
|
slider: MatSlider;
|
|
5
5
|
defaultOptions: {
|
|
6
6
|
templateOptions: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"FormlyMatToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"FormlyMatToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormlyFieldToggle"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":14,"character":4},{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FormlyMatFormFieldModule","line":15,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":16,"character":4},"member":"forChild"},"arguments":[{"types":[{"name":"toggle","component":{"__symbolic":"reference","name":"FormlyFieldToggle"},"wrappers":["form-field"]}]}]}]}]}],"members":{}},"FormlyFieldToggle":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/material/form-field","name":"FieldType","line":18,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"formly-field-mat-toggle","template":"\n <mat-slide-toggle\n [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [color]=\"to.color\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\">\n {{ to.label }}\n </mat-slide-toggle>\n "}]}],"members":{"slideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggle","line":19,"character":13}]}]}],"onContainerClick":[{"__symbolic":"method"}]}}},"origins":{"FormlyMatToggleModule":"./toggle.module","FormlyFieldToggle":"./toggle.type"},"importAs":"@ngx-formly/material/toggle"}
|
package/toggle/public_api.d.ts
CHANGED
package/toggle/toggle.type.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FieldType } from '@ngx-formly/material/form-field';
|
|
2
2
|
import { MatSlideToggle } from '@angular/material/slide-toggle';
|
|
3
|
-
export declare class
|
|
3
|
+
export declare class FormlyFieldToggle extends FieldType {
|
|
4
4
|
slideToggle: MatSlideToggle;
|
|
5
5
|
defaultOptions: {
|
|
6
6
|
templateOptions: {
|