@ngx-formly/material 5.10.22 → 6.0.0-next.2
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 +4 -2
- package/checkbox/checkbox.module.d.ts +10 -0
- package/checkbox/checkbox.type.d.ts +5 -2
- package/checkbox/ngx-formly-material-checkbox.d.ts +1 -0
- package/checkbox/package.json +6 -9
- package/datepicker/datepicker.module.d.ts +11 -0
- package/datepicker/datepicker.type.d.ts +4 -4
- package/datepicker/ngx-formly-material-datepicker.d.ts +1 -1
- package/datepicker/package.json +6 -9
- package/esm2020/checkbox/checkbox.module.mjs +61 -0
- package/esm2020/checkbox/checkbox.type.mjs +109 -0
- package/esm2020/checkbox/ngx-formly-material-checkbox.mjs +5 -0
- package/esm2020/checkbox/public_api.mjs +3 -0
- package/esm2020/datepicker/datepicker.module.mjs +57 -0
- package/esm2020/datepicker/datepicker.type.mjs +117 -0
- package/esm2020/datepicker/ngx-formly-material-datepicker.mjs +5 -0
- package/esm2020/datepicker/public_api.mjs +2 -0
- package/esm2020/form-field/field.type.mjs +124 -0
- package/esm2020/form-field/form-field.module.mjs +47 -0
- package/esm2020/form-field/form-field.wrapper.mjs +141 -0
- package/esm2020/form-field/ngx-formly-material-form-field.mjs +5 -0
- package/esm2020/form-field/public_api.mjs +3 -0
- package/esm2020/input/input.module.mjs +91 -0
- package/esm2020/input/input.type.mjs +79 -0
- package/esm2020/input/ngx-formly-material-input.mjs +5 -0
- package/esm2020/input/public_api.mjs +3 -0
- package/esm2020/lib/ui-material.mjs +3 -0
- package/esm2020/lib/ui-material.module.mjs +43 -0
- package/esm2020/multicheckbox/multicheckbox.module.mjs +57 -0
- package/esm2020/multicheckbox/multicheckbox.type.mjs +82 -0
- package/esm2020/multicheckbox/ngx-formly-material-multicheckbox.mjs +5 -0
- package/esm2020/multicheckbox/public_api.mjs +3 -0
- package/esm2020/native-select/native-select.module.mjs +57 -0
- package/esm2020/native-select/native-select.type.mjs +97 -0
- package/esm2020/native-select/ngx-formly-material-native-select.mjs +5 -0
- package/esm2020/native-select/public_api.mjs +3 -0
- package/esm2020/ngx-formly-material.mjs +5 -0
- package/esm2020/public_api.mjs +5 -0
- package/esm2020/radio/ngx-formly-material-radio.mjs +5 -0
- package/esm2020/radio/public_api.mjs +3 -0
- package/esm2020/radio/radio.module.mjs +57 -0
- package/esm2020/radio/radio.type.mjs +89 -0
- package/esm2020/select/ngx-formly-material-select.mjs +5 -0
- package/esm2020/select/public_api.mjs +3 -0
- package/esm2020/select/select.module.mjs +63 -0
- package/esm2020/select/select.type.mjs +151 -0
- package/esm2020/slider/ngx-formly-material-slider.mjs +5 -0
- package/esm2020/slider/public_api.mjs +2 -0
- package/esm2020/slider/slider.module.mjs +53 -0
- package/esm2020/slider/slider.type.mjs +79 -0
- package/esm2020/textarea/ngx-formly-material-textarea.mjs +5 -0
- package/esm2020/textarea/public_api.mjs +3 -0
- package/esm2020/textarea/textarea.module.mjs +53 -0
- package/esm2020/textarea/textarea.type.mjs +77 -0
- package/esm2020/toggle/ngx-formly-material-toggle.mjs +5 -0
- package/esm2020/toggle/public_api.mjs +2 -0
- package/esm2020/toggle/toggle.module.mjs +53 -0
- package/esm2020/toggle/toggle.type.mjs +61 -0
- package/fesm2015/ngx-formly-material-checkbox.mjs +171 -0
- package/fesm2015/ngx-formly-material-checkbox.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-datepicker.mjs +177 -0
- package/fesm2015/ngx-formly-material-datepicker.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-form-field.mjs +312 -0
- package/fesm2015/ngx-formly-material-form-field.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-input.mjs +172 -0
- package/fesm2015/ngx-formly-material-input.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-multicheckbox.mjs +140 -0
- package/fesm2015/ngx-formly-material-multicheckbox.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-native-select.mjs +156 -0
- package/fesm2015/ngx-formly-material-native-select.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-radio.mjs +146 -0
- package/fesm2015/ngx-formly-material-radio.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-select.mjs +219 -0
- package/fesm2015/ngx-formly-material-select.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-slider.mjs +133 -0
- package/fesm2015/ngx-formly-material-slider.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-textarea.mjs +131 -0
- package/fesm2015/ngx-formly-material-textarea.mjs.map +1 -0
- package/fesm2015/ngx-formly-material-toggle.mjs +115 -0
- package/fesm2015/ngx-formly-material-toggle.mjs.map +1 -0
- package/fesm2015/ngx-formly-material.mjs +55 -0
- package/fesm2015/ngx-formly-material.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-checkbox.mjs +171 -0
- package/fesm2020/ngx-formly-material-checkbox.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-datepicker.mjs +176 -0
- package/fesm2020/ngx-formly-material-datepicker.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-form-field.mjs +309 -0
- package/fesm2020/ngx-formly-material-form-field.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-input.mjs +172 -0
- package/fesm2020/ngx-formly-material-input.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-multicheckbox.mjs +140 -0
- package/fesm2020/ngx-formly-material-multicheckbox.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-native-select.mjs +156 -0
- package/fesm2020/ngx-formly-material-native-select.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-radio.mjs +146 -0
- package/fesm2020/ngx-formly-material-radio.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-select.mjs +216 -0
- package/fesm2020/ngx-formly-material-select.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-slider.mjs +133 -0
- package/fesm2020/ngx-formly-material-slider.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-textarea.mjs +131 -0
- package/fesm2020/ngx-formly-material-textarea.mjs.map +1 -0
- package/fesm2020/ngx-formly-material-toggle.mjs +115 -0
- package/fesm2020/ngx-formly-material-toggle.mjs.map +1 -0
- package/fesm2020/ngx-formly-material.mjs +55 -0
- package/fesm2020/ngx-formly-material.mjs.map +1 -0
- package/form-field/field.type.d.ts +23 -17
- package/form-field/form-field.module.d.ts +9 -0
- package/form-field/form-field.wrapper.d.ts +26 -27
- package/form-field/ngx-formly-material-form-field.d.ts +1 -1
- package/form-field/package.json +6 -9
- package/form-field/public_api.d.ts +1 -0
- package/input/input.module.d.ts +10 -0
- package/input/input.type.d.ts +4 -3
- package/input/ngx-formly-material-input.d.ts +1 -0
- package/input/package.json +6 -9
- package/lib/ui-material.module.d.ts +11 -0
- package/multicheckbox/multicheckbox.module.d.ts +11 -0
- package/multicheckbox/multicheckbox.type.d.ts +5 -2
- package/multicheckbox/ngx-formly-material-multicheckbox.d.ts +1 -0
- package/multicheckbox/package.json +6 -9
- package/native-select/native-select.module.d.ts +11 -0
- package/native-select/native-select.type.d.ts +3 -2
- package/native-select/ngx-formly-material-native-select.d.ts +1 -0
- package/native-select/package.json +6 -9
- package/ngx-formly-material.d.ts +1 -0
- package/package.json +118 -31
- package/radio/ngx-formly-material-radio.d.ts +1 -0
- package/radio/package.json +6 -9
- package/radio/radio.module.d.ts +11 -0
- package/radio/radio.type.d.ts +4 -1
- package/select/ngx-formly-material-select.d.ts +1 -0
- package/select/package.json +6 -9
- package/select/select.module.d.ts +12 -0
- package/select/select.type.d.ts +6 -4
- package/slider/ngx-formly-material-slider.d.ts +1 -1
- package/slider/package.json +6 -9
- package/slider/slider.module.d.ts +10 -0
- package/slider/slider.type.d.ts +4 -1
- package/textarea/ngx-formly-material-textarea.d.ts +1 -0
- package/textarea/package.json +6 -9
- package/textarea/textarea.module.d.ts +10 -0
- package/textarea/textarea.type.d.ts +3 -2
- package/toggle/ngx-formly-material-toggle.d.ts +1 -1
- package/toggle/package.json +6 -9
- package/toggle/toggle.module.d.ts +10 -0
- package/toggle/toggle.type.d.ts +4 -1
- package/bundles/ngx-formly-material-checkbox.umd.js +0 -189
- package/bundles/ngx-formly-material-checkbox.umd.js.map +0 -1
- package/bundles/ngx-formly-material-checkbox.umd.min.js +0 -2
- package/bundles/ngx-formly-material-checkbox.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-datepicker.umd.js +0 -151
- package/bundles/ngx-formly-material-datepicker.umd.js.map +0 -1
- package/bundles/ngx-formly-material-datepicker.umd.min.js +0 -2
- package/bundles/ngx-formly-material-datepicker.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-form-field.umd.js +0 -532
- package/bundles/ngx-formly-material-form-field.umd.js.map +0 -1
- package/bundles/ngx-formly-material-form-field.umd.min.js +0 -2
- package/bundles/ngx-formly-material-form-field.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-input.umd.js +0 -113
- package/bundles/ngx-formly-material-input.umd.js.map +0 -1
- package/bundles/ngx-formly-material-input.umd.min.js +0 -2
- package/bundles/ngx-formly-material-input.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.js +0 -205
- package/bundles/ngx-formly-material-multicheckbox.umd.js.map +0 -1
- package/bundles/ngx-formly-material-multicheckbox.umd.min.js +0 -2
- package/bundles/ngx-formly-material-multicheckbox.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-native-select.umd.js +0 -111
- package/bundles/ngx-formly-material-native-select.umd.js.map +0 -1
- package/bundles/ngx-formly-material-native-select.umd.min.js +0 -2
- package/bundles/ngx-formly-material-native-select.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-radio.umd.js +0 -161
- package/bundles/ngx-formly-material-radio.umd.js.map +0 -1
- package/bundles/ngx-formly-material-radio.umd.min.js +0 -2
- package/bundles/ngx-formly-material-radio.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-select.umd.js +0 -249
- package/bundles/ngx-formly-material-select.umd.js.map +0 -1
- package/bundles/ngx-formly-material-select.umd.min.js +0 -2
- package/bundles/ngx-formly-material-select.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-slider.umd.js +0 -122
- package/bundles/ngx-formly-material-slider.umd.js.map +0 -1
- package/bundles/ngx-formly-material-slider.umd.min.js +0 -2
- package/bundles/ngx-formly-material-slider.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-textarea.umd.js +0 -116
- package/bundles/ngx-formly-material-textarea.umd.js.map +0 -1
- package/bundles/ngx-formly-material-textarea.umd.min.js +0 -2
- package/bundles/ngx-formly-material-textarea.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material-toggle.umd.js +0 -122
- package/bundles/ngx-formly-material-toggle.umd.js.map +0 -1
- package/bundles/ngx-formly-material-toggle.umd.min.js +0 -2
- package/bundles/ngx-formly-material-toggle.umd.min.js.map +0 -1
- package/bundles/ngx-formly-material.umd.js +0 -52
- package/bundles/ngx-formly-material.umd.js.map +0 -1
- package/bundles/ngx-formly-material.umd.min.js +0 -2
- package/bundles/ngx-formly-material.umd.min.js.map +0 -1
- package/checkbox/ngx-formly-material-checkbox.metadata.json +0 -1
- package/datepicker/ngx-formly-material-datepicker.metadata.json +0 -1
- package/esm2015/checkbox/checkbox.module.js +0 -34
- package/esm2015/checkbox/checkbox.type.js +0 -129
- package/esm2015/checkbox/ngx-formly-material-checkbox.js +0 -9
- package/esm2015/checkbox/public_api.js +0 -7
- package/esm2015/datepicker/datepicker.module.js +0 -34
- package/esm2015/datepicker/datepicker.type.js +0 -113
- package/esm2015/datepicker/ngx-formly-material-datepicker.js +0 -10
- package/esm2015/datepicker/public_api.js +0 -6
- package/esm2015/form-field/field.type.js +0 -170
- package/esm2015/form-field/form-field.module.js +0 -29
- package/esm2015/form-field/form-field.wrapper.js +0 -244
- package/esm2015/form-field/formly.error-state-matcher.js +0 -28
- package/esm2015/form-field/ngx-formly-material-form-field.js +0 -10
- package/esm2015/form-field/public_api.js +0 -7
- package/esm2015/input/input.module.js +0 -34
- package/esm2015/input/input.type.js +0 -53
- package/esm2015/input/ngx-formly-material-input.js +0 -9
- package/esm2015/input/public_api.js +0 -7
- package/esm2015/lib/ui-material.js +0 -7
- package/esm2015/lib/ui-material.module.js +0 -28
- package/esm2015/multicheckbox/multicheckbox.module.js +0 -36
- package/esm2015/multicheckbox/multicheckbox.type.js +0 -86
- package/esm2015/multicheckbox/ngx-formly-material-multicheckbox.js +0 -9
- package/esm2015/multicheckbox/public_api.js +0 -7
- package/esm2015/native-select/native-select.module.js +0 -36
- package/esm2015/native-select/native-select.type.js +0 -63
- package/esm2015/native-select/ngx-formly-material-native-select.js +0 -9
- package/esm2015/native-select/public_api.js +0 -7
- package/esm2015/ngx-formly-material.js +0 -9
- package/esm2015/public_api.js +0 -9
- package/esm2015/radio/ngx-formly-material-radio.js +0 -9
- package/esm2015/radio/public_api.js +0 -7
- package/esm2015/radio/radio.module.js +0 -34
- package/esm2015/radio/radio.type.js +0 -94
- package/esm2015/select/ngx-formly-material-select.js +0 -9
- package/esm2015/select/public_api.js +0 -7
- package/esm2015/select/select.module.js +0 -36
- package/esm2015/select/select.type.js +0 -165
- package/esm2015/slider/ngx-formly-material-slider.js +0 -10
- package/esm2015/slider/public_api.js +0 -6
- package/esm2015/slider/slider.module.js +0 -32
- package/esm2015/slider/slider.type.js +0 -56
- package/esm2015/textarea/ngx-formly-material-textarea.js +0 -9
- package/esm2015/textarea/public_api.js +0 -7
- package/esm2015/textarea/textarea.module.js +0 -34
- package/esm2015/textarea/textarea.type.js +0 -58
- package/esm2015/toggle/ngx-formly-material-toggle.js +0 -10
- package/esm2015/toggle/public_api.js +0 -6
- package/esm2015/toggle/toggle.module.js +0 -32
- package/esm2015/toggle/toggle.type.js +0 -53
- package/esm5/checkbox/checkbox.module.js +0 -38
- package/esm5/checkbox/checkbox.type.js +0 -132
- package/esm5/checkbox/ngx-formly-material-checkbox.js +0 -9
- package/esm5/checkbox/public_api.js +0 -7
- package/esm5/datepicker/datepicker.module.js +0 -38
- package/esm5/datepicker/datepicker.type.js +0 -90
- package/esm5/datepicker/ngx-formly-material-datepicker.js +0 -10
- package/esm5/datepicker/public_api.js +0 -6
- package/esm5/form-field/field.type.js +0 -245
- package/esm5/form-field/form-field.module.js +0 -33
- package/esm5/form-field/form-field.wrapper.js +0 -285
- package/esm5/form-field/formly.error-state-matcher.js +0 -32
- package/esm5/form-field/ngx-formly-material-form-field.js +0 -10
- package/esm5/form-field/public_api.js +0 -7
- package/esm5/input/input.module.js +0 -38
- package/esm5/input/input.type.js +0 -40
- package/esm5/input/ngx-formly-material-input.js +0 -9
- package/esm5/input/public_api.js +0 -7
- package/esm5/lib/ui-material.js +0 -7
- package/esm5/lib/ui-material.module.js +0 -32
- package/esm5/multicheckbox/multicheckbox.module.js +0 -40
- package/esm5/multicheckbox/multicheckbox.type.js +0 -92
- package/esm5/multicheckbox/ngx-formly-material-multicheckbox.js +0 -9
- package/esm5/multicheckbox/public_api.js +0 -7
- package/esm5/native-select/native-select.module.js +0 -40
- package/esm5/native-select/native-select.type.js +0 -38
- package/esm5/native-select/ngx-formly-material-native-select.js +0 -9
- package/esm5/native-select/public_api.js +0 -7
- package/esm5/ngx-formly-material.js +0 -9
- package/esm5/public_api.js +0 -9
- package/esm5/radio/ngx-formly-material-radio.js +0 -9
- package/esm5/radio/public_api.js +0 -7
- package/esm5/radio/radio.module.js +0 -38
- package/esm5/radio/radio.type.js +0 -98
- package/esm5/select/ngx-formly-material-select.js +0 -9
- package/esm5/select/public_api.js +0 -7
- package/esm5/select/select.module.js +0 -40
- package/esm5/select/select.type.js +0 -155
- package/esm5/slider/ngx-formly-material-slider.js +0 -10
- package/esm5/slider/public_api.js +0 -6
- package/esm5/slider/slider.module.js +0 -36
- package/esm5/slider/slider.type.js +0 -52
- package/esm5/textarea/ngx-formly-material-textarea.js +0 -9
- package/esm5/textarea/public_api.js +0 -7
- package/esm5/textarea/textarea.module.js +0 -38
- package/esm5/textarea/textarea.type.js +0 -45
- package/esm5/toggle/ngx-formly-material-toggle.js +0 -10
- package/esm5/toggle/public_api.js +0 -6
- package/esm5/toggle/toggle.module.js +0 -36
- package/esm5/toggle/toggle.type.js +0 -52
- package/fesm2015/ngx-formly-material-checkbox.js +0 -152
- package/fesm2015/ngx-formly-material-checkbox.js.map +0 -1
- package/fesm2015/ngx-formly-material-datepicker.js +0 -146
- package/fesm2015/ngx-formly-material-datepicker.js.map +0 -1
- package/fesm2015/ngx-formly-material-form-field.js +0 -408
- package/fesm2015/ngx-formly-material-form-field.js.map +0 -1
- package/fesm2015/ngx-formly-material-input.js +0 -93
- package/fesm2015/ngx-formly-material-input.js.map +0 -1
- package/fesm2015/ngx-formly-material-multicheckbox.js +0 -126
- package/fesm2015/ngx-formly-material-multicheckbox.js.map +0 -1
- package/fesm2015/ngx-formly-material-native-select.js +0 -103
- package/fesm2015/ngx-formly-material-native-select.js.map +0 -1
- package/fesm2015/ngx-formly-material-radio.js +0 -126
- package/fesm2015/ngx-formly-material-radio.js.map +0 -1
- package/fesm2015/ngx-formly-material-select.js +0 -200
- package/fesm2015/ngx-formly-material-select.js.map +0 -1
- package/fesm2015/ngx-formly-material-slider.js +0 -92
- package/fesm2015/ngx-formly-material-slider.js.map +0 -1
- package/fesm2015/ngx-formly-material-textarea.js +0 -95
- package/fesm2015/ngx-formly-material-textarea.js.map +0 -1
- package/fesm2015/ngx-formly-material-toggle.js +0 -89
- package/fesm2015/ngx-formly-material-toggle.js.map +0 -1
- package/fesm2015/ngx-formly-material.js +0 -48
- package/fesm2015/ngx-formly-material.js.map +0 -1
- package/fesm5/ngx-formly-material-checkbox.js +0 -157
- package/fesm5/ngx-formly-material-checkbox.js.map +0 -1
- package/fesm5/ngx-formly-material-datepicker.js +0 -125
- package/fesm5/ngx-formly-material-datepicker.js.map +0 -1
- package/fesm5/ngx-formly-material-form-field.js +0 -527
- package/fesm5/ngx-formly-material-form-field.js.map +0 -1
- package/fesm5/ngx-formly-material-input.js +0 -82
- package/fesm5/ngx-formly-material-input.js.map +0 -1
- package/fesm5/ngx-formly-material-multicheckbox.js +0 -134
- package/fesm5/ngx-formly-material-multicheckbox.js.map +0 -1
- package/fesm5/ngx-formly-material-native-select.js +0 -80
- package/fesm5/ngx-formly-material-native-select.js.map +0 -1
- package/fesm5/ngx-formly-material-radio.js +0 -132
- package/fesm5/ngx-formly-material-radio.js.map +0 -1
- package/fesm5/ngx-formly-material-select.js +0 -192
- package/fesm5/ngx-formly-material-select.js.map +0 -1
- package/fesm5/ngx-formly-material-slider.js +0 -90
- package/fesm5/ngx-formly-material-slider.js.map +0 -1
- package/fesm5/ngx-formly-material-textarea.js +0 -84
- package/fesm5/ngx-formly-material-textarea.js.map +0 -1
- package/fesm5/ngx-formly-material-toggle.js +0 -90
- package/fesm5/ngx-formly-material-toggle.js.map +0 -1
- package/fesm5/ngx-formly-material.js +0 -51
- package/fesm5/ngx-formly-material.js.map +0 -1
- package/form-field/formly.error-state-matcher.d.ts +0 -8
- package/form-field/ngx-formly-material-form-field.metadata.json +0 -1
- package/input/ngx-formly-material-input.metadata.json +0 -1
- package/multicheckbox/ngx-formly-material-multicheckbox.metadata.json +0 -1
- package/native-select/ngx-formly-material-native-select.metadata.json +0 -1
- package/ngx-formly-material.metadata.json +0 -1
- package/radio/ngx-formly-material-radio.metadata.json +0 -1
- package/select/ngx-formly-material-select.metadata.json +0 -1
- package/slider/ngx-formly-material-slider.metadata.json +0 -1
- package/textarea/ngx-formly-material-textarea.metadata.json +0 -1
- package/toggle/ngx-formly-material-toggle.metadata.json +0 -1
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { FormlyModule } from '@ngx-formly/core';
|
|
3
|
-
import { FormlySelectModule } from '@ngx-formly/core/select';
|
|
4
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
6
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
7
|
-
import { MatInput, MatInputModule } from '@angular/material/input';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* @fileoverview added by tsickle
|
|
11
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12
|
-
*/
|
|
13
|
-
class FormlyFieldNativeSelect extends FieldType {
|
|
14
|
-
constructor() {
|
|
15
|
-
super(...arguments);
|
|
16
|
-
this.defaultOptions = {
|
|
17
|
-
templateOptions: {
|
|
18
|
-
options: [],
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
FormlyFieldNativeSelect.decorators = [
|
|
24
|
-
{ type: Component, args: [{
|
|
25
|
-
selector: 'formly-field-mat-native-select',
|
|
26
|
-
template: `
|
|
27
|
-
<select matNativeControl
|
|
28
|
-
[id]="id"
|
|
29
|
-
[readonly]="to.readonly"
|
|
30
|
-
[required]="to.required"
|
|
31
|
-
[errorStateMatcher]="errorStateMatcher"
|
|
32
|
-
[formControl]="formControl"
|
|
33
|
-
[formlyAttributes]="field">
|
|
34
|
-
<option *ngIf="to.placeholder" [ngValue]="null">{{ to.placeholder }}</option>
|
|
35
|
-
<ng-container *ngIf="to.options | formlySelectOptions:field | async as opts">
|
|
36
|
-
<ng-container *ngIf="to._flatOptions else grouplist">
|
|
37
|
-
<ng-container *ngFor="let opt of opts">
|
|
38
|
-
<option [ngValue]="opt.value" [disabled]="opt.disabled">{{ opt.label }}</option>
|
|
39
|
-
</ng-container>
|
|
40
|
-
</ng-container>
|
|
41
|
-
|
|
42
|
-
<ng-template #grouplist>
|
|
43
|
-
<ng-container *ngFor="let opt of opts">
|
|
44
|
-
<option *ngIf="!opt.group else optgroup" [ngValue]="opt.value" [disabled]="opt.disabled">{{ opt.label }}</option>
|
|
45
|
-
<ng-template #optgroup>
|
|
46
|
-
<optgroup [label]="opt.label">
|
|
47
|
-
<option *ngFor="let child of opt.group" [ngValue]="child.value" [disabled]="child.disabled">
|
|
48
|
-
{{ child.label }}
|
|
49
|
-
</option>
|
|
50
|
-
</optgroup>
|
|
51
|
-
</ng-template>
|
|
52
|
-
</ng-container>
|
|
53
|
-
</ng-template>
|
|
54
|
-
</ng-container>
|
|
55
|
-
</select>
|
|
56
|
-
`
|
|
57
|
-
}] }
|
|
58
|
-
];
|
|
59
|
-
FormlyFieldNativeSelect.propDecorators = {
|
|
60
|
-
formFieldControl: [{ type: ViewChild, args: [MatInput, (/** @type {?} */ ({ static: true })),] }]
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* @fileoverview added by tsickle
|
|
65
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
66
|
-
*/
|
|
67
|
-
class FormlyMatNativeSelectModule {
|
|
68
|
-
}
|
|
69
|
-
FormlyMatNativeSelectModule.decorators = [
|
|
70
|
-
{ type: NgModule, args: [{
|
|
71
|
-
declarations: [FormlyFieldNativeSelect],
|
|
72
|
-
imports: [
|
|
73
|
-
CommonModule,
|
|
74
|
-
ReactiveFormsModule,
|
|
75
|
-
MatInputModule,
|
|
76
|
-
FormlyMatFormFieldModule,
|
|
77
|
-
FormlySelectModule,
|
|
78
|
-
FormlyModule.forChild({
|
|
79
|
-
types: [
|
|
80
|
-
{
|
|
81
|
-
name: 'native-select',
|
|
82
|
-
component: FormlyFieldNativeSelect,
|
|
83
|
-
wrappers: ['form-field'],
|
|
84
|
-
},
|
|
85
|
-
],
|
|
86
|
-
}),
|
|
87
|
-
],
|
|
88
|
-
},] }
|
|
89
|
-
];
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* @fileoverview added by tsickle
|
|
93
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
94
|
-
*/
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* @fileoverview added by tsickle
|
|
98
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
99
|
-
*/
|
|
100
|
-
|
|
101
|
-
export { FormlyMatNativeSelectModule, FormlyFieldNativeSelect };
|
|
102
|
-
|
|
103
|
-
//# sourceMappingURL=ngx-formly-material-native-select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-native-select.js.map","sources":["ng://@ngx-formly/material/native-select/native-select.type.ts","ng://@ngx-formly/material/native-select/native-select.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatInput } from '@angular/material/input';\n\n@Component({\n selector: 'formly-field-mat-native-select',\n template: `\n <select matNativeControl\n [id]=\"id\"\n [readonly]=\"to.readonly\"\n [required]=\"to.required\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\">\n <option *ngIf=\"to.placeholder\" [ngValue]=\"null\">{{ to.placeholder }}</option>\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as opts\">\n <ng-container *ngIf=\"to._flatOptions else grouplist\">\n <ng-container *ngFor=\"let opt of opts\">\n <option [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n </ng-container>\n </ng-container>\n\n <ng-template #grouplist>\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">{{ opt.label }}</option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-template>\n </ng-container>\n </select>\n `,\n})\nexport class FormlyFieldNativeSelect extends FieldType {\n @ViewChild(MatInput, <any> { static: true }) formFieldControl!: MatInput;\n defaultOptions = {\n templateOptions: {\n options: [],\n },\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { FormlyFieldNativeSelect } from './native-select.type';\n\n@NgModule({\n declarations: [FormlyFieldNativeSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'native-select',\n component: FormlyFieldNativeSelect,\n wrappers: ['form-field'],\n },\n ],\n }),\n ],\n})\nexport class FormlyMatNativeSelectModule { }\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA,MAsCa,uBAAwB,SAAQ,SAAS;IAlCtD;;QAoCE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;aACZ;SACF,CAAC;KACH;;;YAzCA,SAAS,SAAC;gBACT,QAAQ,EAAE,gCAAgC;gBAC1C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;aACF;;;+BAEE,SAAS,SAAC,QAAQ,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;;;ACvC7C,MA+Ba,2BAA2B;;;YApBvC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;gBACvC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBAEd,wBAAwB;oBACxB,kBAAkB;oBAClB,YAAY,CAAC,QAAQ,CAAC;wBACpB,KAAK,EAAE;4BACL;gCACE,IAAI,EAAE,eAAe;gCACrB,SAAS,EAAE,uBAAuB;gCAClC,QAAQ,EAAE,CAAC,YAAY,CAAC;6BACzB;yBACF;qBACF,CAAC;iBACH;aACF;;;;;;;;;;;;;;;"}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
3
|
-
import { FormlySelectModule } from '@ngx-formly/core/select';
|
|
4
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
5
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
6
|
-
import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
|
|
7
|
-
import { ɵwrapProperty, FormlyModule } from '@ngx-formly/core';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* @fileoverview added by tsickle
|
|
11
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12
|
-
*/
|
|
13
|
-
class FormlyFieldRadio extends FieldType {
|
|
14
|
-
constructor() {
|
|
15
|
-
super(...arguments);
|
|
16
|
-
this.defaultOptions = {
|
|
17
|
-
templateOptions: {
|
|
18
|
-
hideFieldUnderline: true,
|
|
19
|
-
floatLabel: 'always',
|
|
20
|
-
options: [],
|
|
21
|
-
tabindex: -1,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* @return {?}
|
|
27
|
-
*/
|
|
28
|
-
ngAfterViewInit() {
|
|
29
|
-
this.focusObserver = ɵwrapProperty(this.field, 'focus', (/**
|
|
30
|
-
* @param {?} __0
|
|
31
|
-
* @return {?}
|
|
32
|
-
*/
|
|
33
|
-
({ currentValue }) => {
|
|
34
|
-
if (this.to.tabindex === -1
|
|
35
|
-
&& currentValue
|
|
36
|
-
&& this.radioGroup._radios.length > 0) {
|
|
37
|
-
// https://github.com/ngx-formly/ngx-formly/issues/2498
|
|
38
|
-
setTimeout((/**
|
|
39
|
-
* @return {?}
|
|
40
|
-
*/
|
|
41
|
-
() => {
|
|
42
|
-
/** @type {?} */
|
|
43
|
-
const radio = this.radioGroup.selected
|
|
44
|
-
? this.radioGroup.selected
|
|
45
|
-
: this.radioGroup._radios.first;
|
|
46
|
-
radio._elementRef.nativeElement.focus({ preventScroll: true });
|
|
47
|
-
}));
|
|
48
|
-
}
|
|
49
|
-
}));
|
|
50
|
-
}
|
|
51
|
-
// TODO: find a solution to prevent scroll on focus
|
|
52
|
-
/**
|
|
53
|
-
* @return {?}
|
|
54
|
-
*/
|
|
55
|
-
onContainerClick() { }
|
|
56
|
-
/**
|
|
57
|
-
* @return {?}
|
|
58
|
-
*/
|
|
59
|
-
ngOnDestroy() {
|
|
60
|
-
this.focusObserver && this.focusObserver();
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
FormlyFieldRadio.decorators = [
|
|
64
|
-
{ type: Component, args: [{
|
|
65
|
-
selector: 'formly-field-mat-radio',
|
|
66
|
-
template: `
|
|
67
|
-
<mat-radio-group
|
|
68
|
-
[formControl]="formControl"
|
|
69
|
-
[formlyAttributes]="field"
|
|
70
|
-
[required]="to.required"
|
|
71
|
-
[tabindex]="to.tabindex">
|
|
72
|
-
<mat-radio-button *ngFor="let option of to.options | formlySelectOptions:field | async; let i = index;"
|
|
73
|
-
[id]="id + '_' + i"
|
|
74
|
-
[color]="to.color"
|
|
75
|
-
[labelPosition]="to.labelPosition"
|
|
76
|
-
[disabled]="option.disabled"
|
|
77
|
-
[value]="option.value">
|
|
78
|
-
{{ option.label }}
|
|
79
|
-
</mat-radio-button>
|
|
80
|
-
</mat-radio-group>
|
|
81
|
-
`
|
|
82
|
-
}] }
|
|
83
|
-
];
|
|
84
|
-
FormlyFieldRadio.propDecorators = {
|
|
85
|
-
radioGroup: [{ type: ViewChild, args: [MatRadioGroup, (/** @type {?} */ ({ static: true })),] }]
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* @fileoverview added by tsickle
|
|
90
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
91
|
-
*/
|
|
92
|
-
class FormlyMatRadioModule {
|
|
93
|
-
}
|
|
94
|
-
FormlyMatRadioModule.decorators = [
|
|
95
|
-
{ type: NgModule, args: [{
|
|
96
|
-
declarations: [FormlyFieldRadio],
|
|
97
|
-
imports: [
|
|
98
|
-
CommonModule,
|
|
99
|
-
ReactiveFormsModule,
|
|
100
|
-
MatRadioModule,
|
|
101
|
-
FormlyMatFormFieldModule,
|
|
102
|
-
FormlySelectModule,
|
|
103
|
-
FormlyModule.forChild({
|
|
104
|
-
types: [{
|
|
105
|
-
name: 'radio',
|
|
106
|
-
component: FormlyFieldRadio,
|
|
107
|
-
wrappers: ['form-field'],
|
|
108
|
-
}],
|
|
109
|
-
}),
|
|
110
|
-
],
|
|
111
|
-
},] }
|
|
112
|
-
];
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* @fileoverview added by tsickle
|
|
116
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
117
|
-
*/
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
* @fileoverview added by tsickle
|
|
121
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
122
|
-
*/
|
|
123
|
-
|
|
124
|
-
export { FormlyMatRadioModule, FormlyFieldRadio };
|
|
125
|
-
|
|
126
|
-
//# sourceMappingURL=ngx-formly-material-radio.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-radio.js.map","sources":["ng://@ngx-formly/material/radio/radio.type.ts","ng://@ngx-formly/material/radio/radio.module.ts"],"sourcesContent":["import { Component, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatRadioGroup } from '@angular/material/radio';\nimport { ɵwrapProperty as wrapProperty } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-mat-radio',\n template: `\n <mat-radio-group\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [required]=\"to.required\"\n [tabindex]=\"to.tabindex\">\n <mat-radio-button *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\"\n [id]=\"id + '_' + i\"\n [color]=\"to.color\"\n [labelPosition]=\"to.labelPosition\"\n [disabled]=\"option.disabled\"\n [value]=\"option.value\">\n {{ option.label }}\n </mat-radio-button>\n </mat-radio-group>\n `,\n})\nexport class FormlyFieldRadio extends FieldType implements AfterViewInit, OnDestroy {\n @ViewChild(MatRadioGroup, <any> { static: true }) radioGroup!: MatRadioGroup;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n options: [],\n tabindex: -1,\n },\n };\n\n private focusObserver!: Function;\n ngAfterViewInit() {\n this.focusObserver = wrapProperty(this.field, 'focus', ({ currentValue }) => {\n if (\n this.to.tabindex === -1\n && currentValue\n && this.radioGroup._radios.length > 0\n ) {\n // https://github.com/ngx-formly/ngx-formly/issues/2498\n setTimeout(() => {\n const radio = this.radioGroup.selected\n ? this.radioGroup.selected\n : this.radioGroup._radios.first;\n\n radio._elementRef.nativeElement.focus({ preventScroll: true });\n });\n }\n });\n }\n\n // TODO: find a solution to prevent scroll on focus\n onContainerClick() {}\n\n ngOnDestroy() {\n this.focusObserver && this.focusObserver();\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 { FormlySelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatRadioModule } from '@angular/material/radio';\n\nimport { FormlyFieldRadio } from './radio.type';\n\n@NgModule({\n declarations: [FormlyFieldRadio],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatRadioModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [{\n name: 'radio',\n component: FormlyFieldRadio,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatRadioModule { }\n"],"names":["wrapProperty"],"mappings":";;;;;;;;;;;;AAAA,MAwBa,gBAAiB,SAAQ,SAAS;IAnB/C;;QAqBE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,EAAE;gBACX,QAAQ,EAAE,CAAC,CAAC;aACb;SACF,CAAC;KA4BH;;;;IAzBC,eAAe;QACb,IAAI,CAAC,aAAa,GAAGA,aAAY,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO;;;;QAAE,CAAC,EAAE,YAAY,EAAE;YACtE,IACE,IAAI,CAAC,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC;mBACpB,YAAY;mBACZ,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EACrC;;gBAEA,UAAU;;;gBAAC;;0BACH,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ;0BAClC,IAAI,CAAC,UAAU,CAAC,QAAQ;0BACxB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK;oBAEjC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;iBAChE,EAAC,CAAC;aACJ;SACF,EAAC,CAAC;KACJ;;;;;IAGD,gBAAgB,MAAK;;;;IAErB,WAAW;QACT,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;KAC5C;;;YAvDF,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,QAAQ,EAAE;;;;;;;;;;;;;;;GAeT;aACF;;;yBAEE,SAAS,SAAC,aAAa,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;;;ACzBlD,MA6Ba,oBAAoB;;;YAlBhC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;gBAChC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBAEd,wBAAwB;oBACxB,kBAAkB;oBAClB,YAAY,CAAC,QAAQ,CAAC;wBACpB,KAAK,EAAE,CAAC;gCACN,IAAI,EAAE,OAAO;gCACb,SAAS,EAAE,gBAAgB;gCAC3B,QAAQ,EAAE,CAAC,YAAY,CAAC;6BACzB,CAAC;qBACH,CAAC;iBACH;aACF;;;;;;;;;;;;;;;"}
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
3
|
-
import { FormlyModule } from '@ngx-formly/core';
|
|
4
|
-
import { FormlySelectModule } from '@ngx-formly/core/select';
|
|
5
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
6
|
-
import { MatSelect, MatSelectModule } from '@angular/material/select';
|
|
7
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
8
|
-
import { MatPseudoCheckboxModule } from '@angular/material/core';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @fileoverview added by tsickle
|
|
12
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
13
|
-
*/
|
|
14
|
-
class FormlyFieldSelect extends FieldType {
|
|
15
|
-
constructor() {
|
|
16
|
-
super(...arguments);
|
|
17
|
-
this.defaultOptions = {
|
|
18
|
-
templateOptions: {
|
|
19
|
-
options: [],
|
|
20
|
-
/**
|
|
21
|
-
* @param {?} o1
|
|
22
|
-
* @param {?} o2
|
|
23
|
-
* @return {?}
|
|
24
|
-
*/
|
|
25
|
-
compareWith(o1, o2) {
|
|
26
|
-
return o1 === o2;
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* @param {?} options
|
|
33
|
-
* @return {?}
|
|
34
|
-
*/
|
|
35
|
-
getSelectAllState(options) {
|
|
36
|
-
if (this.empty || this.value.length === 0) {
|
|
37
|
-
return '';
|
|
38
|
-
}
|
|
39
|
-
return this.value.length !== this.getSelectAllValue(options).length
|
|
40
|
-
? 'indeterminate'
|
|
41
|
-
: 'checked';
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* @param {?} options
|
|
45
|
-
* @return {?}
|
|
46
|
-
*/
|
|
47
|
-
toggleSelectAll(options) {
|
|
48
|
-
/** @type {?} */
|
|
49
|
-
const selectAllValue = this.getSelectAllValue(options);
|
|
50
|
-
this.formControl.setValue(!this.value || this.value.length !== selectAllValue.length
|
|
51
|
-
? selectAllValue
|
|
52
|
-
: []);
|
|
53
|
-
this.formControl.markAsDirty();
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* @param {?} $event
|
|
57
|
-
* @return {?}
|
|
58
|
-
*/
|
|
59
|
-
change($event) {
|
|
60
|
-
if (this.to.change) {
|
|
61
|
-
this.to.change(this.field, $event);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
/**
|
|
65
|
-
* @return {?}
|
|
66
|
-
*/
|
|
67
|
-
_getAriaLabelledby() {
|
|
68
|
-
if (this.to.attributes && this.to.attributes['aria-labelledby']) {
|
|
69
|
-
return this.to.attributes['aria-labelledby'];
|
|
70
|
-
}
|
|
71
|
-
if (this.formField && this.formField._labelId) {
|
|
72
|
-
return this.formField._labelId;
|
|
73
|
-
}
|
|
74
|
-
return undefined;
|
|
75
|
-
}
|
|
76
|
-
/**
|
|
77
|
-
* @return {?}
|
|
78
|
-
*/
|
|
79
|
-
_getAriaLabel() {
|
|
80
|
-
return this.to.attributes ? this.to.attributes['aria-label'] : undefined;
|
|
81
|
-
}
|
|
82
|
-
/**
|
|
83
|
-
* @private
|
|
84
|
-
* @param {?} options
|
|
85
|
-
* @return {?}
|
|
86
|
-
*/
|
|
87
|
-
getSelectAllValue(options) {
|
|
88
|
-
if (!this.selectAllValue || options !== this.selectAllValue.options) {
|
|
89
|
-
/** @type {?} */
|
|
90
|
-
const flatOptions = [];
|
|
91
|
-
options.forEach((/**
|
|
92
|
-
* @param {?} o
|
|
93
|
-
* @return {?}
|
|
94
|
-
*/
|
|
95
|
-
o => o.group
|
|
96
|
-
? flatOptions.push(...o.group)
|
|
97
|
-
: flatOptions.push(o)));
|
|
98
|
-
this.selectAllValue = {
|
|
99
|
-
options,
|
|
100
|
-
value: flatOptions.filter((/**
|
|
101
|
-
* @param {?} o
|
|
102
|
-
* @return {?}
|
|
103
|
-
*/
|
|
104
|
-
o => !o.disabled)).map((/**
|
|
105
|
-
* @param {?} o
|
|
106
|
-
* @return {?}
|
|
107
|
-
*/
|
|
108
|
-
o => o.value)),
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
return this.selectAllValue.value;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
FormlyFieldSelect.decorators = [
|
|
115
|
-
{ type: Component, args: [{
|
|
116
|
-
selector: 'formly-field-mat-select',
|
|
117
|
-
template: `
|
|
118
|
-
<ng-template #selectAll let-selectOptions="selectOptions">
|
|
119
|
-
<mat-option (click)="toggleSelectAll(selectOptions)">
|
|
120
|
-
<mat-pseudo-checkbox class="mat-option-pseudo-checkbox"
|
|
121
|
-
[state]="getSelectAllState(selectOptions)">
|
|
122
|
-
</mat-pseudo-checkbox>
|
|
123
|
-
{{ to.selectAllOption }}
|
|
124
|
-
</mat-option>
|
|
125
|
-
</ng-template>
|
|
126
|
-
|
|
127
|
-
<mat-select [id]="id"
|
|
128
|
-
[formControl]="formControl"
|
|
129
|
-
[formlyAttributes]="field"
|
|
130
|
-
[placeholder]="to.placeholder"
|
|
131
|
-
[tabIndex]="to.tabindex"
|
|
132
|
-
[required]="to.required"
|
|
133
|
-
[compareWith]="to.compareWith"
|
|
134
|
-
[multiple]="to.multiple"
|
|
135
|
-
(selectionChange)="change($event)"
|
|
136
|
-
[errorStateMatcher]="errorStateMatcher"
|
|
137
|
-
[aria-label]="_getAriaLabel()"
|
|
138
|
-
[aria-labelledby]="_getAriaLabelledby()"
|
|
139
|
-
[disableOptionCentering]="to.disableOptionCentering"
|
|
140
|
-
>
|
|
141
|
-
<ng-container *ngIf="to.options | formlySelectOptions:field | async as selectOptions">
|
|
142
|
-
<ng-container *ngIf="to.multiple && to.selectAllOption" [ngTemplateOutlet]="selectAll" [ngTemplateOutletContext]="{ selectOptions: selectOptions }">
|
|
143
|
-
</ng-container>
|
|
144
|
-
<ng-container *ngFor="let item of selectOptions">
|
|
145
|
-
<mat-optgroup *ngIf="item.group" [label]="item.label">
|
|
146
|
-
<mat-option *ngFor="let child of item.group" [value]="child.value" [disabled]="child.disabled">
|
|
147
|
-
{{ child.label }}
|
|
148
|
-
</mat-option>
|
|
149
|
-
</mat-optgroup>
|
|
150
|
-
<mat-option *ngIf="!item.group" [value]="item.value" [disabled]="item.disabled">{{ item.label }}</mat-option>
|
|
151
|
-
</ng-container>
|
|
152
|
-
</ng-container>
|
|
153
|
-
</mat-select>
|
|
154
|
-
`
|
|
155
|
-
}] }
|
|
156
|
-
];
|
|
157
|
-
FormlyFieldSelect.propDecorators = {
|
|
158
|
-
formFieldControl: [{ type: ViewChild, args: [MatSelect, (/** @type {?} */ ({ static: true })),] }]
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
/**
|
|
162
|
-
* @fileoverview added by tsickle
|
|
163
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
164
|
-
*/
|
|
165
|
-
class FormlyMatSelectModule {
|
|
166
|
-
}
|
|
167
|
-
FormlyMatSelectModule.decorators = [
|
|
168
|
-
{ type: NgModule, args: [{
|
|
169
|
-
declarations: [FormlyFieldSelect],
|
|
170
|
-
imports: [
|
|
171
|
-
CommonModule,
|
|
172
|
-
ReactiveFormsModule,
|
|
173
|
-
MatSelectModule,
|
|
174
|
-
MatPseudoCheckboxModule,
|
|
175
|
-
FormlyMatFormFieldModule,
|
|
176
|
-
FormlySelectModule,
|
|
177
|
-
FormlyModule.forChild({
|
|
178
|
-
types: [{
|
|
179
|
-
name: 'select',
|
|
180
|
-
component: FormlyFieldSelect,
|
|
181
|
-
wrappers: ['form-field'],
|
|
182
|
-
}],
|
|
183
|
-
}),
|
|
184
|
-
],
|
|
185
|
-
},] }
|
|
186
|
-
];
|
|
187
|
-
|
|
188
|
-
/**
|
|
189
|
-
* @fileoverview added by tsickle
|
|
190
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
191
|
-
*/
|
|
192
|
-
|
|
193
|
-
/**
|
|
194
|
-
* @fileoverview added by tsickle
|
|
195
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
196
|
-
*/
|
|
197
|
-
|
|
198
|
-
export { FormlyMatSelectModule, FormlyFieldSelect };
|
|
199
|
-
|
|
200
|
-
//# sourceMappingURL=ngx-formly-material-select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-select.js.map","sources":["ng://@ngx-formly/material/select/select.type.ts","ng://@ngx-formly/material/select/select.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { MatSelect, MatSelectChange } from '@angular/material/select';\nimport { FieldType } from '@ngx-formly/material/form-field';\n\n@Component({\n selector: 'formly-field-mat-select',\n template: `\n <ng-template #selectAll let-selectOptions=\"selectOptions\">\n <mat-option (click)=\"toggleSelectAll(selectOptions)\">\n <mat-pseudo-checkbox class=\"mat-option-pseudo-checkbox\"\n [state]=\"getSelectAllState(selectOptions)\">\n </mat-pseudo-checkbox>\n {{ to.selectAllOption }}\n </mat-option>\n </ng-template>\n\n <mat-select [id]=\"id\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [placeholder]=\"to.placeholder\"\n [tabIndex]=\"to.tabindex\"\n [required]=\"to.required\"\n [compareWith]=\"to.compareWith\"\n [multiple]=\"to.multiple\"\n (selectionChange)=\"change($event)\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [aria-label]=\"_getAriaLabel()\"\n [aria-labelledby]=\"_getAriaLabelledby()\"\n [disableOptionCentering]=\"to.disableOptionCentering\"\n >\n <ng-container *ngIf=\"to.options | formlySelectOptions:field | async as selectOptions\">\n <ng-container *ngIf=\"to.multiple && to.selectAllOption\" [ngTemplateOutlet]=\"selectAll\" [ngTemplateOutletContext]=\"{ selectOptions: selectOptions }\">\n </ng-container>\n <ng-container *ngFor=\"let item of selectOptions\">\n <mat-optgroup *ngIf=\"item.group\" [label]=\"item.label\">\n <mat-option *ngFor=\"let child of item.group\" [value]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </mat-option>\n </mat-optgroup>\n <mat-option *ngIf=\"!item.group\" [value]=\"item.value\" [disabled]=\"item.disabled\">{{ item.label }}</mat-option>\n </ng-container>\n </ng-container>\n </mat-select>\n `,\n})\nexport class FormlyFieldSelect extends FieldType {\n @ViewChild(MatSelect, <any> { static: true }) formFieldControl!: MatSelect;\n\n defaultOptions = {\n templateOptions: {\n options: [],\n compareWith(o1: any, o2: any) {\n return o1 === o2;\n },\n },\n };\n\n private selectAllValue!: { options: any, value: any[] };\n\n getSelectAllState(options: any[]) {\n if (this.empty || this.value.length === 0) {\n return '';\n }\n\n\n return this.value.length !== this.getSelectAllValue(options).length\n ? 'indeterminate'\n : 'checked';\n }\n\n toggleSelectAll(options: any[]) {\n const selectAllValue = this.getSelectAllValue(options);\n this.formControl.setValue(\n !this.value || this.value.length !== selectAllValue.length\n ? selectAllValue\n : [],\n );\n\n this.formControl.markAsDirty();\n }\n\n change($event: MatSelectChange) {\n if (this.to.change) {\n this.to.change(this.field, $event);\n }\n }\n\n _getAriaLabelledby() {\n if (this.to.attributes && this.to.attributes['aria-labelledby']) {\n return this.to.attributes['aria-labelledby'];\n }\n\n if (this.formField && this.formField._labelId) {\n return this.formField._labelId;\n }\n\n return undefined;\n }\n\n _getAriaLabel() {\n return this.to.attributes ? this.to.attributes['aria-label'] : undefined;\n }\n\n private getSelectAllValue(options: any[]) {\n if (!this.selectAllValue || options !== this.selectAllValue.options) {\n const flatOptions: any[] = [];\n options.forEach(o => o.group\n ? flatOptions.push(...o.group)\n : flatOptions.push(o),\n );\n\n this.selectAllValue = {\n options,\n value: flatOptions.filter(o => !o.disabled).map(o => o.value),\n };\n }\n\n\n return this.selectAllValue.value;\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';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { FormlyFieldSelect } from './select.type';\nimport { MatPseudoCheckboxModule } from '@angular/material/core';\n\n@NgModule({\n declarations: [FormlyFieldSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSelectModule,\n MatPseudoCheckboxModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [{\n name: 'select',\n component: FormlyFieldSelect,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatSelectModule { }\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,MA6Ca,iBAAkB,SAAQ,SAAS;IAzChD;;QA4CE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;;;;;;gBACX,WAAW,CAAC,EAAO,EAAE,EAAO;oBAC1B,OAAO,EAAE,KAAK,EAAE,CAAC;iBAClB;aACF;SACF,CAAC;KAiEH;;;;;IA7DC,iBAAiB,CAAC,OAAc;QAC9B,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACzC,OAAO,EAAE,CAAC;SACX;QAGD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,MAAM;cAC/D,eAAe;cACf,SAAS,CAAC;KACf;;;;;IAED,eAAe,CAAC,OAAc;;cACtB,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;QACtD,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM;cACtD,cAAc;cACd,EAAE,CACP,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;KAChC;;;;;IAED,MAAM,CAAC,MAAuB;QAC5B,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE;YAClB,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SACpC;KACF;;;;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE;YAC/D,OAAO,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;SAC9C;QAED,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;YAC7C,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;SAChC;QAED,OAAO,SAAS,CAAC;KAClB;;;;IAED,aAAa;QACX,OAAO,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;KAC1E;;;;;;IAEO,iBAAiB,CAAC,OAAc;QACtC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,OAAO,KAAK,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;;kBAC7D,WAAW,GAAU,EAAE;YAC7B,OAAO,CAAC,OAAO;;;;YAAC,CAAC,IAAI,CAAC,CAAC,KAAK;kBACxB,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;kBAC5B,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EACtB,CAAC;YAEF,IAAI,CAAC,cAAc,GAAG;gBACpB,OAAO;gBACP,KAAK,EAAE,WAAW,CAAC,MAAM;;;;gBAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAC,CAAC,GAAG;;;;gBAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAC;aAC9D,CAAC;SACH;QAGD,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;KAClC;;;YAnHF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCT;aACF;;;+BAEE,SAAS,SAAC,SAAS,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;;;AC9C9C,MA+Ba,qBAAqB;;;YAnBjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;gBACjC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,eAAe;oBACf,uBAAuB;oBAEvB,wBAAwB;oBACxB,kBAAkB;oBAClB,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;;;;;;;;;;;;;;;"}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { FormlyModule } from '@ngx-formly/core';
|
|
3
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
5
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
6
|
-
import { MatSlider, MatSliderModule } from '@angular/material/slider';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* @fileoverview added by tsickle
|
|
10
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11
|
-
*/
|
|
12
|
-
class FormlySliderTypeComponent extends FieldType {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments);
|
|
15
|
-
this.defaultOptions = {
|
|
16
|
-
templateOptions: {
|
|
17
|
-
hideFieldUnderline: true,
|
|
18
|
-
floatLabel: 'always',
|
|
19
|
-
thumbLabel: false,
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* @param {?} event
|
|
25
|
-
* @return {?}
|
|
26
|
-
*/
|
|
27
|
-
onContainerClick(event) {
|
|
28
|
-
this.slider.focus();
|
|
29
|
-
super.onContainerClick(event);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
FormlySliderTypeComponent.decorators = [
|
|
33
|
-
{ type: Component, args: [{
|
|
34
|
-
selector: 'formly-field-mat-slider',
|
|
35
|
-
template: `
|
|
36
|
-
<mat-slider
|
|
37
|
-
[id]="id"
|
|
38
|
-
[style.width]="'100%'"
|
|
39
|
-
[formControl]="formControl"
|
|
40
|
-
[formlyAttributes]="field"
|
|
41
|
-
[tabIndex]="to.tabindex"
|
|
42
|
-
[color]="to.color"
|
|
43
|
-
[thumbLabel]="to.thumbLabel"
|
|
44
|
-
[step]="to.step"
|
|
45
|
-
[max]="to.max"
|
|
46
|
-
[min]="to.min">
|
|
47
|
-
</mat-slider>
|
|
48
|
-
`
|
|
49
|
-
}] }
|
|
50
|
-
];
|
|
51
|
-
FormlySliderTypeComponent.propDecorators = {
|
|
52
|
-
slider: [{ type: ViewChild, args: [MatSlider,] }]
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* @fileoverview added by tsickle
|
|
57
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
58
|
-
*/
|
|
59
|
-
class FormlyMatSliderModule {
|
|
60
|
-
}
|
|
61
|
-
FormlyMatSliderModule.decorators = [
|
|
62
|
-
{ type: NgModule, args: [{
|
|
63
|
-
declarations: [FormlySliderTypeComponent],
|
|
64
|
-
imports: [
|
|
65
|
-
CommonModule,
|
|
66
|
-
ReactiveFormsModule,
|
|
67
|
-
MatSliderModule,
|
|
68
|
-
FormlyMatFormFieldModule,
|
|
69
|
-
FormlyModule.forChild({
|
|
70
|
-
types: [{
|
|
71
|
-
name: 'slider',
|
|
72
|
-
component: FormlySliderTypeComponent,
|
|
73
|
-
wrappers: ['form-field'],
|
|
74
|
-
}],
|
|
75
|
-
}),
|
|
76
|
-
],
|
|
77
|
-
},] }
|
|
78
|
-
];
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* @fileoverview added by tsickle
|
|
82
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
83
|
-
*/
|
|
84
|
-
|
|
85
|
-
/**
|
|
86
|
-
* @fileoverview added by tsickle
|
|
87
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
88
|
-
*/
|
|
89
|
-
|
|
90
|
-
export { FormlyMatSliderModule, FormlySliderTypeComponent as ɵa };
|
|
91
|
-
|
|
92
|
-
//# sourceMappingURL=ngx-formly-material-slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-slider.js.map","sources":["ng://@ngx-formly/material/slider/slider.type.ts","ng://@ngx-formly/material/slider/slider.module.ts"],"sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlider } from '@angular/material/slider';\n\n@Component({\n selector: 'formly-field-mat-slider',\n template: `\n <mat-slider\n [id]=\"id\"\n [style.width]=\"'100%'\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [thumbLabel]=\"to.thumbLabel\"\n [step]=\"to.step\"\n [max]=\"to.max\"\n [min]=\"to.min\">\n </mat-slider>\n `,\n})\nexport class FormlySliderTypeComponent extends FieldType {\n @ViewChild(MatSlider) slider!: MatSlider;\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n thumbLabel: false,\n },\n };\n\n onContainerClick(event: MouseEvent): void {\n this.slider.focus();\n super.onContainerClick(event);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlySliderTypeComponent } from './slider.type';\n\n@NgModule({\n declarations: [FormlySliderTypeComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatSliderModule,\n FormlyMatFormFieldModule,\n FormlyModule.forChild({\n types: [{\n name: 'slider',\n component: FormlySliderTypeComponent,\n wrappers: ['form-field'],\n }],\n }),\n ],\n})\nexport class FormlyMatSliderModule { }\n"],"names":[],"mappings":";;;;;;;;;;;AAAA,MAqBa,yBAA0B,SAAQ,SAAS;IAjBxD;;QAmBE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,KAAK;aAClB;SACF,CAAC;KAMH;;;;;IAJC,gBAAgB,CAAC,KAAiB;QAChC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/B;;;YA9BF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;;;;GAaT;aACF;;;qBAEE,SAAS,SAAC,SAAS;;;;;;;ACtBtB,MAyBa,qBAAqB;;;YAhBjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;gBACzC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,eAAe;oBACf,wBAAwB;oBACxB,YAAY,CAAC,QAAQ,CAAC;wBACpB,KAAK,EAAE,CAAC;gCACN,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,yBAAyB;gCACpC,QAAQ,EAAE,CAAC,YAAY,CAAC;6BACzB,CAAC;qBACH,CAAC;iBACH;aACF;;;;;;;;;;;;;;;"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { FormlyModule } from '@ngx-formly/core';
|
|
3
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
5
|
-
import { MatInput, MAT_INPUT_VALUE_ACCESSOR, MatInputModule } from '@angular/material/input';
|
|
6
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* @fileoverview added by tsickle
|
|
10
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11
|
-
*/
|
|
12
|
-
class FormlyFieldTextArea extends FieldType {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments);
|
|
15
|
-
this.defaultOptions = {
|
|
16
|
-
templateOptions: {
|
|
17
|
-
cols: 1,
|
|
18
|
-
rows: 1,
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
FormlyFieldTextArea.decorators = [
|
|
24
|
-
{ type: Component, args: [{
|
|
25
|
-
selector: 'formly-field-mat-textarea',
|
|
26
|
-
template: `
|
|
27
|
-
<textarea matInput
|
|
28
|
-
[id]="id"
|
|
29
|
-
[readonly]="to.readonly"
|
|
30
|
-
[required]="to.required"
|
|
31
|
-
[formControl]="formControl"
|
|
32
|
-
[errorStateMatcher]="errorStateMatcher"
|
|
33
|
-
[cols]="to.cols"
|
|
34
|
-
[rows]="to.rows"
|
|
35
|
-
[formlyAttributes]="field"
|
|
36
|
-
[placeholder]="to.placeholder"
|
|
37
|
-
[tabindex]="to.tabindex"
|
|
38
|
-
[cdkTextareaAutosize]="to.autosize"
|
|
39
|
-
[cdkAutosizeMinRows]="to.autosizeMinRows"
|
|
40
|
-
[cdkAutosizeMaxRows]="to.autosizeMaxRows"
|
|
41
|
-
[class.cdk-textarea-autosize]="to.autosize"
|
|
42
|
-
>
|
|
43
|
-
</textarea>
|
|
44
|
-
`,
|
|
45
|
-
providers: [
|
|
46
|
-
// fix for https://github.com/ngx-formly/ngx-formly/issues/1688
|
|
47
|
-
// rely on formControl value instead of elementRef which return empty value in Firefox.
|
|
48
|
-
{ provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },
|
|
49
|
-
]
|
|
50
|
-
}] }
|
|
51
|
-
];
|
|
52
|
-
FormlyFieldTextArea.propDecorators = {
|
|
53
|
-
formFieldControl: [{ type: ViewChild, args: [MatInput, (/** @type {?} */ ({ static: true })),] }]
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* @fileoverview added by tsickle
|
|
58
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
59
|
-
*/
|
|
60
|
-
class FormlyMatTextAreaModule {
|
|
61
|
-
}
|
|
62
|
-
FormlyMatTextAreaModule.decorators = [
|
|
63
|
-
{ type: NgModule, args: [{
|
|
64
|
-
declarations: [FormlyFieldTextArea],
|
|
65
|
-
imports: [
|
|
66
|
-
CommonModule,
|
|
67
|
-
ReactiveFormsModule,
|
|
68
|
-
MatInputModule,
|
|
69
|
-
FormlyMatFormFieldModule,
|
|
70
|
-
FormlyModule.forChild({
|
|
71
|
-
types: [
|
|
72
|
-
{
|
|
73
|
-
name: 'textarea',
|
|
74
|
-
component: FormlyFieldTextArea,
|
|
75
|
-
wrappers: ['form-field'],
|
|
76
|
-
},
|
|
77
|
-
],
|
|
78
|
-
}),
|
|
79
|
-
],
|
|
80
|
-
},] }
|
|
81
|
-
];
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* @fileoverview added by tsickle
|
|
85
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
86
|
-
*/
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* @fileoverview added by tsickle
|
|
90
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
91
|
-
*/
|
|
92
|
-
|
|
93
|
-
export { FormlyMatTextAreaModule, FormlyFieldTextArea };
|
|
94
|
-
|
|
95
|
-
//# sourceMappingURL=ngx-formly-material-textarea.js.map
|