@agorapulse/ui-components 15.1.31 → 16.0.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/add-comment/add-comment.component.d.ts +3 -3
- package/agorapulse-ui-components-16.0.0-rc.0.tgz +0 -0
- package/avatar/avatar.component.d.ts +1 -1
- package/button/button.component.d.ts +2 -2
- package/checkbox/checkbox.component.d.ts +4 -4
- package/confirm-modal/confirm-modal.component.d.ts +2 -2
- package/datepicker/datepicker.component.d.ts +7 -7
- package/directives/base-button.directive.d.ts +2 -2
- package/directives/default-image.directive.d.ts +1 -1
- package/directives/ellipsis.directive.d.ts +1 -1
- package/directives/equal-validator.directive.d.ts +1 -1
- package/directives/frozen-gif.directive.d.ts +2 -2
- package/directives/multi-style-text.directive.d.ts +2 -2
- package/directives/truncate-tooltip.directive.d.ts +1 -1
- package/dots-stepper/dots-stepper.component.d.ts +6 -6
- package/esm2022/add-comment/add-comment.component.mjs +68 -0
- package/esm2022/avatar/avatar.component.mjs +209 -0
- package/esm2022/button/button.component.mjs +109 -0
- package/esm2022/checkbox/checkbox.component.mjs +169 -0
- package/esm2022/confirm-modal/confirm-modal.component.mjs +61 -0
- package/esm2022/datepicker/datepicker.component.mjs +271 -0
- package/esm2022/directives/autosize-textarea.directive.mjs +45 -0
- package/esm2022/directives/base-button.directive.mjs +47 -0
- package/esm2022/directives/default-image.directive.mjs +37 -0
- package/esm2022/directives/ellipsis.directive.mjs +90 -0
- package/esm2022/directives/equal-validator.directive.mjs +73 -0
- package/esm2022/directives/frozen-gif.directive.mjs +125 -0
- package/esm2022/directives/multi-style-text.directive.mjs +61 -0
- package/esm2022/directives/truncate-tooltip.directive.mjs +43 -0
- package/esm2022/dots-stepper/dots-stepper.component.mjs +43 -0
- package/esm2022/icon-button/icon-button.component.mjs +118 -0
- package/esm2022/index.mjs +42 -0
- package/esm2022/infobox/infobox.component.mjs +65 -0
- package/esm2022/labels/label-list.component.mjs +106 -0
- package/esm2022/labels/label.component.mjs +64 -0
- package/esm2022/labels-selector/labels-selector.component.mjs +107 -0
- package/esm2022/media-display-overlay/media-display-overlay-dialog.component.mjs +94 -0
- package/esm2022/modal/modal.component.mjs +119 -0
- package/{esm2020 → esm2022}/neo-datepicker/day-detail.model.mjs +1 -1
- package/esm2022/neo-datepicker/day-disabled.pipe.mjs +21 -0
- package/esm2022/neo-datepicker/neo-datepicker.component.mjs +243 -0
- package/esm2022/notification/notification.component.mjs +15 -0
- package/esm2022/paginator/paginator-button/paginator-button.component.mjs +51 -0
- package/esm2022/paginator/paginator.component.mjs +126 -0
- package/esm2022/password-input/password-input.component.mjs +77 -0
- package/esm2022/popmenu/options.mjs +17 -0
- package/esm2022/popmenu/popmenu-options.interface.mjs +2 -0
- package/esm2022/popmenu/popmenu-options.service.mjs +7 -0
- package/esm2022/popmenu/popmenu.component.mjs +384 -0
- package/esm2022/popmenu/popmenu.directive.mjs +292 -0
- package/esm2022/popmenu/popmenu.module.mjs +29 -0
- package/esm2022/radio/radio-control.registry.mjs +102 -0
- package/esm2022/radio/radio.component.mjs +218 -0
- package/esm2022/slide-toggle/slide-toggle.component.mjs +63 -0
- package/esm2022/snackbar/snackbar.component.mjs +27 -0
- package/esm2022/snackbars-thread/component/snackbars-thread.component.mjs +75 -0
- package/esm2022/snackbars-thread/model/snackbars-thread.model.mjs +54 -0
- package/{esm2020 → esm2022}/snackbars-thread/public_api.mjs +2 -2
- package/esm2022/snackbars-thread/service/snackbars-thread.service.mjs +45 -0
- package/esm2022/snackbars-thread/utils/const/snackbars-thread.const.mjs +13 -0
- package/esm2022/social-button/social-button.component.mjs +143 -0
- package/esm2022/split-button/split-button.component.mjs +126 -0
- package/esm2022/src/lib/agorapulse-ui-components.module.mjs +213 -0
- package/esm2022/stepper/stepper.component.mjs +38 -0
- package/esm2022/text-measurement/text-measurement.service.mjs +29 -0
- package/esm2022/toggle/toggle.component.mjs +203 -0
- package/esm2022/tooltip/tooltip.directive.mjs +397 -0
- package/esm2022/tooltip/tooltip.service.mjs +29 -0
- package/fesm2022/agorapulse-ui-components-add-comment.mjs +75 -0
- package/fesm2022/agorapulse-ui-components-add-comment.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-avatar.mjs +216 -0
- package/fesm2022/agorapulse-ui-components-avatar.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-button.mjs +116 -0
- package/fesm2022/agorapulse-ui-components-button.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-checkbox.mjs +176 -0
- package/fesm2022/agorapulse-ui-components-checkbox.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-confirm-modal.mjs +68 -0
- package/fesm2022/agorapulse-ui-components-confirm-modal.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-datepicker.mjs +278 -0
- package/fesm2022/agorapulse-ui-components-datepicker.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/agorapulse-ui-components-directives.mjs +104 -72
- package/fesm2022/agorapulse-ui-components-directives.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-dots-stepper.mjs +50 -0
- package/fesm2022/agorapulse-ui-components-dots-stepper.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-icon-button.mjs +125 -0
- package/fesm2022/agorapulse-ui-components-icon-button.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-infobox.mjs +69 -0
- package/fesm2022/agorapulse-ui-components-infobox.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-labels-selector.mjs +114 -0
- package/fesm2022/agorapulse-ui-components-labels-selector.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-labels.mjs +173 -0
- package/fesm2022/agorapulse-ui-components-labels.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-media-display-overlay.mjs +101 -0
- package/fesm2022/agorapulse-ui-components-media-display-overlay.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-modal.mjs +126 -0
- package/fesm2022/agorapulse-ui-components-modal.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-neo-datepicker.mjs +268 -0
- package/fesm2022/agorapulse-ui-components-neo-datepicker.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-notification.mjs +22 -0
- package/fesm2022/agorapulse-ui-components-notification.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-paginator.mjs +181 -0
- package/fesm2022/agorapulse-ui-components-paginator.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-password-input.mjs +84 -0
- package/fesm2022/agorapulse-ui-components-password-input.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/agorapulse-ui-components-popmenu.mjs +112 -83
- package/fesm2022/agorapulse-ui-components-popmenu.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-radio.mjs +322 -0
- package/fesm2022/agorapulse-ui-components-radio.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-slide-toggle.mjs +70 -0
- package/fesm2022/agorapulse-ui-components-slide-toggle.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-snackbar.mjs +34 -0
- package/fesm2022/agorapulse-ui-components-snackbar.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-snackbars-thread.mjs +190 -0
- package/fesm2022/agorapulse-ui-components-snackbars-thread.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-social-button.mjs +150 -0
- package/fesm2022/agorapulse-ui-components-social-button.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-split-button.mjs +133 -0
- package/fesm2022/agorapulse-ui-components-split-button.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-stepper.mjs +45 -0
- package/fesm2022/agorapulse-ui-components-stepper.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/agorapulse-ui-components-text-measurement.mjs +8 -7
- package/fesm2022/agorapulse-ui-components-text-measurement.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-toggle.mjs +210 -0
- package/fesm2022/agorapulse-ui-components-toggle.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/agorapulse-ui-components-tooltip.mjs +114 -75
- package/fesm2022/agorapulse-ui-components-tooltip.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/agorapulse-ui-components.mjs +100 -103
- package/fesm2022/agorapulse-ui-components.mjs.map +1 -0
- package/icon-button/icon-button.component.d.ts +3 -3
- package/infobox/infobox.component.d.ts +3 -3
- package/labels/label-list.component.d.ts +2 -2
- package/labels/label.component.d.ts +3 -3
- package/labels-selector/labels-selector.component.d.ts +2 -2
- package/media-display-overlay/media-display-overlay-dialog.component.d.ts +1 -1
- package/modal/modal.component.d.ts +12 -12
- package/neo-datepicker/day-detail.model.d.ts +2 -2
- package/neo-datepicker/day-disabled.pipe.d.ts +1 -1
- package/neo-datepicker/neo-datepicker.component.d.ts +10 -7
- package/notification/notification.component.d.ts +1 -1
- package/package.json +107 -172
- package/paginator/paginator-button/paginator-button.component.d.ts +1 -1
- package/paginator/paginator.component.d.ts +1 -1
- package/password-input/password-input.component.d.ts +4 -4
- package/popmenu/popmenu-options.interface.d.ts +24 -19
- package/popmenu/popmenu.component.d.ts +10 -10
- package/popmenu/popmenu.directive.d.ts +23 -23
- package/radio/radio-control.registry.d.ts +2 -2
- package/radio/radio.component.d.ts +2 -2
- package/slide-toggle/slide-toggle.component.d.ts +1 -1
- package/snackbar/snackbar.component.d.ts +1 -1
- package/snackbars-thread/component/snackbars-thread.component.d.ts +2 -2
- package/snackbars-thread/model/snackbars-thread.model.d.ts +1 -1
- package/snackbars-thread/public_api.d.ts +1 -1
- package/snackbars-thread/service/snackbars-thread.service.d.ts +4 -4
- package/social-button/social-button.component.d.ts +3 -3
- package/split-button/split-button.component.d.ts +3 -3
- package/stepper/stepper.component.d.ts +2 -2
- package/toggle/toggle.component.d.ts +3 -3
- package/tooltip/tooltip.directive.d.ts +5 -5
- package/agorapulse-ui-components-15.1.31.tgz +0 -0
- package/esm2020/add-comment/add-comment.component.mjs +0 -69
- package/esm2020/avatar/avatar.component.mjs +0 -211
- package/esm2020/button/button.component.mjs +0 -104
- package/esm2020/checkbox/checkbox.component.mjs +0 -163
- package/esm2020/confirm-modal/confirm-modal.component.mjs +0 -60
- package/esm2020/datepicker/datepicker.component.mjs +0 -259
- package/esm2020/directives/autosize-textarea.directive.mjs +0 -44
- package/esm2020/directives/base-button.directive.mjs +0 -47
- package/esm2020/directives/default-image.directive.mjs +0 -32
- package/esm2020/directives/ellipsis.directive.mjs +0 -86
- package/esm2020/directives/equal-validator.directive.mjs +0 -66
- package/esm2020/directives/frozen-gif.directive.mjs +0 -116
- package/esm2020/directives/multi-style-text.directive.mjs +0 -58
- package/esm2020/directives/truncate-tooltip.directive.mjs +0 -40
- package/esm2020/dots-stepper/dots-stepper.component.mjs +0 -43
- package/esm2020/icon-button/icon-button.component.mjs +0 -112
- package/esm2020/index.mjs +0 -42
- package/esm2020/infobox/infobox.component.mjs +0 -67
- package/esm2020/labels/label-list.component.mjs +0 -101
- package/esm2020/labels/label.component.mjs +0 -58
- package/esm2020/labels-selector/labels-selector.component.mjs +0 -101
- package/esm2020/media-display-overlay/media-display-overlay-dialog.component.mjs +0 -94
- package/esm2020/modal/modal.component.mjs +0 -109
- package/esm2020/neo-datepicker/day-disabled.pipe.mjs +0 -21
- package/esm2020/neo-datepicker/neo-datepicker.component.mjs +0 -228
- package/esm2020/notification/notification.component.mjs +0 -17
- package/esm2020/paginator/paginator-button/paginator-button.component.mjs +0 -51
- package/esm2020/paginator/paginator.component.mjs +0 -124
- package/esm2020/password-input/password-input.component.mjs +0 -75
- package/esm2020/popmenu/options.mjs +0 -17
- package/esm2020/popmenu/popmenu-options.interface.mjs +0 -2
- package/esm2020/popmenu/popmenu-options.service.mjs +0 -7
- package/esm2020/popmenu/popmenu.component.mjs +0 -373
- package/esm2020/popmenu/popmenu.directive.mjs +0 -268
- package/esm2020/popmenu/popmenu.module.mjs +0 -35
- package/esm2020/radio/radio-control.registry.mjs +0 -104
- package/esm2020/radio/radio.component.mjs +0 -199
- package/esm2020/slide-toggle/slide-toggle.component.mjs +0 -65
- package/esm2020/snackbar/snackbar.component.mjs +0 -26
- package/esm2020/snackbars-thread/component/snackbars-thread.component.mjs +0 -79
- package/esm2020/snackbars-thread/model/snackbars-thread.model.mjs +0 -52
- package/esm2020/snackbars-thread/service/snackbars-thread.service.mjs +0 -41
- package/esm2020/snackbars-thread/utils/const/snackbars-thread.const.mjs +0 -13
- package/esm2020/social-button/social-button.component.mjs +0 -137
- package/esm2020/split-button/split-button.component.mjs +0 -112
- package/esm2020/src/lib/agorapulse-ui-components.module.mjs +0 -213
- package/esm2020/stepper/stepper.component.mjs +0 -36
- package/esm2020/text-measurement/text-measurement.service.mjs +0 -28
- package/esm2020/toggle/toggle.component.mjs +0 -190
- package/esm2020/tooltip/tooltip.directive.mjs +0 -358
- package/esm2020/tooltip/tooltip.service.mjs +0 -29
- package/fesm2015/agorapulse-ui-components-add-comment.mjs +0 -76
- package/fesm2015/agorapulse-ui-components-add-comment.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-avatar.mjs +0 -218
- package/fesm2015/agorapulse-ui-components-avatar.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-button.mjs +0 -111
- package/fesm2015/agorapulse-ui-components-button.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-checkbox.mjs +0 -170
- package/fesm2015/agorapulse-ui-components-checkbox.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-confirm-modal.mjs +0 -67
- package/fesm2015/agorapulse-ui-components-confirm-modal.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-datepicker.mjs +0 -269
- package/fesm2015/agorapulse-ui-components-datepicker.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-directives.mjs +0 -483
- package/fesm2015/agorapulse-ui-components-directives.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-dots-stepper.mjs +0 -50
- package/fesm2015/agorapulse-ui-components-dots-stepper.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-icon-button.mjs +0 -119
- package/fesm2015/agorapulse-ui-components-icon-button.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-infobox.mjs +0 -71
- package/fesm2015/agorapulse-ui-components-infobox.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-labels-selector.mjs +0 -109
- package/fesm2015/agorapulse-ui-components-labels-selector.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-labels.mjs +0 -162
- package/fesm2015/agorapulse-ui-components-labels.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-media-display-overlay.mjs +0 -103
- package/fesm2015/agorapulse-ui-components-media-display-overlay.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-modal.mjs +0 -116
- package/fesm2015/agorapulse-ui-components-modal.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-neo-datepicker.mjs +0 -253
- package/fesm2015/agorapulse-ui-components-neo-datepicker.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-notification.mjs +0 -24
- package/fesm2015/agorapulse-ui-components-notification.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-paginator.mjs +0 -179
- package/fesm2015/agorapulse-ui-components-paginator.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-password-input.mjs +0 -82
- package/fesm2015/agorapulse-ui-components-password-input.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-popmenu.mjs +0 -698
- package/fesm2015/agorapulse-ui-components-popmenu.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-radio.mjs +0 -306
- package/fesm2015/agorapulse-ui-components-radio.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-slide-toggle.mjs +0 -72
- package/fesm2015/agorapulse-ui-components-slide-toggle.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-snackbar.mjs +0 -35
- package/fesm2015/agorapulse-ui-components-snackbar.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-snackbars-thread.mjs +0 -188
- package/fesm2015/agorapulse-ui-components-snackbars-thread.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-social-button.mjs +0 -144
- package/fesm2015/agorapulse-ui-components-social-button.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-split-button.mjs +0 -119
- package/fesm2015/agorapulse-ui-components-split-button.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-stepper.mjs +0 -44
- package/fesm2015/agorapulse-ui-components-stepper.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-text-measurement.mjs +0 -35
- package/fesm2015/agorapulse-ui-components-text-measurement.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-toggle.mjs +0 -197
- package/fesm2015/agorapulse-ui-components-toggle.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components-tooltip.mjs +0 -391
- package/fesm2015/agorapulse-ui-components-tooltip.mjs.map +0 -1
- package/fesm2015/agorapulse-ui-components.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-add-comment.mjs +0 -76
- package/fesm2020/agorapulse-ui-components-add-comment.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-avatar.mjs +0 -218
- package/fesm2020/agorapulse-ui-components-avatar.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-button.mjs +0 -111
- package/fesm2020/agorapulse-ui-components-button.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-checkbox.mjs +0 -170
- package/fesm2020/agorapulse-ui-components-checkbox.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-confirm-modal.mjs +0 -67
- package/fesm2020/agorapulse-ui-components-confirm-modal.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-datepicker.mjs +0 -266
- package/fesm2020/agorapulse-ui-components-datepicker.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-directives.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-dots-stepper.mjs +0 -50
- package/fesm2020/agorapulse-ui-components-dots-stepper.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-icon-button.mjs +0 -119
- package/fesm2020/agorapulse-ui-components-icon-button.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-infobox.mjs +0 -71
- package/fesm2020/agorapulse-ui-components-infobox.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-labels-selector.mjs +0 -108
- package/fesm2020/agorapulse-ui-components-labels-selector.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-labels.mjs +0 -162
- package/fesm2020/agorapulse-ui-components-labels.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-media-display-overlay.mjs +0 -101
- package/fesm2020/agorapulse-ui-components-media-display-overlay.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-modal.mjs +0 -116
- package/fesm2020/agorapulse-ui-components-modal.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-neo-datepicker.mjs +0 -253
- package/fesm2020/agorapulse-ui-components-neo-datepicker.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-notification.mjs +0 -24
- package/fesm2020/agorapulse-ui-components-notification.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-paginator.mjs +0 -179
- package/fesm2020/agorapulse-ui-components-paginator.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-password-input.mjs +0 -82
- package/fesm2020/agorapulse-ui-components-password-input.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-popmenu.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-radio.mjs +0 -305
- package/fesm2020/agorapulse-ui-components-radio.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-slide-toggle.mjs +0 -72
- package/fesm2020/agorapulse-ui-components-slide-toggle.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-snackbar.mjs +0 -33
- package/fesm2020/agorapulse-ui-components-snackbar.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-snackbars-thread.mjs +0 -188
- package/fesm2020/agorapulse-ui-components-snackbars-thread.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-social-button.mjs +0 -144
- package/fesm2020/agorapulse-ui-components-social-button.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-split-button.mjs +0 -119
- package/fesm2020/agorapulse-ui-components-split-button.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-stepper.mjs +0 -43
- package/fesm2020/agorapulse-ui-components-stepper.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-text-measurement.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-toggle.mjs +0 -197
- package/fesm2020/agorapulse-ui-components-toggle.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components-tooltip.mjs.map +0 -1
- package/fesm2020/agorapulse-ui-components.mjs +0 -252
- package/fesm2020/agorapulse-ui-components.mjs.map +0 -1
- /package/{esm2020 → esm2022}/add-comment/agorapulse-ui-components-add-comment.mjs +0 -0
- /package/{esm2020 → esm2022}/add-comment/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/agorapulse-ui-components.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/agorapulse-ui-components-avatar.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/button/agorapulse-ui-components-button.mjs +0 -0
- /package/{esm2020 → esm2022}/button/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/agorapulse-ui-components-checkbox.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/confirm-modal/agorapulse-ui-components-confirm-modal.mjs +0 -0
- /package/{esm2020 → esm2022}/confirm-modal/confirm-modal-texts.model.mjs +0 -0
- /package/{esm2020 → esm2022}/confirm-modal/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/datepicker/agorapulse-ui-components-datepicker.mjs +0 -0
- /package/{esm2020 → esm2022}/datepicker/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/directives/agorapulse-ui-components-directives.mjs +0 -0
- /package/{esm2020 → esm2022}/directives/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/dots-stepper/agorapulse-ui-components-dots-stepper.mjs +0 -0
- /package/{esm2020 → esm2022}/dots-stepper/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/icon-button/agorapulse-ui-components-icon-button.mjs +0 -0
- /package/{esm2020 → esm2022}/icon-button/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/infobox/agorapulse-ui-components-infobox.mjs +0 -0
- /package/{esm2020 → esm2022}/infobox/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/labels/agorapulse-ui-components-labels.mjs +0 -0
- /package/{esm2020 → esm2022}/labels/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/labels-selector/agorapulse-ui-components-labels-selector.mjs +0 -0
- /package/{esm2020 → esm2022}/labels-selector/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/media-display-overlay/agorapulse-ui-components-media-display-overlay.mjs +0 -0
- /package/{esm2020 → esm2022}/media-display-overlay/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/modal/agorapulse-ui-components-modal.mjs +0 -0
- /package/{esm2020 → esm2022}/modal/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/neo-datepicker/agorapulse-ui-components-neo-datepicker.mjs +0 -0
- /package/{esm2020 → esm2022}/neo-datepicker/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/notification/agorapulse-ui-components-notification.mjs +0 -0
- /package/{esm2020 → esm2022}/notification/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/paginator/agorapulse-ui-components-paginator.mjs +0 -0
- /package/{esm2020 → esm2022}/paginator/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/password-input/agorapulse-ui-components-password-input.mjs +0 -0
- /package/{esm2020 → esm2022}/password-input/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/popmenu/agorapulse-ui-components-popmenu.mjs +0 -0
- /package/{esm2020 → esm2022}/popmenu/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/radio/agorapulse-ui-components-radio.mjs +0 -0
- /package/{esm2020 → esm2022}/radio/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/slide-toggle/agorapulse-ui-components-slide-toggle.mjs +0 -0
- /package/{esm2020 → esm2022}/slide-toggle/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/snackbar/agorapulse-ui-components-snackbar.mjs +0 -0
- /package/{esm2020 → esm2022}/snackbar/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/snackbars-thread/agorapulse-ui-components-snackbars-thread.mjs +0 -0
- /package/{esm2020 → esm2022}/social-button/agorapulse-ui-components-social-button.mjs +0 -0
- /package/{esm2020 → esm2022}/social-button/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/split-button/agorapulse-ui-components-split-button.mjs +0 -0
- /package/{esm2020 → esm2022}/split-button/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/agorapulse-ui-components-stepper.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/step.model.mjs +0 -0
- /package/{esm2020 → esm2022}/text-measurement/agorapulse-ui-components-text-measurement.mjs +0 -0
- /package/{esm2020 → esm2022}/text-measurement/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/toggle/agorapulse-ui-components-toggle.mjs +0 -0
- /package/{esm2020 → esm2022}/toggle/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/agorapulse-ui-components-tooltip.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/public_api.mjs +0 -0
|
@@ -0,0 +1,322 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { forwardRef, Injectable, inject, Injector, ChangeDetectorRef, NgZone, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, Output } from '@angular/core';
|
|
3
|
+
import { CommonModule, NgIf } from '@angular/common';
|
|
4
|
+
import { SymbolComponent } from '@agorapulse/ui-symbol';
|
|
5
|
+
import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
|
|
6
|
+
import { Subject, fromEvent, filter, takeUntil } from 'rxjs';
|
|
7
|
+
|
|
8
|
+
const RADIO_VALUE_ACCESSOR = {
|
|
9
|
+
provide: NG_VALUE_ACCESSOR,
|
|
10
|
+
useExisting: forwardRef(() => RadioComponent),
|
|
11
|
+
multi: true,
|
|
12
|
+
};
|
|
13
|
+
class RadioControlRegistry {
|
|
14
|
+
accessors = [];
|
|
15
|
+
add(control, accessor) {
|
|
16
|
+
this.accessors.push([control, accessor]);
|
|
17
|
+
}
|
|
18
|
+
remove(accessor) {
|
|
19
|
+
this.accessors = this.accessors.filter(([, radioComponent]) => {
|
|
20
|
+
return radioComponent !== accessor;
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
select(accessor) {
|
|
24
|
+
this.accessors.forEach(([ngControl, radioComponent]) => {
|
|
25
|
+
if (this.isSameGroup(ngControl, radioComponent, accessor) && radioComponent !== accessor) {
|
|
26
|
+
radioComponent.writeValue(accessor.value);
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
getIndex(accessor) {
|
|
31
|
+
return this.accessors.findIndex(([, radioComponent]) => {
|
|
32
|
+
return radioComponent === accessor;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
getNextRadio(accessor) {
|
|
36
|
+
const index = this.getIndex(accessor);
|
|
37
|
+
const nextIndex = index + 1;
|
|
38
|
+
if (nextIndex >= this.accessors.length) {
|
|
39
|
+
return this.accessors[0][1];
|
|
40
|
+
}
|
|
41
|
+
const nextRadio = this.accessors[nextIndex];
|
|
42
|
+
return nextRadio ? nextRadio[1] : null;
|
|
43
|
+
}
|
|
44
|
+
getPreviousRadio(accessor) {
|
|
45
|
+
const index = this.getIndex(accessor);
|
|
46
|
+
if (index === 0) {
|
|
47
|
+
return this.accessors[this.accessors.length - 1][1];
|
|
48
|
+
}
|
|
49
|
+
const previousIndex = index - 1;
|
|
50
|
+
const previousRadio = this.accessors[previousIndex];
|
|
51
|
+
return previousRadio ? previousRadio[1] : null;
|
|
52
|
+
}
|
|
53
|
+
blurAllGroup(accessor) {
|
|
54
|
+
this.accessors.forEach(([, radioComponent]) => {
|
|
55
|
+
if (this.isSameGroup(accessor.control, radioComponent, accessor)) {
|
|
56
|
+
radioComponent.inputElement.nativeElement.blur();
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
setNegativeTabIndexToAllExcept(accessor) {
|
|
61
|
+
this.accessors.forEach(([, radioComponent]) => {
|
|
62
|
+
if (this.isSameGroup(accessor.control, radioComponent, accessor)) {
|
|
63
|
+
if (accessor.radioId !== radioComponent.radioId) {
|
|
64
|
+
radioComponent.inputElement.nativeElement.tabIndex = -1;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
radioComponent.inputElement.nativeElement.tabIndex = 0;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
focusPrevious(accessor) {
|
|
73
|
+
const previousRadio = this.getPreviousRadio(accessor);
|
|
74
|
+
if (previousRadio) {
|
|
75
|
+
previousRadio.inputElement.nativeElement.focus();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
focusNext(accessor) {
|
|
79
|
+
const nextRadio = this.getNextRadio(accessor);
|
|
80
|
+
if (nextRadio) {
|
|
81
|
+
nextRadio.inputElement.nativeElement.focus();
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
getFirstCheckedRadio() {
|
|
85
|
+
const checkedRadio = this.accessors.find(([, radioComponent]) => {
|
|
86
|
+
return radioComponent.checked;
|
|
87
|
+
});
|
|
88
|
+
return checkedRadio ? checkedRadio[1] : null;
|
|
89
|
+
}
|
|
90
|
+
isSameGroup(ngControl, radioComponent, accessor) {
|
|
91
|
+
if (!ngControl.control) {
|
|
92
|
+
return false;
|
|
93
|
+
}
|
|
94
|
+
return radioComponent.name === accessor.name;
|
|
95
|
+
}
|
|
96
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
97
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RadioControlRegistry, providedIn: 'root' });
|
|
98
|
+
}
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RadioControlRegistry, decorators: [{
|
|
100
|
+
type: Injectable,
|
|
101
|
+
args: [{
|
|
102
|
+
providedIn: 'root',
|
|
103
|
+
}]
|
|
104
|
+
}] });
|
|
105
|
+
|
|
106
|
+
class RadioComponent {
|
|
107
|
+
elementRef;
|
|
108
|
+
injector = inject(Injector);
|
|
109
|
+
changeDetectorRef = inject(ChangeDetectorRef);
|
|
110
|
+
radioControlRegistry = inject(RadioControlRegistry);
|
|
111
|
+
ngZone = inject(NgZone);
|
|
112
|
+
inputElement;
|
|
113
|
+
labelElement;
|
|
114
|
+
ariaLabel = '';
|
|
115
|
+
ariaLabelledby = null;
|
|
116
|
+
ariaDescribedby = '';
|
|
117
|
+
set disabled(disabled) {
|
|
118
|
+
this._disabled = disabled;
|
|
119
|
+
}
|
|
120
|
+
get disabled() {
|
|
121
|
+
return this._disabled;
|
|
122
|
+
}
|
|
123
|
+
labelPosition = 'right';
|
|
124
|
+
radioId = '';
|
|
125
|
+
formControlName;
|
|
126
|
+
value;
|
|
127
|
+
required = false;
|
|
128
|
+
name = '';
|
|
129
|
+
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
130
|
+
onClick = new EventEmitter();
|
|
131
|
+
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
132
|
+
onFocus = new EventEmitter();
|
|
133
|
+
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
134
|
+
onBlur = new EventEmitter();
|
|
135
|
+
inputId = '';
|
|
136
|
+
_disabled = false;
|
|
137
|
+
hasLabel = false;
|
|
138
|
+
hostDataTest;
|
|
139
|
+
control;
|
|
140
|
+
checked = false;
|
|
141
|
+
focused = false;
|
|
142
|
+
radioIndex = 0;
|
|
143
|
+
destroy$ = new Subject();
|
|
144
|
+
onModelChange = () => {
|
|
145
|
+
// ignore
|
|
146
|
+
};
|
|
147
|
+
onModelTouched = () => {
|
|
148
|
+
// ignore
|
|
149
|
+
};
|
|
150
|
+
constructor(elementRef) {
|
|
151
|
+
this.elementRef = elementRef;
|
|
152
|
+
this.hostDataTest = elementRef.nativeElement.getAttribute('data-test');
|
|
153
|
+
this.ngZone.runOutsideAngular(() => {
|
|
154
|
+
fromEvent(window, 'keydown')
|
|
155
|
+
.pipe(filter((event) => 'key' in event), takeUntil(this.destroy$))
|
|
156
|
+
.subscribe((event) => {
|
|
157
|
+
// Handle keydown event
|
|
158
|
+
switch (event.key) {
|
|
159
|
+
case 'ArrowDown':
|
|
160
|
+
case 'ArrowRight':
|
|
161
|
+
this.ngZone.run(() => {
|
|
162
|
+
if (this.focused) {
|
|
163
|
+
event.stopImmediatePropagation();
|
|
164
|
+
this.radioControlRegistry.blurAllGroup(this);
|
|
165
|
+
this.radioControlRegistry.focusNext(this);
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
break;
|
|
169
|
+
case 'ArrowUp':
|
|
170
|
+
case 'ArrowLeft':
|
|
171
|
+
this.ngZone.run(() => {
|
|
172
|
+
event.preventDefault();
|
|
173
|
+
if (this.focused) {
|
|
174
|
+
event.stopImmediatePropagation();
|
|
175
|
+
this.radioControlRegistry.blurAllGroup(this);
|
|
176
|
+
this.radioControlRegistry.focusPrevious(this);
|
|
177
|
+
}
|
|
178
|
+
});
|
|
179
|
+
break;
|
|
180
|
+
default:
|
|
181
|
+
return;
|
|
182
|
+
}
|
|
183
|
+
});
|
|
184
|
+
});
|
|
185
|
+
}
|
|
186
|
+
ngOnChanges() {
|
|
187
|
+
if (this.labelElement) {
|
|
188
|
+
this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
ngOnInit() {
|
|
192
|
+
this.control = this.injector.get(NgControl);
|
|
193
|
+
this.checkName();
|
|
194
|
+
this.radioControlRegistry.add(this.control, this);
|
|
195
|
+
this.radioIndex = this.radioControlRegistry.getIndex(this);
|
|
196
|
+
this.inputId = `${this.radioId}-${this.radioIndex}`;
|
|
197
|
+
}
|
|
198
|
+
ngAfterContentInit() {
|
|
199
|
+
if (this.labelElement) {
|
|
200
|
+
this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
ngOnDestroy() {
|
|
204
|
+
this.radioControlRegistry.remove(this);
|
|
205
|
+
this.destroy$.next();
|
|
206
|
+
this.destroy$.complete();
|
|
207
|
+
}
|
|
208
|
+
handleClick(event, radioButton) {
|
|
209
|
+
event.preventDefault();
|
|
210
|
+
if (this.disabled) {
|
|
211
|
+
return;
|
|
212
|
+
}
|
|
213
|
+
this.select(event);
|
|
214
|
+
radioButton.focus();
|
|
215
|
+
}
|
|
216
|
+
select(event) {
|
|
217
|
+
if (!this.disabled) {
|
|
218
|
+
this.inputElement.nativeElement.checked = true;
|
|
219
|
+
this.checked = true;
|
|
220
|
+
this.onModelChange(this.value);
|
|
221
|
+
this.radioControlRegistry.select(this);
|
|
222
|
+
this.onClick.emit({ originalEvent: event, value: this.value });
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
writeValue(value) {
|
|
226
|
+
this.checked = value == this.value;
|
|
227
|
+
if (this.inputElement?.nativeElement) {
|
|
228
|
+
this.inputElement.nativeElement.checked = this.checked;
|
|
229
|
+
}
|
|
230
|
+
this.changeDetectorRef.markForCheck();
|
|
231
|
+
}
|
|
232
|
+
registerOnChange(fn) {
|
|
233
|
+
this.onModelChange = fn;
|
|
234
|
+
}
|
|
235
|
+
registerOnTouched(fn) {
|
|
236
|
+
this.onModelTouched = fn;
|
|
237
|
+
}
|
|
238
|
+
onInputFocus(event) {
|
|
239
|
+
this.radioControlRegistry.setNegativeTabIndexToAllExcept(this);
|
|
240
|
+
this.inputElement.nativeElement.checked = true;
|
|
241
|
+
this.checked = true;
|
|
242
|
+
this.onModelChange(this.value);
|
|
243
|
+
this.focused = true;
|
|
244
|
+
this.onFocus.emit(event);
|
|
245
|
+
}
|
|
246
|
+
onInputBlur(event) {
|
|
247
|
+
this.focused = false;
|
|
248
|
+
this.onModelTouched();
|
|
249
|
+
this.onBlur.emit(event);
|
|
250
|
+
}
|
|
251
|
+
onChange(event) {
|
|
252
|
+
this.select(event);
|
|
253
|
+
}
|
|
254
|
+
checkName() {
|
|
255
|
+
if (this.name && this.formControlName && this.name !== this.formControlName) {
|
|
256
|
+
this.throwNameError();
|
|
257
|
+
}
|
|
258
|
+
if (!this.name && this.formControlName) {
|
|
259
|
+
this.name = this.formControlName;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
throwNameError() {
|
|
263
|
+
throw new Error(`
|
|
264
|
+
If you define both a name and a formControlName attribute on your radio button, their values
|
|
265
|
+
must match. Ex: <p-radioButton formControlName="food" name="food"></p-radioButton>
|
|
266
|
+
`);
|
|
267
|
+
}
|
|
268
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RadioComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
269
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: RadioComponent, isStandalone: true, selector: "ap-radio", inputs: { ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], disabled: "disabled", labelPosition: "labelPosition", radioId: "radioId", formControlName: "formControlName", value: "value", required: "required", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, providers: [RADIO_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"radio-button-container\"\n [class.label-left]=\"labelPosition === 'left'\">\n <input\n #input\n type=\"radio\"\n tabindex=\"0\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name + '-radio-' + radioIndex\"\n [attr.value]=\"value\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.data-test]=\"hostDataTest ?? name\"\n [checked]=\"checked\"\n [class.disabled]=\"disabled\"\n (change)=\"onChange($event)\"\n (blur)=\"onInputBlur($event)\"\n (focus)=\"onInputFocus($event)\" />\n <div\n class=\"radio-button\"\n [class.disabled]=\"disabled\"\n (click)=\"select($event)\"></div>\n <label\n [for]=\"inputId\"\n (click)=\"select($event)\">\n <ng-content />\n </label>\n</div>\n", styles: ["ap-radio .radio-button-container{display:flex;align-items:center;gap:var(--ref-spacing-xxs)}ap-radio .radio-button-container.label-left{flex-direction:row-reverse}ap-radio .radio-button-container input[type=radio]{transform:scale(0);position:absolute}ap-radio .radio-button-container input[type=radio]:checked~.radio-button{border-color:var(--ref-color-electric-blue-100);box-shadow:inset 0 0 0 3px var(--ref-color-white)}ap-radio .radio-button-container input[type=radio]:checked~.radio-button.disabled{background:var(--ref-color-grey-40);box-shadow:inset 0 0 0 3px var(--ref-color-grey-10)}ap-radio .radio-button-container input[type=radio]:checked:focus~.radio-button{border-color:var(--ref-color-electric-blue-100)}ap-radio .radio-button-container input[type=radio].disabled~.radio-button{pointer-events:none;cursor:default;box-shadow:inset 0 0 0 16px var(--ref-color-grey-10);border-color:var(--ref-color-grey-20)}ap-radio .radio-button-container input[type=radio].disabled~label{pointer-events:none;cursor:default;color:var(--ref-color-grey-60)}ap-radio .radio-button-container input[type=radio]:focus~.radio-button{outline:3px solid var(--ref-color-electric-blue-100);border-color:var(--ref-color-grey-80);outline-offset:1px}ap-radio .radio-button-container .radio-button{width:16px;height:16px;border-radius:100%;border:1px solid var(--ref-color-grey-60);background:var(--ref-color-electric-blue-100);box-shadow:inset 0 0 0 16px var(--ref-color-white);transition:box-shadow var(--comp-radio-transition-duration);flex-shrink:0}ap-radio .radio-button-container .radio-button:hover:not(.disabled){cursor:pointer;border-color:var(--ref-color-grey-80)}ap-radio .radio-button-container label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height);color:var(--ref-color-grey-100)}ap-radio .radio-button-container label:empty{display:none}ap-radio .radio-button-container label.disabled{color:var(--ref-color-grey-60)}ap-radio .radio-button-container label:hover:not(.disabled){cursor:pointer}ap-radio.ng-invalid.ng-dirty .radio-button{border-color:var(--ref-color-red-100)}ap-radio.ng-invalid.ng-dirty .radio-button:hover{border-color:var(--ref-color-red-60)}ap-radio.ng-invalid.ng-dirty input[type=radio]:focus~.radio-button{border-color:var(--ref-color-red-60)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
270
|
+
}
|
|
271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RadioComponent, decorators: [{
|
|
272
|
+
type: Component,
|
|
273
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-radio', standalone: true, imports: [NgIf, SymbolComponent, CommonModule], providers: [RADIO_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"radio-button-container\"\n [class.label-left]=\"labelPosition === 'left'\">\n <input\n #input\n type=\"radio\"\n tabindex=\"0\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name + '-radio-' + radioIndex\"\n [attr.value]=\"value\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.data-test]=\"hostDataTest ?? name\"\n [checked]=\"checked\"\n [class.disabled]=\"disabled\"\n (change)=\"onChange($event)\"\n (blur)=\"onInputBlur($event)\"\n (focus)=\"onInputFocus($event)\" />\n <div\n class=\"radio-button\"\n [class.disabled]=\"disabled\"\n (click)=\"select($event)\"></div>\n <label\n [for]=\"inputId\"\n (click)=\"select($event)\">\n <ng-content />\n </label>\n</div>\n", styles: ["ap-radio .radio-button-container{display:flex;align-items:center;gap:var(--ref-spacing-xxs)}ap-radio .radio-button-container.label-left{flex-direction:row-reverse}ap-radio .radio-button-container input[type=radio]{transform:scale(0);position:absolute}ap-radio .radio-button-container input[type=radio]:checked~.radio-button{border-color:var(--ref-color-electric-blue-100);box-shadow:inset 0 0 0 3px var(--ref-color-white)}ap-radio .radio-button-container input[type=radio]:checked~.radio-button.disabled{background:var(--ref-color-grey-40);box-shadow:inset 0 0 0 3px var(--ref-color-grey-10)}ap-radio .radio-button-container input[type=radio]:checked:focus~.radio-button{border-color:var(--ref-color-electric-blue-100)}ap-radio .radio-button-container input[type=radio].disabled~.radio-button{pointer-events:none;cursor:default;box-shadow:inset 0 0 0 16px var(--ref-color-grey-10);border-color:var(--ref-color-grey-20)}ap-radio .radio-button-container input[type=radio].disabled~label{pointer-events:none;cursor:default;color:var(--ref-color-grey-60)}ap-radio .radio-button-container input[type=radio]:focus~.radio-button{outline:3px solid var(--ref-color-electric-blue-100);border-color:var(--ref-color-grey-80);outline-offset:1px}ap-radio .radio-button-container .radio-button{width:16px;height:16px;border-radius:100%;border:1px solid var(--ref-color-grey-60);background:var(--ref-color-electric-blue-100);box-shadow:inset 0 0 0 16px var(--ref-color-white);transition:box-shadow var(--comp-radio-transition-duration);flex-shrink:0}ap-radio .radio-button-container .radio-button:hover:not(.disabled){cursor:pointer;border-color:var(--ref-color-grey-80)}ap-radio .radio-button-container label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height);color:var(--ref-color-grey-100)}ap-radio .radio-button-container label:empty{display:none}ap-radio .radio-button-container label.disabled{color:var(--ref-color-grey-60)}ap-radio .radio-button-container label:hover:not(.disabled){cursor:pointer}ap-radio.ng-invalid.ng-dirty .radio-button{border-color:var(--ref-color-red-100)}ap-radio.ng-invalid.ng-dirty .radio-button:hover{border-color:var(--ref-color-red-60)}ap-radio.ng-invalid.ng-dirty input[type=radio]:focus~.radio-button{border-color:var(--ref-color-red-60)}\n"] }]
|
|
274
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { inputElement: [{
|
|
275
|
+
type: ViewChild,
|
|
276
|
+
args: ['input', { static: true }]
|
|
277
|
+
}], labelElement: [{
|
|
278
|
+
type: ViewChild,
|
|
279
|
+
args: ['label', { static: true }]
|
|
280
|
+
}], ariaLabel: [{
|
|
281
|
+
type: Input,
|
|
282
|
+
args: ['aria-label']
|
|
283
|
+
}], ariaLabelledby: [{
|
|
284
|
+
type: Input,
|
|
285
|
+
args: ['aria-labelledby']
|
|
286
|
+
}], ariaDescribedby: [{
|
|
287
|
+
type: Input,
|
|
288
|
+
args: ['aria-describedby']
|
|
289
|
+
}], disabled: [{
|
|
290
|
+
type: Input
|
|
291
|
+
}], labelPosition: [{
|
|
292
|
+
type: Input
|
|
293
|
+
}], radioId: [{
|
|
294
|
+
type: Input,
|
|
295
|
+
args: [{
|
|
296
|
+
required: true,
|
|
297
|
+
}]
|
|
298
|
+
}], formControlName: [{
|
|
299
|
+
type: Input
|
|
300
|
+
}], value: [{
|
|
301
|
+
type: Input,
|
|
302
|
+
args: [{
|
|
303
|
+
required: true,
|
|
304
|
+
}]
|
|
305
|
+
}], required: [{
|
|
306
|
+
type: Input
|
|
307
|
+
}], name: [{
|
|
308
|
+
type: Input
|
|
309
|
+
}], onClick: [{
|
|
310
|
+
type: Output
|
|
311
|
+
}], onFocus: [{
|
|
312
|
+
type: Output
|
|
313
|
+
}], onBlur: [{
|
|
314
|
+
type: Output
|
|
315
|
+
}] } });
|
|
316
|
+
|
|
317
|
+
/**
|
|
318
|
+
* Generated bundle index. Do not edit.
|
|
319
|
+
*/
|
|
320
|
+
|
|
321
|
+
export { RADIO_VALUE_ACCESSOR, RadioComponent, RadioControlRegistry };
|
|
322
|
+
//# sourceMappingURL=agorapulse-ui-components-radio.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agorapulse-ui-components-radio.mjs","sources":["../../../libs/ui-components/radio/src/radio-control.registry.ts","../../../libs/ui-components/radio/src/radio.component.ts","../../../libs/ui-components/radio/src/radio.component.html","../../../libs/ui-components/radio/src/agorapulse-ui-components-radio.ts"],"sourcesContent":["import { forwardRef, Injectable, Provider } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { RadioComponent } from './radio.component';\n\nexport const RADIO_VALUE_ACCESSOR: Provider = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => RadioComponent),\n multi: true,\n};\n\n@Injectable({\n providedIn: 'root',\n})\nexport class RadioControlRegistry {\n private accessors: [NgControl, RadioComponent][] = [];\n\n add(control: NgControl, accessor: RadioComponent) {\n this.accessors.push([control, accessor]);\n }\n\n remove(accessor: RadioComponent) {\n this.accessors = this.accessors.filter(([, radioComponent]) => {\n return radioComponent !== accessor;\n });\n }\n\n select(accessor: RadioComponent) {\n this.accessors.forEach(([ngControl, radioComponent]) => {\n if (this.isSameGroup(ngControl, radioComponent, accessor) && radioComponent !== accessor) {\n radioComponent.writeValue(accessor.value);\n }\n });\n }\n\n getIndex(accessor: RadioComponent): number {\n return this.accessors.findIndex(([, radioComponent]) => {\n return radioComponent === accessor;\n });\n }\n\n getNextRadio(accessor: RadioComponent): RadioComponent | null {\n const index = this.getIndex(accessor);\n const nextIndex = index + 1;\n if (nextIndex >= this.accessors.length) {\n return this.accessors[0][1];\n }\n const nextRadio = this.accessors[nextIndex];\n return nextRadio ? nextRadio[1] : null;\n }\n\n getPreviousRadio(accessor: RadioComponent): RadioComponent | null {\n const index = this.getIndex(accessor);\n if (index === 0) {\n return this.accessors[this.accessors.length - 1][1];\n }\n const previousIndex = index - 1;\n const previousRadio = this.accessors[previousIndex];\n return previousRadio ? previousRadio[1] : null;\n }\n\n blurAllGroup(accessor: RadioComponent): void {\n this.accessors.forEach(([, radioComponent]) => {\n if (this.isSameGroup(accessor.control, radioComponent, accessor)) {\n radioComponent.inputElement.nativeElement.blur();\n }\n });\n }\n\n setNegativeTabIndexToAllExcept(accessor: RadioComponent): void {\n this.accessors.forEach(([, radioComponent]) => {\n if (this.isSameGroup(accessor.control, radioComponent, accessor)) {\n if (accessor.radioId !== radioComponent.radioId) {\n radioComponent.inputElement.nativeElement.tabIndex = -1;\n } else {\n radioComponent.inputElement.nativeElement.tabIndex = 0;\n }\n }\n });\n }\n\n focusPrevious(accessor: RadioComponent): void {\n const previousRadio = this.getPreviousRadio(accessor);\n if (previousRadio) {\n previousRadio.inputElement.nativeElement.focus();\n }\n }\n\n focusNext(accessor: RadioComponent): void {\n const nextRadio = this.getNextRadio(accessor);\n if (nextRadio) {\n nextRadio.inputElement.nativeElement.focus();\n }\n }\n\n getFirstCheckedRadio(): RadioComponent | null {\n const checkedRadio = this.accessors.find(([, radioComponent]) => {\n return radioComponent.checked;\n });\n return checkedRadio ? checkedRadio[1] : null;\n }\n\n private isSameGroup(ngControl: NgControl, radioComponent: RadioComponent, accessor: RadioComponent): boolean {\n if (!ngControl.control) {\n return false;\n }\n return radioComponent.name === accessor.name;\n }\n}\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n inject,\n Injector,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule, NgIf } from '@angular/common';\nimport { SymbolComponent } from '@agorapulse/ui-symbol';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { RADIO_VALUE_ACCESSOR, RadioControlRegistry } from './radio-control.registry';\nimport { filter, fromEvent, Subject, takeUntil } from 'rxjs';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-radio',\n styleUrls: ['./radio.component.scss'],\n standalone: true,\n imports: [NgIf, SymbolComponent, CommonModule],\n providers: [RADIO_VALUE_ACCESSOR],\n templateUrl: './radio.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class RadioComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnInit, OnDestroy {\n public readonly injector: Injector = inject(Injector);\n private readonly changeDetectorRef: ChangeDetectorRef = inject(ChangeDetectorRef);\n private readonly radioControlRegistry: RadioControlRegistry = inject(RadioControlRegistry);\n private readonly ngZone: NgZone = inject(NgZone);\n\n @ViewChild('input', { static: true }) inputElement!: ElementRef<HTMLInputElement>;\n @ViewChild('label', { static: true }) labelElement!: ElementRef<HTMLInputElement>;\n @Input('aria-label') ariaLabel = '';\n @Input('aria-labelledby') ariaLabelledby: string | null = null;\n @Input('aria-describedby') ariaDescribedby = '';\n @Input() set disabled(disabled: boolean) {\n this._disabled = disabled;\n }\n\n get disabled(): boolean {\n return this._disabled;\n }\n @Input() labelPosition: 'left' | 'right' = 'right';\n @Input({\n required: true,\n })\n radioId = '';\n @Input() formControlName!: string;\n @Input({\n required: true,\n })\n value: unknown;\n @Input() required = false;\n @Input() name = '';\n\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n @Output() onClick: EventEmitter<{\n originalEvent: Event;\n value: unknown;\n }> = new EventEmitter();\n\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter();\n\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter();\n\n inputId = '';\n _disabled = false;\n hasLabel = false;\n hostDataTest: string | undefined;\n control!: NgControl;\n checked = false;\n focused = false;\n radioIndex = 0;\n private readonly destroy$: Subject<void> = new Subject<void>();\n\n public onModelChange: (value: unknown) => void = () => {\n // ignore\n };\n\n public onModelTouched: () => void = () => {\n // ignore\n };\n\n constructor(private elementRef: ElementRef) {\n this.hostDataTest = elementRef.nativeElement.getAttribute('data-test');\n\n this.ngZone.runOutsideAngular(() => {\n fromEvent(window, 'keydown')\n .pipe(\n filter((event): event is KeyboardEvent => 'key' in event),\n takeUntil(this.destroy$)\n )\n .subscribe((event: KeyboardEvent) => {\n // Handle keydown event\n switch (event.key) {\n case 'ArrowDown':\n case 'ArrowRight':\n this.ngZone.run(() => {\n if (this.focused) {\n event.stopImmediatePropagation();\n this.radioControlRegistry.blurAllGroup(this);\n this.radioControlRegistry.focusNext(this);\n }\n });\n break;\n case 'ArrowUp':\n case 'ArrowLeft':\n this.ngZone.run(() => {\n event.preventDefault();\n if (this.focused) {\n event.stopImmediatePropagation();\n this.radioControlRegistry.blurAllGroup(this);\n this.radioControlRegistry.focusPrevious(this);\n }\n });\n break;\n default:\n return;\n }\n });\n });\n }\n\n ngOnChanges(): void {\n if (this.labelElement) {\n this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();\n }\n }\n\n ngOnInit() {\n this.control = this.injector.get(NgControl);\n this.checkName();\n this.radioControlRegistry.add(this.control, this);\n this.radioIndex = this.radioControlRegistry.getIndex(this);\n this.inputId = `${this.radioId}-${this.radioIndex}`;\n }\n\n ngAfterContentInit(): void {\n if (this.labelElement) {\n this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();\n }\n }\n\n ngOnDestroy() {\n this.radioControlRegistry.remove(this);\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n handleClick(event: MouseEvent, radioButton: HTMLInputElement) {\n event.preventDefault();\n\n if (this.disabled) {\n return;\n }\n this.select(event);\n radioButton.focus();\n }\n\n select(event: Event) {\n if (!this.disabled) {\n this.inputElement.nativeElement.checked = true;\n this.checked = true;\n this.onModelChange(this.value);\n this.radioControlRegistry.select(this);\n this.onClick.emit({ originalEvent: event, value: this.value });\n }\n }\n\n writeValue(value: unknown): void {\n this.checked = value == this.value;\n\n if (this.inputElement?.nativeElement) {\n this.inputElement.nativeElement.checked = this.checked;\n }\n\n this.changeDetectorRef.markForCheck();\n }\n\n registerOnChange(fn: () => void): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onModelTouched = fn;\n }\n\n onInputFocus(event: FocusEvent) {\n this.radioControlRegistry.setNegativeTabIndexToAllExcept(this);\n this.inputElement.nativeElement.checked = true;\n this.checked = true;\n this.onModelChange(this.value);\n this.focused = true;\n this.onFocus.emit(event);\n }\n\n onInputBlur(event: FocusEvent) {\n this.focused = false;\n this.onModelTouched();\n this.onBlur.emit(event);\n }\n\n onChange(event: Event) {\n this.select(event);\n }\n\n private checkName() {\n if (this.name && this.formControlName && this.name !== this.formControlName) {\n this.throwNameError();\n }\n if (!this.name && this.formControlName) {\n this.name = this.formControlName;\n }\n }\n\n private throwNameError() {\n throw new Error(`\n If you define both a name and a formControlName attribute on your radio button, their values\n must match. Ex: <p-radioButton formControlName=\"food\" name=\"food\"></p-radioButton>\n `);\n }\n}\n","<div\n class=\"radio-button-container\"\n [class.label-left]=\"labelPosition === 'left'\">\n <input\n #input\n type=\"radio\"\n tabindex=\"0\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name + '-radio-' + radioIndex\"\n [attr.value]=\"value\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.data-test]=\"hostDataTest ?? name\"\n [checked]=\"checked\"\n [class.disabled]=\"disabled\"\n (change)=\"onChange($event)\"\n (blur)=\"onInputBlur($event)\"\n (focus)=\"onInputFocus($event)\" />\n <div\n class=\"radio-button\"\n [class.disabled]=\"disabled\"\n (click)=\"select($event)\"></div>\n <label\n [for]=\"inputId\"\n (click)=\"select($event)\">\n <ng-content />\n </label>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { NgClass } from '@angular/common';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { EventEmitter, forwardRef, Component, Input, Output } from '@angular/core';
|
|
4
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
|
+
|
|
6
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
7
|
+
class SlideToggleComponent {
|
|
8
|
+
_checked = false;
|
|
9
|
+
set checked(status) {
|
|
10
|
+
this._checked = status;
|
|
11
|
+
this.onChanged(status);
|
|
12
|
+
}
|
|
13
|
+
get checked() {
|
|
14
|
+
return this._checked;
|
|
15
|
+
}
|
|
16
|
+
disabled = false;
|
|
17
|
+
checkedChange = new EventEmitter();
|
|
18
|
+
checkManuallyChange(checked) {
|
|
19
|
+
if (this._checked !== checked) {
|
|
20
|
+
this.checkedChange.emit(checked);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
onClick() {
|
|
24
|
+
if (!this.disabled) {
|
|
25
|
+
this.checkedChange.emit(!this.checked);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
onTouched = () => { };
|
|
29
|
+
onChanged = () => { };
|
|
30
|
+
registerOnChange(fn) {
|
|
31
|
+
this.onChanged = fn;
|
|
32
|
+
}
|
|
33
|
+
registerOnTouched(fn) {
|
|
34
|
+
this.onTouched = fn;
|
|
35
|
+
}
|
|
36
|
+
writeValue(status) {
|
|
37
|
+
this.checked = status;
|
|
38
|
+
}
|
|
39
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: SlideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: SlideToggleComponent, isStandalone: true, selector: "ap-slide-toggle", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, providers: [
|
|
41
|
+
{
|
|
42
|
+
provide: NG_VALUE_ACCESSOR,
|
|
43
|
+
useExisting: forwardRef(() => SlideToggleComponent),
|
|
44
|
+
multi: true,
|
|
45
|
+
},
|
|
46
|
+
], ngImport: i0, template: "<label\n class=\"switch\"\n [ngClass]=\"{ checked: checked, enabled: !disabled }\"\n (click)=\"onClick()\">\n <span\n [ngClass]=\"{ checked: checked }\"\n class=\"slider\"></span>\n</label>\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}.switch{position:relative;display:inline-block;width:34px;height:16px;background-color:#ccc;border-radius:14px}.switch.enabled{cursor:pointer}.switch.checked{background-color:#00aeef}.slider{position:absolute;inset:1px 0 0 1px;transition:.2s;content:\"\";height:14px;width:14px;border-radius:50%;background-color:#fff}.slider.checked{transform:translate(18px)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
47
|
+
}
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: SlideToggleComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{ selector: 'ap-slide-toggle', providers: [
|
|
51
|
+
{
|
|
52
|
+
provide: NG_VALUE_ACCESSOR,
|
|
53
|
+
useExisting: forwardRef(() => SlideToggleComponent),
|
|
54
|
+
multi: true,
|
|
55
|
+
},
|
|
56
|
+
], standalone: true, imports: [NgClass], template: "<label\n class=\"switch\"\n [ngClass]=\"{ checked: checked, enabled: !disabled }\"\n (click)=\"onClick()\">\n <span\n [ngClass]=\"{ checked: checked }\"\n class=\"slider\"></span>\n</label>\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}.switch{position:relative;display:inline-block;width:34px;height:16px;background-color:#ccc;border-radius:14px}.switch.enabled{cursor:pointer}.switch.checked{background-color:#00aeef}.slider{position:absolute;inset:1px 0 0 1px;transition:.2s;content:\"\";height:14px;width:14px;border-radius:50%;background-color:#fff}.slider.checked{transform:translate(18px)}\n"] }]
|
|
57
|
+
}], propDecorators: { checked: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], disabled: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], checkedChange: [{
|
|
62
|
+
type: Output
|
|
63
|
+
}] } });
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Generated bundle index. Do not edit.
|
|
67
|
+
*/
|
|
68
|
+
|
|
69
|
+
export { SlideToggleComponent };
|
|
70
|
+
//# sourceMappingURL=agorapulse-ui-components-slide-toggle.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agorapulse-ui-components-slide-toggle.mjs","sources":["../../../libs/ui-components/slide-toggle/src/slide-toggle.component.ts","../../../libs/ui-components/slide-toggle/src/slide-toggle.component.html","../../../libs/ui-components/slide-toggle/src/agorapulse-ui-components-slide-toggle.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport { NgClass } from '@angular/common';\nimport { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'ap-slide-toggle',\n templateUrl: './slide-toggle.component.html',\n styleUrls: ['./slide-toggle.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SlideToggleComponent),\n multi: true,\n },\n ],\n standalone: true,\n imports: [NgClass],\n})\nexport class SlideToggleComponent implements ControlValueAccessor {\n private _checked = false;\n\n @Input() set checked(status: boolean) {\n this._checked = status;\n this.onChanged(status);\n }\n\n get checked(): boolean {\n return this._checked;\n }\n\n @Input() disabled = false;\n\n @Output() checkedChange = new EventEmitter<boolean>();\n\n checkManuallyChange(checked: boolean): void {\n if (this._checked !== checked) {\n this.checkedChange.emit(checked);\n }\n }\n\n onClick(): void {\n if (!this.disabled) {\n this.checkedChange.emit(!this.checked);\n }\n }\n\n public onTouched: () => void = () => {};\n public onChanged: (checked: boolean) => void = () => {};\n\n registerOnChange(fn: any): void {\n this.onChanged = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n writeValue(status: boolean): void {\n this.checked = status;\n }\n}\n","<label\n class=\"switch\"\n [ngClass]=\"{ checked: checked, enabled: !disabled }\"\n (click)=\"onClick()\">\n <span\n [ngClass]=\"{ checked: checked }\"\n class=\"slider\"></span>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAAA;MAmBa,oBAAoB,CAAA;IACrB,QAAQ,GAAG,KAAK,CAAC;IAEzB,IAAa,OAAO,CAAC,MAAe,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;KAC1B;AAED,IAAA,IAAI,OAAO,GAAA;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;KACxB;IAEQ,QAAQ,GAAG,KAAK,CAAC;AAEhB,IAAA,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;AAEtD,IAAA,mBAAmB,CAAC,OAAgB,EAAA;AAChC,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACpC,SAAA;KACJ;IAED,OAAO,GAAA;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC1C,SAAA;KACJ;AAEM,IAAA,SAAS,GAAe,MAAK,GAAG,CAAC;AACjC,IAAA,SAAS,GAA+B,MAAK,GAAG,CAAC;AAExD,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACpB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;AAED,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;AAED,IAAA,UAAU,CAAC,MAAe,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;KACzB;wGAzCQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,EAVlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;SACJ,ECfL,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,2NAQA,40LDSc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAER,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAdhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGhB,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACnD,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;AACJ,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,OAAA,EACP,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,2NAAA,EAAA,MAAA,EAAA,CAAA,oxLAAA,CAAA,EAAA,CAAA;8BAKL,OAAO,EAAA,CAAA;sBAAnB,KAAK;gBASG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEI,aAAa,EAAA,CAAA;sBAAtB,MAAM;;;AEjCX;;AAEG;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as i2 from '@agorapulse/ui-symbol';
|
|
2
|
+
import { apClose, SymbolComponent } from '@agorapulse/ui-symbol';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';
|
|
5
|
+
import * as i1 from '@angular/material/legacy-snack-bar';
|
|
6
|
+
import { MAT_LEGACY_SNACK_BAR_DATA } from '@angular/material/legacy-snack-bar';
|
|
7
|
+
|
|
8
|
+
class SnackBarComponent {
|
|
9
|
+
snackBarRef;
|
|
10
|
+
data;
|
|
11
|
+
symbolRegistry;
|
|
12
|
+
constructor(snackBarRef, data, symbolRegistry) {
|
|
13
|
+
this.snackBarRef = snackBarRef;
|
|
14
|
+
this.data = data;
|
|
15
|
+
this.symbolRegistry = symbolRegistry;
|
|
16
|
+
this.symbolRegistry.registerSymbols([apClose]);
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: SnackBarComponent, deps: [{ token: i1.MatLegacySnackBarRef }, { token: MAT_LEGACY_SNACK_BAR_DATA }, { token: i2.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: SnackBarComponent, isStandalone: true, selector: "ap-snackbar", ngImport: i0, template: "<div class=\"snackbar-content\">\n <div\n class=\"snackbar-text\"\n [innerHTML]=\"data.message\"></div>\n <ap-symbol\n class=\"snackbar-close\"\n symbolId=\"close\"\n size=\"12\"\n (click)=\"snackBarRef.dismiss()\" />\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}.snackbar-content{display:flex;margin-top:4px}.snackbar-content .snackbar-close{margin-top:2px;margin-left:32px;cursor:pointer;color:#d6dae0}.snackbar-content .snackbar-text{flex:1}:host-context(.warning) .snackbar-content .snackbar-close{color:#858fa1}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["color", "symbolId", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: SnackBarComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-snackbar', standalone: true, imports: [SymbolComponent], template: "<div class=\"snackbar-content\">\n <div\n class=\"snackbar-text\"\n [innerHTML]=\"data.message\"></div>\n <ap-symbol\n class=\"snackbar-close\"\n symbolId=\"close\"\n size=\"12\"\n (click)=\"snackBarRef.dismiss()\" />\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}.snackbar-content{display:flex;margin-top:4px}.snackbar-content .snackbar-close{margin-top:2px;margin-left:32px;cursor:pointer;color:#d6dae0}.snackbar-content .snackbar-text{flex:1}:host-context(.warning) .snackbar-content .snackbar-close{color:#858fa1}\n"] }]
|
|
24
|
+
}], ctorParameters: function () { return [{ type: i1.MatLegacySnackBarRef }, { type: undefined, decorators: [{
|
|
25
|
+
type: Inject,
|
|
26
|
+
args: [MAT_LEGACY_SNACK_BAR_DATA]
|
|
27
|
+
}] }, { type: i2.SymbolRegistry }]; } });
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Generated bundle index. Do not edit.
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
export { SnackBarComponent };
|
|
34
|
+
//# sourceMappingURL=agorapulse-ui-components-snackbar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agorapulse-ui-components-snackbar.mjs","sources":["../../../libs/ui-components/snackbar/src/snackbar.component.ts","../../../libs/ui-components/snackbar/src/snackbar.component.html","../../../libs/ui-components/snackbar/src/agorapulse-ui-components-snackbar.ts"],"sourcesContent":["import { apClose, SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\nimport { ChangeDetectionStrategy, Component, Inject } from '@angular/core';\nimport {\n MAT_LEGACY_SNACK_BAR_DATA as MAT_SNACK_BAR_DATA,\n MatLegacySnackBarRef as MatSnackBarRef,\n} from '@angular/material/legacy-snack-bar';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-snackbar',\n templateUrl: 'snackbar.component.html',\n styleUrls: ['snackbar.component.scss'],\n standalone: true,\n imports: [SymbolComponent],\n})\nexport class SnackBarComponent {\n constructor(\n public snackBarRef: MatSnackBarRef<SnackBarComponent>,\n @Inject(MAT_SNACK_BAR_DATA) public data: any,\n public symbolRegistry: SymbolRegistry\n ) {\n this.symbolRegistry.registerSymbols([apClose]);\n }\n}\n","<div class=\"snackbar-content\">\n <div\n class=\"snackbar-text\"\n [innerHTML]=\"data.message\"></div>\n <ap-symbol\n class=\"snackbar-close\"\n symbolId=\"close\"\n size=\"12\"\n (click)=\"snackBarRef.dismiss()\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["MAT_SNACK_BAR_DATA"],"mappings":";;;;;;;MAea,iBAAiB,CAAA;AAEf,IAAA,WAAA,CAAA;AAC4B,IAAA,IAAA,CAAA;AAC5B,IAAA,cAAA,CAAA;AAHX,IAAA,WAAA,CACW,WAA8C,EAClB,IAAS,EACrC,cAA8B,EAAA;QAF9B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAmC;QAClB,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAK;QACrC,IAAc,CAAA,cAAA,GAAd,cAAc,CAAgB;QAErC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;KAClD;AAPQ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,sDAGdA,yBAAkB,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAHrB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf9B,qRAUA,EAAA,MAAA,EAAA,CAAA,yqLAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGc,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEhB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;sCACW,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,aAAa,cAGX,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,qRAAA,EAAA,MAAA,EAAA,CAAA,yqLAAA,CAAA,EAAA,CAAA;;0BAKrB,MAAM;2BAACA,yBAAkB,CAAA;;;AElBlC;;AAEG;;;;"}
|