@tft/crispr-forms 12.2.21 → 13.0.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 +9 -69
- package/esm2020/index.mjs +2 -0
- package/esm2020/lib/abstracts/autocomplete-field.abstract.mjs +30 -0
- package/esm2020/lib/abstracts/crispr-control.mixin.mjs +27 -0
- package/esm2020/lib/abstracts/crispr-field.abstract.mjs +17 -0
- package/esm2020/lib/abstracts/index.mjs +4 -0
- package/esm2020/lib/crispr-forms.module.mjs +66 -0
- package/esm2020/lib/field-component-map.const.mjs +25 -0
- package/esm2020/lib/field-container/field-container.component.mjs +85 -0
- package/esm2020/lib/field-container/index.mjs +2 -0
- package/esm2020/lib/field.directive.mjs +77 -0
- package/esm2020/lib/form/form.component.mjs +54 -0
- package/esm2020/lib/form-group-list/form-group-list.component.mjs +51 -0
- package/esm2020/lib/form-group-list/form-group-list.module.mjs +54 -0
- package/esm2020/lib/form-group-list/index.mjs +3 -0
- package/esm2020/lib/form.helpers.mjs +185 -0
- package/esm2020/lib/form.operators.mjs +24 -0
- package/esm2020/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.mjs +111 -0
- package/esm2020/lib/material/autocomplete-field/autocomplete-field.component.mjs +70 -0
- package/esm2020/lib/material/button/button.component.mjs +35 -0
- package/esm2020/lib/material/checkbox-field/checkbox-field.component.mjs +31 -0
- package/esm2020/lib/material/datepicker-field/datepicker-field.component.mjs +45 -0
- package/esm2020/lib/material/divider/divider.component.mjs +22 -0
- package/esm2020/lib/material/file-upload/file-dropzone.directive.mjs +39 -0
- package/esm2020/lib/material/file-upload/file-upload.component.mjs +145 -0
- package/esm2020/lib/material/file-upload/index.mjs +3 -0
- package/esm2020/lib/material/heading/heading.component.mjs +54 -0
- package/esm2020/lib/material/image-upload-field/image-compression.helpers.mjs +4 -0
- package/esm2020/lib/material/image-upload-field/image-upload-field.component.mjs +233 -0
- package/esm2020/lib/material/image-upload-field/index.mjs +2 -0
- package/esm2020/lib/material/index.mjs +18 -0
- package/esm2020/lib/material/info/info.component.mjs +46 -0
- package/esm2020/lib/material/input-field/input-field.component.mjs +27 -0
- package/esm2020/lib/material/material.module.mjs +200 -0
- package/esm2020/lib/material/option/index.mjs +2 -0
- package/esm2020/lib/material/option/option.component.mjs +14 -0
- package/esm2020/lib/material/radio-field/radio-field.component.mjs +29 -0
- package/esm2020/lib/material/select-field/select-field.component.mjs +58 -0
- package/esm2020/lib/material/selected-file/selected-file.component.mjs +47 -0
- package/esm2020/lib/material/slider-field/slider-field.component.mjs +30 -0
- package/esm2020/lib/material/textarea-field/textarea-field.component.mjs +28 -0
- package/esm2020/lib/material/unit-conversion-field/unit-conversion-field.component.mjs +69 -0
- package/esm2020/lib/models/autocomplete-chiplist-field.config.mjs +2 -0
- package/esm2020/lib/models/autocomplete-field.config.mjs +2 -0
- package/esm2020/lib/models/button.config.mjs +2 -0
- package/esm2020/lib/models/checkbox-field.config.mjs +2 -0
- package/esm2020/lib/models/crispr-field.config.mjs +23 -0
- package/esm2020/lib/models/datepicker-field.config.mjs +2 -0
- package/esm2020/lib/models/divider.config.mjs +2 -0
- package/esm2020/lib/models/file-upload-field.config.mjs +2 -0
- package/esm2020/lib/models/form-group-list.config.mjs +2 -0
- package/esm2020/lib/models/heading.config.mjs +3 -0
- package/esm2020/lib/models/image-upload-field.config.mjs +2 -0
- package/esm2020/lib/models/index.mjs +18 -0
- package/esm2020/lib/models/input-field.config.mjs +2 -0
- package/esm2020/lib/models/radio-field.config.mjs +2 -0
- package/esm2020/lib/models/select-field.config.mjs +2 -0
- package/esm2020/lib/models/slider-field.config.mjs +2 -0
- package/esm2020/lib/models/textarea-field.config.mjs +2 -0
- package/esm2020/lib/models/unit-conversion-field.config.mjs +2 -0
- package/esm2020/lib/pipes/crispr-pipes.module.mjs +26 -0
- package/esm2020/lib/pipes/initial-control-value.pipe.mjs +20 -0
- package/esm2020/lib/public_api.mjs +10 -0
- package/esm2020/lib/sub-group/index.mjs +3 -0
- package/esm2020/lib/sub-group/sub-group.component.mjs +20 -0
- package/esm2020/lib/sub-group/sub-group.module.mjs +45 -0
- package/esm2020/tft-crispr-forms.mjs +5 -0
- package/fesm2015/tft-crispr-forms.mjs +1904 -0
- package/fesm2015/tft-crispr-forms.mjs.map +1 -0
- package/fesm2020/tft-crispr-forms.mjs +1896 -0
- package/fesm2020/tft-crispr-forms.mjs.map +1 -0
- package/lib/abstracts/autocomplete-field.abstract.d.ts +4 -1
- package/lib/abstracts/crispr-control.mixin.d.ts +1 -1
- package/lib/abstracts/crispr-field.abstract.d.ts +4 -1
- package/lib/crispr-forms.module.d.ts +14 -0
- package/lib/field-component-map.const.d.ts +21 -20
- package/lib/field-container/field-container.component.d.ts +11 -1
- package/lib/field-container/index.d.ts +1 -0
- package/lib/field.directive.d.ts +14 -5
- package/lib/form/form.component.d.ts +6 -1
- package/lib/form-group-list/form-group-list.component.d.ts +4 -1
- package/lib/form-group-list/form-group-list.module.d.ts +15 -0
- package/lib/form-group-list/index.d.ts +2 -0
- package/lib/form.helpers.d.ts +1 -1
- package/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.d.ts +3 -0
- package/lib/material/autocomplete-field/autocomplete-field.component.d.ts +4 -1
- package/lib/material/button/button.component.d.ts +3 -0
- package/lib/material/checkbox-field/checkbox-field.component.d.ts +3 -0
- package/lib/material/datepicker-field/datepicker-field.component.d.ts +3 -0
- package/lib/material/divider/divider.component.d.ts +3 -0
- package/lib/material/file-upload/file-dropzone.directive.d.ts +3 -0
- package/lib/material/file-upload/file-upload.component.d.ts +20 -2
- package/lib/material/file-upload/index.d.ts +2 -0
- package/lib/material/heading/heading.component.d.ts +12 -1
- package/lib/material/image-upload-field/image-compression.helpers.d.ts +1 -0
- package/lib/material/image-upload-field/image-upload-field.component.d.ts +64 -0
- package/lib/material/image-upload-field/index.d.ts +1 -0
- package/lib/material/index.d.ts +4 -1
- package/lib/material/info/info.component.d.ts +12 -1
- package/lib/material/input-field/input-field.component.d.ts +3 -0
- package/lib/material/material.module.d.ts +42 -0
- package/lib/material/option/index.d.ts +1 -0
- package/lib/material/option/option.component.d.ts +3 -0
- package/lib/material/radio-field/radio-field.component.d.ts +3 -0
- package/lib/material/select-field/select-field.component.d.ts +3 -0
- package/lib/material/selected-file/selected-file.component.d.ts +10 -0
- package/lib/material/slider-field/slider-field.component.d.ts +3 -0
- package/lib/material/textarea-field/textarea-field.component.d.ts +3 -0
- package/lib/material/unit-conversion-field/unit-conversion-field.component.d.ts +3 -0
- package/lib/models/autocomplete-field.config.d.ts +2 -1
- package/lib/models/button.config.d.ts +3 -2
- package/lib/models/crispr-field.config.d.ts +8 -7
- package/lib/models/file-upload-field.config.d.ts +4 -3
- package/lib/models/image-upload-field.config.d.ts +47 -0
- package/lib/models/index.d.ts +2 -0
- package/lib/models/radio-field.config.d.ts +1 -1
- package/lib/pipes/crispr-pipes.module.d.ts +8 -0
- package/lib/pipes/initial-control-value.pipe.d.ts +3 -0
- package/lib/public_api.d.ts +1 -0
- package/lib/sub-group/index.d.ts +2 -0
- package/lib/sub-group/sub-group.component.d.ts +3 -0
- package/lib/sub-group/sub-group.module.d.ts +12 -0
- package/package.json +30 -15
- package/tft-crispr-forms-13.0.2.tgz +0 -0
- package/tft-crispr-forms.d.ts +1 -25
- package/bundles/tft-crispr-forms.umd.js +0 -1719
- package/bundles/tft-crispr-forms.umd.js.map +0 -1
- package/esm2015/index.js +0 -2
- package/esm2015/index.js.map +0 -1
- package/esm2015/index.metadata.json +0 -1
- package/esm2015/lib/abstracts/autocomplete-field.abstract.js +0 -27
- package/esm2015/lib/abstracts/autocomplete-field.abstract.js.map +0 -1
- package/esm2015/lib/abstracts/autocomplete-field.abstract.metadata.json +0 -1
- package/esm2015/lib/abstracts/crispr-control.mixin.js +0 -27
- package/esm2015/lib/abstracts/crispr-control.mixin.js.map +0 -1
- package/esm2015/lib/abstracts/crispr-control.mixin.metadata.json +0 -1
- package/esm2015/lib/abstracts/crispr-field.abstract.js +0 -14
- package/esm2015/lib/abstracts/crispr-field.abstract.js.map +0 -1
- package/esm2015/lib/abstracts/crispr-field.abstract.metadata.json +0 -1
- package/esm2015/lib/abstracts/index.js +0 -4
- package/esm2015/lib/abstracts/index.js.map +0 -1
- package/esm2015/lib/abstracts/index.metadata.json +0 -1
- package/esm2015/lib/crispr-forms.module.js +0 -41
- package/esm2015/lib/crispr-forms.module.js.map +0 -1
- package/esm2015/lib/crispr-forms.module.metadata.json +0 -1
- package/esm2015/lib/crispr-forms.module.ngfactory.js.map +0 -1
- package/esm2015/lib/field-component-map.const.js +0 -28
- package/esm2015/lib/field-component-map.const.js.map +0 -1
- package/esm2015/lib/field-component-map.const.metadata.json +0 -1
- package/esm2015/lib/field-container/field-container.component.js +0 -57
- package/esm2015/lib/field-container/field-container.component.js.map +0 -1
- package/esm2015/lib/field-container/field-container.component.metadata.json +0 -1
- package/esm2015/lib/field-container/field-container.component.ngfactory.js.map +0 -1
- package/esm2015/lib/field-container/field-container.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/field.directive.js +0 -55
- package/esm2015/lib/field.directive.js.map +0 -1
- package/esm2015/lib/field.directive.metadata.json +0 -1
- package/esm2015/lib/field.directive.ngfactory.js.map +0 -1
- package/esm2015/lib/form/form.component.js +0 -40
- package/esm2015/lib/form/form.component.js.map +0 -1
- package/esm2015/lib/form/form.component.metadata.json +0 -1
- package/esm2015/lib/form/form.component.ngfactory.js.map +0 -1
- package/esm2015/lib/form/form.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/form-group-list/form-group-list.component.js +0 -44
- package/esm2015/lib/form-group-list/form-group-list.component.js.map +0 -1
- package/esm2015/lib/form-group-list/form-group-list.component.metadata.json +0 -1
- package/esm2015/lib/form-group-list/form-group-list.component.ngfactory.js.map +0 -1
- package/esm2015/lib/form-group-list/form-group-list.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/form.helpers.js +0 -186
- package/esm2015/lib/form.helpers.js.map +0 -1
- package/esm2015/lib/form.helpers.metadata.json +0 -1
- package/esm2015/lib/form.operators.js +0 -24
- package/esm2015/lib/form.operators.js.map +0 -1
- package/esm2015/lib/form.operators.metadata.json +0 -1
- package/esm2015/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.js +0 -101
- package/esm2015/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.js.map +0 -1
- package/esm2015/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.metadata.json +0 -1
- package/esm2015/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/autocomplete-field/autocomplete-field.component.js +0 -57
- package/esm2015/lib/material/autocomplete-field/autocomplete-field.component.js.map +0 -1
- package/esm2015/lib/material/autocomplete-field/autocomplete-field.component.metadata.json +0 -1
- package/esm2015/lib/material/autocomplete-field/autocomplete-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/autocomplete-field/autocomplete-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/button/button.component.js +0 -30
- package/esm2015/lib/material/button/button.component.js.map +0 -1
- package/esm2015/lib/material/button/button.component.metadata.json +0 -1
- package/esm2015/lib/material/button/button.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/button/button.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/checkbox-field/checkbox-field.component.js +0 -25
- package/esm2015/lib/material/checkbox-field/checkbox-field.component.js.map +0 -1
- package/esm2015/lib/material/checkbox-field/checkbox-field.component.metadata.json +0 -1
- package/esm2015/lib/material/checkbox-field/checkbox-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/checkbox-field/checkbox-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/datepicker-field/datepicker-field.component.js +0 -45
- package/esm2015/lib/material/datepicker-field/datepicker-field.component.js.map +0 -1
- package/esm2015/lib/material/datepicker-field/datepicker-field.component.metadata.json +0 -1
- package/esm2015/lib/material/datepicker-field/datepicker-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/datepicker-field/datepicker-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/divider/divider.component.js +0 -20
- package/esm2015/lib/material/divider/divider.component.js.map +0 -1
- package/esm2015/lib/material/divider/divider.component.metadata.json +0 -1
- package/esm2015/lib/material/divider/divider.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/divider/divider.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/file-upload/file-dropzone.directive.js +0 -31
- package/esm2015/lib/material/file-upload/file-dropzone.directive.js.map +0 -1
- package/esm2015/lib/material/file-upload/file-dropzone.directive.metadata.json +0 -1
- package/esm2015/lib/material/file-upload/file-dropzone.directive.ngfactory.js.map +0 -1
- package/esm2015/lib/material/file-upload/file-upload.component.js +0 -80
- package/esm2015/lib/material/file-upload/file-upload.component.js.map +0 -1
- package/esm2015/lib/material/file-upload/file-upload.component.metadata.json +0 -1
- package/esm2015/lib/material/file-upload/file-upload.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/file-upload/file-upload.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/heading/heading.component.js +0 -23
- package/esm2015/lib/material/heading/heading.component.js.map +0 -1
- package/esm2015/lib/material/heading/heading.component.metadata.json +0 -1
- package/esm2015/lib/material/heading/heading.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/heading/heading.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/index.js +0 -15
- package/esm2015/lib/material/index.js.map +0 -1
- package/esm2015/lib/material/index.metadata.json +0 -1
- package/esm2015/lib/material/info/info.component.js +0 -15
- package/esm2015/lib/material/info/info.component.js.map +0 -1
- package/esm2015/lib/material/info/info.component.metadata.json +0 -1
- package/esm2015/lib/material/info/info.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/info/info.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/input-field/input-field.component.js +0 -22
- package/esm2015/lib/material/input-field/input-field.component.js.map +0 -1
- package/esm2015/lib/material/input-field/input-field.component.metadata.json +0 -1
- package/esm2015/lib/material/input-field/input-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/input-field/input-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/material.module.js +0 -107
- package/esm2015/lib/material/material.module.js.map +0 -1
- package/esm2015/lib/material/material.module.metadata.json +0 -1
- package/esm2015/lib/material/material.module.ngfactory.js.map +0 -1
- package/esm2015/lib/material/option/option.component.js +0 -15
- package/esm2015/lib/material/option/option.component.js.map +0 -1
- package/esm2015/lib/material/option/option.component.metadata.json +0 -1
- package/esm2015/lib/material/option/option.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/option/option.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/radio-field/radio-field.component.js +0 -25
- package/esm2015/lib/material/radio-field/radio-field.component.js.map +0 -1
- package/esm2015/lib/material/radio-field/radio-field.component.metadata.json +0 -1
- package/esm2015/lib/material/radio-field/radio-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/radio-field/radio-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/select-field/select-field.component.js +0 -50
- package/esm2015/lib/material/select-field/select-field.component.js.map +0 -1
- package/esm2015/lib/material/select-field/select-field.component.metadata.json +0 -1
- package/esm2015/lib/material/select-field/select-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/select-field/select-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/selected-file/selected-file.component.js +0 -17
- package/esm2015/lib/material/selected-file/selected-file.component.js.map +0 -1
- package/esm2015/lib/material/selected-file/selected-file.component.metadata.json +0 -1
- package/esm2015/lib/material/selected-file/selected-file.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/selected-file/selected-file.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/slider-field/slider-field.component.js +0 -26
- package/esm2015/lib/material/slider-field/slider-field.component.js.map +0 -1
- package/esm2015/lib/material/slider-field/slider-field.component.metadata.json +0 -1
- package/esm2015/lib/material/slider-field/slider-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/slider-field/slider-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/textarea-field/textarea-field.component.js +0 -22
- package/esm2015/lib/material/textarea-field/textarea-field.component.js.map +0 -1
- package/esm2015/lib/material/textarea-field/textarea-field.component.metadata.json +0 -1
- package/esm2015/lib/material/textarea-field/textarea-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/textarea-field/textarea-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/material/unit-conversion-field/unit-conversion-field.component.js +0 -63
- package/esm2015/lib/material/unit-conversion-field/unit-conversion-field.component.js.map +0 -1
- package/esm2015/lib/material/unit-conversion-field/unit-conversion-field.component.metadata.json +0 -1
- package/esm2015/lib/material/unit-conversion-field/unit-conversion-field.component.ngfactory.js.map +0 -1
- package/esm2015/lib/material/unit-conversion-field/unit-conversion-field.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/models/autocomplete-chiplist-field.config.js +0 -2
- package/esm2015/lib/models/autocomplete-chiplist-field.config.js.map +0 -1
- package/esm2015/lib/models/autocomplete-chiplist-field.config.metadata.json +0 -1
- package/esm2015/lib/models/autocomplete-field.config.js +0 -2
- package/esm2015/lib/models/autocomplete-field.config.js.map +0 -1
- package/esm2015/lib/models/autocomplete-field.config.metadata.json +0 -1
- package/esm2015/lib/models/button.config.js +0 -2
- package/esm2015/lib/models/button.config.js.map +0 -1
- package/esm2015/lib/models/button.config.metadata.json +0 -1
- package/esm2015/lib/models/checkbox-field.config.js +0 -2
- package/esm2015/lib/models/checkbox-field.config.js.map +0 -1
- package/esm2015/lib/models/checkbox-field.config.metadata.json +0 -1
- package/esm2015/lib/models/crispr-field.config.js +0 -22
- package/esm2015/lib/models/crispr-field.config.js.map +0 -1
- package/esm2015/lib/models/crispr-field.config.metadata.json +0 -1
- package/esm2015/lib/models/datepicker-field.config.js +0 -2
- package/esm2015/lib/models/datepicker-field.config.js.map +0 -1
- package/esm2015/lib/models/datepicker-field.config.metadata.json +0 -1
- package/esm2015/lib/models/divider.config.js +0 -2
- package/esm2015/lib/models/divider.config.js.map +0 -1
- package/esm2015/lib/models/divider.config.metadata.json +0 -1
- package/esm2015/lib/models/file-upload-field.config.js +0 -2
- package/esm2015/lib/models/file-upload-field.config.js.map +0 -1
- package/esm2015/lib/models/file-upload-field.config.metadata.json +0 -1
- package/esm2015/lib/models/form-group-list.config.js +0 -2
- package/esm2015/lib/models/form-group-list.config.js.map +0 -1
- package/esm2015/lib/models/form-group-list.config.metadata.json +0 -1
- package/esm2015/lib/models/heading.config.js +0 -3
- package/esm2015/lib/models/heading.config.js.map +0 -1
- package/esm2015/lib/models/heading.config.metadata.json +0 -1
- package/esm2015/lib/models/index.js +0 -16
- package/esm2015/lib/models/index.js.map +0 -1
- package/esm2015/lib/models/index.metadata.json +0 -1
- package/esm2015/lib/models/input-field.config.js +0 -2
- package/esm2015/lib/models/input-field.config.js.map +0 -1
- package/esm2015/lib/models/input-field.config.metadata.json +0 -1
- package/esm2015/lib/models/radio-field.config.js +0 -2
- package/esm2015/lib/models/radio-field.config.js.map +0 -1
- package/esm2015/lib/models/radio-field.config.metadata.json +0 -1
- package/esm2015/lib/models/select-field.config.js +0 -2
- package/esm2015/lib/models/select-field.config.js.map +0 -1
- package/esm2015/lib/models/select-field.config.metadata.json +0 -1
- package/esm2015/lib/models/slider-field.config.js +0 -2
- package/esm2015/lib/models/slider-field.config.js.map +0 -1
- package/esm2015/lib/models/slider-field.config.metadata.json +0 -1
- package/esm2015/lib/models/textarea-field.config.js +0 -2
- package/esm2015/lib/models/textarea-field.config.js.map +0 -1
- package/esm2015/lib/models/textarea-field.config.metadata.json +0 -1
- package/esm2015/lib/models/unit-conversion-field.config.js +0 -2
- package/esm2015/lib/models/unit-conversion-field.config.js.map +0 -1
- package/esm2015/lib/models/unit-conversion-field.config.metadata.json +0 -1
- package/esm2015/lib/pipes/initial-control-value.pipe.js +0 -16
- package/esm2015/lib/pipes/initial-control-value.pipe.js.map +0 -1
- package/esm2015/lib/pipes/initial-control-value.pipe.metadata.json +0 -1
- package/esm2015/lib/pipes/initial-control-value.pipe.ngfactory.js.map +0 -1
- package/esm2015/lib/public_api.js +0 -9
- package/esm2015/lib/public_api.js.map +0 -1
- package/esm2015/lib/public_api.metadata.json +0 -1
- package/esm2015/lib/sub-group/sub-group.component.js +0 -17
- package/esm2015/lib/sub-group/sub-group.component.js.map +0 -1
- package/esm2015/lib/sub-group/sub-group.component.metadata.json +0 -1
- package/esm2015/lib/sub-group/sub-group.component.ngfactory.js.map +0 -1
- package/esm2015/lib/sub-group/sub-group.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/tft-crispr-forms.js +0 -30
- package/esm2015/tft-crispr-forms.js.map +0 -1
- package/esm2015/tft-crispr-forms.metadata.json +0 -1
- package/fesm2015/tft-crispr-forms.js +0 -1263
- package/fesm2015/tft-crispr-forms.js.map +0 -1
- package/tft-crispr-forms-12.2.21.tgz +0 -0
- package/tft-crispr-forms.metadata.json +0 -1
package/esm2015/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.js
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, ViewChild, ElementRef } from '@angular/core';
|
|
2
|
-
import { map, tap } from 'rxjs/operators';
|
|
3
|
-
import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
4
|
-
import { BehaviorSubject, combineLatest } from 'rxjs';
|
|
5
|
-
import { ENTER } from '@angular/cdk/keycodes';
|
|
6
|
-
import { DEFAULT_EMPTY_OPTIONS_MESSAGE } from '../../models';
|
|
7
|
-
import { AbstractAutocompleteComponent } from '../../abstracts';
|
|
8
|
-
const ɵ0 = (chip, option) => chip.value === option.value;
|
|
9
|
-
const defaultConfig = {
|
|
10
|
-
chipsSelectable: true,
|
|
11
|
-
areChipsRemovable: true,
|
|
12
|
-
tabToSelect: true,
|
|
13
|
-
autoActiveFirstOption: true,
|
|
14
|
-
imageUrlParam: 'image',
|
|
15
|
-
typeDebounceTime: 500,
|
|
16
|
-
allowDuplicates: false,
|
|
17
|
-
duplicateCompareFunction: ɵ0,
|
|
18
|
-
separatorKeyCodes: [ENTER],
|
|
19
|
-
emptyOptionsMessage: DEFAULT_EMPTY_OPTIONS_MESSAGE,
|
|
20
|
-
};
|
|
21
|
-
export class AutocompleteChiplistFieldComponent extends AbstractAutocompleteComponent {
|
|
22
|
-
constructor() {
|
|
23
|
-
super(...arguments);
|
|
24
|
-
this.defaultConfig = defaultConfig;
|
|
25
|
-
this.chips$ = new BehaviorSubject([]);
|
|
26
|
-
this.controlValue$ = this.chips$.pipe(tap(chips => {
|
|
27
|
-
this.control.setValue(chips.map(chip => chip.value));
|
|
28
|
-
}));
|
|
29
|
-
}
|
|
30
|
-
ngOnInit() {
|
|
31
|
-
super.ngOnInit();
|
|
32
|
-
this.remainingOptions$ = combineLatest([
|
|
33
|
-
this.chips$,
|
|
34
|
-
this.options$
|
|
35
|
-
]).pipe(map(([chips, options]) => {
|
|
36
|
-
return this.config.allowDuplicates
|
|
37
|
-
? options
|
|
38
|
-
: options === null || options === void 0 ? void 0 : options.filter(option => {
|
|
39
|
-
return !chips.some(chip => this.config.duplicateCompareFunction(chip, option));
|
|
40
|
-
});
|
|
41
|
-
}));
|
|
42
|
-
}
|
|
43
|
-
setControlValue(value) {
|
|
44
|
-
if (value) {
|
|
45
|
-
this.chips$.next(value);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
// handles mat selecting
|
|
49
|
-
handleSelect(event) {
|
|
50
|
-
const selectedOption = event.option.value;
|
|
51
|
-
this.chips$.next([...this.chips$.value, selectedOption]);
|
|
52
|
-
this.chipInputRef.nativeElement.value = '';
|
|
53
|
-
this.autocompleteInputControl.setValue('');
|
|
54
|
-
// setTimeout needed because the panel thinks it's still open at this point
|
|
55
|
-
setTimeout(() => this.chipInput.openPanel());
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* To follow ARIA standards we want to select the active option on blur.
|
|
59
|
-
* matChipInputAddOnBlur should do this but it causes buggy behaviour
|
|
60
|
-
* @param event blur event that triggers the handle blur
|
|
61
|
-
*/
|
|
62
|
-
handleTab(_event) {
|
|
63
|
-
if (this.chipInput.activeOption && (this.config.tabToSelect || this.config.addChipOnBlur)) {
|
|
64
|
-
const chip = this.chipInput.activeOption.value;
|
|
65
|
-
this.chips$.next([...this.chips$.value, chip]);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* Handles selection via key tokens passed through separatorKeyCodes propert
|
|
70
|
-
* NOTE: If TAB is used focus does not move on to next component
|
|
71
|
-
* @param event
|
|
72
|
-
*/
|
|
73
|
-
handleTokenEnd(event) {
|
|
74
|
-
var _a;
|
|
75
|
-
if (this.chipInput.activeOption) {
|
|
76
|
-
this.chipInput.activeOption.select();
|
|
77
|
-
}
|
|
78
|
-
(_a = event.chipInput) === null || _a === void 0 ? void 0 : _a.clear();
|
|
79
|
-
}
|
|
80
|
-
mapToLabel(option) {
|
|
81
|
-
return option ? option.label : '';
|
|
82
|
-
}
|
|
83
|
-
removeChip(removedChip) {
|
|
84
|
-
const remainingChips = this.chips$.value.filter(chip => chip !== removedChip);
|
|
85
|
-
this.chips$.next(remainingChips);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
AutocompleteChiplistFieldComponent.decorators = [
|
|
89
|
-
{ type: Component, args: [{
|
|
90
|
-
selector: 'crispr-autocomplete-chiplist-field',
|
|
91
|
-
template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n\n <mat-chip-list\n #chipList>\n <mat-chip\n class=\"refinement-chip\"\n *ngFor=\"let chip of controlValue$ | async\"\n [selectable]=\"config.chipsSelectable\"\n [removable]=\"config.areChipsRemovable\"\n (removed)=\"removeChip(chip)\">\n <span *ngIf=\"chip.imageUrl as imageUrl\" class=\"image-container\">\n <img [src]=\"imageUrl\" alt=\"image of {{chip.label}}\">\n </span>\n {{chip.label}}\n <mat-icon\n matChipRemove\n *ngIf=\"config.areChipsRemovable\">\n cancel\n </mat-icon>\n </mat-chip>\n\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matChipInputFor]=\"chipList\"\n [matAutocomplete]=\"auto\"\n (keydown.tab)=\"handleTab($event)\"\n [matChipInputSeparatorKeyCodes]=\"config.separatorKeyCodes\"\n (matChipInputTokenEnd)=\"handleTokenEnd($event)\"\n role=\"searchbox\"\n type=\"text\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput/>\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n </mat-chip-list>\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"this.config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"mapToLabel\">\n <ng-container *ngIf=\"remainingOptions$ | async as remainingOptions; else emptyOption\">\n <ng-container *ngIf=\"remainingOptions.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of remainingOptions$ | async\"\n [value]=\"option\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n </mat-autocomplete>\n\n\n </mat-form-field>\n</crispr-field-container>\n",
|
|
92
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
93
|
-
styles: [".refinement-chip .image-container{width:26px;height:26px;border-radius:50%;overflow:hidden;margin:-2px 4px -2px -8px}.refinement-chip .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}"]
|
|
94
|
-
},] }
|
|
95
|
-
];
|
|
96
|
-
AutocompleteChiplistFieldComponent.propDecorators = {
|
|
97
|
-
chipInput: [{ type: ViewChild, args: ['autoInput', { read: MatAutocompleteTrigger },] }],
|
|
98
|
-
chipInputRef: [{ type: ViewChild, args: ['autoInput',] }]
|
|
99
|
-
};
|
|
100
|
-
export { ɵ0 };
|
|
101
|
-
//# sourceMappingURL=autocomplete-chiplist-field.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-chiplist-field.component.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,uBAAuB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAgC,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACtG,OAAO,EAAc,eAAe,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAmC,6BAA6B,EAAgB,MAAM,cAAc,CAAC;AAC5G,OAAO,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;WAWpC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK;AARzE,MAAM,aAAa,GAA6C;IAC9D,eAAe,EAAE,IAAI;IACrB,iBAAiB,EAAE,IAAI;IACvB,WAAW,EAAE,IAAI;IACjB,qBAAqB,EAAE,IAAI;IAC3B,aAAa,EAAE,OAAO;IACtB,gBAAgB,EAAE,GAAG;IACrB,eAAe,EAAE,KAAK;IACtB,wBAAwB,IAA+C;IACvE,iBAAiB,EAAE,CAAC,KAAK,CAAC;IAC1B,mBAAmB,EAAE,6BAA6B;CACnD,CAAA;AAQD,MAAM,OAAO,kCACX,SAAQ,6BAA8D;IAPxE;;QAQE,kBAAa,GAAG,aAAa,CAAC;QAC9B,WAAM,GAAG,IAAI,eAAe,CAAiB,EAAE,CAAC,CAAC;QAGjD,kBAAa,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAC9B,GAAG,CAAC,KAAK,CAAC,EAAE;YACV,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QACtD,CAAC,CAAC,CACH,CAAC;IA0EJ,CAAC;IAhEC,QAAQ;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC;YACrC,IAAI,CAAC,MAAM;YACX,IAAI,CAAC,QAAQ;SACd,CAAC,CAAC,IAAI,CACL,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE;YACvB,OAAO,IAAI,CAAC,MAAM,CAAC,eAAe;gBAChC,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBACzB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;gBACjF,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CACH,CAAA;IACH,CAAC;IAED,eAAe,CAAC,KAAqB;QACnC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC;IAED,wBAAwB;IACxB,YAAY,CAAC,KAAmC;QAC9C,MAAM,cAAc,GAAiB,KAAK,CAAC,MAAM,CAAC,KAAqB,CAAC;QACxE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAG,cAAc,CAAC,CAAC,CAAC;QAC1D,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;QAC3C,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3C,2EAA2E;QAC3E,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC,CAAA;IAC9C,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,MAAkB;QAC1B,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE;YACzF,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC;YAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAG,IAAI,CAAC,CAAC,CAAC;SACjD;IACH,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,KAAwB;;QACrC,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;YAC/B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;SACtC;QACD,MAAA,KAAK,CAAC,SAAS,0CAAE,KAAK,EAAE,CAAC;IAC3B,CAAC;IAED,UAAU,CAAC,MAAoB;QAC7B,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,CAAC;IAED,UAAU,CAAC,WAAyB;QAClC,MAAM,cAAc,GAAmB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC;QAC9F,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC;;;YAzFF,SAAS,SAAC;gBACT,QAAQ,EAAE,oCAAoC;gBAC9C,8+EAA2D;gBAE3D,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;wBAiBE,SAAS,SAAC,WAAW,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE;2BACvD,SAAS,SAAC,WAAW","sourcesContent":["import { Component, OnInit, ChangeDetectionStrategy, ViewChild, ElementRef } from '@angular/core';\nimport { map, tap } from 'rxjs/operators';\nimport { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';\nimport { Observable, BehaviorSubject, combineLatest } from 'rxjs';\nimport { ENTER } from '@angular/cdk/keycodes';\n\nimport { AutocompleteChiplistFieldConfig, DEFAULT_EMPTY_OPTIONS_MESSAGE, SelectOption } from '../../models';\nimport { AbstractAutocompleteComponent } from '../../abstracts';\nimport { MatChipInputEvent } from '@angular/material/chips';\n\nconst defaultConfig: Partial<AutocompleteChiplistFieldConfig> = {\n chipsSelectable: true,\n areChipsRemovable: true,\n tabToSelect: true,\n autoActiveFirstOption: true,\n imageUrlParam: 'image',\n typeDebounceTime: 500,\n allowDuplicates: false,\n duplicateCompareFunction: (chip, option) => chip.value === option.value,\n separatorKeyCodes: [ENTER],\n emptyOptionsMessage: DEFAULT_EMPTY_OPTIONS_MESSAGE,\n}\n\n@Component({\n selector: 'crispr-autocomplete-chiplist-field',\n templateUrl: './autocomplete-chiplist-field.component.html',\n styleUrls: ['./autocomplete-chiplist-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AutocompleteChiplistFieldComponent\n extends AbstractAutocompleteComponent<AutocompleteChiplistFieldConfig> implements OnInit {\n defaultConfig = defaultConfig;\n chips$ = new BehaviorSubject<SelectOption[]>([]);\n remainingOptions$: Observable<SelectOption[]>;\n\n controlValue$ = this.chips$.pipe(\n tap(chips => {\n this.control.setValue(chips.map(chip => chip.value))\n })\n );\n\n\n // We need use ViewChild twice on the same template ref to access as different types\n // - the MatAutocompleteTrigger is used to for selecting value on tab\n // - the ElementRef<HTMLInputElement> is used to clear the value from input element on selection\n @ViewChild('autoInput', { read: MatAutocompleteTrigger }) chipInput: MatAutocompleteTrigger;\n @ViewChild('autoInput') chipInputRef: ElementRef<HTMLInputElement>;\n\n\n ngOnInit() {\n super.ngOnInit();\n this.remainingOptions$ = combineLatest([\n this.chips$,\n this.options$\n ]).pipe(\n map(([chips, options]) => {\n return this.config.allowDuplicates\n ? options\n : options?.filter(option => {\n return !chips.some(chip => this.config.duplicateCompareFunction(chip, option));\n });\n })\n )\n }\n\n setControlValue(value: SelectOption[]) {\n if (value) {\n this.chips$.next(value);\n }\n }\n\n // handles mat selecting\n handleSelect(event: MatAutocompleteSelectedEvent) {\n const selectedOption: SelectOption = event.option.value as SelectOption;\n this.chips$.next([...this.chips$.value, selectedOption]);\n this.chipInputRef.nativeElement.value = '';\n this.autocompleteInputControl.setValue('');\n // setTimeout needed because the panel thinks it's still open at this point\n setTimeout(() => this.chipInput.openPanel())\n }\n\n /**\n * To follow ARIA standards we want to select the active option on blur.\n * matChipInputAddOnBlur should do this but it causes buggy behaviour\n * @param event blur event that triggers the handle blur\n */\n handleTab(_event: FocusEvent) {\n if (this.chipInput.activeOption && (this.config.tabToSelect || this.config.addChipOnBlur)) {\n const chip = this.chipInput.activeOption.value;\n this.chips$.next([...this.chips$.value, chip]);\n }\n }\n\n /**\n * Handles selection via key tokens passed through separatorKeyCodes propert\n * NOTE: If TAB is used focus does not move on to next component\n * @param event\n */\n handleTokenEnd(event: MatChipInputEvent) {\n if (this.chipInput.activeOption) {\n this.chipInput.activeOption.select();\n }\n event.chipInput?.clear();\n }\n\n mapToLabel(option: SelectOption) {\n return option ? option.label : '';\n }\n\n removeChip(removedChip: SelectOption) {\n const remainingChips: SelectOption[] = this.chips$.value.filter(chip => chip !== removedChip);\n this.chips$.next(remainingChips);\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"error","message":"Lambda not supported","line":18,"character":28},"AutocompleteChiplistFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../abstracts","name":"AbstractAutocompleteComponent","line":30,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"crispr-autocomplete-chiplist-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n\n <mat-chip-list\n #chipList>\n <mat-chip\n class=\"refinement-chip\"\n *ngFor=\"let chip of controlValue$ | async\"\n [selectable]=\"config.chipsSelectable\"\n [removable]=\"config.areChipsRemovable\"\n (removed)=\"removeChip(chip)\">\n <span *ngIf=\"chip.imageUrl as imageUrl\" class=\"image-container\">\n <img [src]=\"imageUrl\" alt=\"image of {{chip.label}}\">\n </span>\n {{chip.label}}\n <mat-icon\n matChipRemove\n *ngIf=\"config.areChipsRemovable\">\n cancel\n </mat-icon>\n </mat-chip>\n\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matChipInputFor]=\"chipList\"\n [matAutocomplete]=\"auto\"\n (keydown.tab)=\"handleTab($event)\"\n [matChipInputSeparatorKeyCodes]=\"config.separatorKeyCodes\"\n (matChipInputTokenEnd)=\"handleTokenEnd($event)\"\n role=\"searchbox\"\n type=\"text\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput/>\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n </mat-chip-list>\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"this.config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"mapToLabel\">\n <ng-container *ngIf=\"remainingOptions$ | async as remainingOptions; else emptyOption\">\n <ng-container *ngIf=\"remainingOptions.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of remainingOptions$ | async\"\n [value]=\"option\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n </mat-autocomplete>\n\n\n </mat-form-field>\n</crispr-field-container>\n","styles":[".refinement-chip .image-container{width:26px;height:26px;border-radius:50%;overflow:hidden;margin:-2px 4px -2px -8px}.refinement-chip .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}"]}]}],"members":{"chipInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["autoInput",{"read":{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":45,"character":34}}]}]}],"chipInputRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["autoInput"]}]}],"ngOnInit":[{"__symbolic":"method"}],"setControlValue":[{"__symbolic":"method"}],"handleSelect":[{"__symbolic":"method"}],"handleTab":[{"__symbolic":"method"}],"handleTokenEnd":[{"__symbolic":"method"}],"mapToLabel":[{"__symbolic":"method"}],"removeChip":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-chiplist-field.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-chiplist-field.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { Component, ViewChild, ChangeDetectionStrategy, ElementRef } from '@angular/core';
|
|
2
|
-
import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
3
|
-
import { DEFAULT_EMPTY_OPTIONS_MESSAGE } from '../../models';
|
|
4
|
-
import { AbstractAutocompleteComponent } from '../../abstracts';
|
|
5
|
-
const defaultConfig = {
|
|
6
|
-
autoActiveFirstOption: true,
|
|
7
|
-
typeDebounceTime: 500,
|
|
8
|
-
emptyOptionsMessage: DEFAULT_EMPTY_OPTIONS_MESSAGE
|
|
9
|
-
};
|
|
10
|
-
export class AutocompleteFieldComponent extends AbstractAutocompleteComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments);
|
|
13
|
-
this.defaultConfig = defaultConfig;
|
|
14
|
-
}
|
|
15
|
-
ngOnInit() {
|
|
16
|
-
super.ngOnInit();
|
|
17
|
-
}
|
|
18
|
-
setControlValue(value) {
|
|
19
|
-
if (this.control && value) {
|
|
20
|
-
// sets the initial value on the control if one is passed
|
|
21
|
-
this.control.setValue(value.value || '');
|
|
22
|
-
this.autocompleteInputControl.setValue(value.label || '');
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* The material autocomplete defaults to displaying the options value instead of its label.
|
|
27
|
-
* We only have the value from the selected option to work with, so we have to pass the options
|
|
28
|
-
* through a function called in the template and return the function that the material displayWith
|
|
29
|
-
* input is expecting.
|
|
30
|
-
* @param options the array of options to search for option with corresponding value
|
|
31
|
-
*/
|
|
32
|
-
displayLabel(options) {
|
|
33
|
-
return (value) => {
|
|
34
|
-
var _a;
|
|
35
|
-
return !!options && Array.isArray(options)
|
|
36
|
-
? (_a = options.find(option => option.value === value)) === null || _a === void 0 ? void 0 : _a.label
|
|
37
|
-
: value;
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
handleSelect(event) {
|
|
41
|
-
this.control.setValue(event.option.value);
|
|
42
|
-
this.autoInputRef.nativeElement.blur();
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
AutocompleteFieldComponent.decorators = [
|
|
46
|
-
{ type: Component, args: [{
|
|
47
|
-
selector: 'crispr-autocomplete-field',
|
|
48
|
-
template: "\n<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matAutocomplete]=\"auto\"\n role=\"textbox\"\n type=\"textbox\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput>\n\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"displayLabel(options$ | async)\">\n\n <ng-container *ngIf=\"options$ | async as options; else emptyOption\">\n <ng-container *ngIf=\"options.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of options$ | async\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n\n </mat-autocomplete>\n </mat-form-field>\n</crispr-field-container>\n",
|
|
49
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
50
|
-
styles: [""]
|
|
51
|
-
},] }
|
|
52
|
-
];
|
|
53
|
-
AutocompleteFieldComponent.propDecorators = {
|
|
54
|
-
autoInput: [{ type: ViewChild, args: ['autoInput', { read: MatAutocompleteTrigger },] }],
|
|
55
|
-
autoInputRef: [{ type: ViewChild, args: ['autoInput',] }]
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=autocomplete-field.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-field.component.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/autocomplete-field/autocomplete-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,SAAS,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAgC,MAAM,gCAAgC,CAAC;AAEtG,OAAO,EAAyC,6BAA6B,EAAE,MAAM,cAAc,CAAC;AACpG,OAAO,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,aAAa,GAAqC;IACtD,qBAAqB,EAAE,IAAI;IAC3B,gBAAgB,EAAE,GAAG;IACrB,mBAAmB,EAAE,6BAA6B;CACnD,CAAC;AAQF,MAAM,OAAO,0BACX,SAAQ,6BAAsD;IAPhE;;QAUE,kBAAa,GAAG,aAAa,CAAC;IAmChC,CAAC;IA/BC,QAAQ;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC;IAED,eAAe,CAAC,KAAmB;QACjC,IAAG,IAAI,CAAC,OAAO,IAAI,KAAK,EAAE;YACxB,yDAAyD;YACzD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACzC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;SAC3D;IACH,CAAC;IAED;;;;;;OAMG;IACH,YAAY,CAAC,OAAuB;QAClC,OAAO,CAAC,KAAU,EAAE,EAAE;;YACpB,OAAO,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;gBACxC,CAAC,CAAC,MAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,0CAAE,KAAK;gBACvD,CAAC,CAAC,KAAK,CAAC;QACZ,CAAC,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,KAAmC;QAC9C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACzC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IACzC,CAAC;;;YA5CF,SAAS,SAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,omDAAkD;gBAElD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;wBAME,SAAS,SAAC,WAAW,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE;2BACvD,SAAS,SAAC,WAAW","sourcesContent":["import { Component, OnInit, ViewChild, ChangeDetectionStrategy, ElementRef } from '@angular/core';\nimport { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\n\nimport { SelectOption, AutocompleteFieldConfig, DEFAULT_EMPTY_OPTIONS_MESSAGE } from '../../models';\nimport { AbstractAutocompleteComponent } from '../../abstracts';\n\nconst defaultConfig: Partial<AutocompleteFieldConfig> = {\n autoActiveFirstOption: true,\n typeDebounceTime: 500,\n emptyOptionsMessage: DEFAULT_EMPTY_OPTIONS_MESSAGE\n};\n\n@Component({\n selector: 'crispr-autocomplete-field',\n templateUrl: './autocomplete-field.component.html',\n styleUrls: ['./autocomplete-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AutocompleteFieldComponent\n extends AbstractAutocompleteComponent<AutocompleteFieldConfig>\n implements OnInit {\n\n defaultConfig = defaultConfig;\n @ViewChild('autoInput', { read: MatAutocompleteTrigger }) autoInput: MatAutocompleteTrigger;\n @ViewChild('autoInput') autoInputRef: ElementRef<HTMLInputElement>;\n\n ngOnInit() {\n super.ngOnInit();\n }\n\n setControlValue(value: SelectOption) {\n if(this.control && value) {\n // sets the initial value on the control if one is passed\n this.control.setValue(value.value || '');\n this.autocompleteInputControl.setValue(value.label || '');\n }\n }\n\n /**\n * The material autocomplete defaults to displaying the options value instead of its label.\n * We only have the value from the selected option to work with, so we have to pass the options\n * through a function called in the template and return the function that the material displayWith\n * input is expecting.\n * @param options the array of options to search for option with corresponding value\n */\n displayLabel(options: SelectOption[]) {\n return (value: any) => {\n return !!options && Array.isArray(options)\n ? options.find(option => option.value === value)?.label\n : value;\n };\n }\n\n handleSelect(event: MatAutocompleteSelectedEvent) {\n this.control.setValue(event.option.value)\n this.autoInputRef.nativeElement.blur();\n }\n}\n\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"AutocompleteFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../abstracts","name":"AbstractAutocompleteComponent","line":19,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"crispr-autocomplete-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"\n<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matAutocomplete]=\"auto\"\n role=\"textbox\"\n type=\"textbox\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput>\n\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"displayLabel(options$ | async)\">\n\n <ng-container *ngIf=\"options$ | async as options; else emptyOption\">\n <ng-container *ngIf=\"options.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of options$ | async\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n\n </mat-autocomplete>\n </mat-form-field>\n</crispr-field-container>\n","styles":[""]}]}],"members":{"autoInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["autoInput",{"read":{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":23,"character":34}}]}]}],"autoInputRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["autoInput"]}]}],"ngOnInit":[{"__symbolic":"method"}],"setControlValue":[{"__symbolic":"method"}],"displayLabel":[{"__symbolic":"method"}],"handleSelect":[{"__symbolic":"method"}]}}}}]
|
package/esm2015/lib/material/autocomplete-field/autocomplete-field.component.ngfactory.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-field.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/autocomplete-field/autocomplete-field.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-field.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/autocomplete-field/autocomplete-field.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
-
import { map, startWith } from 'rxjs/operators';
|
|
3
|
-
import { CrisprFieldComponent } from '../../abstracts';
|
|
4
|
-
export class ButtonComponent extends CrisprFieldComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
super(...arguments);
|
|
7
|
-
this.defaultConfig = { buttonType: 'raised', type: 'submit' };
|
|
8
|
-
}
|
|
9
|
-
get matButtonClass() {
|
|
10
|
-
return this.config.buttonType ? `mat-${this.config.buttonType}-button` : '';
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
super.ngOnInit();
|
|
14
|
-
this.formValid$ = this.group.statusChanges.pipe(map(status => status === 'VALID'), startWith(this.group.valid));
|
|
15
|
-
}
|
|
16
|
-
handleClick(group, event) {
|
|
17
|
-
if (this.config.callback) {
|
|
18
|
-
this.config.callback(group, event);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
ButtonComponent.decorators = [
|
|
23
|
-
{ type: Component, args: [{
|
|
24
|
-
selector: 'crispr-button',
|
|
25
|
-
template: "<button\n [formGroup]=\"group\"\n mat-button\n [ngClass]=\"matButtonClass\"\n [color]=\"config.color\"\n [disabled]=\"config.disabledOnInvalidForm && !(formValid$ | async)\"\n [type]=\"config.type\"\n (click)=\"handleClick(group, $event)\"\n [matTooltip]=\"config.info?.content\"\n [matTooltipPosition]=\"config.info?.tooltipPosition || 'below'\">\n {{ config.label }}\n <mat-icon *ngIf=\"config.icon\">\n {{ config.icon}}\n </mat-icon>\n</button>\n\n",
|
|
26
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
27
|
-
styles: [""]
|
|
28
|
-
},] }
|
|
29
|
-
];
|
|
30
|
-
//# sourceMappingURL=button.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/button/button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAU,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI3E,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAQvD,MAAM,OAAO,eAAgB,SAAQ,oBAAkC;IANvE;;QASE,kBAAa,GAA0B,EAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC;IAoBhF,CAAC;IAjBC,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9E,CAAC;IAED,QAAQ;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAC7C,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,OAAO,CAAC,EACjC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAC5B,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,KAAgB,EAAE,KAAiB;QAC7C,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YACxB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;SACpC;IACH,CAAC;;;YA5BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,8dAAsC;gBAEtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD","sourcesContent":["\nimport { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { ButtonConfig } from '../../models';\nimport { Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\nimport { CrisprFieldComponent } from '../../abstracts';\n\n@Component({\n selector: 'crispr-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonComponent extends CrisprFieldComponent<ButtonConfig> implements OnInit {\n\n group: FormGroup;\n defaultConfig: Partial<ButtonConfig> = {buttonType: 'raised', type: 'submit'};\n formValid$: Observable<boolean>\n\n get matButtonClass () {\n return this.config.buttonType ? `mat-${this.config.buttonType}-button` : '';\n }\n\n ngOnInit() {\n super.ngOnInit();\n this.formValid$ = this.group.statusChanges.pipe(\n map(status => status === 'VALID'),\n startWith(this.group.valid),\n );\n }\n\n handleClick(group: FormGroup, event: MouseEvent) {\n if (this.config.callback) {\n this.config.callback(group, event);\n }\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../abstracts","name":"CrisprFieldComponent","line":14,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"crispr-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<button\n [formGroup]=\"group\"\n mat-button\n [ngClass]=\"matButtonClass\"\n [color]=\"config.color\"\n [disabled]=\"config.disabledOnInvalidForm && !(formValid$ | async)\"\n [type]=\"config.type\"\n (click)=\"handleClick(group, $event)\"\n [matTooltip]=\"config.info?.content\"\n [matTooltipPosition]=\"config.info?.tooltipPosition || 'below'\">\n {{ config.label }}\n <mat-icon *ngIf=\"config.icon\">\n {{ config.icon}}\n </mat-icon>\n</button>\n\n","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"handleClick":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/button/button.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/button/button.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
-
import { crisprControlMixin, CrisprFieldComponent } from '../../abstracts';
|
|
3
|
-
const defaultConfig = {
|
|
4
|
-
labelPosition: 'after',
|
|
5
|
-
inline: false
|
|
6
|
-
};
|
|
7
|
-
const CheckboxFieldMixin = crisprControlMixin(CrisprFieldComponent);
|
|
8
|
-
export class CheckboxFieldComponent extends CheckboxFieldMixin {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.defaultConfig = defaultConfig;
|
|
12
|
-
}
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
super.ngOnInit();
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
CheckboxFieldComponent.decorators = [
|
|
18
|
-
{ type: Component, args: [{
|
|
19
|
-
selector: 'crispr-checkbox-field',
|
|
20
|
-
template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\"\n [inlineField]=\"config.inline\">\n <div\n [formGroup]=\"group\">\n <mat-checkbox\n [color]=\"config.color\"\n [labelPosition]=\"config.labelPosition\"\n [formControlName]=\"config.controlName\">\n {{config.label}}\n <crispr-info\n matSuffix *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </mat-checkbox>\n </div>\n</crispr-field-container>\n",
|
|
21
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
22
|
-
styles: [""]
|
|
23
|
-
},] }
|
|
24
|
-
];
|
|
25
|
-
//# sourceMappingURL=checkbox-field.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.component.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/checkbox-field/checkbox-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE3E,MAAM,aAAa,GAAiC;IAClD,aAAa,EAAE,OAAO;IACtB,MAAM,EAAE,KAAK;CACd,CAAA;AACD,MAAM,kBAAkB,GAAG,kBAAkB,CAAsB,oBAAoB,CAAC,CAAC;AAQzF,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAN9D;;QAQE,kBAAa,GAAG,aAAa,CAAC;IAIhC,CAAC;IAHC,QAAQ;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC;;;YAXF,SAAS,SAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,mfAA8C;gBAE9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD","sourcesContent":["import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { CheckboxFieldConfig } from '../../models';\nimport { crisprControlMixin, CrisprFieldComponent } from '../../abstracts';\n\nconst defaultConfig: Partial<CheckboxFieldConfig> = {\n labelPosition: 'after',\n inline: false\n}\nconst CheckboxFieldMixin = crisprControlMixin<CheckboxFieldConfig>(CrisprFieldComponent);\n\n@Component({\n selector: 'crispr-checkbox-field',\n templateUrl: './checkbox-field.component.html',\n styleUrls: ['./checkbox-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CheckboxFieldComponent extends CheckboxFieldMixin implements OnInit {\n\n defaultConfig = defaultConfig;\n ngOnInit() {\n super.ngOnInit();\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"CheckboxFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":16,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"crispr-checkbox-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<crispr-field-container\n [config]=\"config\"\n [group]=\"group\"\n [inlineField]=\"config.inline\">\n <div\n [formGroup]=\"group\">\n <mat-checkbox\n [color]=\"config.color\"\n [labelPosition]=\"config.labelPosition\"\n [formControlName]=\"config.controlName\">\n {{config.label}}\n <crispr-info\n matSuffix *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </mat-checkbox>\n </div>\n</crispr-field-container>\n","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/checkbox-field/checkbox-field.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
package/esm2015/lib/material/checkbox-field/checkbox-field.component.scss.shim.ngstyle.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/checkbox-field/checkbox-field.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
-
import { crisprControlMixin, CrisprFieldComponent } from '../../abstracts';
|
|
3
|
-
import { of } from 'rxjs';
|
|
4
|
-
import { ComponentPortal } from '@angular/cdk/portal';
|
|
5
|
-
const defaultConfig = {
|
|
6
|
-
startView: 'month',
|
|
7
|
-
};
|
|
8
|
-
const DatepickerFieldMixin = crisprControlMixin(CrisprFieldComponent);
|
|
9
|
-
export class DatepickerFieldComponent extends DatepickerFieldMixin {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
this.defaultConfig = defaultConfig;
|
|
13
|
-
// handleSelectedChange(event, picker: MatDatepicker<unknown>) {
|
|
14
|
-
// console.log({event, picker})
|
|
15
|
-
// if(this.config.selectedChange) {
|
|
16
|
-
// this.config.selectedChange(event, picker);
|
|
17
|
-
// }
|
|
18
|
-
// }
|
|
19
|
-
}
|
|
20
|
-
ngOnInit() {
|
|
21
|
-
var _a, _b;
|
|
22
|
-
super.ngOnInit();
|
|
23
|
-
this.startAt$ = this.config.startAt instanceof Date
|
|
24
|
-
? of(this.config.startAt)
|
|
25
|
-
: this.config.startAt instanceof Function
|
|
26
|
-
? this.config.startAt(this.group)
|
|
27
|
-
: of(null);
|
|
28
|
-
this.dateClass = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.cellClassFunction) || null;
|
|
29
|
-
this.dateClass$ = this.config.dateClass ? (_b = this.config) === null || _b === void 0 ? void 0 : _b.dateClass(this.group) : of(() => '');
|
|
30
|
-
}
|
|
31
|
-
ngAfterContentInit() {
|
|
32
|
-
if (this.config.datepickerActions) {
|
|
33
|
-
this.calendarFooterPortal = new ComponentPortal(this.config.datepickerActions);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
DatepickerFieldComponent.decorators = [
|
|
38
|
-
{ type: Component, args: [{
|
|
39
|
-
selector: 'crispr-datepicker-field',
|
|
40
|
-
template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n matInput\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"config.datepickerFilter\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker\n [touchUi]=\"config.touchUi\"\n [startView]=\"config.startView\"\n [startAt]=\"startAt$ | async\"\n [dateClass]=\"dateClass || (dateClass$ | async)\"\n #picker>\n <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n </mat-datepicker-actions>\n </mat-datepicker>\n\n </mat-form-field>\n</crispr-field-container>\n\n",
|
|
41
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
42
|
-
styles: [""]
|
|
43
|
-
},] }
|
|
44
|
-
];
|
|
45
|
-
//# sourceMappingURL=datepicker-field.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker-field.component.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/datepicker-field/datepicker-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,uBAAuB,EAAoB,MAAM,eAAe,CAAC;AAE7F,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAc,EAAE,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,eAAe,EAAU,MAAM,qBAAqB,CAAC;AAE9D,MAAM,aAAa,GAAmC;IACpD,SAAS,EAAE,OAAO;CACnB,CAAA;AACD,MAAM,oBAAoB,GAAG,kBAAkB,CAAwB,oBAAoB,CAAC,CAAC;AAQ7F,MAAM,OAAO,wBAAyB,SAAQ,oBAAoB;IANlE;;QAQE,kBAAa,GAAG,aAAa,CAAC;QA0B9B,gEAAgE;QAChE,iCAAiC;QACjC,qCAAqC;QACrC,iDAAiD;QACjD,MAAM;QACN,IAAI;IACN,CAAC;IAvBC,QAAQ;;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,YAAY,IAAI;YACjD,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACzB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,YAAY,QAAQ;gBACzC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;gBACjC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,iBAAiB,KAAI,IAAI,CAAA;QACvD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,MAAM,0CAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAC9F,CAAC;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;YACjC,IAAI,CAAC,oBAAoB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;SAChF;IACH,CAAC;;;YAhCF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,wjCAAgD;gBAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD","sourcesContent":["import { Component, OnInit, ChangeDetectionStrategy, AfterContentInit } from '@angular/core';\nimport { DatepickerFieldConfig } from '../../models';\nimport { crisprControlMixin, CrisprFieldComponent } from '../../abstracts';\nimport { MatCalendarCellClassFunction } from '@angular/material/datepicker';\nimport { Moment } from 'moment';\nimport { Observable, of } from 'rxjs';\nimport { ComponentPortal, Portal } from '@angular/cdk/portal';\n\nconst defaultConfig: Partial<DatepickerFieldConfig> = {\n startView: 'month',\n}\nconst DatepickerFieldMixin = crisprControlMixin<DatepickerFieldConfig>(CrisprFieldComponent);\n\n@Component({\n selector: 'crispr-datepicker-field',\n templateUrl: './datepicker-field.component.html',\n styleUrls: ['./datepicker-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatepickerFieldComponent extends DatepickerFieldMixin implements OnInit, AfterContentInit {\n\n defaultConfig = defaultConfig;\n\n dateClass: MatCalendarCellClassFunction<Moment>;\n dateClass$: Observable<MatCalendarCellClassFunction<Moment>>;\n startAt$: Observable<Date>;\n\n /** A portal containing the footer component type for this calendar. */\n calendarFooterPortal: Portal<any>;\n\n ngOnInit() {\n super.ngOnInit();\n this.startAt$ = this.config.startAt instanceof Date\n ? of(this.config.startAt)\n : this.config.startAt instanceof Function\n ? this.config.startAt(this.group)\n : of(null);\n this.dateClass = this.config?.cellClassFunction || null\n this.dateClass$ = this.config.dateClass ? this.config?.dateClass(this.group) : of(() => '');\n }\n\n ngAfterContentInit() {\n if (this.config.datepickerActions) {\n this.calendarFooterPortal = new ComponentPortal(this.config.datepickerActions);\n }\n }\n\n // handleSelectedChange(event, picker: MatDatepicker<unknown>) {\n // console.log({event, picker})\n // if(this.config.selectedChange) {\n // this.config.selectedChange(event, picker);\n // }\n // }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"DatepickerFieldComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":19,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"crispr-datepicker-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"OnPush"},"template":"<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n matInput\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"config.datepickerFilter\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker\n [touchUi]=\"config.touchUi\"\n [startView]=\"config.startView\"\n [startAt]=\"startAt$ | async\"\n [dateClass]=\"dateClass || (dateClass$ | async)\"\n #picker>\n <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n </mat-datepicker-actions>\n </mat-datepicker>\n\n </mat-form-field>\n</crispr-field-container>\n\n","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker-field.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/datepicker-field/datepicker-field.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
package/esm2015/lib/material/datepicker-field/datepicker-field.component.scss.shim.ngstyle.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker-field.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/datepicker-field/datepicker-field.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { CrisprFieldComponent } from '../../abstracts';
|
|
3
|
-
export class DividerComponent extends CrisprFieldComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(...arguments);
|
|
6
|
-
// TODO: pull in type after configs are better organized
|
|
7
|
-
this.defaultConfig = {};
|
|
8
|
-
}
|
|
9
|
-
ngOnInit() {
|
|
10
|
-
super.ngOnInit();
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
DividerComponent.decorators = [
|
|
14
|
-
{ type: Component, args: [{
|
|
15
|
-
selector: 'crispr-divider',
|
|
16
|
-
template: "<mat-divider [ngClass]=\"config.classes\"></mat-divider>",
|
|
17
|
-
styles: [":host{display:block;padding:1em 0}::ng-deep.mat-divider.mat-divider-horizontal{position:relative}"]
|
|
18
|
-
},] }
|
|
19
|
-
];
|
|
20
|
-
//# sourceMappingURL=divider.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.component.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/divider/divider.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAOvD,MAAM,OAAO,gBAAiB,SAAQ,oBAAmC;IALzE;;QAME,wDAAwD;QACxD,kBAAa,GAAG,EAAE,CAAC;IAKrB,CAAC;IAJC,QAAQ;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC;;;YAVF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,oEAAuC;;aAExC","sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { DividerConfig } from '../../models';\nimport { CrisprFieldComponent } from '../../abstracts';\n\n@Component({\n selector: 'crispr-divider',\n templateUrl: './divider.component.html',\n styleUrls: ['./divider.component.scss']\n})\nexport class DividerComponent extends CrisprFieldComponent<DividerConfig> implements OnInit {\n // TODO: pull in type after configs are better organized\n defaultConfig = {};\n ngOnInit() {\n super.ngOnInit();\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"DividerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../abstracts","name":"CrisprFieldComponent","line":9,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"crispr-divider","template":"<mat-divider [ngClass]=\"config.classes\"></mat-divider>","styles":[":host{display:block;padding:1em 0}::ng-deep.mat-divider.mat-divider-horizontal{position:relative}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/divider/divider.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/divider/divider.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Directive, HostListener, Output, EventEmitter, Input } from '@angular/core';
|
|
2
|
-
export class FileDropzoneDirective {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.fileDrop = new EventEmitter();
|
|
5
|
-
this.crisprFileDropzone = true;
|
|
6
|
-
}
|
|
7
|
-
onDrop($event) {
|
|
8
|
-
if (this.crisprFileDropzone) {
|
|
9
|
-
$event.preventDefault();
|
|
10
|
-
this.fileDrop.emit($event.dataTransfer.files);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
// Prevents DOM from trying to open file in browser
|
|
14
|
-
onDragOver($event) {
|
|
15
|
-
if (this.crisprFileDropzone) {
|
|
16
|
-
$event.preventDefault();
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
FileDropzoneDirective.decorators = [
|
|
21
|
-
{ type: Directive, args: [{
|
|
22
|
-
selector: '[crisprFileDropzone]'
|
|
23
|
-
},] }
|
|
24
|
-
];
|
|
25
|
-
FileDropzoneDirective.propDecorators = {
|
|
26
|
-
fileDrop: [{ type: Output }],
|
|
27
|
-
crisprFileDropzone: [{ type: Input }],
|
|
28
|
-
onDrop: [{ type: HostListener, args: ['drop', ['$event'],] }],
|
|
29
|
-
onDragOver: [{ type: HostListener, args: ['dragover', ['$event'],] }]
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=file-dropzone.directive.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"file-dropzone.directive.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/file-upload/file-dropzone.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKrF,MAAM,OAAO,qBAAqB;IAHlC;QAKY,aAAQ,GAAI,IAAI,YAAY,EAAY,CAAC;QAE1C,uBAAkB,GAAG,IAAI,CAAC;IAiBrC,CAAC;IAdC,MAAM,CAAC,MAAiB;QACtB,IAAG,IAAI,CAAC,kBAAkB,EAAE;YAC1B,MAAM,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAC/C;IACH,CAAC;IAED,mDAAmD;IAEnD,UAAU,CAAC,MAAiB;QAC1B,IAAG,IAAI,CAAC,kBAAkB,EAAE;YAC1B,MAAM,CAAC,cAAc,EAAE,CAAC;SACzB;IACH,CAAC;;;YAvBF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;aACjC;;;uBAGE,MAAM;iCAEN,KAAK;qBAEL,YAAY,SAAC,MAAM,EAAE,CAAC,QAAQ,CAAC;yBAS/B,YAAY,SAAC,UAAU,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import { Directive, HostListener, Output, EventEmitter, Input } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[crisprFileDropzone]'\r\n})\r\nexport class FileDropzoneDirective {\r\n\r\n @Output() fileDrop = new EventEmitter<FileList>();\r\n\r\n @Input() crisprFileDropzone = true;\r\n\r\n @HostListener('drop', ['$event'])\r\n onDrop($event: DragEvent) {\r\n if(this.crisprFileDropzone) {\r\n $event.preventDefault();\r\n this.fileDrop.emit($event.dataTransfer.files);\r\n }\r\n }\r\n\r\n // Prevents DOM from trying to open file in browser\r\n @HostListener('dragover', ['$event'])\r\n onDragOver($event: DragEvent) {\r\n if(this.crisprFileDropzone) {\r\n $event.preventDefault();\r\n }\r\n }\r\n}\r\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"FileDropzoneDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[crisprFileDropzone]"}]}],"members":{"fileDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"crisprFileDropzone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":11,"character":3},"arguments":["drop",["$event"]]}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":20,"character":3},"arguments":["dragover",["$event"]]}]}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"file-dropzone.directive.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/crispr-forms/src/lib/material/file-upload/file-dropzone.directive.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { Component, ElementRef, ViewChild, ChangeDetectionStrategy, Optional, Self } from '@angular/core';
|
|
2
|
-
import { NgControl } from '@angular/forms';
|
|
3
|
-
import { of } from 'rxjs';
|
|
4
|
-
import { crisprControlMixin, CrisprFieldComponent } from '../../abstracts';
|
|
5
|
-
const FileUploadFieldMixin = crisprControlMixin(CrisprFieldComponent);
|
|
6
|
-
export class FileUploadComponent extends FileUploadFieldMixin {
|
|
7
|
-
// ngControl: NgControl = null;
|
|
8
|
-
constructor(ngControl) {
|
|
9
|
-
super();
|
|
10
|
-
this.ngControl = ngControl;
|
|
11
|
-
this.defaultConfig = {
|
|
12
|
-
allowMultipleFiles: false,
|
|
13
|
-
acceptedTypes: '*.*',
|
|
14
|
-
dropZoneText: 'DROP FILE HERE',
|
|
15
|
-
selectFilesButtonType: 'button',
|
|
16
|
-
selectButtonText: 'SELECT',
|
|
17
|
-
showClearFilesButton: true,
|
|
18
|
-
clearFilesButtonText: 'CLEAR',
|
|
19
|
-
uploadButtonText: 'UPLOAD',
|
|
20
|
-
uploadButtonType: 'button',
|
|
21
|
-
showUploadProgress: false,
|
|
22
|
-
disableOnUpload: true
|
|
23
|
-
};
|
|
24
|
-
this.isUploaded = false;
|
|
25
|
-
this.fileProgress = [];
|
|
26
|
-
if (this.ngControl != null) {
|
|
27
|
-
// Setting the value accessor directly (instead of using
|
|
28
|
-
// the providers) to avoid running into a circular import.
|
|
29
|
-
ngControl.valueAccessor = this;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
ngOnInit() {
|
|
33
|
-
super.ngOnInit();
|
|
34
|
-
this.disabled$ = this.config.disabledCallback
|
|
35
|
-
? this.config.disabledCallback(this.group, this.config)
|
|
36
|
-
: of(false);
|
|
37
|
-
}
|
|
38
|
-
filesChanged(files) {
|
|
39
|
-
if (files && files.length > 0) {
|
|
40
|
-
this.selectedFiles = files;
|
|
41
|
-
this.control.patchValue(files);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
uploadFiles() {
|
|
45
|
-
if (this.selectedFiles && this.config.uploadFiles) {
|
|
46
|
-
this.isUploaded = true;
|
|
47
|
-
this.config.uploadFiles(this.group, this.selectedFiles, this);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
resetFileInput() {
|
|
51
|
-
this.fileInputRef.nativeElement.value = '';
|
|
52
|
-
this.control.patchValue(null);
|
|
53
|
-
this.isUploaded = false;
|
|
54
|
-
}
|
|
55
|
-
writeValue(value) {
|
|
56
|
-
// clear file input
|
|
57
|
-
// this.host.nativeElement.value = '';
|
|
58
|
-
// this.file = null;
|
|
59
|
-
}
|
|
60
|
-
registerOnChange(fn) {
|
|
61
|
-
this.onChange = fn;
|
|
62
|
-
}
|
|
63
|
-
registerOnTouched(fn) {
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
FileUploadComponent.decorators = [
|
|
67
|
-
{ type: Component, args: [{
|
|
68
|
-
selector: 'crispr-file-upload',
|
|
69
|
-
template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field floatLabel=\"always\"\n [color]=\"config.color\"\n appearance=\"outline\"\n [crisprFileDropzone]=\"!(disabled$ | async) && !(config.disableOnUpload && isUploaded)\"\n [formGroup]=\"group\"\n (fileDrop)=\"filesChanged($event)\">\n\n <input [formControlName]=\"config.controlName\" matInput type=\"text\"/>\n\n <input\n #fileInput\n type=\"file\"\n style=\"display: none\"\n [accept]=\"config.acceptedTypes\"\n [multiple]=\"config.allowMultipleFiles\"\n (change)=\"filesChanged($event.target.files)\"/>\n <mat-label>{{config.label}}</mat-label>\n\n <div *ngIf=\"!(selectedFiles?.length > 0); else selectedFileList\" class=\"drop-info\">\n <mat-icon class=\"drop-icon\" inline=\"true\">cloud_upload</mat-icon>\n <h2 class=\"mat-h2\">{{config.dropZoneText}}</h2>\n or\n <button\n mat-raised-button\n type=\"button\"\n color=\"primary\"\n [disabled]=\"(disabled$ | async) || config.disableOnUpload && isUploaded\"\n (click)=\"fileInput.click()\"\n [attr.aria-label]=\"config.controlName\">\n {{config.selectButtonText}}\n </button>\n </div>\n <ng-template #selectedFileList>\n <div class=\"selected-files-container\">\n <div class=\"selected-files-list\">\n <crispr-selected-file\n *ngFor=\"let file of selectedFiles; let i = index;\"\n [color]=\"config.color === 'primary' ? 'accent' : 'primary'\"\n [fileName]=\"file.name\"\n [showProgress]=\"config.showUploadProgress\"\n [progress]=\"fileProgress && (fileProgress[i] | async)\">\n </crispr-selected-file>\n </div>\n\n </div>\n </ng-template>\n\n </mat-form-field>\n <div class=\"button-container\" *ngIf=\"selectedFiles?.length > 0\">\n\n <button\n mat-button\n (click)=\"resetFileInput()\"\n type=\"button\"\n [disabled]=\"(disabled$ | async) || (config.disableOnUpload && isUploaded)\"\n aria-label=\"Remove Selected File(s)\">\n {{config.clearFilesButtonText}}\n <mat-icon>delete</mat-icon>\n </button>\n\n <button\n *ngIf=\"!!config.uploadFiles\"\n mat-raised-button\n type=\"button\"\n color=\"accent\"\n class=\"file-input-button\"\n [disabled]=\"(disabled$ | async) || (config.disableOnUpload && isUploaded)\"\n (click)=\"uploadFiles()\"\n [attr.aria-label]=\"config.uploadButtonText\">\n {{ config.uploadButtonText }}\n </button>\n\n </div>\n</crispr-field-container>\n",
|
|
70
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
71
|
-
styles: [":host ::ng-deep .mat-form-field .mat-form-field-infix{padding-top:0;display:flex;justify-content:center}:host .drop-info{display:flex;flex-direction:column;align-items:center}:host .drop-info .drop-icon{font-size:36px}:host .drop-info .mat-h2{margin:0}:host .button-container{display:flex;justify-content:flex-end;margin-top:-16px}:host .button-container button{margin-left:8px}:host .selected-files-container{width:100%}:host [matInput]{position:absolute;max-height:0;visibility:hidden}"]
|
|
72
|
-
},] }
|
|
73
|
-
];
|
|
74
|
-
FileUploadComponent.ctorParameters = () => [
|
|
75
|
-
{ type: NgControl, decorators: [{ type: Optional }, { type: Self }] }
|
|
76
|
-
];
|
|
77
|
-
FileUploadComponent.propDecorators = {
|
|
78
|
-
fileInputRef: [{ type: ViewChild, args: ['fileInput',] }]
|
|
79
|
-
};
|
|
80
|
-
//# sourceMappingURL=file-upload.component.js.map
|