@agorapulse/ui-components 14.0.5 → 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.5.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
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class GifService {
|
|
4
|
-
static isGif(src) {
|
|
5
|
-
return src && src.split('?')[0].endsWith('.gif');
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* If the image is a GIF then replace the img element by a canvas containing a frozen gif.
|
|
10
|
-
* Note 1: if the image is displayed under a condition, the condition must be applied on the parent of the image, so the
|
|
11
|
-
* new canvas element will have the same condition.
|
|
12
|
-
* Note 2: the image must not have the properties "display" and "visibility" in its style. Since they are used to frozen
|
|
13
|
-
* the GIF. You need to apply this properties on the parent element.
|
|
14
|
-
* Note 3: If the GIF is frozen, all the event are propagated to the image. However, all events are dispatched
|
|
15
|
-
* with an Event instance. Ex: click event is not dispatched with a MouseEvent instance.
|
|
16
|
-
*/
|
|
17
|
-
export class FrozenGifDirective {
|
|
18
|
-
constructor(elementRef) {
|
|
19
|
-
this.elementRef = elementRef;
|
|
20
|
-
this.apFrozen = true;
|
|
21
|
-
// Add all the events that need to be propagated.
|
|
22
|
-
this.apGifEvents = ['click'];
|
|
23
|
-
const element = this.elementRef.nativeElement;
|
|
24
|
-
if (!(element instanceof HTMLImageElement)) {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
this.element = element;
|
|
28
|
-
}
|
|
29
|
-
ngOnChanges(changes) {
|
|
30
|
-
let freeze = false;
|
|
31
|
-
if (changes.src) {
|
|
32
|
-
freeze = true;
|
|
33
|
-
}
|
|
34
|
-
if (changes.frozen) {
|
|
35
|
-
if (changes.frozen.currentValue) {
|
|
36
|
-
freeze = true;
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
this.unfreeze();
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
if (freeze) {
|
|
43
|
-
this.freeze();
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
freeze() {
|
|
47
|
-
if (!GifService.isGif(this.src) || !this.apFrozen) {
|
|
48
|
-
this.unfreeze();
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
// hack to avoid displaying the GIF before replacing it by the canvas
|
|
52
|
-
this.element.style.visibility = 'hidden';
|
|
53
|
-
this.element.addEventListener('load', () => this.addCanvas());
|
|
54
|
-
}
|
|
55
|
-
addCanvas() {
|
|
56
|
-
if (this.canvas) {
|
|
57
|
-
this.canvas.remove();
|
|
58
|
-
}
|
|
59
|
-
this.canvas = document.createElement('canvas');
|
|
60
|
-
this.canvas.width = this.element.width;
|
|
61
|
-
this.canvas.height = this.element.height;
|
|
62
|
-
this.canvas.getContext('2d').drawImage(this.element, 0, 0, this.canvas.width, this.canvas.height);
|
|
63
|
-
for (let i = 0; i < this.element.attributes.length; i++) {
|
|
64
|
-
const attr = this.element.attributes[i];
|
|
65
|
-
if (attr.name === 'id') { // avoid two elements with the same id
|
|
66
|
-
this.canvas.setAttribute('id', attr.value + '_frozenGif');
|
|
67
|
-
}
|
|
68
|
-
else if (attr.name === 'style' && attr.value.includes('visibility: hidden;') || attr.value.includes('display: none;')) {
|
|
69
|
-
// remove the added 'visibility: hidden' and 'display: none'
|
|
70
|
-
const styleValue = attr.value;
|
|
71
|
-
this.canvas.setAttribute('style', styleValue.replace('visibility: hidden;', '').replace('display: none;', ''));
|
|
72
|
-
}
|
|
73
|
-
else if (attr.name !== '"') { // test for invalid attributes
|
|
74
|
-
this.canvas.setAttribute(attr.name, attr.value);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
this.addEvents();
|
|
78
|
-
this.element.parentNode.insertBefore(this.canvas, this.element);
|
|
79
|
-
this.element.style.display = 'none';
|
|
80
|
-
}
|
|
81
|
-
addEvents() {
|
|
82
|
-
this.apGifEvents.forEach((eventName) => {
|
|
83
|
-
this.canvas.addEventListener(eventName, (ev) => this.element.dispatchEvent(
|
|
84
|
-
// wm: find a way to dispatch the right event type
|
|
85
|
-
new Event(ev.type, ev)));
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
unfreeze() {
|
|
89
|
-
if (this.canvas) {
|
|
90
|
-
this.canvas.remove();
|
|
91
|
-
this.canvas = null;
|
|
92
|
-
}
|
|
93
|
-
this.element.style.visibility = 'inherit';
|
|
94
|
-
this.element.style.display = 'inherit';
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
FrozenGifDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FrozenGifDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
98
|
-
FrozenGifDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: FrozenGifDirective, selector: "img[apFrozenGif]", inputs: { src: "src", apFrozen: "apFrozen", apGifEvents: "apGifEvents" }, host: { properties: { "src": "src" } }, usesOnChanges: true, ngImport: i0 });
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FrozenGifDirective, decorators: [{
|
|
100
|
-
type: Directive,
|
|
101
|
-
args: [{
|
|
102
|
-
selector: 'img[apFrozenGif]',
|
|
103
|
-
// eslint-disable-next-line @angular-eslint/no-host-metadata-property
|
|
104
|
-
host: {
|
|
105
|
-
'[src]': 'src'
|
|
106
|
-
}
|
|
107
|
-
}]
|
|
108
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { src: [{
|
|
109
|
-
type: Input
|
|
110
|
-
}], apFrozen: [{
|
|
111
|
-
type: Input
|
|
112
|
-
}], apGifEvents: [{
|
|
113
|
-
type: Input
|
|
114
|
-
}] } });
|
|
115
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJvemVuLWdpZi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9kaXJlY3RpdmVzL2Zyb3plbi1naWYuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQTJCLEtBQUssRUFBWSxNQUFNLGVBQWUsQ0FBQzs7QUFFbkYsTUFBTSxPQUFPLFVBQVU7SUFDbkIsTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFXO1FBQ3BCLE9BQU8sR0FBRyxJQUFJLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JELENBQUM7Q0FDSjtBQUVEOzs7Ozs7OztHQVFHO0FBU0gsTUFBTSxPQUFPLGtCQUFrQjtJQVMzQixZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBUGpDLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDekIsaURBQWlEO1FBQ3hDLGdCQUFXLEdBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQU12QyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUM5QyxJQUFJLENBQUMsQ0FBQyxPQUFPLFlBQVksZ0JBQWdCLENBQUMsRUFBRTtZQUN4QyxPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQVk7UUFDcEIsSUFBSSxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksT0FBTyxDQUFDLEdBQUcsRUFBRTtZQUNiLE1BQU0sR0FBRyxJQUFJLENBQUM7U0FDakI7UUFDRCxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDaEIsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRTtn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TyxDQUFDLENBQUM7UUFDaEUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztJQUN4QyxDQUFDO0lBRU8sU0FBUztRQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBaUIsRUFBRSxFQUFFO1lBQzNDLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsRUFBUyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWE7WUFDN0Usa0RBQWtEO1lBQ2xELElBQUksS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ3pCLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFFBQVE7UUFDWixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1NBQ3RCO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztRQUMxQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQzNDLENBQUM7OytHQTVGUSxrQkFBa0I7bUdBQWxCLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQVA5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLHFFQUFxRTtvQkFDckUsSUFBSSxFQUFFO3dCQUNGLE9BQU8sRUFBRSxLQUFLO3FCQUNqQjtpQkFDSjtpR0FFWSxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNsYXNzIEdpZlNlcnZpY2Uge1xuICAgIHN0YXRpYyBpc0dpZihzcmM6IHN0cmluZykge1xuICAgICAgICByZXR1cm4gc3JjICYmIHNyYy5zcGxpdCgnPycpWzBdLmVuZHNXaXRoKCcuZ2lmJyk7XG4gICAgfVxufVxuXG4vKipcbiAqIElmIHRoZSBpbWFnZSBpcyBhIEdJRiB0aGVuIHJlcGxhY2UgdGhlIGltZyBlbGVtZW50IGJ5IGEgY2FudmFzIGNvbnRhaW5pbmcgYSBmcm96ZW4gZ2lmLlxuICogTm90ZSAxOiBpZiB0aGUgaW1hZ2UgaXMgZGlzcGxheWVkIHVuZGVyIGEgY29uZGl0aW9uLCB0aGUgY29uZGl0aW9uIG11c3QgYmUgYXBwbGllZCBvbiB0aGUgcGFyZW50IG9mIHRoZSBpbWFnZSwgc28gdGhlXG4gKiBuZXcgY2FudmFzIGVsZW1lbnQgd2lsbCBoYXZlIHRoZSBzYW1lIGNvbmRpdGlvbi5cbiAqIE5vdGUgMjogdGhlIGltYWdlIG11c3Qgbm90IGhhdmUgdGhlIHByb3BlcnRpZXMgXCJkaXNwbGF5XCIgYW5kIFwidmlzaWJpbGl0eVwiIGluIGl0cyBzdHlsZS4gU2luY2UgdGhleSBhcmUgdXNlZCB0byBmcm96ZW5cbiAqIHRoZSBHSUYuIFlvdSBuZWVkIHRvIGFwcGx5IHRoaXMgcHJvcGVydGllcyBvbiB0aGUgcGFyZW50IGVsZW1lbnQuXG4gKiBOb3RlIDM6IElmIHRoZSBHSUYgaXMgZnJvemVuLCBhbGwgdGhlIGV2ZW50IGFyZSBwcm9wYWdhdGVkIHRvIHRoZSBpbWFnZS4gSG93ZXZlciwgYWxsIGV2ZW50cyBhcmUgZGlzcGF0Y2hlZFxuICogd2l0aCBhbiBFdmVudCBpbnN0YW5jZS4gRXg6IGNsaWNrIGV2ZW50IGlzIG5vdCBkaXNwYXRjaGVkIHdpdGggYSBNb3VzZUV2ZW50IGluc3RhbmNlLlxuICovXG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnaW1nW2FwRnJvemVuR2lmXScsXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1ob3N0LW1ldGFkYXRhLXByb3BlcnR5XG4gICAgaG9zdDoge1xuICAgICAgICAnW3NyY10nOiAnc3JjJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgRnJvemVuR2lmRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKSBzcmM6IHN0cmluZztcbiAgICBASW5wdXQoKSBhcEZyb3plbiA9IHRydWU7XG4gICAgLy8gQWRkIGFsbCB0aGUgZXZlbnRzIHRoYXQgbmVlZCB0byBiZSBwcm9wYWdhdGVkLlxuICAgIEBJbnB1dCgpIGFwR2lmRXZlbnRzOiBzdHJpbmdbXSA9IFsnY2xpY2snXTtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudDogSFRNTEltYWdlRWxlbWVudDtcbiAgICBwcml2YXRlIGNhbnZhczogSFRNTENhbnZhc0VsZW1lbnQ7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgICBpZiAoIShlbGVtZW50IGluc3RhbmNlb2YgSFRNTEltYWdlRWxlbWVudCkpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuZWxlbWVudCA9IGVsZW1lbnQ7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogYW55KTogdm9pZCB7XG4gICAgICAgIGxldCBmcmVlemUgPSBmYWxzZTtcbiAgICAgICAgaWYgKGNoYW5nZXMuc3JjKSB7XG4gICAgICAgICAgICBmcmVlemUgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmIChjaGFuZ2VzLmZyb3plbikge1xuICAgICAgICAgICAgaWYgKGNoYW5nZXMuZnJvemVuLmN1cnJlbnRWYWx1ZSkge1xuICAgICAgICAgICAgICAgIGZyZWV6ZSA9IHRydWU7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMudW5mcmVlemUoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChmcmVlemUpIHtcbiAgICAgICAgICAgIHRoaXMuZnJlZXplKCk7XG4gICAgICAgIH1cblxuICAgIH1cblxuICAgIHByaXZhdGUgZnJlZXplKCkge1xuICAgICAgICBpZiAoIUdpZlNlcnZpY2UuaXNHaWYodGhpcy5zcmMpIHx8ICF0aGlzLmFwRnJvemVuKSB7XG4gICAgICAgICAgICB0aGlzLnVuZnJlZXplKCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBoYWNrIHRvIGF2b2lkIGRpc3BsYXlpbmcgdGhlIEdJRiBiZWZvcmUgcmVwbGFjaW5nIGl0IGJ5IHRoZSBjYW52YXNcbiAgICAgICAgdGhpcy5lbGVtZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnaGlkZGVuJztcbiAgICAgICAgdGhpcy5lbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2xvYWQnLCAoKSA9PiB0aGlzLmFkZENhbnZhcygpKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGFkZENhbnZhcygpIHtcbiAgICAgICAgaWYgKHRoaXMuY2FudmFzKSB7XG4gICAgICAgICAgICB0aGlzLmNhbnZhcy5yZW1vdmUoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuY2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnY2FudmFzJyk7XG4gICAgICAgIHRoaXMuY2FudmFzLndpZHRoID0gdGhpcy5lbGVtZW50LndpZHRoO1xuICAgICAgICB0aGlzLmNhbnZhcy5oZWlnaHQgPSB0aGlzLmVsZW1lbnQuaGVpZ2h0O1xuICAgICAgICB0aGlzLmNhbnZhcy5nZXRDb250ZXh0KCcyZCcpLmRyYXdJbWFnZSh0aGlzLmVsZW1lbnQsIDAsIDAsIHRoaXMuY2FudmFzLndpZHRoLCB0aGlzLmNhbnZhcy5oZWlnaHQpO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuZWxlbWVudC5hdHRyaWJ1dGVzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBjb25zdCBhdHRyID0gdGhpcy5lbGVtZW50LmF0dHJpYnV0ZXNbaV07XG4gICAgICAgICAgICBpZiAoYXR0ci5uYW1lID09PSAnaWQnKSB7IC8vIGF2b2lkIHR3byBlbGVtZW50cyB3aXRoIHRoZSBzYW1lIGlkXG4gICAgICAgICAgICAgICAgdGhpcy5jYW52YXMuc2V0QXR0cmlidXRlKCdpZCcsIGF0dHIudmFsdWUgKyAnX2Zyb3plbkdpZicpO1xuICAgICAgICAgICAgfSBlbHNlIGlmIChhdHRyLm5hbWUgPT09ICdzdHlsZScgJiYgYXR0ci52YWx1ZS5pbmNsdWRlcygndmlzaWJpbGl0eTogaGlkZGVuOycpIHx8IGF0dHIudmFsdWUuaW5jbHVkZXMoJ2Rpc3BsYXk6IG5vbmU7JykpIHtcbiAgICAgICAgICAgICAgICAvLyByZW1vdmUgdGhlIGFkZGVkICd2aXNpYmlsaXR5OiBoaWRkZW4nIGFuZCAnZGlzcGxheTogbm9uZSdcbiAgICAgICAgICAgICAgICBjb25zdCBzdHlsZVZhbHVlID0gYXR0ci52YWx1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmNhbnZhcy5zZXRBdHRyaWJ1dGUoJ3N0eWxlJywgc3R5bGVWYWx1ZS5yZXBsYWNlKCd2aXNpYmlsaXR5OiBoaWRkZW47JywgJycpLnJlcGxhY2UoJ2Rpc3BsYXk6IG5vbmU7JywgJycpKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoYXR0ci5uYW1lICE9PSAnXCInKSB7IC8vIHRlc3QgZm9yIGludmFsaWQgYXR0cmlidXRlc1xuICAgICAgICAgICAgICAgIHRoaXMuY2FudmFzLnNldEF0dHJpYnV0ZShhdHRyLm5hbWUsIGF0dHIudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5hZGRFdmVudHMoKTtcblxuICAgICAgICB0aGlzLmVsZW1lbnQucGFyZW50Tm9kZS5pbnNlcnRCZWZvcmUodGhpcy5jYW52YXMsIHRoaXMuZWxlbWVudCk7XG4gICAgICAgIHRoaXMuZWxlbWVudC5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xuICAgIH1cblxuICAgIHByaXZhdGUgYWRkRXZlbnRzKCkge1xuICAgICAgICB0aGlzLmFwR2lmRXZlbnRzLmZvckVhY2goKGV2ZW50TmFtZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmNhbnZhcy5hZGRFdmVudExpc3RlbmVyKGV2ZW50TmFtZSwgKGV2OiBFdmVudCkgPT4gdGhpcy5lbGVtZW50LmRpc3BhdGNoRXZlbnQoXG4gICAgICAgICAgICAgICAgLy8gd206IGZpbmQgYSB3YXkgdG8gZGlzcGF0Y2ggdGhlIHJpZ2h0IGV2ZW50IHR5cGVcbiAgICAgICAgICAgICAgICBuZXcgRXZlbnQoZXYudHlwZSwgZXYpXG4gICAgICAgICAgICApKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1bmZyZWV6ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuY2FudmFzKSB7XG4gICAgICAgICAgICB0aGlzLmNhbnZhcy5yZW1vdmUoKTtcbiAgICAgICAgICAgIHRoaXMuY2FudmFzID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmVsZW1lbnQuc3R5bGUudmlzaWJpbGl0eSA9ICdpbmhlcml0JztcbiAgICAgICAgdGhpcy5lbGVtZW50LnN0eWxlLmRpc3BsYXkgPSAnaW5oZXJpdCc7XG4gICAgfVxufVxuIl19
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import { Directive, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
const PART_START = '<ng-container data-mst="';
|
|
4
|
-
const PARSE_MIDDLE = '">';
|
|
5
|
-
const PARSE_END = '</ng-container>';
|
|
6
|
-
const DATA_SEPARATOR = ',';
|
|
7
|
-
const OPTIONAL_EVENTS_SEPARATOR = ';';
|
|
8
|
-
/**
|
|
9
|
-
* This directive aims to parse simple string to extract some specific tags and to turn them into SPAN with styling classes attributes and optional event listening.
|
|
10
|
-
* The specific tags must this schema: <ng-container data-mst="STYLING-CLASSES">TEXT</ng-container>.
|
|
11
|
-
* Example: 'Lorem <ng-container data-mst="my-style">ipsum</ng-container> dolor sit amet'.
|
|
12
|
-
*/
|
|
13
|
-
export class MultiStyleTextDirective {
|
|
14
|
-
constructor(elRef, renderer) {
|
|
15
|
-
this.elRef = elRef;
|
|
16
|
-
this.renderer = renderer;
|
|
17
|
-
this.childrenCreated = [];
|
|
18
|
-
this.partEvent = new EventEmitter();
|
|
19
|
-
}
|
|
20
|
-
set multiStyleText(fullText) {
|
|
21
|
-
// First remove previously added children (on update).
|
|
22
|
-
for (const child of this.childrenCreated) {
|
|
23
|
-
this.renderer.removeChild(this.elRef.nativeElement, child);
|
|
24
|
-
}
|
|
25
|
-
if (fullText && fullText.length > 0) {
|
|
26
|
-
MultiStyleTextDirective.parse(fullText).forEach((part) => {
|
|
27
|
-
if (part.clazz || part.clickName) {
|
|
28
|
-
// Parsed item with styling classes and/or event listening.
|
|
29
|
-
const span = this.renderer.createElement('span');
|
|
30
|
-
const text = this.renderer.createText(part.content);
|
|
31
|
-
this.renderer.appendChild(span, text);
|
|
32
|
-
if (part.clazz) {
|
|
33
|
-
part.clazz.forEach(clazz => this.renderer.addClass(span, clazz));
|
|
34
|
-
}
|
|
35
|
-
if (part.clickName) {
|
|
36
|
-
this.renderer.listen(span, 'click', () => this.partEvent.emit(part.clickName));
|
|
37
|
-
}
|
|
38
|
-
this.renderer.appendChild(this.elRef.nativeElement, span);
|
|
39
|
-
this.childrenCreated.push(span);
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
// Specific of part without styling classes (could be used to get event listening only)
|
|
43
|
-
const text = this.renderer.createText(part.content);
|
|
44
|
-
this.renderer.appendChild(this.elRef.nativeElement, text);
|
|
45
|
-
this.childrenCreated.push(text);
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
static parse(toParse) {
|
|
51
|
-
const parts = [];
|
|
52
|
-
let startIndex = toParse.indexOf(PART_START);
|
|
53
|
-
while (startIndex >= 0) {
|
|
54
|
-
if (startIndex > 0) {
|
|
55
|
-
// Optional text before first parsed part.
|
|
56
|
-
parts.push({ content: toParse.substring(0, startIndex) });
|
|
57
|
-
}
|
|
58
|
-
const elem = this.cutFirstGroup(toParse.substring(startIndex));
|
|
59
|
-
if (elem === 'invalid') {
|
|
60
|
-
return [];
|
|
61
|
-
}
|
|
62
|
-
else if (elem) {
|
|
63
|
-
parts.push({
|
|
64
|
-
content: elem.content,
|
|
65
|
-
clazz: elem.classes,
|
|
66
|
-
clickName: elem.clickName
|
|
67
|
-
});
|
|
68
|
-
toParse = elem.rest;
|
|
69
|
-
startIndex = toParse.indexOf(PART_START);
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
parts.push({ content: toParse });
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
// Very end
|
|
76
|
-
if (toParse.length > 0) {
|
|
77
|
-
parts.push({ content: toParse });
|
|
78
|
-
}
|
|
79
|
-
return parts;
|
|
80
|
-
}
|
|
81
|
-
static cutFirstGroup(toCut) {
|
|
82
|
-
if (!toCut.startsWith(PART_START)) {
|
|
83
|
-
// String doesn't start with expected parser start.
|
|
84
|
-
return null;
|
|
85
|
-
}
|
|
86
|
-
const afterParserStart = toCut.substring(PART_START.length);
|
|
87
|
-
let index = afterParserStart.indexOf(PARSE_MIDDLE);
|
|
88
|
-
if (index <= 0) {
|
|
89
|
-
console.error('Not able to parse invalid string: ' + toCut);
|
|
90
|
-
return 'invalid';
|
|
91
|
-
}
|
|
92
|
-
const data = afterParserStart.substring(0, index);
|
|
93
|
-
let classes;
|
|
94
|
-
let clickName;
|
|
95
|
-
const eventsPartSeparatorIndex = data.indexOf(OPTIONAL_EVENTS_SEPARATOR);
|
|
96
|
-
if (eventsPartSeparatorIndex > 0) {
|
|
97
|
-
// Case the data contains events part with dedicated separator
|
|
98
|
-
classes = data.substring(0, eventsPartSeparatorIndex);
|
|
99
|
-
clickName = data.substring(eventsPartSeparatorIndex + 1);
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
// Otherwise, only design classes are provided
|
|
103
|
-
classes = data;
|
|
104
|
-
clickName = undefined;
|
|
105
|
-
}
|
|
106
|
-
let rest = afterParserStart.substring(index + PARSE_MIDDLE.length);
|
|
107
|
-
index = rest.indexOf(PARSE_END);
|
|
108
|
-
if (index <= 0) {
|
|
109
|
-
console.error('Not able to parse invalid string: ' + toCut);
|
|
110
|
-
return 'invalid';
|
|
111
|
-
}
|
|
112
|
-
const content = rest.substring(0, index);
|
|
113
|
-
rest = rest.substring(index + PARSE_END.length);
|
|
114
|
-
return {
|
|
115
|
-
content,
|
|
116
|
-
classes: classes.split(DATA_SEPARATOR),
|
|
117
|
-
clickName,
|
|
118
|
-
rest
|
|
119
|
-
};
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
MultiStyleTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MultiStyleTextDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
123
|
-
MultiStyleTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: MultiStyleTextDirective, selector: "[multiStyleText]", inputs: { multiStyleText: "multiStyleText" }, outputs: { partEvent: "partEvent" }, ngImport: i0 });
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MultiStyleTextDirective, decorators: [{
|
|
125
|
-
type: Directive,
|
|
126
|
-
args: [{
|
|
127
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
128
|
-
selector: '[multiStyleText]'
|
|
129
|
-
}]
|
|
130
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { multiStyleText: [{
|
|
131
|
-
type: Input
|
|
132
|
-
}], partEvent: [{
|
|
133
|
-
type: Output
|
|
134
|
-
}] } });
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc3R5bGUtdGV4dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9kaXJlY3RpdmVzL211bHRpLXN0eWxlLXRleHQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUF5QixNQUFNLEVBQUUsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUU1RixNQUFNLFVBQVUsR0FBRywwQkFBMEIsQ0FBQztBQUM5QyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUM7QUFDMUIsTUFBTSxTQUFTLEdBQUcsaUJBQWlCLENBQUM7QUFDcEMsTUFBTSxjQUFjLEdBQUcsR0FBRyxDQUFDO0FBQzNCLE1BQU0seUJBQXlCLEdBQUcsR0FBRyxDQUFDO0FBUXRDOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sdUJBQXVCO0lBcUNoQyxZQUNZLEtBQWlCLEVBQ2pCLFFBQW1CO1FBRG5CLFVBQUssR0FBTCxLQUFLLENBQVk7UUFDakIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQXJDdkIsb0JBQWUsR0FBVSxFQUFFLENBQUM7UUFpQzFCLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBTWpELENBQUM7SUFyQ0QsSUFBYSxjQUFjLENBQUMsUUFBZ0I7UUFDeEMsc0RBQXNEO1FBQ3RELEtBQUssTUFBTSxLQUFLLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUM5RDtRQUVELElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2pDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJ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QUFDO1NBQ3pCO1FBQ0QsSUFBSSxJQUFJLEdBQUcsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkUsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDaEMsSUFBSSxLQUFLLElBQUksQ0FBQyxFQUFFO1lBQ1osT0FBTyxDQUFDLEtBQUssQ0FBQyxvQ0FBb0MsR0FBRyxLQUFLLENBQUMsQ0FBQztZQUM1RCxPQUFPLFNBQVMsQ0FBQztTQUNwQjtRQUNELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ3pDLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFaEQsT0FBTztZQUNILE9BQU87WUFDUCxPQUFPLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUM7WUFDdEMsU0FBUztZQUNULElBQUk7U0FDUCxDQUFDO0lBQ04sQ0FBQzs7b0hBakhRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBSm5DLFNBQVM7bUJBQUM7b0JBQ1AsOERBQThEO29CQUM5RCxRQUFRLEVBQUUsa0JBQWtCO2lCQUMvQjt5SEFLZ0IsY0FBYztzQkFBMUIsS0FBSztnQkErQkksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbnB1dCwgUmVuZGVyZXIyLCBFbGVtZW50UmVmLCBPdXRwdXQsIEV2ZW50RW1pdHRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmNvbnN0IFBBUlRfU1RBUlQgPSAnPG5nLWNvbnRhaW5lciBkYXRhLW1zdD1cIic7XG5jb25zdCBQQVJTRV9NSURETEUgPSAnXCI+JztcbmNvbnN0IFBBUlNFX0VORCA9ICc8L25nLWNvbnRhaW5lcj4nO1xuY29uc3QgREFUQV9TRVBBUkFUT1IgPSAnLCc7XG5jb25zdCBPUFRJT05BTF9FVkVOVFNfU0VQQVJBVE9SID0gJzsnO1xuXG5pbnRlcmZhY2UgUGFydCB7XG4gICAgY29udGVudDogc3RyaW5nO1xuICAgIGNsYXp6Pzogc3RyaW5nW107IC8vIE5vdCBkZWZpbmVkIG9uIHN0ZXJpbGUgdGV4dFxuICAgIGNsaWNrTmFtZT86IHN0cmluZzsgLy8gTm90IGRlZmluZWQgb24gc3RlcmlsZSB0ZXh0XG59XG5cbi8qKlxuICogVGhpcyBkaXJlY3RpdmUgYWltcyB0byBwYXJzZSBzaW1wbGUgc3RyaW5nIHRvIGV4dHJhY3Qgc29tZSBzcGVjaWZpYyB0YWdzIGFuZCB0byB0dXJuIHRoZW0gaW50byBTUEFOIHdpdGggc3R5bGluZyBjbGFzc2VzIGF0dHJpYnV0ZXMgYW5kIG9wdGlvbmFsIGV2ZW50IGxpc3RlbmluZy5cbiAqIFRoZSBzcGVjaWZpYyB0YWdzIG11c3QgdGhpcyBzY2hlbWE6IDxuZy1jb250YWluZXIgZGF0YS1tc3Q9XCJTVFlMSU5HLUNMQVNTRVNcIj5URVhUPC9uZy1jb250YWluZXI+LlxuICogRXhhbXBsZTogJ0xvcmVtIDxuZy1jb250YWluZXIgZGF0YS1tc3Q9XCJteS1zdHlsZVwiPmlwc3VtPC9uZy1jb250YWluZXI+IGRvbG9yIHNpdCBhbWV0Jy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9kaXJlY3RpdmUtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1ttdWx0aVN0eWxlVGV4dF0nXG59KVxuZXhwb3J0IGNsYXNzIE11bHRpU3R5bGVUZXh0RGlyZWN0aXZlIHtcblxuICAgIHByaXZhdGUgY2hpbGRyZW5DcmVhdGVkOiBhbnlbXSA9IFtdO1xuXG4gICAgQElucHV0KCkgc2V0IG11bHRpU3R5bGVUZXh0KGZ1bGxUZXh0OiBzdHJpbmcpIHtcbiAgICAgICAgLy8gRmlyc3QgcmVtb3ZlIHByZXZpb3VzbHkgYWRkZWQgY2hpbGRyZW4gKG9uIHVwZGF0ZSkuXG4gICAgICAgIGZvciAoY29uc3QgY2hpbGQgb2YgdGhpcy5jaGlsZHJlbkNyZWF0ZWQpIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2hpbGQodGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LCBjaGlsZCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZnVsbFRleHQgJiYgZnVsbFRleHQubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgTXVsdGlTdHlsZVRleHREaXJlY3RpdmUucGFyc2UoZnVsbFRleHQpLmZvckVhY2goKHBhcnQ6IFBhcnQpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAocGFydC5jbGF6eiB8fCBwYXJ0LmNsaWNrTmFtZSkge1xuICAgICAgICAgICAgICAgICAgICAvLyBQYXJzZWQgaXRlbSB3aXRoIHN0eWxpbmcgY2xhc3NlcyBhbmQvb3IgZXZlbnQgbGlzdGVuaW5nLlxuICAgICAgICAgICAgICAgICAgICBjb25zdCBzcGFuID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRleHQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZVRleHQocGFydC5jb250ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZChzcGFuLCB0ZXh0KTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHBhcnQuY2xhenopIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhcnQuY2xhenouZm9yRWFjaChjbGF6eiA9PiB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHNwYW4sIGNsYXp6KSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgaWYgKHBhcnQuY2xpY2tOYW1lKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmxpc3RlbihzcGFuLCAnY2xpY2snLCAoKSA9PiB0aGlzLnBhcnRFdmVudC5lbWl0KHBhcnQuY2xpY2tOYW1lKSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQsIHNwYW4pO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmNoaWxkcmVuQ3JlYXRlZC5wdXNoKHNwYW4pO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIC8vIFNwZWNpZmljIG9mIHBhcnQgd2l0aG91dCBzdHlsaW5nIGNsYXNzZXMgKGNvdWxkIGJlIHVzZWQgdG8gZ2V0IGV2ZW50IGxpc3RlbmluZyBvbmx5KVxuICAgICAgICAgICAgICAgICAgICBjb25zdCB0ZXh0ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVUZXh0KHBhcnQuY29udGVudCk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQodGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LCB0ZXh0KTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5jaGlsZHJlbkNyZWF0ZWQucHVzaCh0ZXh0KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBPdXRwdXQoKSBwYXJ0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyXG4gICAgKSB7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzdGF0aWMgcGFyc2UodG9QYXJzZTogc3RyaW5nKTogUGFydFtdIHtcbiAgICAgICAgY29uc3QgcGFydHM6IFBhcnRbXSA9IFtdO1xuICAgICAgICBsZXQgc3RhcnRJbmRleCA9IHRvUGFyc2UuaW5kZXhPZihQQVJUX1NUQVJUKTtcbiAgICAgICAgd2hpbGUgKHN0YXJ0SW5kZXggPj0gMCkge1xuICAgICAgICAgICAgaWYgKHN0YXJ0SW5kZXggPiAwKSB7XG4gICAgICAgICAgICAgICAgLy8gT3B0aW9uYWwgdGV4dCBiZWZvcmUgZmlyc3QgcGFyc2VkIHBhcnQuXG4gICAgICAgICAgICAgICAgcGFydHMucHVzaCh7Y29udGVudDogdG9QYXJzZS5zdWJzdHJpbmcoMCwgc3RhcnRJbmRleCl9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IGVsZW0gPSB0aGlzLmN1dEZpcnN0R3JvdXAodG9QYXJzZS5zdWJzdHJpbmcoc3RhcnRJbmRleCkpO1xuICAgICAgICAgICAgaWYgKGVsZW0gPT09ICdpbnZhbGlkJykge1xuICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZWxlbSkge1xuICAgICAgICAgICAgICAgIHBhcnRzLnB1c2goe1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiBlbGVtLmNvbnRlbnQsXG4gICAgICAgICAgICAgICAgICAgIGNsYXp6OiBlbGVtLmNsYXNzZXMsXG4gICAgICAgICAgICAgICAgICAgIGNsaWNrTmFtZTogZWxlbS5jbGlja05hbWVcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICB0b1BhcnNlID0gZWxlbS5yZXN0O1xuICAgICAgICAgICAgICAgIHN0YXJ0SW5kZXggPSB0b1BhcnNlLmluZGV4T2YoUEFSVF9TVEFSVCk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHBhcnRzLnB1c2goe2NvbnRlbnQ6IHRvUGFyc2V9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBWZXJ5IGVuZFxuICAgICAgICBpZiAodG9QYXJzZS5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBwYXJ0cy5wdXNoKHtjb250ZW50OiB0b1BhcnNlfSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHBhcnRzO1xuICAgIH1cblxuICAgIHByaXZhdGUgc3RhdGljIGN1dEZpcnN0R3JvdXAodG9DdXQ6IHN0cmluZyk6IHtjb250ZW50OiBzdHJpbmcsIGNsYXNzZXM6IHN0cmluZ1tdLCBjbGlja05hbWU6IHN0cmluZywgcmVzdDogc3RyaW5nfSB8ICdpbnZhbGlkJyB8IG51bGwge1xuICAgICAgICBpZiAoIXRvQ3V0LnN0YXJ0c1dpdGgoUEFSVF9TVEFSVCkpIHtcbiAgICAgICAgICAgIC8vIFN0cmluZyBkb2Vzbid0IHN0YXJ0IHdpdGggZXhwZWN0ZWQgcGFyc2VyIHN0YXJ0LlxuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBhZnRlclBhcnNlclN0YXJ0ID0gdG9DdXQuc3Vic3RyaW5nKFBBUlRfU1RBUlQubGVuZ3RoKTtcbiAgICAgICAgbGV0IGluZGV4ID0gYWZ0ZXJQYXJzZXJTdGFydC5pbmRleE9mKFBBUlNFX01JRERMRSk7XG4gICAgICAgIGlmIChpbmRleCA8PSAwKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKCdOb3QgYWJsZSB0byBwYXJzZSBpbnZhbGlkIHN0cmluZzogJyArIHRvQ3V0KTtcbiAgICAgICAgICAgIHJldHVybiAnaW52YWxpZCc7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgZGF0YSA9IGFmdGVyUGFyc2VyU3RhcnQuc3Vic3RyaW5nKDAsIGluZGV4KTtcbiAgICAgICAgbGV0IGNsYXNzZXM7XG4gICAgICAgIGxldCBjbGlja05hbWU7XG4gICAgICAgIGNvbnN0IGV2ZW50c1BhcnRTZXBhcmF0b3JJbmRleCA9IGRhdGEuaW5kZXhPZihPUFRJT05BTF9FVkVOVFNfU0VQQVJBVE9SKTtcbiAgICAgICAgaWYgKGV2ZW50c1BhcnRTZXBhcmF0b3JJbmRleCA+IDApIHtcbiAgICAgICAgICAgIC8vIENhc2UgdGhlIGRhdGEgY29udGFpbnMgZXZlbnRzIHBhcnQgd2l0aCBkZWRpY2F0ZWQgc2VwYXJhdG9yXG4gICAgICAgICAgICBjbGFzc2VzID0gZGF0YS5zdWJzdHJpbmcoMCwgZXZlbnRzUGFydFNlcGFyYXRvckluZGV4KTtcbiAgICAgICAgICAgIGNsaWNrTmFtZSA9IGRhdGEuc3Vic3RyaW5nKGV2ZW50c1BhcnRTZXBhcmF0b3JJbmRleCArIDEpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gT3RoZXJ3aXNlLCBvbmx5IGRlc2lnbiBjbGFzc2VzIGFyZSBwcm92aWRlZFxuICAgICAgICAgICAgY2xhc3NlcyA9IGRhdGE7XG4gICAgICAgICAgICBjbGlja05hbWUgPSB1bmRlZmluZWQ7XG4gICAgICAgIH1cbiAgICAgICAgbGV0IHJlc3QgPSBhZnRlclBhcnNlclN0YXJ0LnN1YnN0cmluZyhpbmRleCArIFBBUlNFX01JRERMRS5sZW5ndGgpO1xuICAgICAgICBpbmRleCA9IHJlc3QuaW5kZXhPZihQQVJTRV9FTkQpO1xuICAgICAgICBpZiAoaW5kZXggPD0gMCkge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcignTm90IGFibGUgdG8gcGFyc2UgaW52YWxpZCBzdHJpbmc6ICcgKyB0b0N1dCk7XG4gICAgICAgICAgICByZXR1cm4gJ2ludmFsaWQnO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGNvbnRlbnQgPSByZXN0LnN1YnN0cmluZygwLCBpbmRleCk7XG4gICAgICAgIHJlc3QgPSByZXN0LnN1YnN0cmluZyhpbmRleCArIFBBUlNFX0VORC5sZW5ndGgpO1xuXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBjb250ZW50LFxuICAgICAgICAgICAgY2xhc3NlczogY2xhc3Nlcy5zcGxpdChEQVRBX1NFUEFSQVRPUiksXG4gICAgICAgICAgICBjbGlja05hbWUsXG4gICAgICAgICAgICByZXN0XG4gICAgICAgIH07XG4gICAgfVxufVxuIl19
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
// Angular
|
|
2
|
-
import { Directive, Input } from '@angular/core';
|
|
3
|
-
// Third-parties
|
|
4
|
-
import { fromEvent } from "rxjs";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "../tooltip-neo/tooltip-neo.directive";
|
|
7
|
-
export class TruncateTooltipDirective {
|
|
8
|
-
constructor(tooltipNeo, elementRef) {
|
|
9
|
-
this.tooltipNeo = tooltipNeo;
|
|
10
|
-
this.elementRef = elementRef;
|
|
11
|
-
}
|
|
12
|
-
updateTruncateState() {
|
|
13
|
-
const element = this.elementRef.nativeElement;
|
|
14
|
-
const truncated = element.scrollWidth > element.clientWidth;
|
|
15
|
-
this.tooltipNeo.apTooltipNeo = truncated ? this.truncateTooltip : '';
|
|
16
|
-
}
|
|
17
|
-
ngOnInit() {
|
|
18
|
-
this.elementRefMouseOver$ = fromEvent(this.elementRef.nativeElement, 'mouseover')
|
|
19
|
-
.subscribe(() => this.updateTruncateState());
|
|
20
|
-
}
|
|
21
|
-
ngOnDestroy() {
|
|
22
|
-
this.elementRefMouseOver$.unsubscribe();
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
TruncateTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TruncateTooltipDirective, deps: [{ token: i1.TooltipNeoDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
26
|
-
TruncateTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: TruncateTooltipDirective, selector: "[apTooltipNeo][truncateTooltip]", inputs: { truncateTooltip: "truncateTooltip" }, ngImport: i0 });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TruncateTooltipDirective, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{ selector: '[apTooltipNeo][truncateTooltip]' }]
|
|
30
|
-
}], ctorParameters: function () { return [{ type: i1.TooltipNeoDirective }, { type: i0.ElementRef }]; }, propDecorators: { truncateTooltip: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUtdG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9kaXJlY3RpdmVzL3RydW5jYXRlLXRvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLFVBQVU7QUFDVixPQUFPLEVBQUMsU0FBUyxFQUFjLEtBQUssRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFDOUUsZ0JBQWdCO0FBQ2hCLE9BQU8sRUFBQyxTQUFTLEVBQWUsTUFBTSxNQUFNLENBQUM7OztBQUc3QyxNQUFNLE9BQU8sd0JBQXdCO0lBTWpDLFlBQ1ksVUFBK0IsRUFDL0IsVUFBbUM7UUFEbkMsZUFBVSxHQUFWLFVBQVUsQ0FBcUI7UUFDL0IsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7SUFFL0MsQ0FBQztJQUVPLG1CQUFtQjtRQUN2QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUM5QyxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUM7UUFDNUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDekUsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsb0JBQW9CLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQzthQUM1RSxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUM1QyxDQUFDOztxSEF6QlEsd0JBQXdCO3lHQUF4Qix3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFEcEMsU0FBUzttQkFBQyxFQUFDLFFBQVEsRUFBRSxpQ0FBaUMsRUFBQzttSUFHM0MsZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFnb3JhcHVsc2VcbmltcG9ydCB7VG9vbHRpcE5lb0RpcmVjdGl2ZX0gZnJvbSAnLi4vdG9vbHRpcC1uZW8vdG9vbHRpcC1uZW8uZGlyZWN0aXZlJztcbmltcG9ydCB7VG9vbHRpcE5lb1BhcmFtc30gZnJvbSAnLi4vdG9vbHRpcC1uZW8vdG9vbHRpcC1uZW8ubW9kZWwnO1xuLy8gQW5ndWxhclxuaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG4vLyBUaGlyZC1wYXJ0aWVzXG5pbXBvcnQge2Zyb21FdmVudCwgU3Vic2NyaXB0aW9ufSBmcm9tIFwicnhqc1wiO1xuXG5ARGlyZWN0aXZlKHtzZWxlY3RvcjogJ1thcFRvb2x0aXBOZW9dW3RydW5jYXRlVG9vbHRpcF0nfSlcbmV4cG9ydCBjbGFzcyBUcnVuY2F0ZVRvb2x0aXBEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgICBASW5wdXQoKSB0cnVuY2F0ZVRvb2x0aXA6IHN0cmluZyB8IFRvb2x0aXBOZW9QYXJhbXM7XG5cbiAgICBwcml2YXRlIGVsZW1lbnRSZWZNb3VzZU92ZXIkOiBTdWJzY3JpcHRpb247XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB0b29sdGlwTmVvOiBUb29sdGlwTmVvRGlyZWN0aXZlLFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gICAgKSB7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVUcnVuY2F0ZVN0YXRlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgIGNvbnN0IHRydW5jYXRlZCA9IGVsZW1lbnQuc2Nyb2xsV2lkdGggPiBlbGVtZW50LmNsaWVudFdpZHRoO1xuICAgICAgICB0aGlzLnRvb2x0aXBOZW8uYXBUb29sdGlwTmVvID0gdHJ1bmNhdGVkID8gdGhpcy50cnVuY2F0ZVRvb2x0aXAgOiAnJztcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmTW91c2VPdmVyJCA9IGZyb21FdmVudCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ21vdXNlb3ZlcicpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMudXBkYXRlVHJ1bmNhdGVTdGF0ZSgpKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmTW91c2VPdmVyJC51bnN1YnNjcmliZSgpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class DotsStepperComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.disabled = false;
|
|
7
|
-
this.forwardAllowed = true;
|
|
8
|
-
this.items = [];
|
|
9
|
-
this.size = '';
|
|
10
|
-
this.dotClick = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
ngOnChanges() {
|
|
13
|
-
this.currentItem = this.items[this.index];
|
|
14
|
-
}
|
|
15
|
-
onDotClick(event, item, index) {
|
|
16
|
-
event.stopPropagation();
|
|
17
|
-
if (this.disabled || (!this.forwardAllowed && index > this.index)) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
this.currentItem = item;
|
|
21
|
-
this.index = index;
|
|
22
|
-
this.dotClick.emit(this.index);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
DotsStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DotsStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
DotsStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: DotsStepperComponent, selector: "ap-dots-stepper", inputs: { disabled: "disabled", forwardAllowed: "forwardAllowed", index: "index", items: "items", size: "size" }, outputs: { dotClick: "dotClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dots\"\n [ngClass]=\"{'small-dots': size === 'small'}\">\n <div class=\"dot\"\n *ngFor=\"let item of items; let i = index\"\n [ngClass]=\"{'active': item === currentItem, 'disabled': disabled || (!forwardAllowed && i > index) }\"\n (click)=\"onDotClick($event, item, i)\">\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}.dots{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;place-content:stretch center;position:absolute;width:100%}.dots .dot{-webkit-transition:all .2s ease-in-out;background:#d6dae0;border-radius:50%;cursor:pointer;height:8px;margin:16px 4px;transition:all .2s ease-in-out;width:8px}.dots .dot.active{background:#178dfe;cursor:initial}.dots .dot.disabled{background:#d6dae0;cursor:initial}.dots.small-dots .dot{height:6px;margin:16px 2px;width:6px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DotsStepperComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-dots-stepper', template: "<div class=\"dots\"\n [ngClass]=\"{'small-dots': size === 'small'}\">\n <div class=\"dot\"\n *ngFor=\"let item of items; let i = index\"\n [ngClass]=\"{'active': item === currentItem, 'disabled': disabled || (!forwardAllowed && i > index) }\"\n (click)=\"onDotClick($event, item, i)\">\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}.dots{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;place-content:stretch center;position:absolute;width:100%}.dots .dot{-webkit-transition:all .2s ease-in-out;background:#d6dae0;border-radius:50%;cursor:pointer;height:8px;margin:16px 4px;transition:all .2s ease-in-out;width:8px}.dots .dot.active{background:#178dfe;cursor:initial}.dots .dot.disabled{background:#d6dae0;cursor:initial}.dots.small-dots .dot{height:6px;margin:16px 2px;width:6px}\n"] }]
|
|
30
|
-
}], propDecorators: { disabled: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], forwardAllowed: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], index: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], items: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], size: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], dotClick: [{
|
|
41
|
-
type: Output
|
|
42
|
-
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG90cy1zdGVwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL2RvdHMtc3RlcHBlci9kb3RzLXN0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvZG90cy1zdGVwcGVyL2RvdHMtc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFRekcsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQVFhLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsbUJBQWMsR0FBWSxJQUFJLENBQUM7UUFFL0IsVUFBSyxHQUFVLEVBQUUsQ0FBQztRQUNsQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRWpCLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQWlCekU7SUFiRyxXQUFXO1FBQ1AsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSztRQUN6QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDL0QsT0FBTztTQUNWO1FBQ0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7O2lIQXhCUSxvQkFBb0I7cUdBQXBCLG9CQUFvQixpT0NSakMsb1ZBUUE7MkZEQWEsb0JBQW9CO2tCQU5oQyxTQUFTO3NDQUNXLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsaUJBQWlCOzhCQU1sQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWRvdHMtc3RlcHBlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RvdHMtc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZG90cy1zdGVwcGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRG90c1N0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBmb3J3YXJkQWxsb3dlZDogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgaW5kZXg6IG51bWJlcjtcbiAgICBASW5wdXQoKSBpdGVtczogYW55W10gPSBbXTtcbiAgICBASW5wdXQoKSBzaXplOiBzdHJpbmcgPSAnJztcblxuICAgIEBPdXRwdXQoKSBkb3RDbGljazogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIGN1cnJlbnRJdGVtOiBhbnk7XG5cbiAgICBuZ09uQ2hhbmdlcygpIHtcbiAgICAgICAgdGhpcy5jdXJyZW50SXRlbSA9IHRoaXMuaXRlbXNbdGhpcy5pbmRleF07XG4gICAgfVxuXG4gICAgb25Eb3RDbGljayhldmVudCwgaXRlbSwgaW5kZXgpIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkIHx8wqAoIXRoaXMuZm9yd2FyZEFsbG93ZWQgJiYgaW5kZXggPiB0aGlzLmluZGV4KSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY3VycmVudEl0ZW0gPSBpdGVtO1xuICAgICAgICB0aGlzLmluZGV4ID0gaW5kZXg7XG4gICAgICAgIHRoaXMuZG90Q2xpY2suZW1pdCh0aGlzLmluZGV4KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZG90c1wiXG4gICAgW25nQ2xhc3NdPVwieydzbWFsbC1kb3RzJzogc2l6ZSA9PT0gJ3NtYWxsJ31cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZG90XCJcbiAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogaXRlbSA9PT0gY3VycmVudEl0ZW0sICdkaXNhYmxlZCc6IGRpc2FibGVkIHx8ICghZm9yd2FyZEFsbG93ZWQgICYmIGkgPiBpbmRleCkgfVwiXG4gICAgICAgICAoY2xpY2spPVwib25Eb3RDbGljaygkZXZlbnQsIGl0ZW0sIGkpXCI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@agorapulse/ui-symbol";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
export class InfoboxComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.type = 'info';
|
|
8
|
-
this.fitContent = false;
|
|
9
|
-
this.symbolIds = { info: 'information-circle', warning: 'alert-triangle', error: 'alert-circle', success: 'like' };
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
InfoboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: InfoboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
InfoboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: InfoboxComponent, selector: "ap-infobox", inputs: { type: "type", text: "text", fitContent: "fitContent" }, ngImport: i0, template: "<div class=\"main\"\n [ngClass]=\"{'warning': type === 'warning', 'error': type === 'error', 'success': type === 'success'}\">\n <ap-symbol [symbolId]=\"symbolIds[type]\" size=\"micro\"></ap-symbol>\n <div>\n <ng-content></ng-content>\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}.main{display:flex;font-size:14px;line-height:18px;align-items:center;color:#344563;padding:11px;border-radius:8px;background-color:#f3f9ff;border:1px solid #74bbfe}.main ap-symbol{padding:1px 8px 1px 0;align-self:baseline;color:#178dfe}.main.warning{background-color:#fffef2;border-color:#fbb500}.main.warning ap-symbol{color:#fbb500}.main.error{background-color:#fdf5f5;border-color:#f17171}.main.error ap-symbol{color:#e81313}.main.success{background-color:#f2f7f3;border-color:#45b854}.main.success ap-symbol{color:#45b854}\n"], dependencies: [{ kind: "component", type: i1.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: InfoboxComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{ selector: 'ap-infobox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\"\n [ngClass]=\"{'warning': type === 'warning', 'error': type === 'error', 'success': type === 'success'}\">\n <ap-symbol [symbolId]=\"symbolIds[type]\" size=\"micro\"></ap-symbol>\n <div>\n <ng-content></ng-content>\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}.main{display:flex;font-size:14px;line-height:18px;align-items:center;color:#344563;padding:11px;border-radius:8px;background-color:#f3f9ff;border:1px solid #74bbfe}.main ap-symbol{padding:1px 8px 1px 0;align-self:baseline;color:#178dfe}.main.warning{background-color:#fffef2;border-color:#fbb500}.main.warning ap-symbol{color:#fbb500}.main.error{background-color:#fdf5f5;border-color:#f17171}.main.error ap-symbol{color:#e81313}.main.success{background-color:#f2f7f3;border-color:#45b854}.main.success ap-symbol{color:#45b854}\n"] }]
|
|
17
|
-
}], propDecorators: { type: [{
|
|
18
|
-
type: Input
|
|
19
|
-
}], text: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], fitContent: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mb2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9pbmZvYm94L2luZm9ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvaW5mb2JveC9pbmZvYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXhFLE1BQU0sT0FBTyxnQkFBZ0I7SUFON0I7UUFRYSxTQUFJLEdBQXVDLE1BQU0sQ0FBQztRQUVsRCxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTVCLGNBQVMsR0FBRyxFQUFDLElBQUksRUFBRSxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFDLENBQUE7S0FFdkg7OzZHQVJZLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLG9IQ1I3QixrUkFPQTsyRkRDYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0ksWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUl0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1pbmZvYm94JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW5mb2JveC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaW5mb2JveC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEluZm9ib3hDb21wb25lbnQge1xuXG4gICAgQElucHV0KCkgdHlwZTogJ2luZm8nfCd3YXJuaW5nJ3wnZXJyb3InfCdzdWNjZXNzJyA9ICdpbmZvJztcbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZml0Q29udGVudDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgcmVhZG9ubHkgc3ltYm9sSWRzID0ge2luZm86ICdpbmZvcm1hdGlvbi1jaXJjbGUnLCB3YXJuaW5nOiAnYWxlcnQtdHJpYW5nbGUnLCBlcnJvcjogJ2FsZXJ0LWNpcmNsZScsIHN1Y2Nlc3M6ICdsaWtlJ31cblxufVxuIiwiPGRpdiBjbGFzcz1cIm1haW5cIlxuICAgIFtuZ0NsYXNzXT1cInsnd2FybmluZyc6IHR5cGUgPT09ICd3YXJuaW5nJywgJ2Vycm9yJzogdHlwZSA9PT0gJ2Vycm9yJywgJ3N1Y2Nlc3MnOiB0eXBlID09PSAnc3VjY2Vzcyd9XCI+XG4gICAgPGFwLXN5bWJvbCBbc3ltYm9sSWRdPVwic3ltYm9sSWRzW3R5cGVdXCIgc2l6ZT1cIm1pY3JvXCI+PC9hcC1zeW1ib2w+XG4gICAgPGRpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|