@ngx-formly/material 5.10.24 → 6.0.0-next.4
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,134 +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 { __extends, __spread, __assign } from 'tslib';
|
|
6
|
-
import { Component, ViewChildren, NgModule } from '@angular/core';
|
|
7
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
8
|
-
import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @fileoverview added by tsickle
|
|
12
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
13
|
-
*/
|
|
14
|
-
var FormlyFieldMultiCheckbox = /** @class */ (function (_super) {
|
|
15
|
-
__extends(FormlyFieldMultiCheckbox, _super);
|
|
16
|
-
function FormlyFieldMultiCheckbox() {
|
|
17
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
18
|
-
_this.defaultOptions = {
|
|
19
|
-
templateOptions: {
|
|
20
|
-
hideFieldUnderline: true,
|
|
21
|
-
floatLabel: 'always',
|
|
22
|
-
options: [],
|
|
23
|
-
color: 'accent',
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
return _this;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* @param {?} value
|
|
30
|
-
* @param {?} checked
|
|
31
|
-
* @return {?}
|
|
32
|
-
*/
|
|
33
|
-
FormlyFieldMultiCheckbox.prototype.onChange = /**
|
|
34
|
-
* @param {?} value
|
|
35
|
-
* @param {?} checked
|
|
36
|
-
* @return {?}
|
|
37
|
-
*/
|
|
38
|
-
function (value, checked) {
|
|
39
|
-
var _a;
|
|
40
|
-
if (this.to.type === 'array') {
|
|
41
|
-
this.formControl.patchValue(checked
|
|
42
|
-
? __spread((this.formControl.value || []), [value]) : __spread((this.formControl.value || [])).filter((/**
|
|
43
|
-
* @param {?} o
|
|
44
|
-
* @return {?}
|
|
45
|
-
*/
|
|
46
|
-
function (o) { return o !== value; })));
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
this.formControl.patchValue(__assign({}, this.formControl.value, (_a = {}, _a[value] = checked, _a)));
|
|
50
|
-
}
|
|
51
|
-
this.formControl.markAsTouched();
|
|
52
|
-
};
|
|
53
|
-
// TODO: find a solution to prevent scroll on focus
|
|
54
|
-
// TODO: find a solution to prevent scroll on focus
|
|
55
|
-
/**
|
|
56
|
-
* @return {?}
|
|
57
|
-
*/
|
|
58
|
-
FormlyFieldMultiCheckbox.prototype.onContainerClick =
|
|
59
|
-
// TODO: find a solution to prevent scroll on focus
|
|
60
|
-
/**
|
|
61
|
-
* @return {?}
|
|
62
|
-
*/
|
|
63
|
-
function () { };
|
|
64
|
-
/**
|
|
65
|
-
* @param {?} option
|
|
66
|
-
* @return {?}
|
|
67
|
-
*/
|
|
68
|
-
FormlyFieldMultiCheckbox.prototype.isChecked = /**
|
|
69
|
-
* @param {?} option
|
|
70
|
-
* @return {?}
|
|
71
|
-
*/
|
|
72
|
-
function (option) {
|
|
73
|
-
/** @type {?} */
|
|
74
|
-
var value = this.formControl.value;
|
|
75
|
-
return value && (this.to.type === 'array'
|
|
76
|
-
? (value.indexOf(option.value) !== -1)
|
|
77
|
-
: value[option.value]);
|
|
78
|
-
};
|
|
79
|
-
FormlyFieldMultiCheckbox.decorators = [
|
|
80
|
-
{ type: Component, args: [{
|
|
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 "
|
|
83
|
-
}] }
|
|
84
|
-
];
|
|
85
|
-
FormlyFieldMultiCheckbox.propDecorators = {
|
|
86
|
-
checkboxes: [{ type: ViewChildren, args: [MatCheckbox,] }]
|
|
87
|
-
};
|
|
88
|
-
return FormlyFieldMultiCheckbox;
|
|
89
|
-
}(FieldType));
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* @fileoverview added by tsickle
|
|
93
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
94
|
-
*/
|
|
95
|
-
var FormlyMatMultiCheckboxModule = /** @class */ (function () {
|
|
96
|
-
function FormlyMatMultiCheckboxModule() {
|
|
97
|
-
}
|
|
98
|
-
FormlyMatMultiCheckboxModule.decorators = [
|
|
99
|
-
{ type: NgModule, args: [{
|
|
100
|
-
declarations: [FormlyFieldMultiCheckbox],
|
|
101
|
-
imports: [
|
|
102
|
-
CommonModule,
|
|
103
|
-
ReactiveFormsModule,
|
|
104
|
-
MatCheckboxModule,
|
|
105
|
-
FormlyMatFormFieldModule,
|
|
106
|
-
FormlySelectModule,
|
|
107
|
-
FormlyModule.forChild({
|
|
108
|
-
types: [
|
|
109
|
-
{
|
|
110
|
-
name: 'multicheckbox',
|
|
111
|
-
component: FormlyFieldMultiCheckbox,
|
|
112
|
-
wrappers: ['form-field'],
|
|
113
|
-
},
|
|
114
|
-
],
|
|
115
|
-
}),
|
|
116
|
-
],
|
|
117
|
-
},] }
|
|
118
|
-
];
|
|
119
|
-
return FormlyMatMultiCheckboxModule;
|
|
120
|
-
}());
|
|
121
|
-
|
|
122
|
-
/**
|
|
123
|
-
* @fileoverview added by tsickle
|
|
124
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
125
|
-
*/
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* @fileoverview added by tsickle
|
|
129
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
130
|
-
*/
|
|
131
|
-
|
|
132
|
-
export { FormlyMatMultiCheckboxModule, FormlyFieldMultiCheckbox };
|
|
133
|
-
|
|
134
|
-
//# sourceMappingURL=ngx-formly-material-multicheckbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-formly-material-multicheckbox.js.map","sources":["ng://@ngx-formly/material/multicheckbox/multicheckbox.type.ts","ng://@ngx-formly/material/multicheckbox/multicheckbox.module.ts"],"sourcesContent":["import { Component, ViewChildren, QueryList } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\n\n@Component({\n selector: 'formly-field-mat-multicheckbox',\n template: `\n <ng-container *ngFor=\"let option of to.options | formlySelectOptions:field | async; let i = index;\">\n <mat-checkbox\n [id]=\"id + '_' + i\"\n [formlyAttributes]=\"field\"\n [tabIndex]=\"to.tabindex\"\n [color]=\"to.color\"\n [labelPosition]=\"to.labelPosition\"\n [checked]=\"isChecked(option)\"\n [disabled]=\"formControl.disabled\"\n (change)=\"onChange(option.value, $event.checked)\">\n {{ option.label }}\n </mat-checkbox>\n </ng-container>\n `,\n})\nexport class FormlyFieldMultiCheckbox extends FieldType {\n @ViewChildren(MatCheckbox) checkboxes!: QueryList<MatCheckbox>;\n\n defaultOptions = {\n templateOptions: {\n hideFieldUnderline: true,\n floatLabel: 'always',\n options: [],\n color: 'accent', // workaround for https://github.com/angular/components/issues/18465\n },\n };\n\n onChange(value: any, checked: boolean) {\n if (this.to.type === 'array') {\n this.formControl.patchValue(checked\n ? [...(this.formControl.value || []), value]\n : [...(this.formControl.value || [])].filter(o => o !== value),\n );\n } else {\n this.formControl.patchValue({ ...this.formControl.value, [value]: checked });\n }\n this.formControl.markAsTouched();\n }\n\n // TODO: find a solution to prevent scroll on focus\n onContainerClick() {}\n\n isChecked(option: any) {\n const value = this.formControl.value;\n\n return value && (\n this.to.type === 'array'\n ? (value.indexOf(option.value) !== -1)\n : value[option.value]\n );\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\n\n@NgModule({\n declarations: [FormlyFieldMultiCheckbox],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n MatCheckboxModule,\n\n FormlyMatFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'multicheckbox',\n component: FormlyFieldMultiCheckbox,\n wrappers: ['form-field'],\n },\n ],\n }),\n ],\n})\nexport class FormlyMatMultiCheckboxModule { }\n"],"names":["tslib_1.__extends","tslib_1.__spread"],"mappings":";;;;;;;;;;;;;;IAsB8CA,4CAAS;IAlBvD;QAAA,qEAsDC;QAjCC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,EAAE;gBACX,KAAK,EAAE,QAAQ;aAChB;SACF,CAAC;;KA0BH;;;;;;IAxBC,2CAAQ;;;;;IAAR,UAAS,KAAU,EAAE,OAAgB;;QACnC,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,OAAO,EAAE;YAC5B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO;4BAC1B,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,IAAG,KAAK,KACzCC,UAAK,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,GAAG,MAAM;;;;YAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,KAAK,GAAA,EAAC,CAC/D,CAAC;SACH;aAAM;YACL,IAAI,CAAC,WAAW,CAAC,UAAU,cAAM,IAAI,CAAC,WAAW,CAAC,KAAK,eAAG,KAAK,IAAG,OAAO,OAAG,CAAC;SAC9E;QACD,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;KAClC;;;;;;IAGD,mDAAgB;;;;;IAAhB,eAAqB;;;;;IAErB,4CAAS;;;;IAAT,UAAU,MAAW;;YACb,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK;QAEpC,OAAO,KAAK,KACV,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,OAAO;eACnB,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;cACnC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB,CAAC;KACH;;gBArDF,SAAS,SAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,QAAQ,EAAE,0hBAcT;iBACF;;;6BAEE,YAAY,SAAC,WAAW;;IAmC3B,+BAAC;CAAA,CApC6C,SAAS;;;;;;ACtBvD;IAUA;KAqB6C;;gBArB5C,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBAEnB,iBAAiB;wBAEjB,wBAAwB;wBACxB,kBAAkB;wBAClB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,eAAe;oCACrB,SAAS,EAAE,wBAAwB;oCACnC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;IAC2C,mCAAC;CArB7C;;;;;;;;;;;;;;"}
|
|
@@ -1,80 +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 { __extends } from 'tslib';
|
|
6
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
7
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
8
|
-
import { MatInput, MatInputModule } from '@angular/material/input';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @fileoverview added by tsickle
|
|
12
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
13
|
-
*/
|
|
14
|
-
var FormlyFieldNativeSelect = /** @class */ (function (_super) {
|
|
15
|
-
__extends(FormlyFieldNativeSelect, _super);
|
|
16
|
-
function FormlyFieldNativeSelect() {
|
|
17
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
18
|
-
_this.defaultOptions = {
|
|
19
|
-
templateOptions: {
|
|
20
|
-
options: [],
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
return _this;
|
|
24
|
-
}
|
|
25
|
-
FormlyFieldNativeSelect.decorators = [
|
|
26
|
-
{ type: Component, args: [{
|
|
27
|
-
selector: 'formly-field-mat-native-select',
|
|
28
|
-
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 "
|
|
29
|
-
}] }
|
|
30
|
-
];
|
|
31
|
-
FormlyFieldNativeSelect.propDecorators = {
|
|
32
|
-
formFieldControl: [{ type: ViewChild, args: [MatInput, (/** @type {?} */ ({ static: true })),] }]
|
|
33
|
-
};
|
|
34
|
-
return FormlyFieldNativeSelect;
|
|
35
|
-
}(FieldType));
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* @fileoverview added by tsickle
|
|
39
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
40
|
-
*/
|
|
41
|
-
var FormlyMatNativeSelectModule = /** @class */ (function () {
|
|
42
|
-
function FormlyMatNativeSelectModule() {
|
|
43
|
-
}
|
|
44
|
-
FormlyMatNativeSelectModule.decorators = [
|
|
45
|
-
{ type: NgModule, args: [{
|
|
46
|
-
declarations: [FormlyFieldNativeSelect],
|
|
47
|
-
imports: [
|
|
48
|
-
CommonModule,
|
|
49
|
-
ReactiveFormsModule,
|
|
50
|
-
MatInputModule,
|
|
51
|
-
FormlyMatFormFieldModule,
|
|
52
|
-
FormlySelectModule,
|
|
53
|
-
FormlyModule.forChild({
|
|
54
|
-
types: [
|
|
55
|
-
{
|
|
56
|
-
name: 'native-select',
|
|
57
|
-
component: FormlyFieldNativeSelect,
|
|
58
|
-
wrappers: ['form-field'],
|
|
59
|
-
},
|
|
60
|
-
],
|
|
61
|
-
}),
|
|
62
|
-
],
|
|
63
|
-
},] }
|
|
64
|
-
];
|
|
65
|
-
return FormlyMatNativeSelectModule;
|
|
66
|
-
}());
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* @fileoverview added by tsickle
|
|
70
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
71
|
-
*/
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* @fileoverview added by tsickle
|
|
75
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
76
|
-
*/
|
|
77
|
-
|
|
78
|
-
export { FormlyMatNativeSelectModule, FormlyFieldNativeSelect };
|
|
79
|
-
|
|
80
|
-
//# 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":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;;IAsC6CA,2CAAS;IAlCtD;QAAA,qEAyCC;QALC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;aACZ;SACF,CAAC;;KACH;;gBAzCA,SAAS,SAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,QAAQ,EAAE,yyCA8BT;iBACF;;;mCAEE,SAAS,SAAC,QAAQ,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;;IAM7C,8BAAC;CAAA,CAP4C,SAAS;;;;;;ACtCtD;IAWA;KAoB4C;;gBApB3C,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;oBACvC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBAEd,wBAAwB;wBACxB,kBAAkB;wBAClB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,eAAe;oCACrB,SAAS,EAAE,uBAAuB;oCAClC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;IAC0C,kCAAC;CApB5C;;;;;;;;;;;;;;"}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
3
|
-
import { FormlySelectModule } from '@ngx-formly/core/select';
|
|
4
|
-
import { __extends } from 'tslib';
|
|
5
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
6
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
7
|
-
import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
|
|
8
|
-
import { ɵwrapProperty, FormlyModule } from '@ngx-formly/core';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @fileoverview added by tsickle
|
|
12
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
13
|
-
*/
|
|
14
|
-
var FormlyFieldRadio = /** @class */ (function (_super) {
|
|
15
|
-
__extends(FormlyFieldRadio, _super);
|
|
16
|
-
function FormlyFieldRadio() {
|
|
17
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
18
|
-
_this.defaultOptions = {
|
|
19
|
-
templateOptions: {
|
|
20
|
-
hideFieldUnderline: true,
|
|
21
|
-
floatLabel: 'always',
|
|
22
|
-
options: [],
|
|
23
|
-
tabindex: -1,
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
return _this;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* @return {?}
|
|
30
|
-
*/
|
|
31
|
-
FormlyFieldRadio.prototype.ngAfterViewInit = /**
|
|
32
|
-
* @return {?}
|
|
33
|
-
*/
|
|
34
|
-
function () {
|
|
35
|
-
var _this = this;
|
|
36
|
-
this.focusObserver = ɵwrapProperty(this.field, 'focus', (/**
|
|
37
|
-
* @param {?} __0
|
|
38
|
-
* @return {?}
|
|
39
|
-
*/
|
|
40
|
-
function (_a) {
|
|
41
|
-
var currentValue = _a.currentValue;
|
|
42
|
-
if (_this.to.tabindex === -1
|
|
43
|
-
&& currentValue
|
|
44
|
-
&& _this.radioGroup._radios.length > 0) {
|
|
45
|
-
// https://github.com/ngx-formly/ngx-formly/issues/2498
|
|
46
|
-
setTimeout((/**
|
|
47
|
-
* @return {?}
|
|
48
|
-
*/
|
|
49
|
-
function () {
|
|
50
|
-
/** @type {?} */
|
|
51
|
-
var radio = _this.radioGroup.selected
|
|
52
|
-
? _this.radioGroup.selected
|
|
53
|
-
: _this.radioGroup._radios.first;
|
|
54
|
-
radio._elementRef.nativeElement.focus({ preventScroll: true });
|
|
55
|
-
}));
|
|
56
|
-
}
|
|
57
|
-
}));
|
|
58
|
-
};
|
|
59
|
-
// TODO: find a solution to prevent scroll on focus
|
|
60
|
-
// TODO: find a solution to prevent scroll on focus
|
|
61
|
-
/**
|
|
62
|
-
* @return {?}
|
|
63
|
-
*/
|
|
64
|
-
FormlyFieldRadio.prototype.onContainerClick =
|
|
65
|
-
// TODO: find a solution to prevent scroll on focus
|
|
66
|
-
/**
|
|
67
|
-
* @return {?}
|
|
68
|
-
*/
|
|
69
|
-
function () { };
|
|
70
|
-
/**
|
|
71
|
-
* @return {?}
|
|
72
|
-
*/
|
|
73
|
-
FormlyFieldRadio.prototype.ngOnDestroy = /**
|
|
74
|
-
* @return {?}
|
|
75
|
-
*/
|
|
76
|
-
function () {
|
|
77
|
-
this.focusObserver && this.focusObserver();
|
|
78
|
-
};
|
|
79
|
-
FormlyFieldRadio.decorators = [
|
|
80
|
-
{ type: Component, args: [{
|
|
81
|
-
selector: 'formly-field-mat-radio',
|
|
82
|
-
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 "
|
|
83
|
-
}] }
|
|
84
|
-
];
|
|
85
|
-
FormlyFieldRadio.propDecorators = {
|
|
86
|
-
radioGroup: [{ type: ViewChild, args: [MatRadioGroup, (/** @type {?} */ ({ static: true })),] }]
|
|
87
|
-
};
|
|
88
|
-
return FormlyFieldRadio;
|
|
89
|
-
}(FieldType));
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* @fileoverview added by tsickle
|
|
93
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
94
|
-
*/
|
|
95
|
-
var FormlyMatRadioModule = /** @class */ (function () {
|
|
96
|
-
function FormlyMatRadioModule() {
|
|
97
|
-
}
|
|
98
|
-
FormlyMatRadioModule.decorators = [
|
|
99
|
-
{ type: NgModule, args: [{
|
|
100
|
-
declarations: [FormlyFieldRadio],
|
|
101
|
-
imports: [
|
|
102
|
-
CommonModule,
|
|
103
|
-
ReactiveFormsModule,
|
|
104
|
-
MatRadioModule,
|
|
105
|
-
FormlyMatFormFieldModule,
|
|
106
|
-
FormlySelectModule,
|
|
107
|
-
FormlyModule.forChild({
|
|
108
|
-
types: [{
|
|
109
|
-
name: 'radio',
|
|
110
|
-
component: FormlyFieldRadio,
|
|
111
|
-
wrappers: ['form-field'],
|
|
112
|
-
}],
|
|
113
|
-
}),
|
|
114
|
-
],
|
|
115
|
-
},] }
|
|
116
|
-
];
|
|
117
|
-
return FormlyMatRadioModule;
|
|
118
|
-
}());
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* @fileoverview added by tsickle
|
|
122
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
123
|
-
*/
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* @fileoverview added by tsickle
|
|
127
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
128
|
-
*/
|
|
129
|
-
|
|
130
|
-
export { FormlyMatRadioModule, FormlyFieldRadio };
|
|
131
|
-
|
|
132
|
-
//# 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":["tslib_1.__extends","wrapProperty"],"mappings":";;;;;;;;;;;;;;IAwBsCA,oCAAS;IAnB/C;QAAA,qEAwDC;QAnCC,oBAAc,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,0CAAe;;;IAAf;QAAA,iBAiBC;QAhBC,IAAI,CAAC,aAAa,GAAGC,aAAY,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO;;;;QAAE,UAAC,EAAgB;gBAAd,8BAAY;YACpE,IACE,KAAI,CAAC,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC;mBACpB,YAAY;mBACZ,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EACrC;;gBAEA,UAAU;;;gBAAC;;wBACH,KAAK,GAAG,KAAI,CAAC,UAAU,CAAC,QAAQ;0BAClC,KAAI,CAAC,UAAU,CAAC,QAAQ;0BACxB,KAAI,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,2CAAgB;;;;;IAAhB,eAAqB;;;;IAErB,sCAAW;;;IAAX;QACE,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;KAC5C;;gBAvDF,SAAS,SAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE,giBAeT;iBACF;;;6BAEE,SAAS,SAAC,aAAa,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;;IAoClD,uBAAC;CAAA,CArCqC,SAAS;;;;;;ACxB/C;IAWA;KAkBqC;;gBAlBpC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBAEd,wBAAwB;wBACxB,kBAAkB;wBAClB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE,CAAC;oCACN,IAAI,EAAE,OAAO;oCACb,SAAS,EAAE,gBAAgB;oCAC3B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB,CAAC;yBACH,CAAC;qBACH;iBACF;;IACmC,2BAAC;CAlBrC;;;;;;;;;;;;;;"}
|
|
@@ -1,192 +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 { __extends, __spread } from 'tslib';
|
|
6
|
-
import { Component, ViewChild, NgModule } from '@angular/core';
|
|
7
|
-
import { MatSelect, MatSelectModule } from '@angular/material/select';
|
|
8
|
-
import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
|
|
9
|
-
import { MatPseudoCheckboxModule } from '@angular/material/core';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* @fileoverview added by tsickle
|
|
13
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
14
|
-
*/
|
|
15
|
-
var FormlyFieldSelect = /** @class */ (function (_super) {
|
|
16
|
-
__extends(FormlyFieldSelect, _super);
|
|
17
|
-
function FormlyFieldSelect() {
|
|
18
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
19
|
-
_this.defaultOptions = {
|
|
20
|
-
templateOptions: {
|
|
21
|
-
options: [],
|
|
22
|
-
compareWith: /**
|
|
23
|
-
* @param {?} o1
|
|
24
|
-
* @param {?} o2
|
|
25
|
-
* @return {?}
|
|
26
|
-
*/
|
|
27
|
-
function (o1, o2) {
|
|
28
|
-
return o1 === o2;
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
return _this;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* @param {?} options
|
|
36
|
-
* @return {?}
|
|
37
|
-
*/
|
|
38
|
-
FormlyFieldSelect.prototype.getSelectAllState = /**
|
|
39
|
-
* @param {?} options
|
|
40
|
-
* @return {?}
|
|
41
|
-
*/
|
|
42
|
-
function (options) {
|
|
43
|
-
if (this.empty || this.value.length === 0) {
|
|
44
|
-
return '';
|
|
45
|
-
}
|
|
46
|
-
return this.value.length !== this.getSelectAllValue(options).length
|
|
47
|
-
? 'indeterminate'
|
|
48
|
-
: 'checked';
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* @param {?} options
|
|
52
|
-
* @return {?}
|
|
53
|
-
*/
|
|
54
|
-
FormlyFieldSelect.prototype.toggleSelectAll = /**
|
|
55
|
-
* @param {?} options
|
|
56
|
-
* @return {?}
|
|
57
|
-
*/
|
|
58
|
-
function (options) {
|
|
59
|
-
/** @type {?} */
|
|
60
|
-
var selectAllValue = this.getSelectAllValue(options);
|
|
61
|
-
this.formControl.setValue(!this.value || this.value.length !== selectAllValue.length
|
|
62
|
-
? selectAllValue
|
|
63
|
-
: []);
|
|
64
|
-
this.formControl.markAsDirty();
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* @param {?} $event
|
|
68
|
-
* @return {?}
|
|
69
|
-
*/
|
|
70
|
-
FormlyFieldSelect.prototype.change = /**
|
|
71
|
-
* @param {?} $event
|
|
72
|
-
* @return {?}
|
|
73
|
-
*/
|
|
74
|
-
function ($event) {
|
|
75
|
-
if (this.to.change) {
|
|
76
|
-
this.to.change(this.field, $event);
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
/**
|
|
80
|
-
* @return {?}
|
|
81
|
-
*/
|
|
82
|
-
FormlyFieldSelect.prototype._getAriaLabelledby = /**
|
|
83
|
-
* @return {?}
|
|
84
|
-
*/
|
|
85
|
-
function () {
|
|
86
|
-
if (this.to.attributes && this.to.attributes['aria-labelledby']) {
|
|
87
|
-
return this.to.attributes['aria-labelledby'];
|
|
88
|
-
}
|
|
89
|
-
if (this.formField && this.formField._labelId) {
|
|
90
|
-
return this.formField._labelId;
|
|
91
|
-
}
|
|
92
|
-
return undefined;
|
|
93
|
-
};
|
|
94
|
-
/**
|
|
95
|
-
* @return {?}
|
|
96
|
-
*/
|
|
97
|
-
FormlyFieldSelect.prototype._getAriaLabel = /**
|
|
98
|
-
* @return {?}
|
|
99
|
-
*/
|
|
100
|
-
function () {
|
|
101
|
-
return this.to.attributes ? this.to.attributes['aria-label'] : undefined;
|
|
102
|
-
};
|
|
103
|
-
/**
|
|
104
|
-
* @private
|
|
105
|
-
* @param {?} options
|
|
106
|
-
* @return {?}
|
|
107
|
-
*/
|
|
108
|
-
FormlyFieldSelect.prototype.getSelectAllValue = /**
|
|
109
|
-
* @private
|
|
110
|
-
* @param {?} options
|
|
111
|
-
* @return {?}
|
|
112
|
-
*/
|
|
113
|
-
function (options) {
|
|
114
|
-
if (!this.selectAllValue || options !== this.selectAllValue.options) {
|
|
115
|
-
/** @type {?} */
|
|
116
|
-
var flatOptions_1 = [];
|
|
117
|
-
options.forEach((/**
|
|
118
|
-
* @param {?} o
|
|
119
|
-
* @return {?}
|
|
120
|
-
*/
|
|
121
|
-
function (o) { return o.group
|
|
122
|
-
? flatOptions_1.push.apply(flatOptions_1, __spread(o.group)) : flatOptions_1.push(o); }));
|
|
123
|
-
this.selectAllValue = {
|
|
124
|
-
options: options,
|
|
125
|
-
value: flatOptions_1.filter((/**
|
|
126
|
-
* @param {?} o
|
|
127
|
-
* @return {?}
|
|
128
|
-
*/
|
|
129
|
-
function (o) { return !o.disabled; })).map((/**
|
|
130
|
-
* @param {?} o
|
|
131
|
-
* @return {?}
|
|
132
|
-
*/
|
|
133
|
-
function (o) { return o.value; })),
|
|
134
|
-
};
|
|
135
|
-
}
|
|
136
|
-
return this.selectAllValue.value;
|
|
137
|
-
};
|
|
138
|
-
FormlyFieldSelect.decorators = [
|
|
139
|
-
{ type: Component, args: [{
|
|
140
|
-
selector: 'formly-field-mat-select',
|
|
141
|
-
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 "
|
|
142
|
-
}] }
|
|
143
|
-
];
|
|
144
|
-
FormlyFieldSelect.propDecorators = {
|
|
145
|
-
formFieldControl: [{ type: ViewChild, args: [MatSelect, (/** @type {?} */ ({ static: true })),] }]
|
|
146
|
-
};
|
|
147
|
-
return FormlyFieldSelect;
|
|
148
|
-
}(FieldType));
|
|
149
|
-
|
|
150
|
-
/**
|
|
151
|
-
* @fileoverview added by tsickle
|
|
152
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
153
|
-
*/
|
|
154
|
-
var FormlyMatSelectModule = /** @class */ (function () {
|
|
155
|
-
function FormlyMatSelectModule() {
|
|
156
|
-
}
|
|
157
|
-
FormlyMatSelectModule.decorators = [
|
|
158
|
-
{ type: NgModule, args: [{
|
|
159
|
-
declarations: [FormlyFieldSelect],
|
|
160
|
-
imports: [
|
|
161
|
-
CommonModule,
|
|
162
|
-
ReactiveFormsModule,
|
|
163
|
-
MatSelectModule,
|
|
164
|
-
MatPseudoCheckboxModule,
|
|
165
|
-
FormlyMatFormFieldModule,
|
|
166
|
-
FormlySelectModule,
|
|
167
|
-
FormlyModule.forChild({
|
|
168
|
-
types: [{
|
|
169
|
-
name: 'select',
|
|
170
|
-
component: FormlyFieldSelect,
|
|
171
|
-
wrappers: ['form-field'],
|
|
172
|
-
}],
|
|
173
|
-
}),
|
|
174
|
-
],
|
|
175
|
-
},] }
|
|
176
|
-
];
|
|
177
|
-
return FormlyMatSelectModule;
|
|
178
|
-
}());
|
|
179
|
-
|
|
180
|
-
/**
|
|
181
|
-
* @fileoverview added by tsickle
|
|
182
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
183
|
-
*/
|
|
184
|
-
|
|
185
|
-
/**
|
|
186
|
-
* @fileoverview added by tsickle
|
|
187
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
188
|
-
*/
|
|
189
|
-
|
|
190
|
-
export { FormlyMatSelectModule, FormlyFieldSelect };
|
|
191
|
-
|
|
192
|
-
//# 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":["tslib_1.__extends"],"mappings":";;;;;;;;;;;;;;;IA6CuCA,qCAAS;IAzChD;QAAA,qEAoHC;QAxEC,oBAAc,GAAG;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;gBACX,WAAW;;;;;0BAAC,EAAO,EAAE,EAAO;oBAC1B,OAAO,EAAE,KAAK,EAAE,CAAC;iBAClB;aACF;SACF,CAAC;;KAiEH;;;;;IA7DC,6CAAiB;;;;IAAjB,UAAkB,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,2CAAe;;;;IAAf,UAAgB,OAAc;;YACtB,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,kCAAM;;;;IAAN,UAAO,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,8CAAkB;;;IAAlB;QACE,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,yCAAa;;;IAAb;QACE,OAAO,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;KAC1E;;;;;;IAEO,6CAAiB;;;;;IAAzB,UAA0B,OAAc;QACtC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,OAAO,KAAK,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;;gBAC7D,aAAW,GAAU,EAAE;YAC7B,OAAO,CAAC,OAAO;;;;YAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK;kBACxB,aAAW,CAAC,IAAI,OAAhB,aAAW,WAAS,CAAC,CAAC,KAAK,KAC3B,aAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAA,EACtB,CAAC;YAEF,IAAI,CAAC,cAAc,GAAG;gBACpB,OAAO,SAAA;gBACP,KAAK,EAAE,aAAW,CAAC,MAAM;;;;gBAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,QAAQ,GAAA,EAAC,CAAC,GAAG;;;;gBAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,GAAA,EAAC;aAC9D,CAAC;SACH;QAGD,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;KAClC;;gBAnHF,SAAS,SAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE,srDAqCT;iBACF;;;mCAEE,SAAS,SAAC,SAAS,qBAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;;IA0E9C,wBAAC;CAAA,CA3EsC,SAAS;;;;;;AC7ChD;IAYA;KAmBsC;;gBAnBrC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,eAAe;wBACf,uBAAuB;wBAEvB,wBAAwB;wBACxB,kBAAkB;wBAClB,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;CAnBtC;;;;;;;;;;;;;;"}
|