@wizishop/img-manager 0.2.108 → 14.0.0
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/esm2020/lib/animations/easeInOut/ease-in-out.animation.mjs +12 -0
- package/esm2020/lib/animations/insertRemove/insert-remove.animation.mjs +9 -0
- package/esm2020/lib/animations/listAnnimation/list.animation.mjs +16 -0
- package/esm2020/lib/components/canva-btn/canva-btn.component.mjs +67 -0
- package/esm2020/lib/components/images-view/images-actions-handler.mjs +151 -0
- package/esm2020/lib/components/images-view/images-view.component.mjs +474 -0
- package/esm2020/lib/components/images-view/mosaic-view/img-card/img-card.component.mjs +66 -0
- package/esm2020/lib/components/images-view/mosaic-view/mosaic-view.component.mjs +68 -0
- package/esm2020/lib/components/images-view/table-view/table-view.component.mjs +48 -0
- package/esm2020/lib/components/img-editor/cropper/cropper.component.mjs +307 -0
- package/esm2020/lib/components/img-editor/img-editor.component.mjs +109 -0
- package/esm2020/lib/components/img-editor/info-section/info-section.component.mjs +54 -0
- package/esm2020/lib/components/img-selection/img-selection.component.mjs +59 -0
- package/esm2020/lib/components/img-tabs/img-tabs.component.mjs +122 -0
- package/esm2020/lib/components/img-upload/img-upload.component.mjs +118 -0
- package/esm2020/lib/components/loader/loader.component.mjs +21 -0
- package/esm2020/lib/components/pexels-lib/pexels-lib.component.mjs +200 -0
- package/esm2020/lib/components/shared/alert/alert.component.mjs +27 -0
- package/esm2020/lib/components/shared/checkbox/checkbox.component.mjs +52 -0
- package/esm2020/lib/components/shared/dropdown/dropdown.component.mjs +21 -0
- package/esm2020/lib/components/shared/input-search/input-search.component.mjs +54 -0
- package/esm2020/lib/components/shared/pagination/page-selector/page-selector.component.mjs +49 -0
- package/esm2020/lib/components/shared/pagination/pagination.component.mjs +49 -0
- package/esm2020/lib/components/shared/select/call-to-action.model.mjs +2 -0
- package/esm2020/lib/components/shared/select/select-items.dto.mjs +2 -0
- package/esm2020/lib/components/shared/select/select.component.mjs +110 -0
- package/esm2020/lib/components/shared/table/table.component.mjs +116 -0
- package/esm2020/lib/components/upload-list/upload-list.component.mjs +79 -0
- package/esm2020/lib/directives/abstract-debounce/abstract-debounce.directive.mjs +37 -0
- package/esm2020/lib/directives/abstract-debounce/debounce-keyup.directive.mjs +24 -0
- package/esm2020/lib/directives/auto-hide.directive.mjs +48 -0
- package/esm2020/lib/directives/copy-to-clipboard.directive.mjs +37 -0
- package/esm2020/lib/directives/drag-drop.directive.mjs +57 -0
- package/esm2020/lib/directives/loading.directive.mjs +42 -0
- package/esm2020/lib/directives/table/checkBoxRow.directive.mjs +114 -0
- package/esm2020/lib/directives/table/column.directive.mjs +45 -0
- package/esm2020/lib/directives/table/columnHeader.directive.mjs +204 -0
- package/esm2020/lib/directives/table/raw.directive.mjs +31 -0
- package/esm2020/lib/directives/zindex-toggle.directive.mjs +42 -0
- package/esm2020/lib/dto/ImgManagerDisplayConfig.dto.mjs +2 -0
- package/esm2020/lib/dto/canva-create-design.dto.mjs +4 -0
- package/esm2020/lib/dto/canva.dto.mjs +4 -0
- package/esm2020/lib/dto/config/apis/api.dto.mjs +9 -0
- package/esm2020/lib/dto/config/external/external-config.dto.mjs +3 -0
- package/esm2020/lib/dto/config/image-cdn/image-cdn-config.dto.mjs +10 -0
- package/esm2020/lib/dto/export-dtos.api.mjs +11 -0
- package/esm2020/lib/dto/img-editor-config.dto.mjs +2 -0
- package/esm2020/lib/dto/img-manager.dto.mjs +2 -0
- package/esm2020/lib/dto/pexels-img.dto.mjs +2 -0
- package/esm2020/lib/dto/picture-name-update.dto.mjs +2 -0
- package/esm2020/lib/dto/stateDisplayed.dto.mjs +2 -0
- package/esm2020/lib/dto/tabDisplayed.dto.mjs +2 -0
- package/esm2020/lib/dto/wizi-block-media.dto.mjs +3 -0
- package/esm2020/lib/pipes/images/img-src.pipe.mjs +28 -0
- package/esm2020/lib/pipes/number-to-array.pipe.mjs +16 -0
- package/esm2020/lib/pipes/pagination/array-total-pages/array-pages.pipe.mjs +28 -0
- package/esm2020/lib/pipes/pagination/large-number-of-page/large-number-of-page.pipe.mjs +53 -0
- package/esm2020/lib/pipes/pagination/text/custom-text.pipe.mjs +35 -0
- package/esm2020/lib/pipes/pagination/total-pages/is-last-page.pipe.mjs +25 -0
- package/esm2020/lib/pipes/select/select-filters.pipe.mjs +19 -0
- package/esm2020/lib/services/alert.service.mjs +53 -0
- package/esm2020/lib/services/canva.service.mjs +159 -0
- package/esm2020/lib/services/config/external-config.service.mjs +49 -0
- package/esm2020/lib/services/config/img-cdn.service.mjs +28 -0
- package/esm2020/lib/services/dom.service.mjs +36 -0
- package/{esm2015/lib/services/img-event.service.js → esm2020/lib/services/img-event.service.mjs} +11 -12
- package/esm2020/lib/services/img-manager.service.mjs +138 -0
- package/{esm2015/lib/services/img-selection.service.js → esm2020/lib/services/img-selection.service.mjs} +11 -12
- package/esm2020/lib/services/pexels.service.mjs +62 -0
- package/esm2020/lib/services/rename-picture.service.mjs +68 -0
- package/esm2020/lib/services/table/filters-table.service.mjs +63 -0
- package/{esm2015/lib/services/user-settings.service.js → esm2020/lib/services/user-settings.service.mjs} +11 -12
- package/esm2020/lib/wz-img-manager.component.mjs +186 -0
- package/esm2020/lib/wz-img-manager.module.mjs +193 -0
- package/esm2020/public-api.mjs +11 -0
- package/esm2020/wizishop-img-manager.mjs +5 -0
- package/fesm2015/wizishop-img-manager.mjs +4134 -0
- package/fesm2015/wizishop-img-manager.mjs.map +1 -0
- package/fesm2020/wizishop-img-manager.mjs +4140 -0
- package/fesm2020/wizishop-img-manager.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/canva-btn/canva-btn.component.d.ts +9 -6
- package/lib/components/images-view/images-actions-handler.d.ts +3 -0
- package/lib/components/images-view/images-view.component.d.ts +3 -0
- package/lib/components/images-view/mosaic-view/img-card/img-card.component.d.ts +3 -0
- package/lib/components/images-view/mosaic-view/mosaic-view.component.d.ts +3 -0
- package/lib/components/images-view/table-view/table-view.component.d.ts +3 -0
- package/lib/components/img-editor/cropper/cropper.component.d.ts +6 -3
- package/lib/components/img-editor/img-editor.component.d.ts +3 -0
- package/lib/components/img-editor/info-section/info-section.component.d.ts +3 -0
- package/lib/components/img-selection/img-selection.component.d.ts +3 -0
- package/lib/components/img-tabs/img-tabs.component.d.ts +3 -0
- package/lib/components/img-upload/img-upload.component.d.ts +4 -1
- package/lib/components/loader/loader.component.d.ts +3 -0
- package/lib/components/pexels-lib/pexels-lib.component.d.ts +3 -0
- package/lib/components/shared/alert/alert.component.d.ts +3 -0
- package/lib/components/shared/checkbox/checkbox.component.d.ts +3 -0
- package/lib/components/shared/dropdown/dropdown.component.d.ts +3 -0
- package/lib/components/shared/input-search/input-search.component.d.ts +3 -0
- package/lib/components/shared/pagination/page-selector/page-selector.component.d.ts +3 -0
- package/lib/components/shared/pagination/pagination.component.d.ts +3 -0
- package/lib/components/shared/select/select.component.d.ts +3 -0
- package/lib/components/shared/table/table.component.d.ts +3 -0
- package/lib/components/upload-list/upload-list.component.d.ts +3 -0
- package/lib/directives/abstract-debounce/abstract-debounce.directive.d.ts +3 -0
- package/lib/directives/abstract-debounce/debounce-keyup.directive.d.ts +3 -0
- package/lib/directives/auto-hide.directive.d.ts +3 -0
- package/lib/directives/copy-to-clipboard.directive.d.ts +3 -0
- package/lib/directives/drag-drop.directive.d.ts +3 -0
- package/lib/directives/loading.directive.d.ts +3 -0
- package/lib/directives/table/checkBoxRow.directive.d.ts +3 -0
- package/lib/directives/table/column.directive.d.ts +3 -0
- package/lib/directives/table/columnHeader.directive.d.ts +3 -0
- package/lib/directives/table/raw.directive.d.ts +3 -0
- package/lib/directives/zindex-toggle.directive.d.ts +3 -0
- package/lib/dto/pexels-img.dto.d.ts +1 -0
- package/lib/pipes/images/img-src.pipe.d.ts +3 -0
- package/lib/pipes/number-to-array.pipe.d.ts +3 -0
- package/lib/pipes/pagination/array-total-pages/array-pages.pipe.d.ts +3 -0
- package/lib/pipes/pagination/large-number-of-page/large-number-of-page.pipe.d.ts +7 -1
- package/lib/pipes/pagination/text/custom-text.pipe.d.ts +3 -0
- package/lib/pipes/pagination/total-pages/is-last-page.pipe.d.ts +3 -0
- package/lib/pipes/select/select-filters.pipe.d.ts +3 -0
- package/lib/services/alert.service.d.ts +3 -0
- package/lib/services/canva.service.d.ts +3 -0
- package/lib/services/config/external-config.service.d.ts +3 -0
- package/lib/services/config/img-cdn.service.d.ts +3 -0
- package/lib/services/dom.service.d.ts +3 -0
- package/lib/services/img-event.service.d.ts +3 -0
- package/lib/services/img-manager.service.d.ts +5 -2
- package/lib/services/img-selection.service.d.ts +3 -0
- package/lib/services/pexels.service.d.ts +7 -4
- package/lib/services/rename-picture.service.d.ts +3 -0
- package/lib/services/table/filters-table.service.d.ts +3 -0
- package/lib/services/user-settings.service.d.ts +3 -0
- package/lib/wz-img-manager.component.d.ts +3 -0
- package/lib/wz-img-manager.module.d.ts +56 -0
- package/package.json +47 -29
- package/wizishop-img-manager-14.0.0.tgz +0 -0
- package/wz-img-manager.scss +4 -404
- package/bundles/wizishop-img-manager.umd.js +0 -5077
- package/bundles/wizishop-img-manager.umd.js.map +0 -1
- package/bundles/wizishop-img-manager.umd.min.js +0 -16
- package/bundles/wizishop-img-manager.umd.min.js.map +0 -1
- package/esm2015/lib/animations/easeInOut/ease-in-out.animation.js +0 -12
- package/esm2015/lib/animations/insertRemove/insert-remove.animation.js +0 -9
- package/esm2015/lib/animations/listAnnimation/list.animation.js +0 -16
- package/esm2015/lib/components/canva-btn/canva-btn.component.js +0 -70
- package/esm2015/lib/components/images-view/images-actions-handler.js +0 -180
- package/esm2015/lib/components/images-view/images-view.component.js +0 -492
- package/esm2015/lib/components/images-view/mosaic-view/img-card/img-card.component.js +0 -84
- package/esm2015/lib/components/images-view/mosaic-view/mosaic-view.component.js +0 -79
- package/esm2015/lib/components/images-view/table-view/table-view.component.js +0 -49
- package/esm2015/lib/components/img-editor/cropper/cropper.component.js +0 -300
- package/esm2015/lib/components/img-editor/img-editor.component.js +0 -112
- package/esm2015/lib/components/img-editor/info-section/info-section.component.js +0 -59
- package/esm2015/lib/components/img-selection/img-selection.component.js +0 -62
- package/esm2015/lib/components/img-tabs/img-tabs.component.js +0 -131
- package/esm2015/lib/components/img-upload/img-upload.component.js +0 -125
- package/esm2015/lib/components/loader/loader.component.js +0 -28
- package/esm2015/lib/components/pexels-lib/pexels-lib.component.js +0 -208
- package/esm2015/lib/components/shared/alert/alert.component.js +0 -37
- package/esm2015/lib/components/shared/checkbox/checkbox.component.js +0 -69
- package/esm2015/lib/components/shared/dropdown/dropdown.component.js +0 -26
- package/esm2015/lib/components/shared/input-search/input-search.component.js +0 -62
- package/esm2015/lib/components/shared/pagination/page-selector/page-selector.component.js +0 -55
- package/esm2015/lib/components/shared/pagination/pagination.component.js +0 -51
- package/esm2015/lib/components/shared/select/call-to-action.model.js +0 -1
- package/esm2015/lib/components/shared/select/select-items.dto.js +0 -1
- package/esm2015/lib/components/shared/select/select.component.js +0 -133
- package/esm2015/lib/components/shared/table/table.component.js +0 -133
- package/esm2015/lib/components/upload-list/upload-list.component.js +0 -87
- package/esm2015/lib/directives/abstract-debounce/abstract-debounce.directive.js +0 -40
- package/esm2015/lib/directives/abstract-debounce/debounce-keyup.directive.js +0 -26
- package/esm2015/lib/directives/auto-hide.directive.js +0 -55
- package/esm2015/lib/directives/copy-to-clipboard.directive.js +0 -40
- package/esm2015/lib/directives/drag-drop.directive.js +0 -68
- package/esm2015/lib/directives/loading.directive.js +0 -44
- package/esm2015/lib/directives/table/checkBoxRow.directive.js +0 -128
- package/esm2015/lib/directives/table/column.directive.js +0 -49
- package/esm2015/lib/directives/table/columnHeader.directive.js +0 -221
- package/esm2015/lib/directives/table/raw.directive.js +0 -33
- package/esm2015/lib/directives/zindex-toggle.directive.js +0 -49
- package/esm2015/lib/dto/ImgManagerDisplayConfig.dto.js +0 -1
- package/esm2015/lib/dto/canva-create-design.dto.js +0 -4
- package/esm2015/lib/dto/canva.dto.js +0 -4
- package/esm2015/lib/dto/config/apis/api.dto.js +0 -9
- package/esm2015/lib/dto/config/external/external-config.dto.js +0 -3
- package/esm2015/lib/dto/config/image-cdn/image-cdn-config.dto.js +0 -10
- package/esm2015/lib/dto/export-dtos.api.js +0 -5
- package/esm2015/lib/dto/img-editor-config.dto.js +0 -1
- package/esm2015/lib/dto/img-manager.dto.js +0 -1
- package/esm2015/lib/dto/pexels-img.dto.js +0 -1
- package/esm2015/lib/dto/picture-name-update.dto.js +0 -1
- package/esm2015/lib/dto/stateDisplayed.dto.js +0 -1
- package/esm2015/lib/dto/tabDisplayed.dto.js +0 -1
- package/esm2015/lib/dto/wizi-block-media.dto.js +0 -3
- package/esm2015/lib/pipes/images/img-src.pipe.js +0 -29
- package/esm2015/lib/pipes/number-to-array.pipe.js +0 -14
- package/esm2015/lib/pipes/pagination/array-total-pages/array-pages.pipe.js +0 -26
- package/esm2015/lib/pipes/pagination/large-number-of-page/large-number-of-page.pipe.js +0 -51
- package/esm2015/lib/pipes/pagination/text/custom-text.pipe.js +0 -36
- package/esm2015/lib/pipes/pagination/total-pages/is-last-page.pipe.js +0 -23
- package/esm2015/lib/pipes/select/select-filters.pipe.js +0 -17
- package/esm2015/lib/services/alert.service.js +0 -59
- package/esm2015/lib/services/canva.service.js +0 -171
- package/esm2015/lib/services/config/external-config.service.js +0 -55
- package/esm2015/lib/services/config/img-cdn.service.js +0 -29
- package/esm2015/lib/services/dom.service.js +0 -36
- package/esm2015/lib/services/img-manager.service.js +0 -142
- package/esm2015/lib/services/pexels.service.js +0 -70
- package/esm2015/lib/services/rename-picture.service.js +0 -74
- package/esm2015/lib/services/table/filters-table.service.js +0 -67
- package/esm2015/lib/wz-img-manager.component.js +0 -212
- package/esm2015/lib/wz-img-manager.module.js +0 -132
- package/esm2015/public-api.js +0 -11
- package/esm2015/wizishop-img-manager.js +0 -57
- package/esm5/lib/animations/easeInOut/ease-in-out.animation.js +0 -12
- package/esm5/lib/animations/insertRemove/insert-remove.animation.js +0 -9
- package/esm5/lib/animations/listAnnimation/list.animation.js +0 -16
- package/esm5/lib/components/canva-btn/canva-btn.component.js +0 -72
- package/esm5/lib/components/images-view/images-actions-handler.js +0 -183
- package/esm5/lib/components/images-view/images-view.component.js +0 -535
- package/esm5/lib/components/images-view/mosaic-view/img-card/img-card.component.js +0 -87
- package/esm5/lib/components/images-view/mosaic-view/mosaic-view.component.js +0 -82
- package/esm5/lib/components/images-view/table-view/table-view.component.js +0 -52
- package/esm5/lib/components/img-editor/cropper/cropper.component.js +0 -312
- package/esm5/lib/components/img-editor/img-editor.component.js +0 -115
- package/esm5/lib/components/img-editor/info-section/info-section.component.js +0 -64
- package/esm5/lib/components/img-selection/img-selection.component.js +0 -64
- package/esm5/lib/components/img-tabs/img-tabs.component.js +0 -133
- package/esm5/lib/components/img-upload/img-upload.component.js +0 -138
- package/esm5/lib/components/loader/loader.component.js +0 -29
- package/esm5/lib/components/pexels-lib/pexels-lib.component.js +0 -216
- package/esm5/lib/components/shared/alert/alert.component.js +0 -38
- package/esm5/lib/components/shared/checkbox/checkbox.component.js +0 -71
- package/esm5/lib/components/shared/dropdown/dropdown.component.js +0 -27
- package/esm5/lib/components/shared/input-search/input-search.component.js +0 -68
- package/esm5/lib/components/shared/pagination/page-selector/page-selector.component.js +0 -64
- package/esm5/lib/components/shared/pagination/pagination.component.js +0 -56
- package/esm5/lib/components/shared/select/call-to-action.model.js +0 -1
- package/esm5/lib/components/shared/select/select-items.dto.js +0 -1
- package/esm5/lib/components/shared/select/select.component.js +0 -136
- package/esm5/lib/components/shared/table/table.component.js +0 -135
- package/esm5/lib/components/upload-list/upload-list.component.js +0 -103
- package/esm5/lib/directives/abstract-debounce/abstract-debounce.directive.js +0 -42
- package/esm5/lib/directives/abstract-debounce/debounce-keyup.directive.js +0 -28
- package/esm5/lib/directives/auto-hide.directive.js +0 -57
- package/esm5/lib/directives/copy-to-clipboard.directive.js +0 -42
- package/esm5/lib/directives/drag-drop.directive.js +0 -69
- package/esm5/lib/directives/loading.directive.js +0 -46
- package/esm5/lib/directives/table/checkBoxRow.directive.js +0 -137
- package/esm5/lib/directives/table/column.directive.js +0 -50
- package/esm5/lib/directives/table/columnHeader.directive.js +0 -229
- package/esm5/lib/directives/table/raw.directive.js +0 -34
- package/esm5/lib/directives/zindex-toggle.directive.js +0 -54
- package/esm5/lib/dto/ImgManagerDisplayConfig.dto.js +0 -1
- package/esm5/lib/dto/canva-create-design.dto.js +0 -8
- package/esm5/lib/dto/canva.dto.js +0 -8
- package/esm5/lib/dto/config/apis/api.dto.js +0 -11
- package/esm5/lib/dto/config/external/external-config.dto.js +0 -7
- package/esm5/lib/dto/config/image-cdn/image-cdn-config.dto.js +0 -12
- package/esm5/lib/dto/export-dtos.api.js +0 -5
- package/esm5/lib/dto/img-editor-config.dto.js +0 -1
- package/esm5/lib/dto/img-manager.dto.js +0 -1
- package/esm5/lib/dto/pexels-img.dto.js +0 -1
- package/esm5/lib/dto/picture-name-update.dto.js +0 -1
- package/esm5/lib/dto/stateDisplayed.dto.js +0 -1
- package/esm5/lib/dto/tabDisplayed.dto.js +0 -1
- package/esm5/lib/dto/wizi-block-media.dto.js +0 -7
- package/esm5/lib/pipes/images/img-src.pipe.js +0 -30
- package/esm5/lib/pipes/number-to-array.pipe.js +0 -17
- package/esm5/lib/pipes/pagination/array-total-pages/array-pages.pipe.js +0 -29
- package/esm5/lib/pipes/pagination/large-number-of-page/large-number-of-page.pipe.js +0 -54
- package/esm5/lib/pipes/pagination/text/custom-text.pipe.js +0 -37
- package/esm5/lib/pipes/pagination/total-pages/is-last-page.pipe.js +0 -26
- package/esm5/lib/pipes/select/select-filters.pipe.js +0 -20
- package/esm5/lib/services/alert.service.js +0 -62
- package/esm5/lib/services/canva.service.js +0 -181
- package/esm5/lib/services/config/external-config.service.js +0 -56
- package/esm5/lib/services/config/img-cdn.service.js +0 -34
- package/esm5/lib/services/dom.service.js +0 -39
- package/esm5/lib/services/img-event.service.js +0 -46
- package/esm5/lib/services/img-manager.service.js +0 -143
- package/esm5/lib/services/img-selection.service.js +0 -143
- package/esm5/lib/services/pexels.service.js +0 -72
- package/esm5/lib/services/rename-picture.service.js +0 -88
- package/esm5/lib/services/table/filters-table.service.js +0 -68
- package/esm5/lib/services/user-settings.service.js +0 -30
- package/esm5/lib/wz-img-manager.component.js +0 -228
- package/esm5/lib/wz-img-manager.module.js +0 -131
- package/esm5/public-api.js +0 -11
- package/esm5/wizishop-img-manager.js +0 -57
- package/fesm2015/wizishop-img-manager.js +0 -4533
- package/fesm2015/wizishop-img-manager.js.map +0 -1
- package/fesm5/wizishop-img-manager.js +0 -4814
- package/fesm5/wizishop-img-manager.js.map +0 -1
- package/wizishop-img-manager-0.2.108.tgz +0 -0
- package/wizishop-img-manager.d.ts +0 -56
- package/wizishop-img-manager.metadata.json +0 -1
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
3
|
-
import { TranslateService } from '@ngx-translate/core';
|
|
4
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
|
-
var SelectComponent = /** @class */ (function () {
|
|
6
|
-
function SelectComponent(translateService) {
|
|
7
|
-
this.translateService = translateService;
|
|
8
|
-
this.search = false;
|
|
9
|
-
this.type = 'default';
|
|
10
|
-
this.maxWidth = '100%';
|
|
11
|
-
this.disabled = false;
|
|
12
|
-
this.selectValue = new EventEmitter();
|
|
13
|
-
this.clickOnCallToAction = new EventEmitter();
|
|
14
|
-
this.openCategories = false;
|
|
15
|
-
this.searchValue = '';
|
|
16
|
-
this.indexItemSelected = -1;
|
|
17
|
-
// ControlValueAccessor methods
|
|
18
|
-
this.onChange = function () { };
|
|
19
|
-
this.onTouch = function () { };
|
|
20
|
-
}
|
|
21
|
-
SelectComponent_1 = SelectComponent;
|
|
22
|
-
SelectComponent.prototype.ngOnInit = function () {
|
|
23
|
-
this.indexItemSelected = this.items.findIndex(function (item) { return item.selected; });
|
|
24
|
-
};
|
|
25
|
-
SelectComponent.prototype.onClose = function () {
|
|
26
|
-
this.openCategories = false;
|
|
27
|
-
};
|
|
28
|
-
SelectComponent.prototype.customTB = function (item, index) {
|
|
29
|
-
return item.id + "-" + index;
|
|
30
|
-
};
|
|
31
|
-
SelectComponent.prototype.onSelectItem = function (id) {
|
|
32
|
-
this.unselectAll();
|
|
33
|
-
this.setIndexItemSelected(id);
|
|
34
|
-
var itemSelected = this.getItemSelected();
|
|
35
|
-
itemSelected.selected = true;
|
|
36
|
-
this.selectValue.emit(this.indexItemSelected);
|
|
37
|
-
this.onChange(itemSelected);
|
|
38
|
-
};
|
|
39
|
-
SelectComponent.prototype.onClickCallToAction = function () {
|
|
40
|
-
this.onClose();
|
|
41
|
-
this.clickOnCallToAction.emit(this.callToAction.value);
|
|
42
|
-
};
|
|
43
|
-
SelectComponent.prototype.getItemSelected = function () {
|
|
44
|
-
return this.items[this.indexItemSelected];
|
|
45
|
-
};
|
|
46
|
-
SelectComponent.prototype.showCategories = function () {
|
|
47
|
-
var _this = this;
|
|
48
|
-
this.openCategories = true;
|
|
49
|
-
setTimeout(function () {
|
|
50
|
-
_this.searchElement.nativeElement.focus();
|
|
51
|
-
}, 0);
|
|
52
|
-
};
|
|
53
|
-
SelectComponent.prototype.unselectAll = function () {
|
|
54
|
-
this.items.forEach(function (item) { return item.selected = false; });
|
|
55
|
-
};
|
|
56
|
-
SelectComponent.prototype.setIndexItemSelected = function (id) {
|
|
57
|
-
this.indexItemSelected = this.items.findIndex(function (item) { return item.id === id; });
|
|
58
|
-
};
|
|
59
|
-
SelectComponent.prototype.writeValue = function (selectItem) {
|
|
60
|
-
if (!selectItem) {
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
this.unselectAll();
|
|
64
|
-
selectItem.selected = true;
|
|
65
|
-
this.setIndexItemSelected(selectItem.id);
|
|
66
|
-
};
|
|
67
|
-
SelectComponent.prototype.registerOnChange = function (fn) {
|
|
68
|
-
this.onChange = fn;
|
|
69
|
-
};
|
|
70
|
-
SelectComponent.prototype.registerOnTouched = function (fn) {
|
|
71
|
-
this.onTouch = fn;
|
|
72
|
-
};
|
|
73
|
-
var SelectComponent_1;
|
|
74
|
-
SelectComponent.ctorParameters = function () { return [
|
|
75
|
-
{ type: TranslateService }
|
|
76
|
-
]; };
|
|
77
|
-
__decorate([
|
|
78
|
-
Input(),
|
|
79
|
-
__metadata("design:type", Array)
|
|
80
|
-
], SelectComponent.prototype, "items", void 0);
|
|
81
|
-
__decorate([
|
|
82
|
-
Input(),
|
|
83
|
-
__metadata("design:type", String)
|
|
84
|
-
], SelectComponent.prototype, "placeholder", void 0);
|
|
85
|
-
__decorate([
|
|
86
|
-
Input(),
|
|
87
|
-
__metadata("design:type", String)
|
|
88
|
-
], SelectComponent.prototype, "label", void 0);
|
|
89
|
-
__decorate([
|
|
90
|
-
Input(),
|
|
91
|
-
__metadata("design:type", String)
|
|
92
|
-
], SelectComponent.prototype, "maxWidthItems", void 0);
|
|
93
|
-
__decorate([
|
|
94
|
-
Input(),
|
|
95
|
-
__metadata("design:type", Object)
|
|
96
|
-
], SelectComponent.prototype, "search", void 0);
|
|
97
|
-
__decorate([
|
|
98
|
-
Input(),
|
|
99
|
-
__metadata("design:type", Object)
|
|
100
|
-
], SelectComponent.prototype, "type", void 0);
|
|
101
|
-
__decorate([
|
|
102
|
-
Input(),
|
|
103
|
-
__metadata("design:type", Object)
|
|
104
|
-
], SelectComponent.prototype, "callToAction", void 0);
|
|
105
|
-
__decorate([
|
|
106
|
-
Input(),
|
|
107
|
-
__metadata("design:type", Object)
|
|
108
|
-
], SelectComponent.prototype, "maxWidth", void 0);
|
|
109
|
-
__decorate([
|
|
110
|
-
Input(),
|
|
111
|
-
__metadata("design:type", Object)
|
|
112
|
-
], SelectComponent.prototype, "disabled", void 0);
|
|
113
|
-
__decorate([
|
|
114
|
-
Output(),
|
|
115
|
-
__metadata("design:type", Object)
|
|
116
|
-
], SelectComponent.prototype, "selectValue", void 0);
|
|
117
|
-
__decorate([
|
|
118
|
-
Output(),
|
|
119
|
-
__metadata("design:type", Object)
|
|
120
|
-
], SelectComponent.prototype, "clickOnCallToAction", void 0);
|
|
121
|
-
__decorate([
|
|
122
|
-
ViewChild('search'),
|
|
123
|
-
__metadata("design:type", ElementRef)
|
|
124
|
-
], SelectComponent.prototype, "searchElement", void 0);
|
|
125
|
-
SelectComponent = SelectComponent_1 = __decorate([
|
|
126
|
-
Component({
|
|
127
|
-
selector: 'wac-select',
|
|
128
|
-
template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\n\n<div class=\"wac-select\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\n\n <div class=\"wac-select__current\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && openCategories = !openCategories\" *ngIf=\"!search\">\n <span *ngIf=\"indexItemSelected !== -1\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n <span [innerHTML]=\"(indexItemSelected !== -1 ? items[indexItemSelected].name : placeholder) | translate\"></span><span><i class=\"fas fa-chevron-down\"></i></span>\n </div>\n\n <div class=\"wac-select__current wac-select__current--withSearch\" [ngClass]=\"{ 'select-disabled' : disabled, 'open-search': openCategories }\" *ngIf=\"search\">\n <div class=\"wac-select__current__search\" *ngIf=\"openCategories && !disabled\">\n <i class=\"far fa-search\"></i>\n <input #search type=\"text\" [(ngModel)]=\"searchValue\" />\n </div>\n <span (click)=\"openCategories = !openCategories;\" *ngIf=\"items[indexItemSelected]?.icon && !openCategories\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n <span (click)=\"showCategories()\" [innerHTML]=\"items[indexItemSelected]?.name ? items[indexItemSelected].name : placeholder\"></span>\n <span (click)=\"openCategories = !openCategories;\"><i class=\"fas fa-chevron-down\"></i></span>\n </div>\n\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openCategories, open: type === 'open' }\" [ngStyle]=\"{ 'max-width': maxWidthItems }\">\n <div [perfectScrollbar]=\"{ suppressScrollX: true }\" *ngIf=\"items.length\">\n\n <div *ngIf=\"callToAction\" class=\"wac-select__content__cta\">\n <div (click)=\"onClickCallToAction()\">\n <i *ngIf=\"callToAction.icon\" [classList]=\"callToAction.icon\"></i><strong *ngIf=\"callToAction.boldText\">{{ callToAction.boldText }}</strong\n ><span>{{ callToAction?.name }}</span>\n </div>\n </div>\n\n <div\n *ngFor=\"let item of items | selectFilters: searchValue; let index = index;\"\n (click)=\"onClose()\"\n class=\"wac-select__content__item\"\n >\n <div *ngIf=\"!item.hide\" [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(item.id)\">\n <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name | translate }}\n </div>\n </div>\n\n </div>\n\n <div *ngIf=\"!(items | selectFilters: searchValue)?.length\" class=\"wac-select__content__empty\">\n <span>{{'wac.datatable.noresult' | translate}}</span>\n </div>\n\n </div>\n</div>",
|
|
129
|
-
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent_1, multi: true }]
|
|
130
|
-
}),
|
|
131
|
-
__metadata("design:paramtypes", [TranslateService])
|
|
132
|
-
], SelectComponent);
|
|
133
|
-
return SelectComponent;
|
|
134
|
-
}());
|
|
135
|
-
export { SelectComponent };
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B3aXppc2hvcC9pbWctbWFuYWdlci8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3NoYXJlZC9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BHLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3JELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVN6RTtJQXNDRSx5QkFBb0IsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUF4QnRELFdBQU0sR0FBRyxLQUFLLENBQUM7UUFHZixTQUFJLEdBQUcsU0FBUyxDQUFDO1FBS1IsYUFBUSxHQUFHLE1BQU0sQ0FBQztRQUczQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRVAsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXpDLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFJeEQsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFpRC9CLCtCQUErQjtRQUUvQixhQUFRLEdBQXFDLGNBQU8sQ0FBQyxDQUFDO1FBQ3RELFlBQU8sR0FBUSxjQUFPLENBQUMsQ0FBQTtJQWxEa0MsQ0FBQzt3QkF0Qy9DLGVBQWU7SUF3QzFCLGtDQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxJQUFJLENBQUMsUUFBUSxFQUFiLENBQWEsQ0FB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QVQsTUFBTSxFQUFFOztnRUFBK0M7SUFFbkM7UUFBcEIsU0FBUyxDQUFDLFFBQVEsQ0FBQztrQ0FBZ0IsVUFBVTswREFBQztJQS9CcEMsZUFBZTtRQUwzQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsWUFBWTtZQUN0QixzdEZBQXNDO1lBQ3RDLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxpQkFBZSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUN2RixDQUFDO3lDQXVDc0MsZ0JBQWdCO09BdEMzQyxlQUFlLENBeUczQjtJQUFELHNCQUFDO0NBQUEsQUF6R0QsSUF5R0M7U0F6R1ksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTZWxlY3RJdGVtIH0gZnJvbSAnLi9zZWxlY3QtaXRlbXMuZHRvJztcbmltcG9ydCB7IENhbGxsVG9BY3Rpb24gfSBmcm9tICcuL2NhbGwtdG8tYWN0aW9uLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogU2VsZWN0Q29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9XVxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KClcbiAgaXRlbXM6IFNlbGVjdEl0ZW1bXTtcblxuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbWF4V2lkdGhJdGVtczogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHNlYXJjaCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHR5cGUgPSAnZGVmYXVsdCc7XG5cbiAgQElucHV0KClcbiAgY2FsbFRvQWN0aW9uOiBDYWxsbFRvQWN0aW9uO1xuXG4gIEBJbnB1dCgpIG1heFdpZHRoID0gJzEwMCUnO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHNlbGVjdFZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgQE91dHB1dCgpIGNsaWNrT25DYWxsVG9BY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBAVmlld0NoaWxkKCdzZWFyY2gnKSBzZWFyY2hFbGVtZW50OiBFbGVtZW50UmVmO1xuXG4gIG9wZW5DYXRlZ29yaWVzID0gZmFsc2U7XG4gIHNlYXJjaFZhbHVlID0gJyc7XG5cbiAgaW5kZXhJdGVtU2VsZWN0ZWQ6IG51bWJlciA9IC0xO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluZGV4SXRlbVNlbGVjdGVkID0gdGhpcy5pdGVtcy5maW5kSW5kZXgoaXRlbSA9PiBpdGVtLnNlbGVjdGVkKTtcbiAgfVxuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5vcGVuQ2F0ZWdvcmllcyA9IGZhbHNlO1xuICB9XG5cbiAgY3VzdG9tVEIoaXRlbTogU2VsZWN0SXRlbSwgaW5kZXg6IG51bWJlcikge1xuICAgIHJldHVybiBgJHtpdGVtLmlkfS0ke2luZGV4fWA7XG4gIH1cblxuICBvblNlbGVjdEl0ZW0oaWQ6IG51bWJlcikge1xuICAgIHRoaXMudW5zZWxlY3RBbGwoKTtcbiAgICB0aGlzLnNldEluZGV4SXRlbVNlbGVjdGVkKGlkKTtcbiAgICBjb25zdCBpdGVtU2VsZWN0ZWQ6IFNlbGVjdEl0ZW0gPSB0aGlzLmdldEl0ZW1TZWxlY3RlZCgpO1xuICAgIGl0ZW1TZWxlY3RlZC5zZWxlY3RlZCA9IHRydWU7XG4gICAgdGhpcy5zZWxlY3RWYWx1ZS5lbWl0KHRoaXMuaW5kZXhJdGVtU2VsZWN0ZWQpO1xuICAgIHRoaXMub25DaGFuZ2UoaXRlbVNlbGVjdGVkKTtcbiAgfVxuXG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24oKSB7XG4gICAgdGhpcy5vbkNsb3NlKCk7XG4gICAgdGhpcy5jbGlja09uQ2FsbFRvQWN0aW9uLmVtaXQodGhpcy5jYWxsVG9BY3Rpb24udmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRJdGVtU2VsZWN0ZWQoKTogU2VsZWN0SXRlbSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbXNbdGhpcy5pbmRleEl0ZW1TZWxlY3RlZF07XG4gIH1cblxuICBzaG93Q2F0ZWdvcmllcygpIHtcbiAgICB0aGlzLm9wZW5DYXRlZ29yaWVzID0gdHJ1ZTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHsgLy8gdGhpcyB3aWxsIG1ha2UgdGhlIGV4ZWN1dGlvbiBhZnRlciB0aGUgYWJvdmUgYm9vbGVhbiBoYXMgY2hhbmdlZFxuICAgICAgdGhpcy5zZWFyY2hFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9LCAwKTtcbiAgfVxuXG4gIHByaXZhdGUgdW5zZWxlY3RBbGwoKSB7XG4gICAgdGhpcy5pdGVtcy5mb3JFYWNoKGl0ZW0gPT4gaXRlbS5zZWxlY3RlZCA9IGZhbHNlKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SW5kZXhJdGVtU2VsZWN0ZWQoaWQ6IG51bWJlcikge1xuICAgIHRoaXMuaW5kZXhJdGVtU2VsZWN0ZWQgPSB0aGlzLml0ZW1zLmZpbmRJbmRleChpdGVtID0+IGl0ZW0uaWQgPT09IGlkKTtcbiAgfVxuXG4gIC8vIENvbnRyb2xWYWx1ZUFjY2Vzc29yIG1ldGhvZHNcblxuICBvbkNoYW5nZTogKHNlbGVjdEl0ZW06IFNlbGVjdEl0ZW0pID0+IHZvaWQgPSAoKSA9PiB7fTtcbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge31cblxuICB3cml0ZVZhbHVlKHNlbGVjdEl0ZW06IGFueSl7XG4gICAgaWYgKCFzZWxlY3RJdGVtKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudW5zZWxlY3RBbGwoKTtcbiAgICBzZWxlY3RJdGVtLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLnNldEluZGV4SXRlbVNlbGVjdGVkKHNlbGVjdEl0ZW0uaWQpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KXtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSl7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { v4 as uuid } from 'uuid';
|
|
4
|
-
import { TableFilters, FiltersTableService } from '../../../services/table/filters-table.service';
|
|
5
|
-
var TableComponent = /** @class */ (function () {
|
|
6
|
-
function TableComponent(filtersTableService) {
|
|
7
|
-
this.filtersTableService = filtersTableService;
|
|
8
|
-
this.tableFiltersChange = new EventEmitter();
|
|
9
|
-
this.placeholder = '';
|
|
10
|
-
/// Input/Output of checkbox ///
|
|
11
|
-
/** Pass to true to display checkbox in the header table */
|
|
12
|
-
this.checkbox = false;
|
|
13
|
-
/** Emit new header checboxValue */
|
|
14
|
-
this.toggleAllCheckBox = new EventEmitter();
|
|
15
|
-
/// Input to disable section ///
|
|
16
|
-
/** Pass to true to hide search input */
|
|
17
|
-
this.disableSearch = false;
|
|
18
|
-
/** Pass to true to hide the pagniator */
|
|
19
|
-
this.disablePagniation = false;
|
|
20
|
-
/// Input for loader on table body ///
|
|
21
|
-
this.isLoading = false;
|
|
22
|
-
}
|
|
23
|
-
TableComponent.prototype.ngOnInit = function () {
|
|
24
|
-
var _this = this;
|
|
25
|
-
this.headerCheckBoxId = uuid(); // Create checkbox unique id
|
|
26
|
-
/* Handle routing filters */
|
|
27
|
-
if (this.tableRoutingName) {
|
|
28
|
-
this._filterGroup = this.filtersTableService.getTableFilterGroup(this.tableRoutingName);
|
|
29
|
-
// Performe initial fetch data
|
|
30
|
-
this._filterGroup.valuesChange$.next([]);
|
|
31
|
-
this.setTablesFilters();
|
|
32
|
-
// Listen to filters changes with debounced time to limit multiple api calls
|
|
33
|
-
this.filterGroupChangeSub = this._filterGroup.valuesChange$.subscribe(function (filters) {
|
|
34
|
-
_this.setTablesFilters();
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
TableComponent.prototype.onToggleAllCheckBox = function (event) {
|
|
39
|
-
this.toggleAllCheckBox.emit(event.target.checked);
|
|
40
|
-
};
|
|
41
|
-
TableComponent.prototype.searchChange = function (event) {
|
|
42
|
-
// Reset table filters
|
|
43
|
-
this.tableFilters.sort = undefined;
|
|
44
|
-
this.tableFilters.order = undefined;
|
|
45
|
-
this.tableFilters.currentPage = 1;
|
|
46
|
-
this.tableFiltersChange.emit(this.tableFilters);
|
|
47
|
-
// Reset routing filters
|
|
48
|
-
if (this._filterGroup) {
|
|
49
|
-
this._filterGroup.setValues({
|
|
50
|
-
searchValue: this.tableFilters.searchValue,
|
|
51
|
-
sort: undefined,
|
|
52
|
-
order: undefined,
|
|
53
|
-
currentPage: 1
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
TableComponent.prototype.pageChange = function () {
|
|
58
|
-
this.tableFiltersChange.emit(this.tableFilters);
|
|
59
|
-
if (this._filterGroup) {
|
|
60
|
-
this._filterGroup.setValues({
|
|
61
|
-
itemsPerPage: this.tableFilters.itemsPerPage,
|
|
62
|
-
currentPage: this.tableFilters.currentPage
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* Set tableFilters from routing data existing in the url
|
|
68
|
-
* */
|
|
69
|
-
TableComponent.prototype.setTablesFilters = function () {
|
|
70
|
-
this.tableFilters = {
|
|
71
|
-
sort: this._filterGroup.get('sort'),
|
|
72
|
-
order: this._filterGroup.get('order'),
|
|
73
|
-
searchValue: this._filterGroup.get('searchValue'),
|
|
74
|
-
itemsPerPage: this._filterGroup.get('itemsPerPage') ? parseInt(this._filterGroup.get('itemsPerPage')) : 0,
|
|
75
|
-
currentPage: this._filterGroup.get('currentPage') ? parseInt(this._filterGroup.get('currentPage')) : 0,
|
|
76
|
-
totalItems: this.tableFilters.totalItems
|
|
77
|
-
};
|
|
78
|
-
this.tableFiltersChange.emit(this.tableFilters);
|
|
79
|
-
};
|
|
80
|
-
TableComponent.prototype.ngDestroy = function () {
|
|
81
|
-
if (this.filterGroupChangeSub) {
|
|
82
|
-
this.filterGroupChangeSub.unsubscribe();
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
TableComponent.ctorParameters = function () { return [
|
|
86
|
-
{ type: FiltersTableService }
|
|
87
|
-
]; };
|
|
88
|
-
__decorate([
|
|
89
|
-
Input(),
|
|
90
|
-
__metadata("design:type", Object)
|
|
91
|
-
], TableComponent.prototype, "tableFilters", void 0);
|
|
92
|
-
__decorate([
|
|
93
|
-
Output(),
|
|
94
|
-
__metadata("design:type", EventEmitter)
|
|
95
|
-
], TableComponent.prototype, "tableFiltersChange", void 0);
|
|
96
|
-
__decorate([
|
|
97
|
-
Input(),
|
|
98
|
-
__metadata("design:type", String)
|
|
99
|
-
], TableComponent.prototype, "tableRoutingName", void 0);
|
|
100
|
-
__decorate([
|
|
101
|
-
Input(),
|
|
102
|
-
__metadata("design:type", String)
|
|
103
|
-
], TableComponent.prototype, "placeholder", void 0);
|
|
104
|
-
__decorate([
|
|
105
|
-
Input(),
|
|
106
|
-
__metadata("design:type", Object)
|
|
107
|
-
], TableComponent.prototype, "checkbox", void 0);
|
|
108
|
-
__decorate([
|
|
109
|
-
Output(),
|
|
110
|
-
__metadata("design:type", EventEmitter)
|
|
111
|
-
], TableComponent.prototype, "toggleAllCheckBox", void 0);
|
|
112
|
-
__decorate([
|
|
113
|
-
Input(),
|
|
114
|
-
__metadata("design:type", Boolean)
|
|
115
|
-
], TableComponent.prototype, "disableSearch", void 0);
|
|
116
|
-
__decorate([
|
|
117
|
-
Input(),
|
|
118
|
-
__metadata("design:type", Boolean)
|
|
119
|
-
], TableComponent.prototype, "disablePagniation", void 0);
|
|
120
|
-
__decorate([
|
|
121
|
-
Input(),
|
|
122
|
-
__metadata("design:type", Object)
|
|
123
|
-
], TableComponent.prototype, "isLoading", void 0);
|
|
124
|
-
TableComponent = __decorate([
|
|
125
|
-
Component({
|
|
126
|
-
selector: 'wz-table',
|
|
127
|
-
template: "<div class=\"wz-table\">\n <!-- Header section -->\n <div class=\"wz-table__head\" id=\"headerTable\">\n <div *ngIf=\"checkbox\" class=\"wz-table__head__cell wz-table__head__cell--checkbox\">\n <wz-checkbox [id]=\"headerCheckBoxId\" (change)=\"onToggleAllCheckBox($event)\" [alone]=\"true\"></wz-checkbox>\n </div>\n\n <!-- Header contents are added with the headerCell directive -->\n <ng-content select=\"[headerCell]\"></ng-content>\n </div>\n\n <!-- Search section -->\n <div *ngIf=\"!disableSearch\" class=\"wz-table__search\">\n <wz-input-search\n [(ngModel)]=\"tableFilters.searchValue\"\n (changeDebounced)=\"searchChange($event)\"\n [placeholder]=\"placeholder\"\n [smallPadding]=\"true\"\n ></wz-input-search>\n </div>\n\n <!-- Body section -->\n <div class=\"wz-table__body\">\n <!-- Loader on body -->\n <div class=\"wz-table__body__loader\" *ngIf=\"isLoading\">\n <wz-loader [small]=\"true\"></wz-loader>\n </div>\n <!-- Body contents are added with the tableRow directive -->\n <ng-content select=\"[tableRow]\" *ngIf=\"!isLoading\"></ng-content>\n </div>\n\n <!-- Pagination section -->\n <wz-pagination *ngIf=\"!disablePagniation\" [pagination]=\"tableFilters\" (pageChange)=\"pageChange()\"></wz-pagination>\n</div>\n",
|
|
128
|
-
encapsulation: ViewEncapsulation.None
|
|
129
|
-
}),
|
|
130
|
-
__metadata("design:paramtypes", [FiltersTableService])
|
|
131
|
-
], TableComponent);
|
|
132
|
-
return TableComponent;
|
|
133
|
-
}());
|
|
134
|
-
export { TableComponent };
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHdpemlzaG9wL2ltZy1tYW5hZ2VyLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvc2hhcmVkL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsRUFBRSxJQUFJLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUdsQyxPQUFPLEVBQUUsWUFBWSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFPbEc7SUFnQ0Usd0JBQW9CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBNUJsRCx1QkFBa0IsR0FBK0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUdyRSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUlsQyxnQ0FBZ0M7UUFFaEMsMkRBQTJEO1FBQ2xELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsbUNBQW1DO1FBQ3pCLHNCQUFpQixHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXhFLGdDQUFnQztRQUVoQyx3Q0FBd0M7UUFDL0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFDeEMseUNBQXlDO1FBQ2hDLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUU1QyxzQ0FBc0M7UUFDN0IsY0FBUyxHQUFHLEtBQUssQ0FBQztJQU1vQyxDQUFDO0lBRWhFLGlDQUFRLEdBQVI7UUFBQSxpQkFpQkM7UUFoQkMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksRUFBRSxDQUFDLENBQUMsNEJBQTRCO1FBRTVELDRCQUE0QjtRQUM1QixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxtQkFB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UUFDRSxJQUFJLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtZQUM3QixJQUFJLENBQUMsb0JBQW9CLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDekM7SUFDSCxDQUFDOztnQkF4RXdDLG1CQUFtQjs7SUE3Qm5EO1FBQVIsS0FBSyxFQUFFOzt3REFBNEI7SUFDMUI7UUFBVCxNQUFNLEVBQUU7a0NBQXFCLFlBQVk7OERBQW9DO0lBRXJFO1FBQVIsS0FBSyxFQUFFOzs0REFBMEI7SUFDekI7UUFBUixLQUFLLEVBQUU7O3VEQUEwQjtJQU96QjtRQUFSLEtBQUssRUFBRTs7b0RBQWtCO0lBRWhCO1FBQVQsTUFBTSxFQUFFO2tDQUFvQixZQUFZOzZEQUErQjtJQUsvRDtRQUFSLEtBQUssRUFBRTs7eURBQWdDO0lBRS9CO1FBQVIsS0FBSyxFQUFFOzs2REFBb0M7SUFHbkM7UUFBUixLQUFLLEVBQUU7O3FEQUFtQjtJQTFCaEIsY0FBYztRQUwxQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsVUFBVTtZQUNwQix3eUNBQXFDO1lBQ3JDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO1NBQ3RDLENBQUM7eUNBaUN5QyxtQkFBbUI7T0FoQ2pELGNBQWMsQ0F5RzFCO0lBQUQscUJBQUM7Q0FBQSxBQXpHRCxJQXlHQztTQXpHWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHY0IGFzIHV1aWQgfSBmcm9tICd1dWlkJztcbmltcG9ydCB7IE53YkZpbHRlckdyb3VwIH0gZnJvbSAnQHdpemlzaG9wL25nLXdpemktYnVsbWEnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBUYWJsZUZpbHRlcnMsIEZpbHRlcnNUYWJsZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy90YWJsZS9maWx0ZXJzLXRhYmxlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3ei10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvLy8gSW5wdXQvT3V0cHV0IG9mIHRhYmxlIGZpbHRlcnMgLy8vXG5cbiAgQElucHV0KCkgdGFibGVGaWx0ZXJzOiBUYWJsZUZpbHRlcnM7XG4gIEBPdXRwdXQoKSB0YWJsZUZpbHRlcnNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxUYWJsZUZpbHRlcnM+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBJbnB1dCgpIHRhYmxlUm91dGluZ05hbWU6IHN0cmluZzsgLy8gTmFtZSBvZiB0aGUgdGFibGVcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuXG4gIHByaXZhdGUgX2ZpbHRlckdyb3VwOiBOd2JGaWx0ZXJHcm91cDtcblxuICAvLy8gSW5wdXQvT3V0cHV0IG9mIGNoZWNrYm94IC8vL1xuXG4gIC8qKiBQYXNzIHRvIHRydWUgdG8gZGlzcGxheSBjaGVja2JveCBpbiB0aGUgaGVhZGVyIHRhYmxlICovXG4gIEBJbnB1dCgpIGNoZWNrYm94ID0gZmFsc2U7XG4gIC8qKiBFbWl0IG5ldyBoZWFkZXIgY2hlY2JveFZhbHVlICovXG4gIEBPdXRwdXQoKSB0b2dnbGVBbGxDaGVja0JveDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8vLyBJbnB1dCB0byBkaXNhYmxlIHNlY3Rpb24gLy8vXG5cbiAgLyoqIFBhc3MgdG8gdHJ1ZSB0byBoaWRlIHNlYXJjaCBpbnB1dCAqL1xuICBASW5wdXQoKSBkaXNhYmxlU2VhcmNoOiBib29sZWFuID0gZmFsc2U7XG4gIC8qKiBQYXNzIHRvIHRydWUgdG8gaGlkZSB0aGUgcGFnbmlhdG9yICovXG4gIEBJbnB1dCgpIGRpc2FibGVQYWduaWF0aW9uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLy8vIElucHV0IGZvciBsb2FkZXIgb24gdGFibGUgYm9keSAvLy9cbiAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2U7XG5cbiAgLy8vIFByaXZhdGUgdmFyaWFibGVzIC8vL1xuICBoZWFkZXJDaGVja0JveElkOiBzdHJpbmc7XG4gIHByaXZhdGUgZmlsdGVyR3JvdXBDaGFuZ2VTdWI6IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZpbHRlcnNUYWJsZVNlcnZpY2U6IEZpbHRlcnNUYWJsZVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5oZWFkZXJDaGVja0JveElkID0gdXVpZCgpOyAvLyBDcmVhdGUgY2hlY2tib3ggdW5pcXVlIGlkXG5cbiAgICAvKiBIYW5kbGUgcm91dGluZyBmaWx0ZXJzICovXG4gICAgaWYgKHRoaXMudGFibGVSb3V0aW5nTmFtZSkge1xuICAgICAgdGhpcy5fZmlsdGVyR3JvdXAgPSB0aGlzLmZpbHRlcnNUYWJsZVNlcnZpY2UuZ2V0VGFibGVGaWx0ZXJHcm91cCh0aGlzLnRhYmxlUm91dGluZ05hbWUpO1xuXG4gICAgICAvLyBQZXJmb3JtZSBpbml0aWFsIGZldGNoIGRhdGFcbiAgICAgIHRoaXMuX2ZpbHRlckdyb3VwLnZhbHVlc0NoYW5nZSQubmV4dChbXSk7XG5cbiAgICAgIHRoaXMuc2V0VGFibGVzRmlsdGVycygpO1xuXG4gICAgICAvLyBMaXN0ZW4gdG8gZmlsdGVycyBjaGFuZ2VzIHdpdGggZGVib3VuY2VkIHRpbWUgdG8gbGltaXQgbXVsdGlwbGUgYXBpIGNhbGxzXG4gICAgICB0aGlzLmZpbHRlckdyb3VwQ2hhbmdlU3ViID0gdGhpcy5fZmlsdGVyR3JvdXAudmFsdWVzQ2hhbmdlJC5zdWJzY3JpYmUoZmlsdGVycyA9PiB7XG4gICAgICAgIHRoaXMuc2V0VGFibGVzRmlsdGVycygpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgb25Ub2dnbGVBbGxDaGVja0JveChldmVudCkge1xuICAgIHRoaXMudG9nZ2xlQWxsQ2hlY2tCb3guZW1pdChldmVudC50YXJnZXQuY2hlY2tlZCk7XG4gIH1cblxuICBzZWFyY2hDaGFuZ2UoZXZlbnQ6IHN0cmluZykge1xuICAgIC8vIFJlc2V0IHRhYmxlIGZpbHRlcnNcbiAgICB0aGlzLnRhYmxlRmlsdGVycy5zb3J0ID0gdW5kZWZpbmVkO1xuICAgIHRoaXMudGFibGVGaWx0ZXJzLm9yZGVyID0gdW5kZWZpbmVkO1xuICAgIHRoaXMudGFibGVGaWx0ZXJzLmN1cnJlbnRQYWdlID0gMTtcbiAgICB0aGlzLnRhYmxlRmlsdGVyc0NoYW5nZS5lbWl0KHRoaXMudGFibGVGaWx0ZXJzKTtcblxuICAgIC8vIFJlc2V0IHJvdXRpbmcgZmlsdGVyc1xuICAgIGlmICh0aGlzLl9maWx0ZXJHcm91cCkge1xuICAgICAgdGhpcy5fZmlsdGVyR3JvdXAuc2V0VmFsdWVzKHtcbiAgICAgICAgc2VhcmNoVmFsdWU6IHRoaXMudGFibGVGaWx0ZXJzLnNlYXJjaFZhbHVlLFxuICAgICAgICBzb3J0OiB1bmRlZmluZWQsXG4gICAgICAgIG9yZGVyOiB1bmRlZmluZWQsXG4gICAgICAgIGN1cnJlbnRQYWdlOiAxXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwYWdlQ2hhbmdlKCkge1xuICAgIHRoaXMudGFibGVGaWx0ZXJzQ2hhbmdlLmVtaXQodGhpcy50YWJsZUZpbHRlcnMpO1xuICAgIGlmICh0aGlzLl9maWx0ZXJHcm91cCkge1xuICAgICAgdGhpcy5fZmlsdGVyR3JvdXAuc2V0VmFsdWVzKHtcbiAgICAgICAgaXRlbXNQZXJQYWdlOiB0aGlzLnRhYmxlRmlsdGVycy5pdGVtc1BlclBhZ2UsXG4gICAgICAgIGN1cnJlbnRQYWdlOiB0aGlzLnRhYmxlRmlsdGVycy5jdXJyZW50UGFnZVxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBTZXQgdGFibGVGaWx0ZXJzIGZyb20gcm91dGluZyBkYXRhIGV4aXN0aW5nIGluIHRoZSB1cmxcbiAgICogKi9cbiAgcHJpdmF0ZSBzZXRUYWJsZXNGaWx0ZXJzKCkge1xuICAgIHRoaXMudGFibGVGaWx0ZXJzID0ge1xuICAgICAgc29ydDogdGhpcy5fZmlsdGVyR3JvdXAuZ2V0KCdzb3J0JyksXG4gICAgICBvcmRlcjogdGhpcy5fZmlsdGVyR3JvdXAuZ2V0KCdvcmRlcicpLFxuICAgICAgc2VhcmNoVmFsdWU6IHRoaXMuX2ZpbHRlckdyb3VwLmdldCgnc2VhcmNoVmFsdWUnKSxcbiAgICAgIGl0ZW1zUGVyUGFnZTogdGhpcy5fZmlsdGVyR3JvdXAuZ2V0KCdpdGVtc1BlclBhZ2UnKSA/IHBhcnNlSW50KHRoaXMuX2ZpbHRlckdyb3VwLmdldCgnaXRlbXNQZXJQYWdlJykpIDogMCxcbiAgICAgIGN1cnJlbnRQYWdlOiB0aGlzLl9maWx0ZXJHcm91cC5nZXQoJ2N1cnJlbnRQYWdlJykgPyBwYXJzZUludCh0aGlzLl9maWx0ZXJHcm91cC5nZXQoJ2N1cnJlbnRQYWdlJykpIDogMCxcbiAgICAgIHRvdGFsSXRlbXM6IHRoaXMudGFibGVGaWx0ZXJzLnRvdGFsSXRlbXNcbiAgICB9O1xuICAgIHRoaXMudGFibGVGaWx0ZXJzQ2hhbmdlLmVtaXQodGhpcy50YWJsZUZpbHRlcnMpO1xuICB9XG5cbiAgbmdEZXN0cm95KCkge1xuICAgIGlmICh0aGlzLmZpbHRlckdyb3VwQ2hhbmdlU3ViKSB7XG4gICAgICB0aGlzLmZpbHRlckdyb3VwQ2hhbmdlU3ViLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata, __values } from "tslib";
|
|
2
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
-
import { ImgSelectionService } from '../../services/img-selection.service';
|
|
4
|
-
import { easeInOut } from '../../animations/easeInOut/ease-in-out.animation';
|
|
5
|
-
import { RenamePictureService } from '../../services/rename-picture.service';
|
|
6
|
-
var UploadListComponent = /** @class */ (function () {
|
|
7
|
-
function UploadListComponent(imgSelectionService, renamePictureService) {
|
|
8
|
-
this.imgSelectionService = imgSelectionService;
|
|
9
|
-
this.renamePictureService = renamePictureService;
|
|
10
|
-
this.picturesList = [];
|
|
11
|
-
this.multipleImgMode = false;
|
|
12
|
-
this.switchDisplayWindow = new EventEmitter();
|
|
13
|
-
}
|
|
14
|
-
UploadListComponent.prototype.ngOnInit = function () {
|
|
15
|
-
this.setEvents();
|
|
16
|
-
};
|
|
17
|
-
UploadListComponent.prototype.onImgUploaded = function (img) {
|
|
18
|
-
var _this = this;
|
|
19
|
-
img.forEach(function (picture) {
|
|
20
|
-
return _this.picturesList.push(picture);
|
|
21
|
-
});
|
|
22
|
-
this.renamePictureService.setPicturesList(this.picturesList);
|
|
23
|
-
};
|
|
24
|
-
UploadListComponent.prototype.onToggleSelectImg = function (index) {
|
|
25
|
-
if (this.stateDisplayed === 'window') {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
if (!this.picturesList[index].selected) {
|
|
29
|
-
this.imgSelectionService.addImgSelected(this.picturesList[index]);
|
|
30
|
-
this.picturesList[index].selected = true;
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
this.imgSelectionService.removeImgSelectedById(this.picturesList[index].id_file);
|
|
34
|
-
this.picturesList[index].selected = false;
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
UploadListComponent.prototype.switchDisplayWindowCard = function () {
|
|
38
|
-
this.switchDisplayWindow.emit(true);
|
|
39
|
-
};
|
|
40
|
-
UploadListComponent.prototype.onRenamePicture = function (pictureRenamed) {
|
|
41
|
-
this.renamePictureService.onRenamePicture(pictureRenamed);
|
|
42
|
-
};
|
|
43
|
-
UploadListComponent.prototype.setEvents = function () {
|
|
44
|
-
var _this = this;
|
|
45
|
-
this.imgSelectionChange = this.imgSelectionService.getImgSelectionChange().subscribe(function (imgSelection) {
|
|
46
|
-
var e_1, _a;
|
|
47
|
-
var idFileList = [];
|
|
48
|
-
imgSelection.map(function (img) { return idFileList.push(img.id_file); });
|
|
49
|
-
try {
|
|
50
|
-
for (var _b = __values(_this.picturesList), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
51
|
-
var picture = _c.value;
|
|
52
|
-
if (idFileList.indexOf(picture.id_file) === -1) {
|
|
53
|
-
picture.selected = false;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
58
|
-
finally {
|
|
59
|
-
try {
|
|
60
|
-
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
61
|
-
}
|
|
62
|
-
finally { if (e_1) throw e_1.error; }
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
UploadListComponent.prototype.ngOnDestroy = function () {
|
|
67
|
-
this.imgSelectionChange.unsubscribe();
|
|
68
|
-
};
|
|
69
|
-
UploadListComponent.ctorParameters = function () { return [
|
|
70
|
-
{ type: ImgSelectionService },
|
|
71
|
-
{ type: RenamePictureService }
|
|
72
|
-
]; };
|
|
73
|
-
__decorate([
|
|
74
|
-
Input(),
|
|
75
|
-
__metadata("design:type", String)
|
|
76
|
-
], UploadListComponent.prototype, "stateDisplayed", void 0);
|
|
77
|
-
__decorate([
|
|
78
|
-
Input(),
|
|
79
|
-
__metadata("design:type", String)
|
|
80
|
-
], UploadListComponent.prototype, "tabDisplayed", void 0);
|
|
81
|
-
__decorate([
|
|
82
|
-
Input(),
|
|
83
|
-
__metadata("design:type", Boolean)
|
|
84
|
-
], UploadListComponent.prototype, "multipleImgMode", void 0);
|
|
85
|
-
__decorate([
|
|
86
|
-
Output(),
|
|
87
|
-
__metadata("design:type", EventEmitter)
|
|
88
|
-
], UploadListComponent.prototype, "switchDisplayWindow", void 0);
|
|
89
|
-
UploadListComponent = __decorate([
|
|
90
|
-
Component({
|
|
91
|
-
selector: 'upload-list',
|
|
92
|
-
template: "<div class=\"upload-list\" [ngClass]=\"{'smallDisplay': stateDisplayed === 'small'}\" [@easeInOut]=\"'in'\">\n\n <perfect-scrollbar\n #scrollable\n [config]=\"{ suppressScrollX: true }\"\n class=\"upload-list__scroll\"\n [ngClass]=\"{\n 'upload-list__scroll--smallDisplay': stateDisplayed === 'small',\n 'upload-list__scroll--window': stateDisplayed === 'window'}\"\n >\n <div class=\"upload-list__box\">\n <div class=\"upload-list__box__container\">\n <div>\n <p class=\"mainColor\">\n {{ picturesList? picturesList.length : '' }}\n <ng-container *ngIf=\"picturesList && picturesList.length > 1\">{{ 'ImgManager.UploadList.imgSuccessImport' | translate }}</ng-container>\n <ng-container *ngIf=\"picturesList && picturesList.length === 1\">{{ 'ImgManager.UploadList.imgSuccessImportOne' | translate }}</ng-container>\n </p>\n <div class=\"dropdown is-hoverable\">\n <div class=\"dropdown-trigger\">\n <i\n aria-haspopup=\"true\" aria-controls=\"dropdown-menuInfoSeo\"\n class=\"fas fa-info-circle\">\n </i>\n </div>\n <div class=\"dropdown-menu dropDownShadow\" id=\"dropdown-menuInfoSeo\" role=\"menu\">\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\">\n <p>{{ 'ImgManager.UploadList.seo.rezise' | translate }}</p>\n <p><i class=\"fal fa-check\"></i> 100%</p>\n </div>\n <div class=\"dropdown-item\">\n <p>{{ 'ImgManager.UploadList.seo.webp' | translate }}</p>\n <p><i class=\"fal fa-check\"></i> 100%</p>\n </div>\n <div class=\"dropdown-item\">\n <p>{{ 'ImgManager.UploadList.seo.cdn' | translate }}</p>\n <p><i class=\"fal fa-check\"></i> 100%</p>\n </div>\n <div class=\"dropdown-item\">\n <p>{{ 'ImgManager.UploadList.seo.lazyloading' | translate }}</p>\n <p><i class=\"fal fa-check\"></i> 100%</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"upload-list__box__cards\">\n <div class=\"upload-list__box__cards__card\" *ngFor=\"let picture of picturesList; let index = index;\">\n <img-card\n [picture]=\"picture\"\n [stateDisplayed]=\"stateDisplayed\"\n (toggleImgSelected)=\"onToggleSelectImg(index)\"\n (switchDisplayWindow)=\"switchDisplayWindowCard()\"\n (pictureNameChange)=\"onRenamePicture($event)\"\n ></img-card>\n <div class=\"upload-list__box__cards__card__btnBox\">\n <button class=\"button success upload-list__box__cards__card__btnBox__btn\"><i class=\"fal fa-check\"></i></button>\n </div>\n </div>\n </div>\n </div>\n </perfect-scrollbar>\n</div>\n",
|
|
93
|
-
animations: [
|
|
94
|
-
easeInOut
|
|
95
|
-
]
|
|
96
|
-
}),
|
|
97
|
-
__metadata("design:paramtypes", [ImgSelectionService,
|
|
98
|
-
RenamePictureService])
|
|
99
|
-
], UploadListComponent);
|
|
100
|
-
return UploadListComponent;
|
|
101
|
-
}());
|
|
102
|
-
export { UploadListComponent };
|
|
103
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHdpemlzaG9wL2ltZy1tYW5hZ2VyLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdXBsb2FkLWxpc3QvdXBsb2FkLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzdFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUU3RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQVM3RTtJQVlFLDZCQUNVLG1CQUF3QyxFQUN4QyxvQkFBMEM7UUFEMUMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN4Qyx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBWnBELGlCQUFZLEdBQW9CLEVBQUUsQ0FBQztRQU0xQixvQkFBZSxHQUFZLEtBQUssQ0FBQztRQUUxQyx3QkFBbUIsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUs1RCxDQUFDO0lBRUwsc0NBQVEsR0FBUjtRQUNFLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsMkNBQWEsR0FBYixVQUFjLEdBQW9CO1FBQWxDLGlCQUtDO1FBSkMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxVQUFBLE9BQU87WUFDakIsT0FBQSxLQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7UUFBL0IsQ0FBK0IsQ0FDOUIsQ0FBQztRQUNKLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCwrQ0FBaUIsR0FBakIsVUFBa0IsS0FBYTtRQUM3QixJQUFJLElBQUksQ0FBQyxjQUFjLEtBQUssUUFBUSxFQUFFO1lBQ3BDLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsRUFBRTtZQUN0QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUNsRSxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7U0FDMUM7YUFBTTtZQUNMLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2pGLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUMzQztJQUNILENBQUM7SUFFRCxxREFBdUIsR0FBdkI7UUFDRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCw2Q0FBZSxHQUFmLFVBQWdCLGNBQWlDO1FBQy9DLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVPLHVDQUFTLEdBQWpCO1FBQUEsaUJBVUM7UUFUQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLHFCQUFxQixFQUFFLENBQUMsU0FBUyxDQUFDLFVBQUEsWUFBWTs7WUFDL0YsSUFBTSxVQUFVLEdBQUcsRUFBRSxDQUFDO1lBQ3RCLFlBQVksQ0FBQyxHQUFHLENBQUMsVUFBQSxHQUFHLElBQUksT0FBQSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBNUIsQ0FBNEIsQ0FBQyxDQUFDOztnQkFDdEQsS0FBc0IsSUFBQSxLQUFBLFNBQUEsS0FBSSxDQUFDLFlBQVksQ0FBQSxnQkFBQSw0QkFBRTtvQkFBcEMsSUFBTSxPQUFPLFdBQUE7b0JBQ2hCLElBQUksVUFBVSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUU7d0JBQzlDLE9BQU8sQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO3FCQUMxQjtpQkFDRjs7Ozs7Ozs7O1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0QseUNBQVcsR0FBWDtRQUNFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN4QyxDQUFDOztnQkFqRDhCLG1CQUFtQjtnQkFDbEIsb0JBQW9COztJQVIzQztRQUFSLEtBQUssRUFBRTs7K0RBQWdDO0lBQy9CO1FBQVIsS0FBSyxFQUFFOzs2REFBNEI7SUFDM0I7UUFBUixLQUFLLEVBQUU7O2dFQUFrQztJQUUxQztRQURDLE1BQU0sRUFBRTtrQ0FDWSxZQUFZO29FQUErQjtJQVZyRCxtQkFBbUI7UUFQL0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGFBQWE7WUFDdkIsZ21IQUEyQztZQUMzQyxVQUFVLEVBQUU7Z0JBQ1YsU0FBUzthQUNWO1NBQ0YsQ0FBQzt5Q0FjK0IsbUJBQW1CO1lBQ2xCLG9CQUFvQjtPQWR6QyxtQkFBbUIsQ0ErRC9CO0lBQUQsMEJBQUM7Q0FBQSxBQS9ERCxJQStEQztTQS9EWSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1nUGljdHVyZURUTyB9IGZyb20gJy4uLy4uL2R0by9pbWctbWFuYWdlci5kdG8nO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJbWdTZWxlY3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvaW1nLXNlbGVjdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IGVhc2VJbk91dCB9IGZyb20gJy4uLy4uL2FuaW1hdGlvbnMvZWFzZUluT3V0L2Vhc2UtaW4tb3V0LmFuaW1hdGlvbic7XG5pbXBvcnQgeyBQaWN0dXJlTmFtZVVwZGF0ZSwgc3RhdGVEaXNwbGF5ZWQsIHRhYkRpc3BsYXllZCB9IGZyb20gJy4uLy4uL2R0by9leHBvcnQtZHRvcy5hcGknO1xuaW1wb3J0IHsgUmVuYW1lUGljdHVyZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9yZW5hbWUtcGljdHVyZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndXBsb2FkLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBhbmltYXRpb25zOiBbXG4gICAgZWFzZUluT3V0XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcGljdHVyZXNMaXN0OiBJbWdQaWN0dXJlRFRPW10gPSBbXTtcbiAgaW1nU2VsZWN0aW9uQ2hhbmdlOiBTdWJzY3JpcHRpb247XG4gIHNlbGVjdEltZ0V2ZW50OiBTdWJzY3JpcHRpb247XG5cbiAgQElucHV0KCkgc3RhdGVEaXNwbGF5ZWQ6IHN0YXRlRGlzcGxheWVkO1xuICBASW5wdXQoKSB0YWJEaXNwbGF5ZWQ6IHRhYkRpc3BsYXllZDtcbiAgQElucHV0KCkgbXVsdGlwbGVJbWdNb2RlOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKVxuICBzd2l0Y2hEaXNwbGF5V2luZG93OiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBpbWdTZWxlY3Rpb25TZXJ2aWNlOiBJbWdTZWxlY3Rpb25TZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVuYW1lUGljdHVyZVNlcnZpY2U6IFJlbmFtZVBpY3R1cmVTZXJ2aWNlXG4gICkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRFdmVudHMoKTtcbiAgfVxuXG4gIG9uSW1nVXBsb2FkZWQoaW1nOiBJbWdQaWN0dXJlRFRPW10pIHtcbiAgICBpbWcuZm9yRWFjaChwaWN0dXJlID0+XG4gICAgICB0aGlzLnBpY3R1cmVzTGlzdC5wdXNoKHBpY3R1cmUpXG4gICAgICApO1xuICAgIHRoaXMucmVuYW1lUGljdHVyZVNlcnZpY2Uuc2V0UGljdHVyZXNMaXN0KHRoaXMucGljdHVyZXNMaXN0KTtcbiAgfVxuXG4gIG9uVG9nZ2xlU2VsZWN0SW1nKGluZGV4OiBudW1iZXIpIHtcbiAgICBpZiAodGhpcy5zdGF0ZURpc3BsYXllZCA9PT0gJ3dpbmRvdycpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKCF0aGlzLnBpY3R1cmVzTGlzdFtpbmRleF0uc2VsZWN0ZWQpIHtcbiAgICAgIHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5hZGRJbWdTZWxlY3RlZCh0aGlzLnBpY3R1cmVzTGlzdFtpbmRleF0pO1xuICAgICAgdGhpcy5waWN0dXJlc0xpc3RbaW5kZXhdLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLnJlbW92ZUltZ1NlbGVjdGVkQnlJZCh0aGlzLnBpY3R1cmVzTGlzdFtpbmRleF0uaWRfZmlsZSk7XG4gICAgICB0aGlzLnBpY3R1cmVzTGlzdFtpbmRleF0uc2VsZWN0ZWQgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBzd2l0Y2hEaXNwbGF5V2luZG93Q2FyZCgpIHtcbiAgICB0aGlzLnN3aXRjaERpc3BsYXlXaW5kb3cuZW1pdCh0cnVlKTtcbiAgfVxuXG4gIG9uUmVuYW1lUGljdHVyZShwaWN0dXJlUmVuYW1lZDogUGljdHVyZU5hbWVVcGRhdGUpIHtcbiAgICB0aGlzLnJlbmFtZVBpY3R1cmVTZXJ2aWNlLm9uUmVuYW1lUGljdHVyZShwaWN0dXJlUmVuYW1lZCk7XG4gIH1cblxuICBwcml2YXRlIHNldEV2ZW50cygpIHtcbiAgICB0aGlzLmltZ1NlbGVjdGlvbkNoYW5nZSA9IHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5nZXRJbWdTZWxlY3Rpb25DaGFuZ2UoKS5zdWJzY3JpYmUoaW1nU2VsZWN0aW9uID0+e1xuICAgICAgY29uc3QgaWRGaWxlTGlzdCA9IFtdO1xuICAgICAgaW1nU2VsZWN0aW9uLm1hcChpbWcgPT4gaWRGaWxlTGlzdC5wdXNoKGltZy5pZF9maWxlKSk7XG4gICAgICBmb3IgKGNvbnN0IHBpY3R1cmUgb2YgdGhpcy5waWN0dXJlc0xpc3QpIHtcbiAgICAgICAgaWYgKGlkRmlsZUxpc3QuaW5kZXhPZihwaWN0dXJlLmlkX2ZpbGUpID09PSAtMSkge1xuICAgICAgICAgIHBpY3R1cmUuc2VsZWN0ZWQgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICB9XG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuaW1nU2VsZWN0aW9uQ2hhbmdlLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Directive, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { takeUntil, debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
|
|
5
|
-
var AbstractDebounceDirective = /** @class */ (function () {
|
|
6
|
-
function AbstractDebounceDirective() {
|
|
7
|
-
this.debounceTime = 500;
|
|
8
|
-
this.onEventChange = new EventEmitter();
|
|
9
|
-
this.emitEvent$ = new Subject();
|
|
10
|
-
this.subscription$ = new Subject();
|
|
11
|
-
}
|
|
12
|
-
AbstractDebounceDirective.prototype.ngOnInit = function () {
|
|
13
|
-
var _this = this;
|
|
14
|
-
this.emitEvent$
|
|
15
|
-
.pipe(takeUntil(this.subscription$), debounceTime(this.debounceTime), distinctUntilChanged(), tap(function (value) { return _this.emitChange(value); }))
|
|
16
|
-
.subscribe();
|
|
17
|
-
};
|
|
18
|
-
AbstractDebounceDirective.prototype.emitChange = function (value) {
|
|
19
|
-
this.onEventChange.emit(value);
|
|
20
|
-
};
|
|
21
|
-
AbstractDebounceDirective.prototype.ngOnDestroy = function () {
|
|
22
|
-
this.subscription$.next();
|
|
23
|
-
this.subscription$.complete();
|
|
24
|
-
};
|
|
25
|
-
__decorate([
|
|
26
|
-
Input(),
|
|
27
|
-
__metadata("design:type", Number)
|
|
28
|
-
], AbstractDebounceDirective.prototype, "debounceTime", void 0);
|
|
29
|
-
__decorate([
|
|
30
|
-
Output(),
|
|
31
|
-
__metadata("design:type", EventEmitter)
|
|
32
|
-
], AbstractDebounceDirective.prototype, "onEventChange", void 0);
|
|
33
|
-
AbstractDebounceDirective = __decorate([
|
|
34
|
-
Directive({
|
|
35
|
-
selector: 'AbstractDebounceDirective'
|
|
36
|
-
}),
|
|
37
|
-
__metadata("design:paramtypes", [])
|
|
38
|
-
], AbstractDebounceDirective);
|
|
39
|
-
return AbstractDebounceDirective;
|
|
40
|
-
}());
|
|
41
|
-
export { AbstractDebounceDirective };
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtZGVib3VuY2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHdpemlzaG9wL2ltZy1tYW5hZ2VyLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvYWJzdHJhY3QtZGVib3VuY2UvYWJzdHJhY3QtZGVib3VuY2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFhLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFLcEY7SUFVRTtRQUNFLElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUM3QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksT0FBTyxFQUFPLENBQUM7UUFDckMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBQzNDLENBQUM7SUFFRCw0Q0FBUSxHQUFSO1FBQUEsaUJBU0M7UUFSQyxJQUFJLENBQUMsVUFBVTthQUNaLElBQUksQ0FDSCxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUM3QixZQUFZLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUMvQixvQkFBb0IsRUFBRSxFQUN0QixHQUFHLENBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxFQUF0QixDQUFzQixDQUFDLENBQ3JDO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVNLDhDQUFVLEdBQWpCLFVBQWtCLEtBQVU7UUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELCtDQUFXLEdBQVg7UUFDRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQWpDRDtRQURDLEtBQUssRUFBRTs7bUVBQ29CO0lBRzVCO1FBREMsTUFBTSxFQUFFO2tDQUNhLFlBQVk7b0VBQU07SUFMN0IseUJBQXlCO1FBSHJDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSwyQkFBMkI7U0FDdEMsQ0FBQzs7T0FDVyx5QkFBeUIsQ0FvQ3JDO0lBQUQsZ0NBQUM7Q0FBQSxBQXBDRCxJQW9DQztTQXBDWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIE9uRGVzdHJveSwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnQWJzdHJhY3REZWJvdW5jZURpcmVjdGl2ZSdcbn0pXG5leHBvcnQgY2xhc3MgQWJzdHJhY3REZWJvdW5jZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBkZWJvdW5jZVRpbWU6IG51bWJlcjtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIG9uRXZlbnRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+O1xuXG4gIHByb3RlY3RlZCBlbWl0RXZlbnQkOiBTdWJqZWN0PGFueT47XG4gIHByb3RlY3RlZCBzdWJzY3JpcHRpb24kOiBTdWJqZWN0PHZvaWQ+O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuZGVib3VuY2VUaW1lID0gNTAwO1xuICAgIHRoaXMub25FdmVudENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIHRoaXMuZW1pdEV2ZW50JCA9IG5ldyBTdWJqZWN0PGFueT4oKTtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5lbWl0RXZlbnQkXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuc3Vic2NyaXB0aW9uJCksXG4gICAgICAgIGRlYm91bmNlVGltZSh0aGlzLmRlYm91bmNlVGltZSksXG4gICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgIHRhcCh2YWx1ZSA9PiB0aGlzLmVtaXRDaGFuZ2UodmFsdWUpKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHVibGljIGVtaXRDaGFuZ2UodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25FdmVudENoYW5nZS5lbWl0KHZhbHVlKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uJC5uZXh0KCk7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24kLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { __decorate, __extends, __metadata } from "tslib";
|
|
2
|
-
import { Directive, HostListener } from '@angular/core';
|
|
3
|
-
import { AbstractDebounceDirective } from './abstract-debounce.directive';
|
|
4
|
-
var DebounceKeyupDirective = /** @class */ (function (_super) {
|
|
5
|
-
__extends(DebounceKeyupDirective, _super);
|
|
6
|
-
function DebounceKeyupDirective() {
|
|
7
|
-
return _super.call(this) || this;
|
|
8
|
-
}
|
|
9
|
-
DebounceKeyupDirective.prototype.onKeyUp = function (event) {
|
|
10
|
-
event.preventDefault();
|
|
11
|
-
this.emitEvent$.next(event);
|
|
12
|
-
};
|
|
13
|
-
__decorate([
|
|
14
|
-
HostListener('keyup', ['$event']),
|
|
15
|
-
__metadata("design:type", Function),
|
|
16
|
-
__metadata("design:paramtypes", [Object]),
|
|
17
|
-
__metadata("design:returntype", void 0)
|
|
18
|
-
], DebounceKeyupDirective.prototype, "onKeyUp", null);
|
|
19
|
-
DebounceKeyupDirective = __decorate([
|
|
20
|
-
Directive({
|
|
21
|
-
selector: 'input[debounceKeyUp]'
|
|
22
|
-
}),
|
|
23
|
-
__metadata("design:paramtypes", [])
|
|
24
|
-
], DebounceKeyupDirective);
|
|
25
|
-
return DebounceKeyupDirective;
|
|
26
|
-
}(AbstractDebounceDirective));
|
|
27
|
-
export { DebounceKeyupDirective };
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVib3VuY2Uta2V5dXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHdpemlzaG9wL2ltZy1tYW5hZ2VyLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvYWJzdHJhY3QtZGVib3VuY2UvZGVib3VuY2Uta2V5dXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUkxRTtJQUE0QywwQ0FBeUI7SUFDbkU7ZUFDRSxpQkFBTztJQUNULENBQUM7SUFHTSx3Q0FBTyxHQUFkLFVBQWUsS0FBVTtRQUN2QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUhEO1FBREMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDOzs7O3lEQUlqQztJQVRVLHNCQUFzQjtRQUhsQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsc0JBQXNCO1NBQ2pDLENBQUM7O09BQ1csc0JBQXNCLENBVWxDO0lBQUQsNkJBQUM7Q0FBQSxBQVZELENBQTRDLHlCQUF5QixHQVVwRTtTQVZZLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdERlYm91bmNlRGlyZWN0aXZlIH0gZnJvbSAnLi9hYnN0cmFjdC1kZWJvdW5jZS5kaXJlY3RpdmUnO1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnaW5wdXRbZGVib3VuY2VLZXlVcF0nXG59KVxuZXhwb3J0IGNsYXNzIERlYm91bmNlS2V5dXBEaXJlY3RpdmUgZXh0ZW5kcyBBYnN0cmFjdERlYm91bmNlRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleXVwJywgWyckZXZlbnQnXSlcbiAgcHVibGljIG9uS2V5VXAoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5lbWl0RXZlbnQkLm5leHQoZXZlbnQpO1xuICB9XG59XG4iXX0=
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Directive, ElementRef, Input, Output, EventEmitter, AfterViewInit } from '@angular/core';
|
|
3
|
-
import { DomService } from '../services/dom.service';
|
|
4
|
-
var AutoHideDirective = /** @class */ (function () {
|
|
5
|
-
function AutoHideDirective(_elementRef, domService) {
|
|
6
|
-
this._elementRef = _elementRef;
|
|
7
|
-
this.domService = domService;
|
|
8
|
-
this.forceOn = null;
|
|
9
|
-
this.clickOutside = new EventEmitter();
|
|
10
|
-
}
|
|
11
|
-
AutoHideDirective.prototype.ngAfterViewInit = function () {
|
|
12
|
-
var _this = this;
|
|
13
|
-
this.domService.documentEvent().subscribe(function (targetElement) {
|
|
14
|
-
var clickedInside = _this._elementRef.nativeElement.contains(targetElement);
|
|
15
|
-
var classNameFromElement = targetElement.getAttribute('class');
|
|
16
|
-
if (!clickedInside && (classNameFromElement === null || !classNameFromElement.includes(_this.triggerElement))) {
|
|
17
|
-
_this.clickOutside.emit(null);
|
|
18
|
-
}
|
|
19
|
-
if (_this.forceOn != null && classNameFromElement !== null) {
|
|
20
|
-
var needToClose_1 = true;
|
|
21
|
-
_this.forceOn.forEach(function (v) {
|
|
22
|
-
if (!classNameFromElement.includes(v)) {
|
|
23
|
-
needToClose_1 = false;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
if (needToClose_1) {
|
|
27
|
-
_this.clickOutside.emit(null);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
AutoHideDirective.ctorParameters = function () { return [
|
|
33
|
-
{ type: ElementRef },
|
|
34
|
-
{ type: DomService }
|
|
35
|
-
]; };
|
|
36
|
-
__decorate([
|
|
37
|
-
Input(),
|
|
38
|
-
__metadata("design:type", String)
|
|
39
|
-
], AutoHideDirective.prototype, "triggerElement", void 0);
|
|
40
|
-
__decorate([
|
|
41
|
-
Input(),
|
|
42
|
-
__metadata("design:type", Array)
|
|
43
|
-
], AutoHideDirective.prototype, "forceOn", void 0);
|
|
44
|
-
__decorate([
|
|
45
|
-
Output('clickOutside'),
|
|
46
|
-
__metadata("design:type", EventEmitter)
|
|
47
|
-
], AutoHideDirective.prototype, "clickOutside", void 0);
|
|
48
|
-
AutoHideDirective = __decorate([
|
|
49
|
-
Directive({
|
|
50
|
-
selector: '[wzAutoHide]'
|
|
51
|
-
}),
|
|
52
|
-
__metadata("design:paramtypes", [ElementRef, DomService])
|
|
53
|
-
], AutoHideDirective);
|
|
54
|
-
return AutoHideDirective;
|
|
55
|
-
}());
|
|
56
|
-
export { AutoHideDirective };
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1oaWRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B3aXppc2hvcC9pbWctbWFuYWdlci8iLCJzb3VyY2VzIjpbImxpYi9kaXJlY3RpdmVzL2F1dG8taGlkZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFLckQ7SUFJRSwyQkFBb0IsV0FBdUIsRUFBVSxVQUFzQjtRQUF2RCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFGbEUsWUFBTyxHQUFrQixJQUFJLENBQUM7UUFJZixpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRkMsQ0FBQztJQUkvRSwyQ0FBZSxHQUFmO1FBQUEsaUJBcUJDO1FBcEJDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLENBQUMsU0FBUyxDQUFDLFVBQUMsYUFBc0I7WUFDL0QsSUFBTSxhQUFhLEdBQUcsS0FBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQzdFLElBQU0sb0JBQW9CLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUVqRSxJQUFJLENBQUMsYUFBYSxJQUFJLENBQUMsb0JBQW9CLEtBQUssSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUMsUUFBUSxDQUFDLEtBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxFQUFFO2dCQUM1RyxLQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUM5QjtZQUVELElBQUksS0FBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksb0JBQW9CLEtBQUssSUFBSSxFQUFFO2dCQUN6RCxJQUFJLGFBQVcsR0FBRyxJQUFJLENBQUM7Z0JBQ3ZCLEtBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLFVBQUEsQ0FBQztvQkFDcEIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRTt3QkFDckMsYUFBVyxHQUFHLEtBQUssQ0FBQztxQkFDckI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsSUFBSSxhQUFXLEVBQUU7b0JBQ2YsS0FBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7aUJBQzlCO2FBQ0Y7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O2dCQXpCZ0MsVUFBVTtnQkFBc0IsVUFBVTs7SUFIbEU7UUFBUixLQUFLLEVBQUU7OzZEQUF3QjtJQUN2QjtRQUFSLEtBQUssRUFBRTtrQ0FBVSxLQUFLO3NEQUFnQjtJQUlmO1FBQXZCLE1BQU0sQ0FBQyxjQUFjLENBQUM7a0NBQWUsWUFBWTsyREFBMkI7SUFObEUsaUJBQWlCO1FBSDdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxjQUFjO1NBQ3pCLENBQUM7eUNBS2lDLFVBQVUsRUFBc0IsVUFBVTtPQUpoRSxpQkFBaUIsQ0E4QjdCO0lBQUQsd0JBQUM7Q0FBQSxBQTlCRCxJQThCQztTQTlCWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2RvbS5zZXJ2aWNlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3d6QXV0b0hpZGVdJ1xufSlcbmV4cG9ydCBjbGFzcyBBdXRvSGlkZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSB0cmlnZ2VyRWxlbWVudDogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JjZU9uOiBBcnJheTxzdHJpbmc+ID0gbnVsbDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIGRvbVNlcnZpY2U6IERvbVNlcnZpY2UpIHt9XG5cbiAgQE91dHB1dCgnY2xpY2tPdXRzaWRlJykgY2xpY2tPdXRzaWRlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5kb21TZXJ2aWNlLmRvY3VtZW50RXZlbnQoKS5zdWJzY3JpYmUoKHRhcmdldEVsZW1lbnQ6IEVsZW1lbnQpID0+IHtcbiAgICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnModGFyZ2V0RWxlbWVudCk7XG4gICAgICBjb25zdCBjbGFzc05hbWVGcm9tRWxlbWVudCA9IHRhcmdldEVsZW1lbnQuZ2V0QXR0cmlidXRlKCdjbGFzcycpO1xuXG4gICAgICBpZiAoIWNsaWNrZWRJbnNpZGUgJiYgKGNsYXNzTmFtZUZyb21FbGVtZW50ID09PSBudWxsIHx8ICFjbGFzc05hbWVGcm9tRWxlbWVudC5pbmNsdWRlcyh0aGlzLnRyaWdnZXJFbGVtZW50KSkpIHtcbiAgICAgICAgdGhpcy5jbGlja091dHNpZGUuZW1pdChudWxsKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuZm9yY2VPbiAhPSBudWxsICYmIGNsYXNzTmFtZUZyb21FbGVtZW50ICE9PSBudWxsKSB7XG4gICAgICAgIGxldCBuZWVkVG9DbG9zZSA9IHRydWU7XG4gICAgICAgIHRoaXMuZm9yY2VPbi5mb3JFYWNoKHYgPT4ge1xuICAgICAgICAgIGlmICghY2xhc3NOYW1lRnJvbUVsZW1lbnQuaW5jbHVkZXModikpIHtcbiAgICAgICAgICAgIG5lZWRUb0Nsb3NlID0gZmFsc2U7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgaWYgKG5lZWRUb0Nsb3NlKSB7XG4gICAgICAgICAgdGhpcy5jbGlja091dHNpZGUuZW1pdChudWxsKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Directive, Input, Output, EventEmitter, HostListener } from "@angular/core";
|
|
3
|
-
var CopyClipboardDirective = /** @class */ (function () {
|
|
4
|
-
function CopyClipboardDirective() {
|
|
5
|
-
this.copied = new EventEmitter();
|
|
6
|
-
}
|
|
7
|
-
CopyClipboardDirective.prototype.onClick = function (event) {
|
|
8
|
-
var _this = this;
|
|
9
|
-
event.preventDefault();
|
|
10
|
-
if (!this.payload)
|
|
11
|
-
return;
|
|
12
|
-
var listener = function (e) {
|
|
13
|
-
var clipboard = e.clipboardData || window["clipboardData"];
|
|
14
|
-
clipboard.setData("text", _this.payload.toString());
|
|
15
|
-
e.preventDefault();
|
|
16
|
-
_this.copied.emit(_this.payload);
|
|
17
|
-
};
|
|
18
|
-
document.addEventListener("copy", listener, false);
|
|
19
|
-
document.execCommand("copy");
|
|
20
|
-
document.removeEventListener("copy", listener, false);
|
|
21
|
-
};
|
|
22
|
-
__decorate([
|
|
23
|
-
Input("copy-clipboard"),
|
|
24
|
-
__metadata("design:type", String)
|
|
25
|
-
], CopyClipboardDirective.prototype, "payload", void 0);
|
|
26
|
-
__decorate([
|
|
27
|
-
Output("copied"),
|
|
28
|
-
__metadata("design:type", EventEmitter)
|
|
29
|
-
], CopyClipboardDirective.prototype, "copied", void 0);
|
|
30
|
-
__decorate([
|
|
31
|
-
HostListener("click", ["$event"]),
|
|
32
|
-
__metadata("design:type", Function),
|
|
33
|
-
__metadata("design:paramtypes", [MouseEvent]),
|
|
34
|
-
__metadata("design:returntype", void 0)
|
|
35
|
-
], CopyClipboardDirective.prototype, "onClick", null);
|
|
36
|
-
CopyClipboardDirective = __decorate([
|
|
37
|
-
Directive({ selector: '[copy-clipboard]' })
|
|
38
|
-
], CopyClipboardDirective);
|
|
39
|
-
return CopyClipboardDirective;
|
|
40
|
-
}());
|
|
41
|
-
export { CopyClipboardDirective };
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS10by1jbGlwYm9hcmQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHdpemlzaG9wL2ltZy1tYW5hZ2VyLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvY29weS10by1jbGlwYm9hcmQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdyRjtJQUFBO1FBTVMsV0FBTSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0lBcUJuRSxDQUFDO0lBbEJRLHdDQUFPLEdBQWQsVUFBZSxLQUFpQjtRQURoQyxpQkFrQkM7UUFmQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPO1lBQ2YsT0FBTztRQUVULElBQUksUUFBUSxHQUFHLFVBQUMsQ0FBaUI7WUFDL0IsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDLGFBQWEsSUFBSSxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDM0QsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1lBQ25ELENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUVuQixLQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDakMsQ0FBQyxDQUFDO1FBRUYsUUFBUSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUE7UUFDbEQsUUFBUSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM3QixRQUFRLENBQUMsbUJBQW1CLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBdkJEO1FBREMsS0FBSyxDQUFDLGdCQUFnQixDQUFDOzsyREFDRDtJQUd2QjtRQURDLE1BQU0sQ0FBQyxRQUFRLENBQUM7a0NBQ0YsWUFBWTswREFBc0M7SUFHakU7UUFEQyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7O3lDQUNaLFVBQVU7O3lEQWlCL0I7SUExQlUsc0JBQXNCO1FBRGxDLFNBQVMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO09BQy9CLHNCQUFzQixDQTJCbEM7SUFBRCw2QkFBQztDQUFBLEFBM0JELElBMkJDO1NBM0JZLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbY29weS1jbGlwYm9hcmRdJyB9KVxuZXhwb3J0IGNsYXNzIENvcHlDbGlwYm9hcmREaXJlY3RpdmUge1xuXG4gIEBJbnB1dChcImNvcHktY2xpcGJvYXJkXCIpXG4gIHB1YmxpYyBwYXlsb2FkOiBzdHJpbmc7XG5cbiAgQE91dHB1dChcImNvcGllZFwiKVxuICBwdWJsaWMgY29waWVkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiLCBbXCIkZXZlbnRcIl0pXG4gIHB1YmxpYyBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG5cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmICghdGhpcy5wYXlsb2FkKVxuICAgICAgcmV0dXJuO1xuXG4gICAgbGV0IGxpc3RlbmVyID0gKGU6IENsaXBib2FyZEV2ZW50KSA9PiB7XG4gICAgICBsZXQgY2xpcGJvYXJkID0gZS5jbGlwYm9hcmREYXRhIHx8IHdpbmRvd1tcImNsaXBib2FyZERhdGFcIl07XG4gICAgICBjbGlwYm9hcmQuc2V0RGF0YShcInRleHRcIiwgdGhpcy5wYXlsb2FkLnRvU3RyaW5nKCkpO1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICB0aGlzLmNvcGllZC5lbWl0KHRoaXMucGF5bG9hZCk7XG4gICAgfTtcblxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJjb3B5XCIsIGxpc3RlbmVyLCBmYWxzZSlcbiAgICBkb2N1bWVudC5leGVjQ29tbWFuZChcImNvcHlcIik7XG4gICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNvcHlcIiwgbGlzdGVuZXIsIGZhbHNlKTtcbiAgfVxufSJdfQ==
|