@agorapulse/ui-components 14.0.4 → 14.0.6
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/{src/lib/add-comment → add-comment}/add-comment.component.d.ts +1 -1
- package/add-comment/index.d.ts +5 -0
- package/add-comment/public_api.d.ts +1 -0
- package/agorapulse-ui-components-14.0.6.tgz +0 -0
- package/{src/lib/avatar → avatar}/avatar.component.d.ts +1 -1
- package/avatar/index.d.ts +5 -0
- package/avatar/public_api.d.ts +1 -0
- package/{src/lib/confirm-modal → confirm-modal}/confirm-modal-texts.model.d.ts +0 -0
- package/{src/lib/confirm-modal → confirm-modal}/confirm-modal.component.d.ts +2 -2
- package/confirm-modal/index.d.ts +5 -0
- package/confirm-modal/public_api.d.ts +2 -0
- package/{src/lib/datepicker → datepicker}/datepicker.component.d.ts +2 -2
- package/datepicker/index.d.ts +5 -0
- package/datepicker/public_api.d.ts +1 -0
- package/{src/lib/directives → directives}/autosize-textarea.directive.d.ts +1 -1
- package/{src/lib/directives → directives}/default-image.directive.d.ts +1 -1
- package/{src/lib/directives → directives}/ellipsis.directive.d.ts +1 -1
- package/{src/lib/directives → directives}/equal-validator.directive.d.ts +1 -1
- package/{src/lib/directives → directives}/frozen-gif.directive.d.ts +1 -1
- package/directives/index.d.ts +5 -0
- package/{src/lib/directives → directives}/multi-style-text.directive.d.ts +1 -1
- package/directives/public_api.d.ts +7 -0
- package/{src/lib/directives → directives}/truncate-tooltip.directive.d.ts +2 -3
- package/{src/lib/dots-stepper → dots-stepper}/dots-stepper.component.d.ts +1 -1
- package/dots-stepper/index.d.ts +5 -0
- package/dots-stepper/public_api.d.ts +1 -0
- package/esm2020/add-comment/add-comment.component.mjs +70 -0
- package/esm2020/add-comment/agorapulse-ui-components-add-comment.mjs +5 -0
- package/esm2020/add-comment/public_api.mjs +2 -0
- package/esm2020/avatar/agorapulse-ui-components-avatar.mjs +5 -0
- package/esm2020/avatar/avatar.component.mjs +138 -0
- package/esm2020/avatar/public_api.mjs +2 -0
- package/esm2020/confirm-modal/agorapulse-ui-components-confirm-modal.mjs +5 -0
- package/esm2020/confirm-modal/confirm-modal-texts.model.mjs +2 -0
- package/esm2020/confirm-modal/confirm-modal.component.mjs +61 -0
- package/esm2020/confirm-modal/public_api.mjs +3 -0
- package/esm2020/datepicker/agorapulse-ui-components-datepicker.mjs +5 -0
- package/esm2020/datepicker/datepicker.component.mjs +225 -0
- package/esm2020/datepicker/public_api.mjs +2 -0
- package/esm2020/directives/agorapulse-ui-components-directives.mjs +5 -0
- package/esm2020/directives/autosize-textarea.directive.mjs +44 -0
- package/esm2020/directives/default-image.directive.mjs +32 -0
- package/esm2020/directives/ellipsis.directive.mjs +86 -0
- package/esm2020/directives/equal-validator.directive.mjs +66 -0
- package/esm2020/directives/frozen-gif.directive.mjs +116 -0
- package/esm2020/directives/multi-style-text.directive.mjs +136 -0
- package/esm2020/directives/public_api.mjs +8 -0
- package/esm2020/directives/truncate-tooltip.directive.mjs +33 -0
- package/esm2020/dots-stepper/agorapulse-ui-components-dots-stepper.mjs +5 -0
- package/esm2020/dots-stepper/dots-stepper.component.mjs +43 -0
- package/esm2020/dots-stepper/public_api.mjs +2 -0
- package/esm2020/index.mjs +27 -33
- package/esm2020/infobox/agorapulse-ui-components-infobox.mjs +5 -0
- package/esm2020/infobox/infobox.component.mjs +30 -0
- package/esm2020/infobox/public_api.mjs +2 -0
- package/esm2020/labels/agorapulse-ui-components-labels.mjs +5 -0
- package/esm2020/labels/label-list.component.mjs +101 -0
- package/esm2020/labels/label.component.mjs +56 -0
- package/esm2020/labels/public_api.mjs +3 -0
- package/esm2020/labels-selector/agorapulse-ui-components-labels-selector.mjs +5 -0
- package/esm2020/labels-selector/labels-selector.component.mjs +95 -0
- package/esm2020/labels-selector/public_api.mjs +2 -0
- package/esm2020/media-display-overlay/agorapulse-ui-components-media-display-overlay.mjs +5 -0
- package/esm2020/media-display-overlay/media-display-overlay-dialog.component.mjs +88 -0
- package/esm2020/media-display-overlay/public_api.mjs +2 -0
- package/esm2020/modal/agorapulse-ui-components-modal.mjs +5 -0
- package/esm2020/modal/modal.component.mjs +99 -0
- package/esm2020/modal/public_api.mjs +2 -0
- package/esm2020/notification/agorapulse-ui-components-notification.mjs +5 -0
- package/esm2020/notification/notification.component.mjs +17 -0
- package/esm2020/notification/public_api.mjs +2 -0
- package/esm2020/paginator/agorapulse-ui-components-paginator.mjs +5 -0
- package/esm2020/paginator/paginator-button/paginator-button.component.mjs +24 -0
- package/esm2020/paginator/paginator.component.mjs +56 -0
- package/esm2020/paginator/public_api.mjs +3 -0
- package/esm2020/password-input/agorapulse-ui-components-password-input.mjs +5 -0
- package/esm2020/password-input/password-input.component.mjs +70 -0
- package/esm2020/password-input/public_api.mjs +2 -0
- package/esm2020/popmenu/agorapulse-ui-components-popmenu.mjs +5 -0
- package/esm2020/popmenu/options.mjs +17 -0
- package/esm2020/popmenu/popmenu-options.interface.mjs +2 -0
- package/esm2020/popmenu/popmenu-options.service.mjs +7 -0
- package/esm2020/popmenu/popmenu.component.mjs +368 -0
- package/esm2020/popmenu/popmenu.directive.mjs +241 -0
- package/esm2020/popmenu/popmenu.module.mjs +35 -0
- package/esm2020/{src/lib/popmenu/index.mjs → popmenu/public_api.mjs} +1 -1
- package/esm2020/slide-toggle/agorapulse-ui-components-slide-toggle.mjs +5 -0
- package/esm2020/slide-toggle/public_api.mjs +2 -0
- package/esm2020/slide-toggle/slide-toggle.component.mjs +65 -0
- package/esm2020/snackbar/agorapulse-ui-components-snackbar.mjs +5 -0
- package/esm2020/snackbar/public_api.mjs +2 -0
- package/esm2020/snackbar/snackbar.component.mjs +22 -0
- package/esm2020/snackbars-thread/agorapulse-ui-components-snackbars-thread.mjs +5 -0
- package/esm2020/snackbars-thread/component/snackbars-thread.component.mjs +71 -0
- package/esm2020/snackbars-thread/model/snackbars-thread.model.mjs +41 -0
- package/esm2020/snackbars-thread/public_api.mjs +4 -0
- package/esm2020/snackbars-thread/service/snackbars-thread.service.mjs +41 -0
- package/esm2020/snackbars-thread/utils/const/snackbars-thread.const.mjs +13 -0
- package/esm2020/src/lib/agorapulse-ui-components.module.mjs +60 -87
- package/esm2020/stepper/agorapulse-ui-components-stepper.mjs +5 -0
- package/esm2020/stepper/public_api.mjs +3 -0
- package/esm2020/stepper/step.model.mjs +2 -0
- package/esm2020/stepper/stepper.component.mjs +37 -0
- package/esm2020/text-measurement/agorapulse-ui-components-text-measurement.mjs +5 -0
- package/esm2020/text-measurement/public_api.mjs +2 -0
- package/esm2020/text-measurement/text-measurement.service.mjs +28 -0
- package/esm2020/tooltip-neo/agorapulse-ui-components-tooltip-neo.mjs +5 -0
- package/esm2020/tooltip-neo/public_api.mjs +4 -0
- package/esm2020/tooltip-neo/tooltip-neo.component.mjs +44 -0
- package/esm2020/tooltip-neo/tooltip-neo.const.mjs +67 -0
- package/esm2020/tooltip-neo/tooltip-neo.directive.mjs +156 -0
- package/esm2020/tooltip-neo/tooltip-neo.model.mjs +2 -0
- package/esm2020/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.service.mjs +1 -1
- package/fesm2015/agorapulse-ui-components-add-comment.mjs +77 -0
- package/fesm2015/agorapulse-ui-components-add-comment.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-avatar.mjs +146 -0
- package/fesm2015/agorapulse-ui-components-avatar.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-confirm-modal.mjs +68 -0
- package/fesm2015/agorapulse-ui-components-confirm-modal.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-datepicker.mjs +235 -0
- package/fesm2015/agorapulse-ui-components-datepicker.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-directives.mjs +509 -0
- package/fesm2015/agorapulse-ui-components-directives.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-dots-stepper.mjs +50 -0
- package/fesm2015/agorapulse-ui-components-dots-stepper.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-infobox.mjs +37 -0
- package/fesm2015/agorapulse-ui-components-infobox.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-labels-selector.mjs +103 -0
- package/fesm2015/agorapulse-ui-components-labels-selector.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-labels.mjs +160 -0
- package/fesm2015/agorapulse-ui-components-labels.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-media-display-overlay.mjs +97 -0
- package/fesm2015/agorapulse-ui-components-media-display-overlay.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-modal.mjs +106 -0
- package/fesm2015/agorapulse-ui-components-modal.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-notification.mjs +24 -0
- package/fesm2015/agorapulse-ui-components-notification.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-paginator.mjs +82 -0
- package/fesm2015/agorapulse-ui-components-paginator.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-password-input.mjs +77 -0
- package/fesm2015/agorapulse-ui-components-password-input.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-popmenu.mjs +666 -0
- package/fesm2015/agorapulse-ui-components-popmenu.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-slide-toggle.mjs +72 -0
- package/fesm2015/agorapulse-ui-components-slide-toggle.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-snackbar.mjs +31 -0
- package/fesm2015/agorapulse-ui-components-snackbar.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-snackbars-thread.mjs +169 -0
- package/fesm2015/agorapulse-ui-components-snackbars-thread.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-stepper.mjs +45 -0
- package/fesm2015/agorapulse-ui-components-stepper.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-text-measurement.mjs +35 -0
- package/fesm2015/agorapulse-ui-components-text-measurement.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components-tooltip-neo.mjs +283 -0
- package/fesm2015/agorapulse-ui-components-tooltip-neo.mjs.map +1 -0
- package/fesm2015/agorapulse-ui-components.mjs +82 -2824
- package/fesm2015/agorapulse-ui-components.mjs.map +1 -1
- package/fesm2020/agorapulse-ui-components-add-comment.mjs +77 -0
- package/fesm2020/agorapulse-ui-components-add-comment.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-avatar.mjs +145 -0
- package/fesm2020/agorapulse-ui-components-avatar.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-confirm-modal.mjs +68 -0
- package/fesm2020/agorapulse-ui-components-confirm-modal.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-datepicker.mjs +232 -0
- package/fesm2020/agorapulse-ui-components-datepicker.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-directives.mjs +507 -0
- package/fesm2020/agorapulse-ui-components-directives.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-dots-stepper.mjs +50 -0
- package/fesm2020/agorapulse-ui-components-dots-stepper.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-infobox.mjs +37 -0
- package/fesm2020/agorapulse-ui-components-infobox.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-labels-selector.mjs +102 -0
- package/fesm2020/agorapulse-ui-components-labels-selector.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-labels.mjs +160 -0
- package/fesm2020/agorapulse-ui-components-labels.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-media-display-overlay.mjs +95 -0
- package/fesm2020/agorapulse-ui-components-media-display-overlay.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-modal.mjs +106 -0
- package/fesm2020/agorapulse-ui-components-modal.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-notification.mjs +24 -0
- package/fesm2020/agorapulse-ui-components-notification.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-paginator.mjs +82 -0
- package/fesm2020/agorapulse-ui-components-paginator.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-password-input.mjs +77 -0
- package/fesm2020/agorapulse-ui-components-password-input.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-popmenu.mjs +664 -0
- package/fesm2020/agorapulse-ui-components-popmenu.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-slide-toggle.mjs +72 -0
- package/fesm2020/agorapulse-ui-components-slide-toggle.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-snackbar.mjs +29 -0
- package/fesm2020/agorapulse-ui-components-snackbar.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-snackbars-thread.mjs +169 -0
- package/fesm2020/agorapulse-ui-components-snackbars-thread.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-stepper.mjs +44 -0
- package/fesm2020/agorapulse-ui-components-stepper.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-text-measurement.mjs +35 -0
- package/fesm2020/agorapulse-ui-components-text-measurement.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components-tooltip-neo.mjs +282 -0
- package/fesm2020/agorapulse-ui-components-tooltip-neo.mjs.map +1 -0
- package/fesm2020/agorapulse-ui-components.mjs +79 -2807
- package/fesm2020/agorapulse-ui-components.mjs.map +1 -1
- package/index.d.ts +28 -34
- package/infobox/index.d.ts +5 -0
- package/{src/lib/infobox → infobox}/infobox.component.d.ts +1 -1
- package/infobox/public_api.d.ts +1 -0
- package/labels/index.d.ts +5 -0
- package/{src/lib/labels → labels}/label-list.component.d.ts +2 -2
- package/{src/lib/labels → labels}/label.component.d.ts +2 -2
- package/labels/public_api.d.ts +2 -0
- package/labels-selector/index.d.ts +5 -0
- package/{src/lib/labels-selector → labels-selector}/labels-selector.component.d.ts +2 -2
- package/labels-selector/public_api.d.ts +1 -0
- package/media-display-overlay/index.d.ts +5 -0
- package/{src/lib/media-display-overlay → media-display-overlay}/media-display-overlay-dialog.component.d.ts +1 -1
- package/media-display-overlay/public_api.d.ts +1 -0
- package/modal/index.d.ts +5 -0
- package/{src/lib/modal → modal}/modal.component.d.ts +3 -4
- package/modal/public_api.d.ts +1 -0
- package/notification/index.d.ts +5 -0
- package/{src/lib/notification → notification}/notification.component.d.ts +1 -1
- package/notification/public_api.d.ts +1 -0
- package/package.json +169 -1
- package/paginator/index.d.ts +5 -0
- package/{src/lib/paginator → paginator}/paginator-button/paginator-button.component.d.ts +1 -1
- package/{src/lib/paginator → paginator}/paginator.component.d.ts +1 -1
- package/paginator/public_api.d.ts +2 -0
- package/password-input/index.d.ts +5 -0
- package/{src/lib/password-input → password-input}/password-input.component.d.ts +1 -1
- package/password-input/public_api.d.ts +1 -0
- package/popmenu/index.d.ts +5 -0
- package/{src/lib/popmenu → popmenu}/options.d.ts +0 -0
- package/{src/lib/popmenu → popmenu}/popmenu-options.interface.d.ts +0 -0
- package/{src/lib/popmenu → popmenu}/popmenu-options.service.d.ts +0 -0
- package/{src/lib/popmenu → popmenu}/popmenu.component.d.ts +1 -1
- package/{src/lib/popmenu → popmenu}/popmenu.directive.d.ts +1 -1
- package/{src/lib/popmenu → popmenu}/popmenu.module.d.ts +1 -4
- package/{src/lib/popmenu/index.d.ts → popmenu/public_api.d.ts} +0 -0
- package/slide-toggle/index.d.ts +5 -0
- package/slide-toggle/public_api.d.ts +1 -0
- package/{src/lib/slide-toggle → slide-toggle}/slide-toggle.component.d.ts +1 -1
- package/snackbar/index.d.ts +5 -0
- package/snackbar/public_api.d.ts +1 -0
- package/{src/lib/snackbar → snackbar}/snackbar.component.d.ts +1 -1
- package/{src/lib/snackbars-thread → snackbars-thread}/component/snackbars-thread.component.d.ts +1 -1
- package/snackbars-thread/index.d.ts +5 -0
- package/{src/lib/snackbars-thread → snackbars-thread}/model/snackbars-thread.model.d.ts +1 -1
- package/snackbars-thread/public_api.d.ts +3 -0
- package/{src/lib/snackbars-thread → snackbars-thread}/service/snackbars-thread.service.d.ts +0 -0
- package/{src/lib/snackbars-thread → snackbars-thread}/utils/const/snackbars-thread.const.d.ts +0 -0
- package/src/lib/agorapulse-ui-components.module.d.ts +24 -38
- package/stepper/index.d.ts +5 -0
- package/stepper/public_api.d.ts +2 -0
- package/{src/lib/stepper → stepper}/step.model.d.ts +0 -0
- package/{src/lib/stepper → stepper}/stepper.component.d.ts +1 -1
- package/text-measurement/index.d.ts +5 -0
- package/text-measurement/public_api.d.ts +1 -0
- package/{src/lib/text-measurement → text-measurement}/text-measurement.service.d.ts +0 -0
- package/tooltip-neo/index.d.ts +5 -0
- package/tooltip-neo/public_api.d.ts +3 -0
- package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.component.d.ts +1 -1
- package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.const.d.ts +0 -0
- package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.directive.d.ts +2 -2
- package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.model.d.ts +0 -0
- package/{src/lib/tooltip-neo → tooltip-neo}/tooltip-neo.service.d.ts +0 -0
- package/agorapulse-ui-components-14.0.4.tgz +0 -0
- package/esm2020/src/lib/add-comment/add-comment.component.mjs +0 -64
- package/esm2020/src/lib/avatar/avatar.component.mjs +0 -137
- package/esm2020/src/lib/confirm-modal/confirm-modal-texts.model.mjs +0 -2
- package/esm2020/src/lib/confirm-modal/confirm-modal.component.mjs +0 -61
- package/esm2020/src/lib/datepicker/datepicker.component.mjs +0 -219
- package/esm2020/src/lib/directives/autosize-textarea.directive.mjs +0 -43
- package/esm2020/src/lib/directives/default-image.directive.mjs +0 -31
- package/esm2020/src/lib/directives/ellipsis.directive.mjs +0 -85
- package/esm2020/src/lib/directives/equal-validator.directive.mjs +0 -65
- package/esm2020/src/lib/directives/frozen-gif.directive.mjs +0 -115
- package/esm2020/src/lib/directives/multi-style-text.directive.mjs +0 -135
- package/esm2020/src/lib/directives/truncate-tooltip.directive.mjs +0 -33
- package/esm2020/src/lib/dots-stepper/dots-stepper.component.mjs +0 -43
- package/esm2020/src/lib/infobox/infobox.component.mjs +0 -24
- package/esm2020/src/lib/labels/label-list.component.mjs +0 -98
- package/esm2020/src/lib/labels/label.component.mjs +0 -53
- package/esm2020/src/lib/labels-selector/labels-selector.component.mjs +0 -92
- package/esm2020/src/lib/media-display-overlay/media-display-overlay-dialog.component.mjs +0 -87
- package/esm2020/src/lib/modal/modal.component.mjs +0 -96
- package/esm2020/src/lib/notification/notification.component.mjs +0 -17
- package/esm2020/src/lib/paginator/paginator-button/paginator-button.component.mjs +0 -23
- package/esm2020/src/lib/paginator/paginator.component.mjs +0 -54
- package/esm2020/src/lib/password-input/password-input.component.mjs +0 -69
- package/esm2020/src/lib/popmenu/options.mjs +0 -17
- package/esm2020/src/lib/popmenu/popmenu-options.interface.mjs +0 -2
- package/esm2020/src/lib/popmenu/popmenu-options.service.mjs +0 -7
- package/esm2020/src/lib/popmenu/popmenu.component.mjs +0 -357
- package/esm2020/src/lib/popmenu/popmenu.directive.mjs +0 -240
- package/esm2020/src/lib/popmenu/popmenu.module.mjs +0 -47
- package/esm2020/src/lib/slide-toggle/slide-toggle.component.mjs +0 -67
- package/esm2020/src/lib/snackbar/snackbar.component.mjs +0 -21
- package/esm2020/src/lib/snackbars-thread/component/snackbars-thread.component.mjs +0 -70
- package/esm2020/src/lib/snackbars-thread/model/snackbars-thread.model.mjs +0 -41
- package/esm2020/src/lib/snackbars-thread/service/snackbars-thread.service.mjs +0 -41
- package/esm2020/src/lib/snackbars-thread/utils/const/snackbars-thread.const.mjs +0 -13
- package/esm2020/src/lib/stepper/step.model.mjs +0 -2
- package/esm2020/src/lib/stepper/stepper.component.mjs +0 -36
- package/esm2020/src/lib/text-measurement/text-measurement.service.mjs +0 -28
- package/esm2020/src/lib/tooltip-neo/tooltip-neo.component.mjs +0 -44
- package/esm2020/src/lib/tooltip-neo/tooltip-neo.const.mjs +0 -67
- package/esm2020/src/lib/tooltip-neo/tooltip-neo.directive.mjs +0 -137
- package/esm2020/src/lib/tooltip-neo/tooltip-neo.model.mjs +0 -2
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { LabelComponent } from '@agorapulse/ui-components/labels';
|
|
2
|
+
import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
|
|
3
|
+
import { AsyncPipe, NgForOf, NgIf } from '@angular/common';
|
|
4
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
5
|
+
import { FormsModule } from '@angular/forms';
|
|
6
|
+
import { NgSelectModule } from '@ng-select/ng-select';
|
|
7
|
+
import { Subject } from 'rxjs';
|
|
8
|
+
import { catchError, debounceTime, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
import * as i1 from "@agorapulse/ui-symbol";
|
|
11
|
+
import * as i2 from "@ng-select/ng-select";
|
|
12
|
+
import * as i3 from "@angular/forms";
|
|
13
|
+
export class LabelsSelectorComponent {
|
|
14
|
+
constructor(changeDetectorRef) {
|
|
15
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
16
|
+
this.INFINITY = Number.MAX_SAFE_INTEGER;
|
|
17
|
+
this.addLabelEnabled = true;
|
|
18
|
+
this.disabled = false;
|
|
19
|
+
this.initialLabels = [];
|
|
20
|
+
this.loadingOnSearch = true;
|
|
21
|
+
this.multipleEnabled = true;
|
|
22
|
+
this.createLabel = new EventEmitter();
|
|
23
|
+
this.deleteLabel = new EventEmitter();
|
|
24
|
+
this.selectLabels = new EventEmitter();
|
|
25
|
+
this.searchErrorMessage = new EventEmitter();
|
|
26
|
+
this.labels = [];
|
|
27
|
+
this.labelsInput$ = new Subject();
|
|
28
|
+
this.labelsLoading = false;
|
|
29
|
+
}
|
|
30
|
+
ngOnInit() {
|
|
31
|
+
this.labels = this.initialLabels;
|
|
32
|
+
this.setSearchFunction();
|
|
33
|
+
}
|
|
34
|
+
ngOnChanges(changes) {
|
|
35
|
+
if (changes?.initialLabels?.currentValue) {
|
|
36
|
+
this.labels = this.initialLabels;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
onCreateLabel(label) {
|
|
40
|
+
this.createLabel.emit(label);
|
|
41
|
+
}
|
|
42
|
+
onDeleteLabel(event) {
|
|
43
|
+
this.deleteLabel.emit(event.value);
|
|
44
|
+
}
|
|
45
|
+
onOpen() {
|
|
46
|
+
this.labelsInput$.next('');
|
|
47
|
+
}
|
|
48
|
+
onLabelsChange() {
|
|
49
|
+
this.selectLabels.emit(this.labels);
|
|
50
|
+
this.changeDetectorRef.markForCheck();
|
|
51
|
+
}
|
|
52
|
+
setSearchFunction() {
|
|
53
|
+
this.labels$ = this.labelsInput$.pipe(debounceTime(this.loadingOnSearch ? 400 : 0), distinctUntilChanged(), tap(() => {
|
|
54
|
+
this.labelsLoading = true;
|
|
55
|
+
}), switchMap((term) => this.searchLabelsFunction(term).pipe(catchError(response => {
|
|
56
|
+
this.searchErrorMessage.emit(response.error ? response.error.message : 'Error');
|
|
57
|
+
return [];
|
|
58
|
+
}), map(response => {
|
|
59
|
+
this.labelsLoading = false;
|
|
60
|
+
if (!response || Object.keys(response).length == 0) {
|
|
61
|
+
return [];
|
|
62
|
+
}
|
|
63
|
+
return response;
|
|
64
|
+
}))));
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
LabelsSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelsSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
LabelsSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LabelsSelectorComponent, isStandalone: true, selector: "ap-labels-selector", inputs: { addLabelEnabled: "addLabelEnabled", disabled: "disabled", initialLabels: "initialLabels", translation: "translation", loadingOnSearch: "loadingOnSearch", multipleEnabled: "multipleEnabled", searchLabelsFunction: "searchLabelsFunction" }, outputs: { createLabel: "createLabel", deleteLabel: "deleteLabel", selectLabels: "selectLabels", searchErrorMessage: "searchErrorMessage" }, usesOnChanges: true, ngImport: i0, template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"labels-select\"\n [addTag]=\"addLabelEnabled\"\n [clearable]=\"false\"\n [disabled]=\"disabled\"\n [hideSelected]=\"true\"\n [items]=\"labels$ | async\"\n [loading]=\"labelsLoading\"\n [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n [minTermLength]=\"0\"\n [multiple]=\"true\"\n [placeholder]=\"translation.placeholder\"\n [typeahead]=\"labelsInput$\"\n [(ngModel)]=\"labels\"\n (add)=\"onCreateLabel($event)\"\n (change)=\"onLabelsChange()\"\n (remove)=\"onDeleteLabel($event)\"\n (open)=\"onOpen()\"\n appendTo=\"body\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div *ngFor=\"let item of items\" class=\"labels-wrapper\">\n <ap-label [content]=\"item\"\n [selectorWidth]=\"221\"\n [removable]=\"!disabled\"\n (remove)=\"clear(item)\"></ap-label>\n </div>\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n <div *ngIf=\"!search\">{{item}}</div>\n </ng-template>\n <ng-template ng-tag-tmp let-search=\"searchTerm\">\n <div class=\"add-label\">\n <ap-symbol class=\"add-label-icon\"\n symbolId=\"add-circle-bold-alternate\"\n size=\"micro\"\n ></ap-symbol>\n <div class=\"add-label-preview\">{{translation.createLabel}} \"{{search}}\"</div>\n </div>\n </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.labels-select{width:260px}.labels-select .labels-wrapper{margin-bottom:5px;max-width:221px}::ng-deep .labels-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:171px;padding-left:6px!important;gap:4px}::ng-deep .ng-option{color:#344563!important}::ng-deep .ng-option.ng-option-marked{color:#178dfe!important}.add-label{display:flex;align-items:center;color:#178dfe}.add-label .add-label-icon{padding-right:8px}.add-label-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i2.NgTagTemplateDirective, selector: "[ng-tag-tmp]" }, { kind: "component", type: LabelComponent, selector: "ap-label", inputs: ["color", "content", "onlyText", "selectorWidth", "removable"], outputs: ["remove"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LabelsSelectorComponent, decorators: [{
|
|
70
|
+
type: Component,
|
|
71
|
+
args: [{ selector: 'ap-labels-selector', standalone: true, imports: [AgorapulseUiSymbolModule, NgSelectModule, LabelComponent, NgForOf, NgIf, FormsModule, AsyncPipe], template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"labels-select\"\n [addTag]=\"addLabelEnabled\"\n [clearable]=\"false\"\n [disabled]=\"disabled\"\n [hideSelected]=\"true\"\n [items]=\"labels$ | async\"\n [loading]=\"labelsLoading\"\n [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n [minTermLength]=\"0\"\n [multiple]=\"true\"\n [placeholder]=\"translation.placeholder\"\n [typeahead]=\"labelsInput$\"\n [(ngModel)]=\"labels\"\n (add)=\"onCreateLabel($event)\"\n (change)=\"onLabelsChange()\"\n (remove)=\"onDeleteLabel($event)\"\n (open)=\"onOpen()\"\n appendTo=\"body\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div *ngFor=\"let item of items\" class=\"labels-wrapper\">\n <ap-label [content]=\"item\"\n [selectorWidth]=\"221\"\n [removable]=\"!disabled\"\n (remove)=\"clear(item)\"></ap-label>\n </div>\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n <div *ngIf=\"!search\">{{item}}</div>\n </ng-template>\n <ng-template ng-tag-tmp let-search=\"searchTerm\">\n <div class=\"add-label\">\n <ap-symbol class=\"add-label-icon\"\n symbolId=\"add-circle-bold-alternate\"\n size=\"micro\"\n ></ap-symbol>\n <div class=\"add-label-preview\">{{translation.createLabel}} \"{{search}}\"</div>\n </div>\n </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.labels-select{width:260px}.labels-select .labels-wrapper{margin-bottom:5px;max-width:221px}::ng-deep .labels-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:171px;padding-left:6px!important;gap:4px}::ng-deep .ng-option{color:#344563!important}::ng-deep .ng-option.ng-option-marked{color:#178dfe!important}.add-label{display:flex;align-items:center;color:#178dfe}.add-label .add-label-icon{padding-right:8px}.add-label-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"] }]
|
|
72
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { addLabelEnabled: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], disabled: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], initialLabels: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], translation: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], loadingOnSearch: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], multipleEnabled: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], searchLabelsFunction: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], createLabel: [{
|
|
87
|
+
type: Output
|
|
88
|
+
}], deleteLabel: [{
|
|
89
|
+
type: Output
|
|
90
|
+
}], selectLabels: [{
|
|
91
|
+
type: Output
|
|
92
|
+
}], searchErrorMessage: [{
|
|
93
|
+
type: Output
|
|
94
|
+
}] } });
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxzLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9sYWJlbHMtc2VsZWN0b3Ivc3JjL2xhYmVscy1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvbGFiZWxzLXNlbGVjdG9yL3NyYy9sYWJlbHMtc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQy9ELE9BQU8sRUFBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFFSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUNwRCxPQUFPLEVBQWEsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQ3pDLE9BQU8sRUFBQyxVQUFVLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBY25HLE1BQU0sT0FBTyx1QkFBdUI7SUFxQmhDLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBcEIvQyxhQUFRLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDO1FBRW5DLG9CQUFlLEdBQVksSUFBSSxDQUFDO1FBQ2hDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFFN0Isb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFHL0IsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3pDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN6QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFDNUMsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUxRCxXQUFNLEdBQWEsRUFBRSxDQUFDO1FBQ3RCLGlCQUFZLEdBQW9CLElBQUksT0FBTyxFQUFVLENBQUM7UUFFdEQsa0JBQWEsR0FBRyxLQUFLLENBQUM7SUFFcUMsQ0FBQztJQUU1RCxRQUFRO1FBQ0osSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRTtZQUN0QyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7U0FDcEM7SUFDTCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFzQjtRQUNoQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELE1BQU07UUFDRixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsY0FBYztRQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVELGlCQUFpQjtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQ2pDLFlBQVksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUM1QyxvQkFBb0IsRUFBRSxFQUN0QixHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ0wsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDOUIsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLENBQUMsSUFBWSxFQUFFLEVBQUUsQ0FDdkIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FDaEMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2hGLE9BQU8sRUFBRSxDQUFDO1FBQ2QsQ0FBQyxDQUFDLEVBQ0YsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ1gsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDM0IsSUFBSSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7Z0JBQ2hELE9BQU8sRUFBRSxDQUFDO2FBQ2I7WUFDRCxPQUFPLFFBQVEsQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FDTCxDQUNKLENBQ0osQ0FBQztJQUNOLENBQUM7O29IQTFFUSx1QkFBdUI7d0dBQXZCLHVCQUF1Qix3ZUM5QnBDLG00REF5Q0EsZ2pNRGJjLHdCQUF3Qiw0SkFBRSxjQUFjLDZvQ0FBRSxjQUFjLGtKQUFFLE9BQU8sbUhBQUUsSUFBSSw0RkFBRSxXQUFXLDBWQUFFLFNBQVM7MkZBRWhHLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDSSxvQkFBb0IsY0FHbEIsSUFBSSxXQUNQLENBQUMsd0JBQXdCLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLENBQUM7d0dBS2pHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0xhYmVsQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2xhYmVscyc7XG5pbXBvcnQge0Fnb3JhcHVsc2VVaVN5bWJvbE1vZHVsZX0gZnJvbSAnQGFnb3JhcHVsc2UvdWktc3ltYm9sJztcbmltcG9ydCB7QXN5bmNQaXBlLCBOZ0Zvck9mLCBOZ0lmfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPbkluaXQsXG4gICAgT3V0cHV0LFxuICAgIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtOZ1NlbGVjdE1vZHVsZX0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBTdWJqZWN0fSBmcm9tICdyeGpzJztcbmltcG9ydCB7Y2F0Y2hFcnJvciwgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzd2l0Y2hNYXAsIHRhcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExhYmVsc1NlbGVjdG9yVHJhbnNsYXRpb24ge1xuICAgIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gICAgY3JlYXRlTGFiZWw6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1sYWJlbHMtc2VsZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sYWJlbHMtc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xhYmVscy1zZWxlY3Rvci5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0Fnb3JhcHVsc2VVaVN5bWJvbE1vZHVsZSwgTmdTZWxlY3RNb2R1bGUsIExhYmVsQ29tcG9uZW50LCBOZ0Zvck9mLCBOZ0lmLCBGb3Jtc01vZHVsZSwgQXN5bmNQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxzU2VsZWN0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gICAgcmVhZG9ubHkgSU5GSU5JVFkgPSBOdW1iZXIuTUFYX1NBRkVfSU5URUdFUjtcblxuICAgIEBJbnB1dCgpIGFkZExhYmVsRW5hYmxlZDogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBpbml0aWFsTGFiZWxzOiBzdHJpbmdbXSA9IFtdO1xuICAgIEBJbnB1dCgpIHRyYW5zbGF0aW9uOiBMYWJlbHNTZWxlY3RvclRyYW5zbGF0aW9uO1xuICAgIEBJbnB1dCgpIGxvYWRpbmdPblNlYXJjaDogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgbXVsdGlwbGVFbmFibGVkOiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBzZWFyY2hMYWJlbHNGdW5jdGlvbjogKHN0cmluZykgPT4gT2JzZXJ2YWJsZTxzdHJpbmdbXT47XG5cbiAgICBAT3V0cHV0KCkgY3JlYXRlTGFiZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgZGVsZXRlTGFiZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgc2VsZWN0TGFiZWxzID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmdbXT4oKTtcbiAgICBAT3V0cHV0KCkgc2VhcmNoRXJyb3JNZXNzYWdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBsYWJlbHM6IHN0cmluZ1tdID0gW107XG4gICAgbGFiZWxzSW5wdXQkOiBTdWJqZWN0PHN0cmluZz4gPSBuZXcgU3ViamVjdDxzdHJpbmc+KCk7XG4gICAgbGFiZWxzJDogT2JzZXJ2YWJsZTxzdHJpbmdbXT47XG4gICAgbGFiZWxzTG9hZGluZyA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5sYWJlbHMgPSB0aGlzLmluaXRpYWxMYWJlbHM7XG4gICAgICAgIHRoaXMuc2V0U2VhcmNoRnVuY3Rpb24oKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzPy5pbml0aWFsTGFiZWxzPy5jdXJyZW50VmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMubGFiZWxzID0gdGhpcy5pbml0aWFsTGFiZWxzO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25DcmVhdGVMYWJlbChsYWJlbDogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY3JlYXRlTGFiZWwuZW1pdChsYWJlbCk7XG4gICAgfVxuXG4gICAgb25EZWxldGVMYWJlbChldmVudDoge3ZhbHVlOiBzdHJpbmd9KSB7XG4gICAgICAgIHRoaXMuZGVsZXRlTGFiZWwuZW1pdChldmVudC52YWx1ZSk7XG4gICAgfVxuXG4gICAgb25PcGVuKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmxhYmVsc0lucHV0JC5uZXh0KCcnKTtcbiAgICB9XG5cbiAgICBvbkxhYmVsc0NoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RMYWJlbHMuZW1pdCh0aGlzLmxhYmVscyk7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgc2V0U2VhcmNoRnVuY3Rpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMubGFiZWxzJCA9IHRoaXMubGFiZWxzSW5wdXQkLnBpcGUoXG4gICAgICAgICAgICBkZWJvdW5jZVRpbWUodGhpcy5sb2FkaW5nT25TZWFyY2ggPyA0MDAgOiAwKSxcbiAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgICAgICB0YXAoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMubGFiZWxzTG9hZGluZyA9IHRydWU7XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIHN3aXRjaE1hcCgodGVybTogc3RyaW5nKSA9PlxuICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoTGFiZWxzRnVuY3Rpb24odGVybSkucGlwZShcbiAgICAgICAgICAgICAgICAgICAgY2F0Y2hFcnJvcihyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnNlYXJjaEVycm9yTWVzc2FnZS5lbWl0KHJlc3BvbnNlLmVycm9yID8gcmVzcG9uc2UuZXJyb3IubWVzc2FnZSA6ICdFcnJvcicpO1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAgICAgbWFwKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubGFiZWxzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKCFyZXNwb25zZSB8fCBPYmplY3Qua2V5cyhyZXNwb25zZSkubGVuZ3RoID09IDApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgKVxuICAgICAgICApO1xuICAgIH1cbn1cbiIsIjwhLS0gQEpSQSBbbXVsdGlwbGVdPVwiZmFsc2VcIiBicmVhayB0aGUgY29tcG9uZW50IGRpc3BsYXkgYW5kIGJlaGF2aW9yLCB3ZSB1c2UgW21heFNlbGVjdGVkSXRlbXNdPVwiMVwiIGFzIGVmZmljaWVudCB3b3JrYXJvdW5kIC0tPlxuPG5nLXNlbGVjdCBjbGFzcz1cImxhYmVscy1zZWxlY3RcIlxuICAgICAgICAgICBbYWRkVGFnXT1cImFkZExhYmVsRW5hYmxlZFwiXG4gICAgICAgICAgIFtjbGVhcmFibGVdPVwiZmFsc2VcIlxuICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICBbaGlkZVNlbGVjdGVkXT1cInRydWVcIlxuICAgICAgICAgICBbaXRlbXNdPVwibGFiZWxzJCB8IGFzeW5jXCJcbiAgICAgICAgICAgW2xvYWRpbmddPVwibGFiZWxzTG9hZGluZ1wiXG4gICAgICAgICAgIFttYXhTZWxlY3RlZEl0ZW1zXT1cIm11bHRpcGxlRW5hYmxlZCA/IElORklOSVRZIDogMVwiXG4gICAgICAgICAgIFttaW5UZXJtTGVuZ3RoXT1cIjBcIlxuICAgICAgICAgICBbbXVsdGlwbGVdPVwidHJ1ZVwiXG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJ0cmFuc2xhdGlvbi5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFt0eXBlYWhlYWRdPVwibGFiZWxzSW5wdXQkXCJcbiAgICAgICAgICAgWyhuZ01vZGVsKV09XCJsYWJlbHNcIlxuICAgICAgICAgICAoYWRkKT1cIm9uQ3JlYXRlTGFiZWwoJGV2ZW50KVwiXG4gICAgICAgICAgIChjaGFuZ2UpPVwib25MYWJlbHNDaGFuZ2UoKVwiXG4gICAgICAgICAgIChyZW1vdmUpPVwib25EZWxldGVMYWJlbCgkZXZlbnQpXCJcbiAgICAgICAgICAgKG9wZW4pPVwib25PcGVuKClcIlxuICAgICAgICAgICBhcHBlbmRUbz1cImJvZHlcIj5cbiAgICA8bmctdGVtcGxhdGUgbmctbXVsdGktbGFiZWwtdG1wIGxldC1pdGVtcz1cIml0ZW1zXCIgbGV0LWNsZWFyPVwiY2xlYXJcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIGNsYXNzPVwibGFiZWxzLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxhcC1sYWJlbCBbY29udGVudF09XCJpdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0b3JXaWR0aF09XCIyMjFcIlxuICAgICAgICAgICAgICAgICAgICAgIFtyZW1vdmFibGVdPVwiIWRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAocmVtb3ZlKT1cImNsZWFyKGl0ZW0pXCI+PC9hcC1sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgbmctb3B0aW9uLXRtcCBsZXQtaXRlbT1cIml0ZW1cIiBsZXQtc2VhcmNoPVwic2VhcmNoVGVybVwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwic2VhcmNoXCI+PGI+e3tpdGVtLnN1YnN0cmluZygwLCBzZWFyY2gubGVuZ3RoKX19PC9iPnt7aXRlbS5zdWJzdHJpbmcoc2VhcmNoLmxlbmd0aCwgaXRlbS5sZW5ndGgpfX08L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIiFzZWFyY2hcIj57e2l0ZW19fTwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlIG5nLXRhZy10bXAgbGV0LXNlYXJjaD1cInNlYXJjaFRlcm1cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFkZC1sYWJlbFwiPlxuICAgICAgICAgICAgPGFwLXN5bWJvbCBjbGFzcz1cImFkZC1sYWJlbC1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgc3ltYm9sSWQ9XCJhZGQtY2lyY2xlLWJvbGQtYWx0ZXJuYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cIm1pY3JvXCJcbiAgICAgICAgICAgID48L2FwLXN5bWJvbD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGQtbGFiZWwtcHJldmlld1wiPnt7dHJhbnNsYXRpb24uY3JlYXRlTGFiZWx9fSBcInt7c2VhcmNofX1cIjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uZy1zZWxlY3Q+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './labels-selector.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9sYWJlbHMtc2VsZWN0b3Ivc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGFiZWxzLXNlbGVjdG9yLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public_api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1jb21wb25lbnRzLW1lZGlhLWRpc3BsYXktb3ZlcmxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9tZWRpYS1kaXNwbGF5LW92ZXJsYXkvc3JjL2Fnb3JhcHVsc2UtdWktY29tcG9uZW50cy1tZWRpYS1kaXNwbGF5LW92ZXJsYXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { FrozenGifDirective } from '@agorapulse/ui-components/directives';
|
|
2
|
+
import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
|
|
3
|
+
import { NgIf } from '@angular/common';
|
|
4
|
+
import { ChangeDetectionStrategy, Component, HostListener, Inject } from '@angular/core';
|
|
5
|
+
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/material/dialog";
|
|
8
|
+
import * as i2 from "@agorapulse/ui-symbol";
|
|
9
|
+
export var KEY_CODE;
|
|
10
|
+
(function (KEY_CODE) {
|
|
11
|
+
KEY_CODE[KEY_CODE["RIGHT_ARROW"] = 39] = "RIGHT_ARROW";
|
|
12
|
+
KEY_CODE[KEY_CODE["LEFT_ARROW"] = 37] = "LEFT_ARROW";
|
|
13
|
+
})(KEY_CODE || (KEY_CODE = {}));
|
|
14
|
+
export class MediaDisplayOverlayDialogComponent {
|
|
15
|
+
constructor(dialogRef, data) {
|
|
16
|
+
this.dialogRef = dialogRef;
|
|
17
|
+
this.data = data;
|
|
18
|
+
this.currentUrlIndex = 1;
|
|
19
|
+
this.urls = []; // all urls
|
|
20
|
+
this.mediaType = 'image'; // 'image', 'video'
|
|
21
|
+
this.supportGif = true;
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
// const data = ModalService.getModal('media-display-overlay') || {};
|
|
25
|
+
if (this.data) {
|
|
26
|
+
if (this.data.urls && this.data.urls.length > 0) {
|
|
27
|
+
this.urls = this.data.urls;
|
|
28
|
+
}
|
|
29
|
+
if (this.data.url) {
|
|
30
|
+
if (this.urls.length === 0) {
|
|
31
|
+
this.urls = [this.data.url];
|
|
32
|
+
}
|
|
33
|
+
this.url = this.data.url;
|
|
34
|
+
this.currentUrlIndex = this.urls.indexOf(this.data.url) + 1;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
onClose() {
|
|
39
|
+
this.dialogRef.close();
|
|
40
|
+
}
|
|
41
|
+
onNext($event) {
|
|
42
|
+
if (this.currentUrlIndex < this.urls.length) {
|
|
43
|
+
this.currentUrlIndex += 1;
|
|
44
|
+
this.url = this.urls[this.currentUrlIndex - 1];
|
|
45
|
+
}
|
|
46
|
+
$event.stopPropagation();
|
|
47
|
+
}
|
|
48
|
+
onPrevious($event) {
|
|
49
|
+
if (this.currentUrlIndex > 1) {
|
|
50
|
+
this.currentUrlIndex -= 1;
|
|
51
|
+
this.url = this.urls[this.currentUrlIndex - 1];
|
|
52
|
+
}
|
|
53
|
+
$event.stopPropagation();
|
|
54
|
+
}
|
|
55
|
+
keyEvent(event) {
|
|
56
|
+
if (event.keyCode === KEY_CODE.RIGHT_ARROW) {
|
|
57
|
+
this.onNext(event);
|
|
58
|
+
}
|
|
59
|
+
if (event.keyCode === KEY_CODE.LEFT_ARROW) {
|
|
60
|
+
this.onPrevious(event);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
MediaDisplayOverlayDialogComponent.config = {
|
|
65
|
+
position: {
|
|
66
|
+
top: '10px',
|
|
67
|
+
right: '10px',
|
|
68
|
+
left: '10px',
|
|
69
|
+
},
|
|
70
|
+
height: '100%',
|
|
71
|
+
width: '100%',
|
|
72
|
+
maxWidth: 'none',
|
|
73
|
+
panelClass: 'full-screen-modal',
|
|
74
|
+
backdropClass: 'dark-backdrop',
|
|
75
|
+
};
|
|
76
|
+
MediaDisplayOverlayDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MediaDisplayOverlayDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
+
MediaDisplayOverlayDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MediaDisplayOverlayDialogComponent, isStandalone: true, selector: "ap-media-display-overlay", host: { listeners: { "window:keyup": "keyEvent($event)" } }, ngImport: i0, template: "<div class=\"full\" (click)=\"onClose()\">\n <div class=\"media-display ap-new\">\n <header class=\"ap-modal-header\">\n <ap-symbol\n id=\"close\"\n color=\"white\"\n size=\"micro\"\n (click)=\"onClose()\">\n </ap-symbol>\n </header>\n <content class=\"ap-modal-content\">\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container left\"\n [class.disabled]=\"currentUrlIndex <= 1\"\n (click)=\"onPrevious($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-left-1\"\n [color]=\"currentUrlIndex <= 1 ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n <div class=\"media-container\">\n <img *ngIf=\"url && mediaType ==='image'\" apFrozenGif [apFrozen]=\"!supportGif\" [src]=\"url\" (click)=\"$event.stopPropagation()\">\n </div>\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container right\"\n [class.disabled]=\"currentUrlIndex >= urls.length\"\n (click)=\"onNext($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-right-1\"\n [color]=\"currentUrlIndex >= urls.length ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n </content>\n <footer *ngIf=\"urls && urls.length > 1\"\n class=\"ap-modal-footer\">\n <div class=\"index-container\">\n {{currentUrlIndex}} / {{urls.length}}\n </div>\n </footer>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{width:100%;height:100%}.full{height:100%;width:100%}.media-display{background:transparent;display:flex;flex-direction:column;width:100%;height:100%}.media-display .media-container{margin:auto;flex:1;align-items:center;flex-direction:column;display:flex}.media-display .media-container img{max-width:80%}.media-display .ap-modal-content{padding-bottom:10px;margin:auto}.media-display .ap-modal-header{background:transparent;border-bottom:none;display:flex;justify-content:flex-end}.media-display .ap-modal-header .ap-modal-close{color:#fff}.media-display .ap-modal-header .ap-modal-close.ap-icon{font-size:45px}.media-display .ap-modal-footer{justify-content:flex-end;background:transparent;border:none;margin-bottom:24px;align-items:center;display:flex;flex-direction:column}.media-display .ap-modal-footer .index-container{color:#fff;font-size:24px;display:inline;background-color:#0000001a;border-radius:20px;padding:16px}.media-display .next-prev-container{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:absolute;top:45%;cursor:pointer;background-color:#0000001a;border-radius:60px;color:#fff}.media-display .next-prev-container .ap-icon{font-size:45px}.media-display .next-prev-container.right{margin-right:24px;right:0}.media-display .next-prev-container.right .icon-container{margin-left:7px}.media-display .next-prev-container[disabled] .ap-icon{color:#dfe3e9}.media-display .next-prev-container.left{margin-left:24px;left:0}.media-display .next-prev-container.left .icon-container{margin-right:5px}.media-display .next-prev-container.disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i2.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FrozenGifDirective, selector: "img[apFrozenGif]", inputs: ["src", "apFrozen", "apGifEvents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MediaDisplayOverlayDialogComponent, decorators: [{
|
|
79
|
+
type: Component,
|
|
80
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-media-display-overlay', standalone: true, imports: [AgorapulseUiSymbolModule, NgIf, FrozenGifDirective], template: "<div class=\"full\" (click)=\"onClose()\">\n <div class=\"media-display ap-new\">\n <header class=\"ap-modal-header\">\n <ap-symbol\n id=\"close\"\n color=\"white\"\n size=\"micro\"\n (click)=\"onClose()\">\n </ap-symbol>\n </header>\n <content class=\"ap-modal-content\">\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container left\"\n [class.disabled]=\"currentUrlIndex <= 1\"\n (click)=\"onPrevious($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-left-1\"\n [color]=\"currentUrlIndex <= 1 ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n <div class=\"media-container\">\n <img *ngIf=\"url && mediaType ==='image'\" apFrozenGif [apFrozen]=\"!supportGif\" [src]=\"url\" (click)=\"$event.stopPropagation()\">\n </div>\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container right\"\n [class.disabled]=\"currentUrlIndex >= urls.length\"\n (click)=\"onNext($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-right-1\"\n [color]=\"currentUrlIndex >= urls.length ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n </content>\n <footer *ngIf=\"urls && urls.length > 1\"\n class=\"ap-modal-footer\">\n <div class=\"index-container\">\n {{currentUrlIndex}} / {{urls.length}}\n </div>\n </footer>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{width:100%;height:100%}.full{height:100%;width:100%}.media-display{background:transparent;display:flex;flex-direction:column;width:100%;height:100%}.media-display .media-container{margin:auto;flex:1;align-items:center;flex-direction:column;display:flex}.media-display .media-container img{max-width:80%}.media-display .ap-modal-content{padding-bottom:10px;margin:auto}.media-display .ap-modal-header{background:transparent;border-bottom:none;display:flex;justify-content:flex-end}.media-display .ap-modal-header .ap-modal-close{color:#fff}.media-display .ap-modal-header .ap-modal-close.ap-icon{font-size:45px}.media-display .ap-modal-footer{justify-content:flex-end;background:transparent;border:none;margin-bottom:24px;align-items:center;display:flex;flex-direction:column}.media-display .ap-modal-footer .index-container{color:#fff;font-size:24px;display:inline;background-color:#0000001a;border-radius:20px;padding:16px}.media-display .next-prev-container{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:absolute;top:45%;cursor:pointer;background-color:#0000001a;border-radius:60px;color:#fff}.media-display .next-prev-container .ap-icon{font-size:45px}.media-display .next-prev-container.right{margin-right:24px;right:0}.media-display .next-prev-container.right .icon-container{margin-left:7px}.media-display .next-prev-container[disabled] .ap-icon{color:#dfe3e9}.media-display .next-prev-container.left{margin-left:24px;left:0}.media-display .next-prev-container.left .icon-container{margin-right:5px}.media-display .next-prev-container.disabled{cursor:not-allowed}\n"] }]
|
|
81
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
82
|
+
type: Inject,
|
|
83
|
+
args: [MAT_DIALOG_DATA]
|
|
84
|
+
}] }]; }, propDecorators: { keyEvent: [{
|
|
85
|
+
type: HostListener,
|
|
86
|
+
args: ['window:keyup', ['$event']]
|
|
87
|
+
}] } });
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvbWVkaWEtZGlzcGxheS1vdmVybGF5L3NyYy9tZWRpYS1kaXNwbGF5LW92ZXJsYXktZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9tZWRpYS1kaXNwbGF5LW92ZXJsYXkvc3JjL21lZGlhLWRpc3BsYXktb3ZlcmxheS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDeEUsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDL0QsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3JDLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUMsZUFBZSxFQUFnQyxNQUFNLDBCQUEwQixDQUFDOzs7O0FBU3hGLE1BQU0sQ0FBTixJQUFZLFFBR1g7QUFIRCxXQUFZLFFBQVE7SUFDaEIsc0RBQWdCLENBQUE7SUFDaEIsb0RBQWUsQ0FBQTtBQUNuQixDQUFDLEVBSFcsUUFBUSxLQUFSLFFBQVEsUUFHbkI7QUFVRCxNQUFNLE9BQU8sa0NBQWtDO0lBb0IzQyxZQUNXLFNBQTJELEVBQ2xDLElBQXNCO1FBRC9DLGNBQVMsR0FBVCxTQUFTLENBQWtEO1FBQ2xDLFNBQUksR0FBSixJQUFJLENBQWtCO1FBUjFELG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLFNBQUksR0FBYSxFQUFFLENBQUMsQ0FBQyxXQUFXO1FBRWhDLGNBQVMsR0FBRyxPQUFPLENBQUMsQ0FBQyxtQkFBbUI7UUFDeEMsZUFB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c0JBRFAsWUFBWTt1QkFBQyxjQUFjLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0Zyb3plbkdpZkRpcmVjdGl2ZX0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9kaXJlY3RpdmVzJztcbmltcG9ydCB7QWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlfSBmcm9tICdAYWdvcmFwdWxzZS91aS1zeW1ib2wnO1xuaW1wb3J0IHtOZ0lmfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIEluamVjdCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dDb25maWcsIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuZXhwb3J0IGludGVyZmFjZSBNZWRpYURpc3BsYXlEYXRhIHtcbiAgICB1cmxzOiBzdHJpbmdbXTtcbiAgICB1cmw6IHN0cmluZztcbiAgICBtZWRpYVR5cGU6IHN0cmluZztcbiAgICBzdXBwb3J0R2lmOiBib29sZWFuO1xufVxuXG5leHBvcnQgZW51bSBLRVlfQ09ERSB7XG4gICAgUklHSFRfQVJST1cgPSAzOSxcbiAgICBMRUZUX0FSUk9XID0gMzdcbn1cblxuQENvbXBvbmVudCh7XG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc2VsZWN0b3I6ICdhcC1tZWRpYS1kaXNwbGF5LW92ZXJsYXknLFxuICAgIHN0eWxlVXJsczogWycuL21lZGlhLWRpc3BsYXktb3ZlcmxheS1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlLCBOZ0lmLCBGcm96ZW5HaWZEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBNZWRpYURpc3BsYXlPdmVybGF5RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBzdGF0aWMgY29uZmlnOiBNYXREaWFsb2dDb25maWcgPSB7XG4gICAgICAgIHBvc2l0aW9uOiB7XG4gICAgICAgICAgICB0b3A6ICcxMHB4JyxcbiAgICAgICAgICAgIHJpZ2h0OiAnMTBweCcsXG4gICAgICAgICAgICBsZWZ0OiAnMTBweCcsXG4gICAgICAgIH0sXG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBtYXhXaWR0aDogJ25vbmUnLFxuICAgICAgICBwYW5lbENsYXNzOiAnZnVsbC1zY3JlZW4tbW9kYWwnLFxuICAgICAgICBiYWNrZHJvcENsYXNzOiAnZGFyay1iYWNrZHJvcCcsXG4gICAgfTtcblxuICAgIGN1cnJlbnRVcmxJbmRleCA9IDE7XG4gICAgdXJsczogc3RyaW5nW10gPSBbXTsgLy8gYWxsIHVybHNcbiAgICB1cmw6IHN0cmluZzsgLy8gY3VycmVudCBkaXNwbGF5ZWQgdXJsXG4gICAgbWVkaWFUeXBlID0gJ2ltYWdlJzsgLy8gJ2ltYWdlJywgJ3ZpZGVvJ1xuICAgIHN1cHBvcnRHaWYgPSB0cnVlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxNZWRpYURpc3BsYXlPdmVybGF5RGlhbG9nQ29tcG9uZW50PixcbiAgICAgICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBNZWRpYURpc3BsYXlEYXRhXG4gICAgKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGNvbnN0IGRhdGEgPSBNb2RhbFNlcnZpY2UuZ2V0TW9kYWwoJ21lZGlhLWRpc3BsYXktb3ZlcmxheScpIHx8IHt9O1xuICAgICAgICBpZiAodGhpcy5kYXRhKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5kYXRhLnVybHMgJiYgdGhpcy5kYXRhLnVybHMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgIHRoaXMudXJscyA9IHRoaXMuZGF0YS51cmxzO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHRoaXMuZGF0YS51cmwpIHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy51cmxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnVybHMgPSBbdGhpcy5kYXRhLnVybF07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy5kYXRhLnVybDtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRVcmxJbmRleCA9IHRoaXMudXJscy5pbmRleE9mKHRoaXMuZGF0YS51cmwpICsgMTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2xvc2UoKSB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gICAgfVxuXG4gICAgb25OZXh0KCRldmVudDogVUlFdmVudCkge1xuICAgICAgICBpZiAodGhpcy5jdXJyZW50VXJsSW5kZXggPCB0aGlzLnVybHMubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRVcmxJbmRleCArPSAxO1xuICAgICAgICAgICAgdGhpcy51cmwgPSB0aGlzLnVybHNbdGhpcy5jdXJyZW50VXJsSW5kZXggLSAxXTtcbiAgICAgICAgfVxuICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgb25QcmV2aW91cygkZXZlbnQ6IFVJRXZlbnQpIHtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudFVybEluZGV4ID4gMSkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50VXJsSW5kZXggLT0gMTtcbiAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy51cmxzW3RoaXMuY3VycmVudFVybEluZGV4IC0gMV07XG4gICAgICAgIH1cbiAgICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzprZXl1cCcsIFsnJGV2ZW50J10pXG4gICAga2V5RXZlbnQoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgICAgaWYgKGV2ZW50LmtleUNvZGUgPT09IEtFWV9DT0RFLlJJR0hUX0FSUk9XKSB7XG4gICAgICAgICAgICB0aGlzLm9uTmV4dChldmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZXZlbnQua2V5Q29kZSA9PT0gS0VZX0NPREUuTEVGVF9BUlJPVykge1xuICAgICAgICAgICAgdGhpcy5vblByZXZpb3VzKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmdWxsXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJtZWRpYS1kaXNwbGF5IGFwLW5ld1wiPlxuICAgICAgICA8aGVhZGVyIGNsYXNzPVwiYXAtbW9kYWwtaGVhZGVyXCI+XG4gICAgICAgICAgICA8YXAtc3ltYm9sXG4gICAgICAgICAgICAgICAgaWQ9XCJjbG9zZVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1pY3JvXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgICAgICAgICA8L2FwLXN5bWJvbD5cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgIDxjb250ZW50IGNsYXNzPVwiYXAtbW9kYWwtY29udGVudFwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInVybHMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwibmV4dC1wcmV2LWNvbnRhaW5lciBsZWZ0XCJcbiAgICAgICAgICAgICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImN1cnJlbnRVcmxJbmRleCA8PSAxXCJcbiAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uUHJldmlvdXMoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICA8YXAtc3ltYm9sXG4gICAgICAgICAgICAgICAgICAgICAgICBpZD1cImFycm93LWxlZnQtMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiY3VycmVudFVybEluZGV4IDw9IDEgID8gJ2dyZXktYmx1ZScgOiAnd2hpdGUnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICAgICAgICA8L2FwLXN5bWJvbD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lZGlhLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJ1cmwgJiYgbWVkaWFUeXBlID09PSdpbWFnZSdcIiBhcEZyb3plbkdpZiBbYXBGcm96ZW5dPVwiIXN1cHBvcnRHaWZcIiBbc3JjXT1cInVybFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInVybHMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwibmV4dC1wcmV2LWNvbnRhaW5lciByaWdodFwiXG4gICAgICAgICAgICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJjdXJyZW50VXJsSW5kZXggPj0gdXJscy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25OZXh0KCRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGFwLXN5bWJvbFxuICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJhcnJvdy1yaWdodC0xXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJjdXJyZW50VXJsSW5kZXggPj0gdXJscy5sZW5ndGggPyAnZ3JleS1ibHVlJyA6ICd3aGl0ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvYXAtc3ltYm9sPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvY29udGVudD5cbiAgICAgICAgPGZvb3RlciAqbmdJZj1cInVybHMgJiYgdXJscy5sZW5ndGggPiAxXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImFwLW1vZGFsLWZvb3RlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZGV4LWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIHt7Y3VycmVudFVybEluZGV4fX0gLyB7e3VybHMubGVuZ3RofX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Zvb3Rlcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './media-display-overlay-dialog.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9tZWRpYS1kaXNwbGF5LW92ZXJsYXkvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQ0FBMEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public_api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1jb21wb25lbnRzLW1vZGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL21vZGFsL3NyYy9hZ29yYXB1bHNlLXVpLWNvbXBvbmVudHMtbW9kYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
|
|
2
|
+
import { NgClass, NgIf, NgStyle, NgTemplateOutlet } from '@angular/common';
|
|
3
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
4
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/material/dialog";
|
|
7
|
+
import * as i2 from "@agorapulse/ui-symbol";
|
|
8
|
+
import * as i3 from "@angular/material/button";
|
|
9
|
+
export class ModalComponent {
|
|
10
|
+
constructor(dialogRef) {
|
|
11
|
+
this.dialogRef = dialogRef;
|
|
12
|
+
this.footerVisible = true;
|
|
13
|
+
this.headerVisible = true;
|
|
14
|
+
this.containerStyle = {};
|
|
15
|
+
this.headerStyle = {};
|
|
16
|
+
this.contentStyle = {};
|
|
17
|
+
this.footerStyle = {};
|
|
18
|
+
this.defaultLayout = true;
|
|
19
|
+
dialogRef.disableClose = true;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Use it to open a modal containing the {@link componentType} component, with the right configuration.
|
|
23
|
+
*/
|
|
24
|
+
static openWithComponent(matDialog, config, componentType) {
|
|
25
|
+
let matDialogConfig;
|
|
26
|
+
if (config) {
|
|
27
|
+
matDialogConfig = config.matDialogConfig;
|
|
28
|
+
if (matDialogConfig) {
|
|
29
|
+
matDialogConfig.panelClass = Array.isArray(config.matDialogConfig.panelClass)
|
|
30
|
+
? [...config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS] // in case where the panelClass is an array
|
|
31
|
+
: [config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS]; // in the other case, it's a String
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
matDialogConfig = { panelClass: ModalComponent.PANEL_CLASS };
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
matDialogConfig = {
|
|
39
|
+
panelClass: ModalComponent.PANEL_CLASS,
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
matDialogConfig.autoFocus = false; // Prevent first button to be focused
|
|
43
|
+
const dialogRef = matDialog.open(componentType, matDialogConfig);
|
|
44
|
+
if (config.backdropCloseEnable === true) {
|
|
45
|
+
dialogRef.disableClose = false;
|
|
46
|
+
}
|
|
47
|
+
return dialogRef;
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Use it to open a modal containing the provided templates, with the right configuration.
|
|
51
|
+
*/
|
|
52
|
+
static openWithTemplates(matDialog, headerTemplate, mainTemplate, footerTemplate, config) {
|
|
53
|
+
const dialogRef = ModalComponent.openWithComponent(matDialog, config, ModalComponent);
|
|
54
|
+
dialogRef.componentInstance.closable = config && config.closable ? config.closable : false;
|
|
55
|
+
dialogRef.componentInstance.headerBottomBorderEnabled =
|
|
56
|
+
config && config.headerBottomBorderEnabled ? config.headerBottomBorderEnabled : false;
|
|
57
|
+
dialogRef.componentInstance.headerTemplate = headerTemplate;
|
|
58
|
+
dialogRef.componentInstance.mainTemplate = mainTemplate;
|
|
59
|
+
dialogRef.componentInstance.footerTemplate = footerTemplate;
|
|
60
|
+
return dialogRef;
|
|
61
|
+
}
|
|
62
|
+
close() {
|
|
63
|
+
this.dialogRef.close();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
ModalComponent.PANEL_CLASS = 'modal-container';
|
|
67
|
+
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ModalComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ModalComponent, isStandalone: true, selector: "ap-modal", inputs: { closable: "closable", headerBottomBorderEnabled: "headerBottomBorderEnabled", footerTemplate: "footerTemplate", footerVisible: "footerVisible", headerTemplate: "headerTemplate", headerVisible: "headerVisible", mainTemplate: "mainTemplate", config: "config", containerStyle: "containerStyle", headerStyle: "headerStyle", contentStyle: "contentStyle", footerStyle: "footerStyle", defaultLayout: "defaultLayout" }, ngImport: i0, template: "<div\n [ngStyle]=\"containerStyle\"\n [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\n <button\n *ngIf=\"closable\"\n class=\"circle close-button\"\n mat-flat-button\n (click)=\"close()\">\n <ap-symbol symbolId=\"close\"></ap-symbol>\n </button>\n <div\n *ngIf=\"headerTemplate && headerVisible\"\n [ngStyle]=\"headerStyle\"\n [ngClass]=\"{header: defaultLayout}\"\n [class.border-bottom]=\"headerBottomBorderEnabled\">\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </div>\n <div\n *ngIf=\"mainTemplate\"\n [ngStyle]=\"contentStyle\"\n [ngClass]=\"{content: defaultLayout}\">\n <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n </div>\n <div\n *ngIf=\"footerTemplate && footerVisible\"\n [ngStyle]=\"footerStyle\"\n [ngClass]=\"{footer: defaultLayout}\">\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.modal-wrapper{position:relative}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px}.modal-wrapper .footer{align-items:center;box-shadow:0 1px #eaecef inset;display:flex;justify-content:flex-end;margin-top:24px;padding:16px 24px 0}.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child),.modal-wrapper .footer .mat-stroked-button:not(:last-child){margin-right:16px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px 64px}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(52,69,99,.7)}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i2.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ModalComponent, decorators: [{
|
|
70
|
+
type: Component,
|
|
71
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-modal', standalone: true, imports: [AgorapulseUiSymbolModule, NgStyle, NgClass, NgIf, MatButtonModule, NgTemplateOutlet], template: "<div\n [ngStyle]=\"containerStyle\"\n [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\n <button\n *ngIf=\"closable\"\n class=\"circle close-button\"\n mat-flat-button\n (click)=\"close()\">\n <ap-symbol symbolId=\"close\"></ap-symbol>\n </button>\n <div\n *ngIf=\"headerTemplate && headerVisible\"\n [ngStyle]=\"headerStyle\"\n [ngClass]=\"{header: defaultLayout}\"\n [class.border-bottom]=\"headerBottomBorderEnabled\">\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </div>\n <div\n *ngIf=\"mainTemplate\"\n [ngStyle]=\"contentStyle\"\n [ngClass]=\"{content: defaultLayout}\">\n <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n </div>\n <div\n *ngIf=\"footerTemplate && footerVisible\"\n [ngStyle]=\"footerStyle\"\n [ngClass]=\"{footer: defaultLayout}\">\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.modal-wrapper{position:relative}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px}.modal-wrapper .footer{align-items:center;box-shadow:0 1px #eaecef inset;display:flex;justify-content:flex-end;margin-top:24px;padding:16px 24px 0}.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child),.modal-wrapper .footer .mat-stroked-button:not(:last-child){margin-right:16px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px 64px}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(52,69,99,.7)}\n"] }]
|
|
72
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }]; }, propDecorators: { closable: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], headerBottomBorderEnabled: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], footerTemplate: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], footerVisible: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], headerTemplate: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], headerVisible: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], mainTemplate: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], config: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}], containerStyle: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], headerStyle: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], contentStyle: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], footerStyle: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], defaultLayout: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}] } });
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL21vZGFsL3NyYy9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvbW9kYWwvc3JjL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBRS9ELE9BQU8sRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3pFLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFxQnpELE1BQU0sT0FBTyxjQUFjO0lBR3ZCLFlBQW1CLFNBQTJDO1FBQTNDLGNBQVMsR0FBVCxTQUFTLENBQWtDO1FBT3JELGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBRXJCLGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBR3JCLG1CQUFjLEdBQTRCLEVBQUUsQ0FBQztRQUM3QyxnQkFBVyxHQUE0QixFQUFFLENBQUM7UUFDMUMsaUJBQVksR0FBNEIsRUFBRSxDQUFDO1FBQzNDLGdCQUFXLEdBQTRCLEVBQUUsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksQ0FBQztRQWYxQixTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUNsQyxDQUFDO0lBZ0JEOztPQUVHO0lBQ0gsTUFBTSxDQUFDLGlCQUFpQixDQUNwQixTQUFvQixFQUNwQixNQUF1QixFQUN2QixhQUErQjtRQUUvQixJQUFJLGVBQWdDLENBQUM7UUFDckMsSUFBSSxNQUFNLEVBQUU7WUFDUixlQUFlLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FB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LFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0Fnb3JhcHVsc2VVaVN5bWJvbE1vZHVsZX0gZnJvbSAnQGFnb3JhcHVsc2UvdWktc3ltYm9sJztcbmltcG9ydCB7Q29tcG9uZW50VHlwZX0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQge05nQ2xhc3MsIE5nSWYsIE5nU3R5bGUsIE5nVGVtcGxhdGVPdXRsZXR9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdEJ1dHRvbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7TWF0RGlhbG9nLCBNYXREaWFsb2dDb25maWcsIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbENvbmZpZyBleHRlbmRzIE1vZGFsQ29uZmlnQmFzZSB7XG4gICAgY2xvc2FibGU/OiBib29sZWFuO1xuICAgIGhlYWRlckJvdHRvbUJvcmRlckVuYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE1vZGFsQ29uZmlnQmFzZSB7XG4gICAgYmFja2Ryb3BDbG9zZUVuYWJsZT86IGJvb2xlYW47XG4gICAgbWF0RGlhbG9nQ29uZmlnPzogTWF0RGlhbG9nQ29uZmlnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLW1vZGFsJyxcbiAgICB0ZW1wbGF0ZVVybDogJ21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtBZ29yYXB1bHNlVWlTeW1ib2xNb2R1bGUsIE5nU3R5bGUsIE5nQ2xhc3MsIE5nSWYsIE1hdEJ1dHRvbk1vZHVsZSwgTmdUZW1wbGF0ZU91dGxldF0sXG4gICAgc3R5bGVVcmxzOiBbJ21vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgcmVhZG9ubHkgUEFORUxfQ0xBU1MgPSAnbW9kYWwtY29udGFpbmVyJztcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb21wb25lbnRUeXBlPGFueT4+KSB7XG4gICAgICAgIGRpYWxvZ1JlZi5kaXNhYmxlQ2xvc2UgPSB0cnVlO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIGNsb3NhYmxlOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGhlYWRlckJvdHRvbUJvcmRlckVuYWJsZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgZm9vdGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQElucHV0KCkgZm9vdGVyVmlzaWJsZSA9IHRydWU7XG4gICAgQElucHV0KCkgaGVhZGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQElucHV0KCkgaGVhZGVyVmlzaWJsZSA9IHRydWU7XG4gICAgQElucHV0KCkgbWFpblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGNvbmZpZzogTWF0RGlhbG9nQ29uZmlnO1xuICAgIEBJbnB1dCgpIGNvbnRhaW5lclN0eWxlOiB7W2FyZzogc3RyaW5nXTogc3RyaW5nfSA9IHt9O1xuICAgIEBJbnB1dCgpIGhlYWRlclN0eWxlOiB7W2FyZzogc3RyaW5nXTogc3RyaW5nfSA9IHt9O1xuICAgIEBJbnB1dCgpIGNvbnRlbnRTdHlsZToge1thcmc6IHN0cmluZ106IHN0cmluZ30gPSB7fTtcbiAgICBASW5wdXQoKSBmb290ZXJTdHlsZToge1thcmc6IHN0cmluZ106IHN0cmluZ30gPSB7fTtcbiAgICBASW5wdXQoKSBkZWZhdWx0TGF5b3V0ID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgICAqIFVzZSBpdCB0byBvcGVuIGEgbW9kYWwgY29udGFpbmluZyB0aGUge0BsaW5rIGNvbXBvbmVudFR5cGV9IGNvbXBvbmVudCwgd2l0aCB0aGUgcmlnaHQgY29uZmlndXJhdGlvbi5cbiAgICAgKi9cbiAgICBzdGF0aWMgb3BlbldpdGhDb21wb25lbnQ8VD4oXG4gICAgICAgIG1hdERpYWxvZzogTWF0RGlhbG9nLFxuICAgICAgICBjb25maWc6IE1vZGFsQ29uZmlnQmFzZSxcbiAgICAgICAgY29tcG9uZW50VHlwZTogQ29tcG9uZW50VHlwZTxUPlxuICAgICk6IE1hdERpYWxvZ1JlZjxUPiB7XG4gICAgICAgIGxldCBtYXREaWFsb2dDb25maWc6IE1hdERpYWxvZ0NvbmZpZztcbiAgICAgICAgaWYgKGNvbmZpZykge1xuICAgICAgICAgICAgbWF0RGlhbG9nQ29uZmlnID0gY29uZmlnLm1hdERpYWxvZ0NvbmZpZztcbiAgICAgICAgICAgIGlmIChtYXREaWFsb2dDb25maWcpIHtcbiAgICAgICAgICAgICAgICBtYXREaWFsb2dDb25maWcucGFuZWxDbGFzcyA9IEFycmF5LmlzQXJyYXkoY29uZmlnLm1hdERpYWxvZ0NvbmZpZy5wYW5lbENsYXNzKVxuICAgICAgICAgICAgICAgICAgICA/IFsuLi5jb25maWcubWF0RGlhbG9nQ29uZmlnLnBhbmVsQ2xhc3MsIE1vZGFsQ29tcG9uZW50LlBBTkVMX0NMQVNTXSAvLyBpbiBjYXNlIHdoZXJlIHRoZSBwYW5lbENsYXNzIGlzIGFuIGFycmF5XG4gICAgICAgICAgICAgICAgICAgIDogW2NvbmZpZy5tYXREaWFsb2dDb25maWcucGFuZWxDbGFzcywgTW9kYWxDb21wb25lbnQuUEFORUxfQ0xBU1NdOyAvLyBpbiB0aGUgb3RoZXIgY2FzZSwgaXQncyBhIFN0cmluZ1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBtYXREaWFsb2dDb25maWcgPSB7cGFuZWxDbGFzczogTW9kYWxDb21wb25lbnQuUEFORUxfQ0xBU1N9O1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgbWF0RGlhbG9nQ29uZmlnID0ge1xuICAgICAgICAgICAgICAgIHBhbmVsQ2xhc3M6IE1vZGFsQ29tcG9uZW50LlBBTkVMX0NMQVNTLFxuICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgICAgICBtYXREaWFsb2dDb25maWcuYXV0b0ZvY3VzID0gZmFsc2U7IC8vIFByZXZlbnQgZmlyc3QgYnV0dG9uIHRvIGJlIGZvY3VzZWRcblxuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSBtYXREaWFsb2cub3Blbihjb21wb25lbnRUeXBlLCBtYXREaWFsb2dDb25maWcpO1xuICAgICAgICBpZiAoY29uZmlnLmJhY2tkcm9wQ2xvc2VFbmFibGUgPT09IHRydWUpIHtcbiAgICAgICAgICAgIGRpYWxvZ1JlZi5kaXNhYmxlQ2xvc2UgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZGlhbG9nUmVmO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVzZSBpdCB0byBvcGVuIGEgbW9kYWwgY29udGFpbmluZyB0aGUgcHJvdmlkZWQgdGVtcGxhdGVzLCB3aXRoIHRoZSByaWdodCBjb25maWd1cmF0aW9uLlxuICAgICAqL1xuICAgIHN0YXRpYyBvcGVuV2l0aFRlbXBsYXRlcyhcbiAgICAgICAgbWF0RGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgICAgICBtYWluVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4sXG4gICAgICAgIGZvb3RlclRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PixcbiAgICAgICAgY29uZmlnPzogTW9kYWxDb25maWdcbiAgICApOiBNYXREaWFsb2dSZWY8TW9kYWxDb21wb25lbnQ+IHtcbiAgICAgICAgY29uc3QgZGlhbG9nUmVmID0gTW9kYWxDb21wb25lbnQub3BlbldpdGhDb21wb25lbnQobWF0RGlhbG9nLCBjb25maWcsIE1vZGFsQ29tcG9uZW50KTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLmNsb3NhYmxlID0gY29uZmlnICYmIGNvbmZpZy5jbG9zYWJsZSA/IGNvbmZpZy5jbG9zYWJsZSA6IGZhbHNlO1xuICAgICAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UuaGVhZGVyQm90dG9tQm9yZGVyRW5hYmxlZCA9XG4gICAgICAgICAgICBjb25maWcgJiYgY29uZmlnLmhlYWRlckJvdHRvbUJvcmRlckVuYWJsZWQgPyBjb25maWcuaGVhZGVyQm90dG9tQm9yZGVyRW5hYmxlZCA6IGZhbHNlO1xuICAgICAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UuaGVhZGVyVGVtcGxhdGUgPSBoZWFkZXJUZW1wbGF0ZTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLm1haW5UZW1wbGF0ZSA9IG1haW5UZW1wbGF0ZTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLmZvb3RlclRlbXBsYXRlID0gZm9vdGVyVGVtcGxhdGU7XG4gICAgICAgIHJldHVybiBkaWFsb2dSZWY7XG4gICAgfVxuXG4gICAgY2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIFtuZ1N0eWxlXT1cImNvbnRhaW5lclN0eWxlXCJcbiAgICBbbmdDbGFzc109XCJ7J21vZGFsLXdyYXBwZXInOiB0cnVlLCAnZGVmYXVsdC1sYXlvdXQnOiBkZWZhdWx0TGF5b3V0fVwiPlxuICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJjbG9zYWJsZVwiXG4gICAgICAgIGNsYXNzPVwiY2lyY2xlIGNsb3NlLWJ1dHRvblwiXG4gICAgICAgIG1hdC1mbGF0LWJ1dHRvblxuICAgICAgICAoY2xpY2spPVwiY2xvc2UoKVwiPlxuICAgICAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwiY2xvc2VcIj48L2FwLXN5bWJvbD5cbiAgICA8L2J1dHRvbj5cbiAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwiaGVhZGVyVGVtcGxhdGUgJiYgaGVhZGVyVmlzaWJsZVwiXG4gICAgICAgIFtuZ1N0eWxlXT1cImhlYWRlclN0eWxlXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie2hlYWRlcjogZGVmYXVsdExheW91dH1cIlxuICAgICAgICBbY2xhc3MuYm9yZGVyLWJvdHRvbV09XCJoZWFkZXJCb3R0b21Cb3JkZXJFbmFibGVkXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkZXJUZW1wbGF0ZVwiPjwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgICAqbmdJZj1cIm1haW5UZW1wbGF0ZVwiXG4gICAgICAgIFtuZ1N0eWxlXT1cImNvbnRlbnRTdHlsZVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntjb250ZW50OiBkZWZhdWx0TGF5b3V0fVwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibWFpblRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwiZm9vdGVyVGVtcGxhdGUgJiYgZm9vdGVyVmlzaWJsZVwiXG4gICAgICAgIFtuZ1N0eWxlXT1cImZvb3RlclN0eWxlXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie2Zvb3RlcjogZGVmYXVsdExheW91dH1cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZvb3RlclRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './modal.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9tb2RhbC9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb2RhbC5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public_api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1jb21wb25lbnRzLW5vdGlmaWNhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9ub3RpZmljYXRpb24vc3JjL2Fnb3JhcHVsc2UtdWktY29tcG9uZW50cy1ub3RpZmljYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { NgClass } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class NotificationComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.type = 'info';
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: NotificationComponent, isStandalone: true, selector: "ap-notification", inputs: { type: "type" }, ngImport: i0, template: "<div\n class=\"main\"\n [ngClass]=\"{'warning': type === 'warning', 'error': type === 'error', 'success': type === 'success'}\">\n <span class=\"border\"></span>\n <span class=\"icon\">\n <ng-content select=\"[icon]\"></ng-content>\n </span>\n <ng-content select=\"[text]\"></ng-content>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{display:block}.main{display:flex;font-size:14px;line-height:17px;align-items:center;background:#e8f4ff;color:#178dfe;padding:8px 16px 8px 8px;border-radius:4px}.main .border{align-self:stretch;border:2px solid #178dfe;border-radius:4px;margin-right:8px}.main .icon{margin-right:8px}.main.warning{background-color:#fffde9;color:#858fa1}.main.warning .border{border-color:#ffe91f}.main.error{background-color:#fde7e7;color:#e81313}.main.error .border{border-color:#e81313}.main.success{background-color:#ecf7ed;color:#45b854}.main.success .border{border-color:#45b854}.main.full-width{width:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'ap-notification', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], standalone: true, template: "<div\n class=\"main\"\n [ngClass]=\"{'warning': type === 'warning', 'error': type === 'error', 'success': type === 'success'}\">\n <span class=\"border\"></span>\n <span class=\"icon\">\n <ng-content select=\"[icon]\"></ng-content>\n </span>\n <ng-content select=\"[text]\"></ng-content>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{display:block}.main{display:flex;font-size:14px;line-height:17px;align-items:center;background:#e8f4ff;color:#178dfe;padding:8px 16px 8px 8px;border-radius:4px}.main .border{align-self:stretch;border:2px solid #178dfe;border-radius:4px;margin-right:8px}.main .icon{margin-right:8px}.main.warning{background-color:#fffde9;color:#858fa1}.main.warning .border{border-color:#ffe91f}.main.error{background-color:#fde7e7;color:#e81313}.main.error .border{border-color:#e81313}.main.success{background-color:#ecf7ed;color:#45b854}.main.success .border{border-color:#45b854}.main.full-width{width:100%}\n"] }]
|
|
14
|
+
}], propDecorators: { type: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9ub3RpZmljYXRpb24vc3JjL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvbm90aWZpY2F0aW9uL3NyYy9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQVV4RSxNQUFNLE9BQU8scUJBQXFCO0lBUmxDO1FBU2EsU0FBSSxHQUE2QyxNQUFNLENBQUM7S0FDcEU7O2tIQUZZLHFCQUFxQjtzR0FBckIscUJBQXFCLHFHQ1hsQyxvVUFTQSw0ak1ERGMsT0FBTzsyRkFHUixxQkFBcUI7a0JBUmpDLFNBQVM7K0JBQ0ksaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxPQUFPLENBQUMsY0FDTixJQUFJOzhCQUdQLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdDbGFzc30gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwLW5vdGlmaWNhdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaW1wb3J0czogW05nQ2xhc3NdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdHlwZTogJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJyB8ICdzdWNjZXNzJyA9ICdpbmZvJztcbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cIm1haW5cIlxuICAgIFtuZ0NsYXNzXT1cInsnd2FybmluZyc6IHR5cGUgPT09ICd3YXJuaW5nJywgJ2Vycm9yJzogdHlwZSA9PT0gJ2Vycm9yJywgJ3N1Y2Nlc3MnOiB0eXBlID09PSAnc3VjY2Vzcyd9XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJib3JkZXJcIj48L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJpY29uXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RleHRdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './notification.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9ub3RpZmljYXRpb24vc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public_api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1jb21wb25lbnRzLXBhZ2luYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9wYWdpbmF0b3Ivc3JjL2Fnb3JhcHVsc2UtdWktY29tcG9uZW50cy1wYWdpbmF0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|