@ardium-ui/ui 1.0.2 → 2.0.1
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/esm2022/lib/_internal/boolean-component.mjs +28 -42
- package/esm2022/lib/_internal/clear-button/clear-button.component.mjs +5 -5
- package/esm2022/lib/_internal/clear-button/clear-button.module.mjs +4 -4
- package/esm2022/lib/_internal/disablable-component.mjs +24 -22
- package/esm2022/lib/_internal/focusable-component.mjs +12 -25
- package/esm2022/lib/_internal/item-storages/dropdown-item-storage.mjs +172 -169
- package/esm2022/lib/_internal/item-storages/simple-item-storage.mjs +115 -120
- package/esm2022/lib/_internal/item-storages/simplest-item-storage.mjs +56 -53
- package/esm2022/lib/_internal/models/pagination.model.mjs +72 -106
- package/esm2022/lib/_internal/ngmodel-component.mjs +5 -5
- package/esm2022/lib/_internal/queue.mjs +1 -1
- package/esm2022/lib/_internal/selectable-list-component.mjs +74 -98
- package/esm2022/lib/badge/badge.directive.mjs +70 -99
- package/esm2022/lib/badge/badge.module.mjs +4 -4
- package/esm2022/lib/badge/index.mjs +4 -0
- package/esm2022/lib/buttons/_button-base.mjs +13 -35
- package/esm2022/lib/buttons/button/button.component.mjs +22 -37
- package/esm2022/lib/buttons/button/button.module.mjs +4 -4
- package/esm2022/lib/buttons/button/index.mjs +3 -0
- package/esm2022/lib/buttons/fab/fab.component.mjs +16 -28
- package/esm2022/lib/buttons/fab/fab.module.mjs +4 -4
- package/esm2022/lib/buttons/fab/index.mjs +3 -0
- package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +17 -25
- package/esm2022/lib/buttons/icon-button/icon-button.module.mjs +4 -4
- package/esm2022/lib/buttons/icon-button/index.mjs +3 -0
- package/esm2022/lib/card/card.children.mjs +32 -33
- package/esm2022/lib/card/card.component.mjs +14 -17
- package/esm2022/lib/card/card.module.mjs +4 -4
- package/esm2022/lib/card/index.mjs +5 -0
- package/esm2022/lib/checkbox/checkbox.component.mjs +33 -46
- package/esm2022/lib/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/checkbox/index.mjs +4 -0
- package/esm2022/lib/checkbox-list/checkbox-list.component.mjs +31 -57
- package/esm2022/lib/checkbox-list/checkbox-list.module.mjs +4 -4
- package/esm2022/lib/checkbox-list/index.mjs +4 -0
- package/esm2022/lib/chip/chip.component.mjs +22 -42
- package/esm2022/lib/chip/chip.module.mjs +4 -4
- package/esm2022/lib/chip/deletable-chip/deletable-chip.component.mjs +28 -53
- package/esm2022/lib/chip/index.mjs +5 -0
- package/esm2022/lib/chip/selectable-chip/selectable-chip.component.mjs +25 -49
- package/esm2022/lib/color/color-display/color-display.component.mjs +15 -32
- package/esm2022/lib/color/color-display/color-display.module.mjs +4 -4
- package/esm2022/lib/color/color-display/index.mjs +4 -0
- package/esm2022/lib/color/color-picker/color-picker.types.mjs +1 -1
- package/esm2022/lib/dialog/dialog.component.mjs +54 -130
- package/esm2022/lib/dialog/dialog.directives.mjs +3 -3
- package/esm2022/lib/dialog/dialog.module.mjs +4 -4
- package/esm2022/lib/dialog/dialog.types.mjs +1 -1
- package/esm2022/lib/dialog/index.mjs +5 -0
- package/esm2022/lib/divider/divider.component.mjs +9 -14
- package/esm2022/lib/divider/divider.module.mjs +4 -4
- package/esm2022/lib/divider/index.mjs +3 -0
- package/esm2022/lib/dropdown-panel/dropdown-panel.component.mjs +40 -59
- package/esm2022/lib/dropdown-panel/dropdown-panel.module.mjs +4 -4
- package/esm2022/lib/dropdown-panel/index.mjs +4 -0
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.component.mjs +12 -17
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.directives.mjs +9 -9
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.module.mjs +6 -6
- package/esm2022/lib/file-inputs/file-drop-area/index.mjs +4 -0
- package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +24 -50
- package/esm2022/lib/file-inputs/file-input/file-input.directives.mjs +18 -18
- package/esm2022/lib/file-inputs/file-input/file-input.module.mjs +4 -4
- package/esm2022/lib/file-inputs/file-input/index.mjs +4 -0
- package/esm2022/lib/file-inputs/file-input-base.mjs +38 -72
- package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +20 -47
- package/esm2022/lib/form-field-frame/form-field-frame.directives.mjs +6 -6
- package/esm2022/lib/form-field-frame/form-field-frame.module.mjs +4 -4
- package/esm2022/lib/form-field-frame/index.mjs +4 -0
- package/esm2022/lib/icon/icon.component.mjs +32 -67
- package/esm2022/lib/icon/icon.module.mjs +4 -4
- package/esm2022/lib/icon/icon.pipe.mjs +3 -3
- package/esm2022/lib/icon/index.mjs +4 -0
- package/esm2022/lib/inputs/color-input/color-input.directives.mjs +24 -24
- package/esm2022/lib/inputs/color-input/color-input.types.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +65 -115
- package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +83 -92
- package/esm2022/lib/inputs/digit-input/digit-input.module.mjs +4 -4
- package/esm2022/lib/inputs/digit-input/digit-input.types.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.utils.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/index.mjs +4 -0
- package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +59 -122
- package/esm2022/lib/inputs/hex-input/hex-input.directives.mjs +9 -9
- package/esm2022/lib/inputs/hex-input/hex-input.module.mjs +24 -8
- package/esm2022/lib/inputs/hex-input/index.mjs +4 -0
- package/esm2022/lib/inputs/hex-input.model.mjs +24 -33
- package/esm2022/lib/inputs/input/index.mjs +4 -0
- package/esm2022/lib/inputs/input/input.component.mjs +95 -154
- package/esm2022/lib/inputs/input/input.directives.mjs +16 -16
- package/esm2022/lib/inputs/input/input.module.mjs +21 -7
- package/esm2022/lib/inputs/input-transformers.mjs +6 -6
- package/esm2022/lib/inputs/input-utils.mjs +75 -94
- package/esm2022/lib/inputs/number-input/index.mjs +4 -0
- package/esm2022/lib/inputs/number-input/number-input.component.mjs +106 -170
- package/esm2022/lib/inputs/number-input/number-input.directives.mjs +3 -3
- package/esm2022/lib/inputs/number-input/number-input.module.mjs +4 -4
- package/esm2022/lib/inputs/password-input/index.mjs +5 -0
- package/esm2022/lib/inputs/password-input/password-input.component.mjs +74 -144
- package/esm2022/lib/inputs/password-input/password-input.directives.mjs +12 -12
- package/esm2022/lib/inputs/password-input/password-input.module.mjs +4 -4
- package/esm2022/lib/inputs/password-input/password-input.types.mjs +1 -1
- package/esm2022/lib/inputs/simple-input/index.mjs +4 -0
- package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +57 -110
- package/esm2022/lib/inputs/simple-input/simple-input.directives.mjs +9 -9
- package/esm2022/lib/inputs/simple-input/simple-input.module.mjs +4 -4
- package/esm2022/lib/kbd/index.mjs +4 -0
- package/esm2022/lib/kbd/kbd.component.mjs +15 -29
- package/esm2022/lib/kbd/kbd.module.mjs +4 -4
- package/esm2022/lib/kbd/kbd.pipe.mjs +3 -3
- package/esm2022/lib/kbd-shortcut/index.mjs +3 -0
- package/esm2022/lib/kbd-shortcut/kbd-shortcut.component.mjs +23 -40
- package/esm2022/lib/kbd-shortcut/kbd-shortcut.module.mjs +4 -4
- package/esm2022/lib/modal/index.mjs +3 -0
- package/esm2022/lib/modal/modal.component.mjs +42 -83
- package/esm2022/lib/modal/modal.module.mjs +4 -4
- package/esm2022/lib/option/index.mjs +3 -0
- package/esm2022/lib/option/option.component.mjs +24 -46
- package/esm2022/lib/option/option.module.mjs +4 -4
- package/esm2022/lib/progress-bar/index.mjs +5 -0
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +43 -81
- package/esm2022/lib/progress-bar/progress-bar.directive.mjs +3 -3
- package/esm2022/lib/progress-bar/progress-bar.module.mjs +4 -4
- package/esm2022/lib/progress-bar/progress-bar.types.mjs +1 -1
- package/esm2022/lib/progress-circle/index.mjs +5 -0
- package/esm2022/lib/progress-circle/progress-circle.component.mjs +33 -78
- package/esm2022/lib/progress-circle/progress-circle.directive.mjs +3 -3
- package/esm2022/lib/progress-circle/progress-circle.module.mjs +4 -4
- package/esm2022/lib/progress-circle/progress-circle.types.mjs +1 -1
- package/esm2022/lib/radio/index.mjs +4 -0
- package/esm2022/lib/radio/radio/radio.component.mjs +16 -25
- package/esm2022/lib/radio/radio-group.component.mjs +71 -85
- package/esm2022/lib/radio/radio.module.mjs +4 -4
- package/esm2022/lib/search-functions.mjs +7 -7
- package/esm2022/lib/segment/index.mjs +5 -0
- package/esm2022/lib/segment/segment.component.mjs +70 -137
- package/esm2022/lib/segment/segment.directives.mjs +4 -4
- package/esm2022/lib/segment/segment.module.mjs +4 -4
- package/esm2022/lib/select/index.mjs +5 -0
- package/esm2022/lib/select/select.component.mjs +348 -655
- package/esm2022/lib/select/select.directive.mjs +46 -46
- package/esm2022/lib/select/select.module.mjs +4 -4
- package/esm2022/lib/select/select.types.mjs +1 -1
- package/esm2022/lib/slide-toggle/index.mjs +4 -0
- package/esm2022/lib/slide-toggle/slide-toggle.component.mjs +19 -24
- package/esm2022/lib/slide-toggle/slide-toggle.module.mjs +4 -4
- package/esm2022/lib/slide-toggle/slide-toggle.types.mjs +5 -0
- package/esm2022/lib/slider/abstract-slider.mjs +111 -200
- package/esm2022/lib/slider/index.mjs +7 -0
- package/esm2022/lib/slider/range-slider/range-slider.component.mjs +26 -23
- package/esm2022/lib/slider/range-slider/range-slider.module.mjs +4 -4
- package/esm2022/lib/slider/slider.component.mjs +13 -10
- package/esm2022/lib/slider/slider.directive.mjs +3 -3
- package/esm2022/lib/slider/slider.module.mjs +7 -7
- package/esm2022/lib/slider/slider.types.mjs +1 -1
- package/esm2022/lib/snackbar/snackbar-ref.mjs +1 -1
- package/esm2022/lib/snackbar/snackbar.component.mjs +8 -8
- package/esm2022/lib/snackbar/snackbar.service.mjs +13 -12
- package/esm2022/lib/snackbar/snackbar.types.mjs +1 -1
- package/esm2022/lib/spinner/index.mjs +3 -0
- package/esm2022/lib/spinner/spinner.component.mjs +9 -13
- package/esm2022/lib/spinner/spinner.module.mjs +4 -4
- package/esm2022/lib/star/index.mjs +4 -0
- package/esm2022/lib/star/star-button/index.mjs +3 -0
- package/esm2022/lib/star/star-button/star-button.component.mjs +17 -26
- package/esm2022/lib/star/star-button/star-button.module.mjs +4 -4
- package/esm2022/lib/star/star-display/index.mjs +3 -0
- package/esm2022/lib/star/star-display/star-display.component.mjs +48 -55
- package/esm2022/lib/star/star-display/star-display.module.mjs +4 -4
- package/esm2022/lib/star/star-input/index.mjs +3 -0
- package/esm2022/lib/star/star-input/star-input.component.mjs +70 -106
- package/esm2022/lib/star/star-input/star-input.module.mjs +4 -4
- package/esm2022/lib/star/star.component.mjs +12 -20
- package/esm2022/lib/star/star.module.mjs +4 -4
- package/esm2022/lib/statebox/index.mjs +3 -0
- package/esm2022/lib/statebox/statebox.component.mjs +64 -102
- package/esm2022/lib/statebox/statebox.module.mjs +4 -4
- package/esm2022/lib/statebox/statebox.types.mjs +1 -1
- package/esm2022/lib/tabber/index.mjs +4 -0
- package/esm2022/lib/tabber/tab/tab.component.mjs +42 -0
- package/esm2022/lib/tabber/tabber.component.mjs +83 -0
- package/esm2022/lib/tabber/tabber.module.mjs +19 -0
- package/esm2022/lib/table/index.mjs +5 -0
- package/esm2022/lib/table/table-item-storage.mjs +204 -200
- package/esm2022/lib/table/table.component.mjs +184 -304
- package/esm2022/lib/table/table.directives.mjs +19 -21
- package/esm2022/lib/table/table.module.mjs +4 -4
- package/esm2022/lib/table/utils.mjs +1 -1
- package/esm2022/lib/table-from-csv/index.mjs +3 -0
- package/esm2022/lib/table-from-csv/table-from-csv.component.mjs +85 -29
- package/esm2022/lib/table-from-csv/table-from-csv.module.mjs +4 -4
- package/esm2022/lib/table-pagination/index.mjs +4 -0
- package/esm2022/lib/table-pagination/table-pagination.component.mjs +46 -114
- package/esm2022/lib/table-pagination/table-pagination.module.mjs +4 -4
- package/esm2022/lib/types/item-storage.types.mjs +1 -1
- package/esm2022/lib/types/utility.types.mjs +2 -2
- package/esm2022/public-api.mjs +58 -182
- package/fesm2022/ardium-ui-ui.mjs +7847 -11692
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/boolean-component.d.ts +8 -9
- package/lib/_internal/clear-button/clear-button.component.d.ts +1 -1
- package/lib/_internal/disablable-component.d.ts +12 -7
- package/lib/_internal/focusable-component.d.ts +5 -7
- package/lib/_internal/item-storages/dropdown-item-storage.d.ts +43 -41
- package/lib/_internal/item-storages/simple-item-storage.d.ts +28 -25
- package/lib/_internal/item-storages/simplest-item-storage.d.ts +14 -9
- package/lib/_internal/models/pagination.model.d.ts +38 -42
- package/lib/_internal/ngmodel-component.d.ts +1 -1
- package/lib/_internal/selectable-list-component.d.ts +30 -30
- package/lib/badge/badge.directive.d.ts +15 -20
- package/lib/badge/index.d.ts +3 -0
- package/lib/buttons/_button-base.d.ts +9 -12
- package/lib/buttons/button/button.component.d.ts +6 -8
- package/lib/buttons/button/index.d.ts +2 -0
- package/lib/buttons/fab/fab.component.d.ts +4 -6
- package/lib/buttons/fab/index.d.ts +2 -0
- package/lib/buttons/icon-button/icon-button.component.d.ts +6 -7
- package/lib/buttons/icon-button/index.d.ts +2 -0
- package/lib/card/card.children.d.ts +4 -3
- package/lib/card/card.component.d.ts +5 -4
- package/lib/card/index.d.ts +4 -0
- package/lib/checkbox/checkbox.component.d.ts +8 -12
- package/lib/checkbox/index.d.ts +3 -0
- package/lib/checkbox-list/checkbox-list.component.d.ts +22 -21
- package/lib/checkbox-list/index.d.ts +3 -0
- package/lib/chip/chip.component.d.ts +8 -10
- package/lib/chip/deletable-chip/deletable-chip.component.d.ts +11 -14
- package/lib/chip/index.d.ts +4 -0
- package/lib/chip/selectable-chip/selectable-chip.component.d.ts +10 -12
- package/lib/color/color-display/color-display.component.d.ts +6 -9
- package/lib/color/color-display/index.d.ts +3 -0
- package/lib/color/color-picker/color-picker.types.d.ts +4 -4
- package/lib/dialog/dialog.component.d.ts +25 -35
- package/lib/dialog/dialog.types.d.ts +2 -2
- package/lib/dialog/index.d.ts +4 -0
- package/lib/divider/divider.component.d.ts +3 -4
- package/lib/divider/index.d.ts +2 -0
- package/lib/dropdown-panel/dropdown-panel.component.d.ts +17 -20
- package/lib/dropdown-panel/index.d.ts +3 -0
- package/lib/file-inputs/file-drop-area/file-drop-area.component.d.ts +5 -4
- package/lib/file-inputs/file-drop-area/index.d.ts +3 -0
- package/lib/file-inputs/file-input/file-input.component.d.ts +13 -17
- package/lib/file-inputs/file-input/index.d.ts +3 -0
- package/lib/file-inputs/file-input-base.d.ts +13 -18
- package/lib/form-field-frame/form-field-frame.component.d.ts +12 -16
- package/lib/form-field-frame/index.d.ts +3 -0
- package/lib/icon/icon.component.d.ts +10 -19
- package/lib/icon/index.d.ts +3 -0
- package/lib/inputs/color-input/color-input.types.d.ts +2 -2
- package/lib/inputs/digit-input/digit-input.component.d.ts +22 -30
- package/lib/inputs/digit-input/digit-input.model.d.ts +8 -12
- package/lib/inputs/digit-input/digit-input.types.d.ts +4 -4
- package/lib/inputs/digit-input/digit-input.utils.d.ts +4 -5
- package/lib/inputs/digit-input/index.d.ts +3 -0
- package/lib/inputs/hex-input/hex-input.component.d.ts +32 -38
- package/lib/inputs/hex-input/index.d.ts +3 -0
- package/lib/inputs/hex-input.model.d.ts +10 -11
- package/lib/inputs/input/index.d.ts +3 -0
- package/lib/inputs/input/input.component.d.ts +34 -40
- package/lib/inputs/input/input.directives.d.ts +3 -3
- package/lib/inputs/input-utils.d.ts +24 -27
- package/lib/inputs/number-input/index.d.ts +3 -0
- package/lib/inputs/number-input/number-input.component.d.ts +38 -48
- package/lib/inputs/password-input/index.d.ts +4 -0
- package/lib/inputs/password-input/password-input.component.d.ts +28 -40
- package/lib/inputs/password-input/password-input.types.d.ts +2 -2
- package/lib/inputs/simple-input/index.d.ts +3 -0
- package/lib/inputs/simple-input/simple-input.component.d.ts +30 -35
- package/lib/kbd/index.d.ts +3 -0
- package/lib/kbd/kbd.component.d.ts +6 -8
- package/lib/kbd-shortcut/index.d.ts +2 -0
- package/lib/kbd-shortcut/kbd-shortcut.component.d.ts +7 -10
- package/lib/modal/index.d.ts +2 -0
- package/lib/modal/modal.component.d.ts +22 -30
- package/lib/option/index.d.ts +2 -0
- package/lib/option/option.component.d.ts +11 -16
- package/lib/progress-bar/index.d.ts +4 -0
- package/lib/progress-bar/progress-bar.component.d.ts +14 -20
- package/lib/progress-bar/progress-bar.types.d.ts +2 -2
- package/lib/progress-circle/index.d.ts +4 -0
- package/lib/progress-circle/progress-circle.component.d.ts +12 -20
- package/lib/progress-circle/progress-circle.types.d.ts +2 -2
- package/lib/radio/index.d.ts +3 -0
- package/lib/radio/radio/radio.component.d.ts +7 -8
- package/lib/radio/radio-group.component.d.ts +13 -16
- package/lib/segment/index.d.ts +4 -0
- package/lib/segment/segment.component.d.ts +22 -34
- package/lib/segment/segment.directives.d.ts +2 -3
- package/lib/select/index.d.ts +4 -0
- package/lib/select/select.component.d.ts +114 -160
- package/lib/select/select.directive.d.ts +3 -3
- package/lib/select/select.types.d.ts +2 -76
- package/lib/slide-toggle/index.d.ts +3 -0
- package/lib/slide-toggle/slide-toggle.component.d.ts +9 -7
- package/lib/slide-toggle/slide-toggle.types.d.ts +5 -0
- package/lib/slider/abstract-slider.d.ts +38 -55
- package/lib/slider/index.d.ts +6 -0
- package/lib/slider/range-slider/range-slider.component.d.ts +3 -1
- package/lib/slider/slider.component.d.ts +2 -0
- package/lib/slider/slider.types.d.ts +8 -8
- package/lib/snackbar/snackbar-ref.d.ts +1 -2
- package/lib/snackbar/snackbar.component.d.ts +3 -3
- package/lib/snackbar/snackbar.service.d.ts +2 -2
- package/lib/snackbar/snackbar.types.d.ts +4 -4
- package/lib/spinner/index.d.ts +2 -0
- package/lib/spinner/spinner.component.d.ts +3 -3
- package/lib/star/index.d.ts +3 -0
- package/lib/star/star-button/index.d.ts +2 -0
- package/lib/star/star-button/star-button.component.d.ts +7 -7
- package/lib/star/star-display/index.d.ts +2 -0
- package/lib/star/star-display/star-display.component.d.ts +8 -12
- package/lib/star/star-input/index.d.ts +2 -0
- package/lib/star/star-input/star-input.component.d.ts +17 -22
- package/lib/star/star.component.d.ts +5 -5
- package/lib/statebox/index.d.ts +3 -0
- package/lib/statebox/statebox.component.d.ts +15 -21
- package/lib/statebox/statebox.types.d.ts +12 -8
- package/lib/tabber/index.d.ts +3 -0
- package/lib/tabber/tab/tab.component.d.ts +18 -0
- package/lib/tabber/tabber.component.d.ts +25 -0
- package/lib/tabber/tabber.module.d.ts +9 -0
- package/lib/table/index.d.ts +4 -0
- package/lib/table/table-item-storage.d.ts +70 -58
- package/lib/table/table.component.d.ts +59 -78
- package/lib/table/table.directives.d.ts +4 -3
- package/lib/table-from-csv/index.d.ts +2 -0
- package/lib/table-from-csv/table-from-csv.component.d.ts +46 -9
- package/lib/table-pagination/index.d.ts +3 -0
- package/lib/table-pagination/table-pagination.component.d.ts +21 -30
- package/lib/types/item-storage.types.d.ts +19 -18
- package/lib/types/utility.types.d.ts +2 -1
- package/package.json +8 -9
- package/prebuilt-themes/default/badge.css +5 -5
- package/prebuilt-themes/default/buttons/fab.css +4 -3
- package/prebuilt-themes/default/buttons/fab.css.map +1 -1
- package/prebuilt-themes/default/card.css +7 -7
- package/prebuilt-themes/default/chips.css +3 -8
- package/prebuilt-themes/default/chips.css.map +1 -1
- package/prebuilt-themes/default/core.css +6 -3
- package/prebuilt-themes/default/core.css.map +1 -1
- package/prebuilt-themes/default/inputs/color-input.css +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css +1 -1
- package/prebuilt-themes/default/inputs/file-input.css +139 -2
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/hex-input.css +2 -2
- package/prebuilt-themes/default/inputs/input.css +1 -1
- package/prebuilt-themes/default/inputs/search-bar.css +1 -1
- package/prebuilt-themes/default/inputs/simple-input.css +1 -1
- package/prebuilt-themes/default/modal.css +1 -1
- package/prebuilt-themes/default/segment.css +2 -2
- package/prebuilt-themes/default/segment.css.map +1 -1
- package/prebuilt-themes/default/select.css +5 -3
- package/prebuilt-themes/default/select.css.map +1 -1
- package/prebuilt-themes/default/snackbar.css +0 -1
- package/prebuilt-themes/default/snackbar.css.map +1 -1
- package/prebuilt-themes/default/tabber.css +207 -0
- package/prebuilt-themes/default/tabber.css.map +1 -0
- package/public-api.d.ts +43 -136
- package/themes/default/_clear-button.scss +1 -1
- package/themes/default/badge.scss +5 -5
- package/themes/default/buttons/fab.scss +5 -3
- package/themes/default/card.scss +7 -7
- package/themes/default/chips.scss +2 -8
- package/themes/default/core.scss +6 -3
- package/themes/default/inputs/digit-input.scss +1 -1
- package/themes/default/inputs/file-input.scss +8 -1
- package/themes/default/inputs/hex-input.scss +1 -1
- package/themes/default/modal.scss +1 -1
- package/themes/default/segment.scss +2 -1
- package/themes/default/select.scss +4 -2
- package/themes/default/snackbar.scss +0 -2
- package/themes/default/tabber.scss +86 -0
- package/esm2022/lib/calendar/calendar.component.mjs +0 -979
- package/esm2022/lib/calendar/calendar.directives.mjs +0 -107
- package/esm2022/lib/calendar/calendar.helpers.mjs +0 -47
- package/esm2022/lib/calendar/calendar.module.mjs +0 -21
- package/esm2022/lib/calendar/calendar.types.mjs +0 -11
- package/esm2022/lib/color/color-picker/color-picker.component.mjs +0 -484
- package/esm2022/lib/color/color-picker/color-picker.directives.mjs +0 -55
- package/esm2022/lib/color/color-picker/color-picker.module.mjs +0 -43
- package/esm2022/lib/inputs/color-input/color-input.component.mjs +0 -421
- package/esm2022/lib/inputs/color-input/color-input.module.mjs +0 -85
- package/lib/calendar/calendar.component.d.ts +0 -155
- package/lib/calendar/calendar.directives.d.ts +0 -51
- package/lib/calendar/calendar.helpers.d.ts +0 -15
- package/lib/calendar/calendar.module.d.ts +0 -11
- package/lib/calendar/calendar.types.d.ts +0 -80
- package/lib/color/color-picker/color-picker.component.d.ts +0 -125
- package/lib/color/color-picker/color-picker.directives.d.ts +0 -27
- package/lib/color/color-picker/color-picker.module.d.ts +0 -13
- package/lib/inputs/color-input/color-input.component.d.ts +0 -147
- package/lib/inputs/color-input/color-input.module.d.ts +0 -16
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChild,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewEncapsulation, computed, effect, input, } from '@angular/core';
|
|
2
2
|
import { coerceBooleanProperty, coerceNumberProperty } from '@ardium-ui/devkit';
|
|
3
3
|
import { SimpleComponentColor } from '../types/colors.types';
|
|
4
4
|
import { ArdProgressBarValueTemplateDirective } from './progress-bar.directive';
|
|
@@ -6,90 +6,52 @@ import { ProgressBarMode, ProgressBarSize, ProgressBarVariant } from './progress
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "@angular/common";
|
|
8
8
|
export class ArdiumProgressBarComponent {
|
|
9
|
+
//! error detection
|
|
9
10
|
constructor() {
|
|
10
|
-
this.
|
|
11
|
-
this.
|
|
11
|
+
this.value = input(0, { transform: v => coerceNumberProperty(v) });
|
|
12
|
+
this.bufferValue = input(0, { transform: v => coerceNumberProperty(v) });
|
|
12
13
|
//! appearance
|
|
13
|
-
this.color = SimpleComponentColor.Primary;
|
|
14
|
-
this.variant = ProgressBarVariant.Pill;
|
|
15
|
-
this.size = ProgressBarSize.Default;
|
|
16
|
-
this.mode = ProgressBarMode.Determinate;
|
|
17
|
-
this.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
if (!changes['size'] && !changes['mode'])
|
|
49
|
-
return;
|
|
50
|
-
if ((changes['mode']?.currentValue ?? this.mode) == ProgressBarMode.Buffer && (changes['size']?.currentValue ?? this.size) == ProgressBarSize.Auto) {
|
|
51
|
-
console.error(`Forbidden param combination in <ard-progress-bar>: cannot use 'mode="buffer"' and 'size="auto"' at the same time.`);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
//! bar styling
|
|
55
|
-
get cssVariables() {
|
|
56
|
-
if (this.mode == ProgressBarMode.Indeterminate || this.mode == ProgressBarMode.Query) {
|
|
57
|
-
return '--ard-_progress-bar-main: 0;';
|
|
58
|
-
}
|
|
59
|
-
const mainVariable = `--ard-_progress-bar-main: ${this.value}%;`;
|
|
60
|
-
if (this.mode == ProgressBarMode.Buffer) {
|
|
61
|
-
return mainVariable + `--ard-_progress-bar-buffer: ${this.bufferValue}%;`;
|
|
62
|
-
}
|
|
63
|
-
return mainVariable;
|
|
64
|
-
}
|
|
65
|
-
getValueContext() {
|
|
66
|
-
return {
|
|
67
|
-
value: this.value,
|
|
68
|
-
$implicit: this.value,
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumProgressBarComponent, selector: "ard-progress-bar", inputs: { value: "value", bufferValue: "bufferValue", color: "color", variant: "variant", size: "size", mode: "mode", hideValue: "hideValue" }, queries: [{ propertyName: "valueTemplate", first: true, predicate: ArdProgressBarValueTemplateDirective, descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ard-progress-bar\" role=\"progressbar\" [style]=\"cssVariables\" [ngClass]=\"ngClasses\">\r\n <div class=\"ard-progress-bar__background\"></div>\r\n <div class=\"ard-progress-bar__overlay-buffer\"></div>\r\n <div class=\"ard-progress-bar__overlay\"></div>\r\n <div class=\"ard-progress-bar__value\">\r\n <ng-template #defaultValueTemplate let-value>\r\n {{ (value * 100) | number: '1.0-0' }}%\r\n </ng-template>\r\n\r\n <ng-template\r\n [ngTemplateOutlet]=\"valueTemplate || defaultValueTemplate\"\r\n [ngTemplateOutletContext]=\"getValueContext()\"\r\n ></ng-template>\r\n </div>\r\n</div>", styles: ["ard-progress-bar{display:block}.ard-progress-bar{position:relative}.ard-progress-bar .ard-progress-bar-background,.ard-progress-bar .ard-progress-bar-overlay,.ard-progress-bar .ard-progress-bar-overlay-secondary{position:absolute}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
|
+
this.color = input(SimpleComponentColor.Primary);
|
|
15
|
+
this.variant = input(ProgressBarVariant.Pill);
|
|
16
|
+
this.size = input(ProgressBarSize.Default);
|
|
17
|
+
this.mode = input(ProgressBarMode.Determinate);
|
|
18
|
+
this.hideValue = input(false, { transform: v => coerceBooleanProperty(v) });
|
|
19
|
+
this.ngClasses = computed(() => [
|
|
20
|
+
`ard-variant-${this.variant()}`,
|
|
21
|
+
`ard-color-${this.color()}`,
|
|
22
|
+
`ard-progress-bar__size-${this.size()}`,
|
|
23
|
+
`ard-progress-bar__mode-${this.mode()}`,
|
|
24
|
+
this.hideValue() ? 'ard-progress-bar__hide-value' : '',
|
|
25
|
+
].join(' '));
|
|
26
|
+
//! bar styling
|
|
27
|
+
this.cssVariables = computed(() => {
|
|
28
|
+
if (this.mode() === ProgressBarMode.Indeterminate || this.mode() === ProgressBarMode.Query) {
|
|
29
|
+
return '--ard-_progress-bar-main: 0;';
|
|
30
|
+
}
|
|
31
|
+
const mainVariable = `--ard-_progress-bar-main: ${this.value()}%;`;
|
|
32
|
+
if (this.mode() === ProgressBarMode.Buffer) {
|
|
33
|
+
return mainVariable + `--ard-_progress-bar-buffer: ${this.bufferValue()}%;`;
|
|
34
|
+
}
|
|
35
|
+
return mainVariable;
|
|
36
|
+
});
|
|
37
|
+
this.getValueContext = computed(() => ({
|
|
38
|
+
value: this.value(),
|
|
39
|
+
$implicit: this.value(),
|
|
40
|
+
}));
|
|
41
|
+
effect(() => {
|
|
42
|
+
if (this.mode() === ProgressBarMode.Buffer && this.size() === ProgressBarSize.Auto) {
|
|
43
|
+
console.error(new Error(`ARD-NF4010: Forbidden param combination in <ard-progress-bar>: cannot use 'mode="buffer"' and 'size="auto"' at the same time.`));
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.2", type: ArdiumProgressBarComponent, selector: "ard-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "valueTemplate", first: true, predicate: ArdProgressBarValueTemplateDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div\n class=\"ard-progress-bar\"\n role=\"progressbar\"\n [style]=\"cssVariables()\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-bar__background\"></div>\n <div class=\"ard-progress-bar__overlay-buffer\"></div>\n <div class=\"ard-progress-bar__overlay\"></div>\n <div class=\"ard-progress-bar__value\">\n <ng-template\n #defaultValueTemplate\n let-value\n >\n {{ value * 100 | number: '1.0-0' }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: ["ard-progress-bar{display:block}.ard-progress-bar{position:relative}.ard-progress-bar .ard-progress-bar-background,.ard-progress-bar .ard-progress-bar-overlay,.ard-progress-bar .ard-progress-bar-overlay-secondary{position:absolute}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
73
49
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressBarComponent, decorators: [{
|
|
75
51
|
type: Component,
|
|
76
|
-
args: [{ selector: 'ard-progress-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
|
77
|
-
}], propDecorators: {
|
|
78
|
-
type: Input
|
|
79
|
-
}], bufferValue: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], color: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], variant: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], size: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], mode: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], hideValue: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], valueTemplate: [{
|
|
52
|
+
args: [{ selector: 'ard-progress-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-progress-bar\"\n role=\"progressbar\"\n [style]=\"cssVariables()\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-bar__background\"></div>\n <div class=\"ard-progress-bar__overlay-buffer\"></div>\n <div class=\"ard-progress-bar__overlay\"></div>\n <div class=\"ard-progress-bar__value\">\n <ng-template\n #defaultValueTemplate\n let-value\n >\n {{ value * 100 | number: '1.0-0' }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: ["ard-progress-bar{display:block}.ard-progress-bar{position:relative}.ard-progress-bar .ard-progress-bar-background,.ard-progress-bar .ard-progress-bar-overlay,.ard-progress-bar .ard-progress-bar-overlay-secondary{position:absolute}\n"] }]
|
|
53
|
+
}], ctorParameters: () => [], propDecorators: { valueTemplate: [{
|
|
92
54
|
type: ContentChild,
|
|
93
55
|
args: [ArdProgressBarValueTemplateDirective, { read: TemplateRef }]
|
|
94
56
|
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLE1BQU0sRUFDTixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLG9CQUFvQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQTJCLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7OztBQVNySCxNQUFNLE9BQU8sMEJBQTBCO0lBc0JyQyxtQkFBbUI7SUFDbkI7UUF0QlMsVUFBSyxHQUFHLEtBQUssQ0FBYyxDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDM0UsZ0JBQVcsR0FBRyxLQUFLLENBQWMsQ0FBQyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTFGLGNBQWM7UUFDTCxVQUFLLEdBQUcsS0FBSyxDQUF1QixvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsRSxZQUFPLEdBQUcsS0FBSyxDQUFxQixrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3RCxTQUFJLEdBQUcsS0FBSyxDQUFrQixlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkQsU0FBSSxHQUFHLEtBQUssQ0FBa0IsZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTNELGNBQVMsR0FBRyxLQUFLLENBQWUsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXJGLGNBQVMsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQ3pDO1lBQ0UsZUFBZSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDL0IsYUFBYSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDM0IsMEJBQTBCLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUN2QywwQkFBMEIsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsOEJBQThCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDdkQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQ1osQ0FBQztRQWVGLGVBQWU7UUFDTixpQkFBWSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUU7WUFDNUMsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssZUFBZSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssZUFBZSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUMzRixPQUFPLDhCQUE4QixDQUFDO1lBQ3hDLENBQUM7WUFDRCxNQUFNLFlBQVksR0FBRyw2QkFBNkIsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUM7WUFDbkUsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssZUFBZSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUMzQyxPQUFPLFlBQVksR0FBRywrQkFBK0IsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUM7WUFDOUUsQ0FBQztZQUNELE9BQU8sWUFBWSxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO1FBTU0sb0JBQWUsR0FBRyxRQUFRLENBQTBCLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDbEUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDbkIsU0FBUyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUU7U0FDeEIsQ0FBQyxDQUFDLENBQUM7UUE5QkYsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLGVBQWUsQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDbkYsT0FBTyxDQUFDLEtBQUssQ0FDWCxJQUFJLEtBQUssQ0FDUCwrSEFBK0gsQ0FDaEksQ0FDRixDQUFDO1lBQ0osQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FqQ1UsMEJBQTBCO2tHQUExQiwwQkFBMEIscTlCQWdEdkIsb0NBQW9DLDJCQUFVLFdBQVcsNkJDdEV6RSx1b0JBdUJBOzsyRkREYSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0Usa0JBQWtCLGlCQUdiLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07d0RBbUQvQyxhQUFhO3NCQURaLFlBQVk7dUJBQUMsb0NBQW9DLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGNvbXB1dGVkLFxuICBlZmZlY3QsXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgY29lcmNlTnVtYmVyUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XG5pbXBvcnQgeyBTaW1wbGVDb21wb25lbnRDb2xvciB9IGZyb20gJy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBBcmRQcm9ncmVzc0JhclZhbHVlVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL3Byb2dyZXNzLWJhci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJNb2RlLCBQcm9ncmVzc0JhclNpemUsIFByb2dyZXNzQmFyVmFsdWVDb250ZXh0LCBQcm9ncmVzc0JhclZhcmlhbnQgfSBmcm9tICcuL3Byb2dyZXNzLWJhci50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1wcm9ncmVzcy1iYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1Qcm9ncmVzc0JhckNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHZhbHVlID0gaW5wdXQ8bnVtYmVyLCBhbnk+KDAsIHsgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZU51bWJlclByb3BlcnR5KHYpIH0pO1xuICByZWFkb25seSBidWZmZXJWYWx1ZSA9IGlucHV0PG51bWJlciwgYW55PigwLCB7IHRyYW5zZm9ybTogdiA9PiBjb2VyY2VOdW1iZXJQcm9wZXJ0eSh2KSB9KTtcblxuICAvLyEgYXBwZWFyYW5jZVxuICByZWFkb25seSBjb2xvciA9IGlucHV0PFNpbXBsZUNvbXBvbmVudENvbG9yPihTaW1wbGVDb21wb25lbnRDb2xvci5QcmltYXJ5KTtcbiAgcmVhZG9ubHkgdmFyaWFudCA9IGlucHV0PFByb2dyZXNzQmFyVmFyaWFudD4oUHJvZ3Jlc3NCYXJWYXJpYW50LlBpbGwpO1xuICByZWFkb25seSBzaXplID0gaW5wdXQ8UHJvZ3Jlc3NCYXJTaXplPihQcm9ncmVzc0JhclNpemUuRGVmYXVsdCk7XG4gIHJlYWRvbmx5IG1vZGUgPSBpbnB1dDxQcm9ncmVzc0Jhck1vZGU+KFByb2dyZXNzQmFyTW9kZS5EZXRlcm1pbmF0ZSk7XG5cbiAgcmVhZG9ubHkgaGlkZVZhbHVlID0gaW5wdXQ8Ym9vbGVhbiwgYW55PihmYWxzZSwgeyB0cmFuc2Zvcm06IHYgPT4gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpIH0pO1xuXG4gIHJlYWRvbmx5IG5nQ2xhc3NlcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT5cbiAgICBbXG4gICAgICBgYXJkLXZhcmlhbnQtJHt0aGlzLnZhcmlhbnQoKX1gLFxuICAgICAgYGFyZC1jb2xvci0ke3RoaXMuY29sb3IoKX1gLFxuICAgICAgYGFyZC1wcm9ncmVzcy1iYXJfX3NpemUtJHt0aGlzLnNpemUoKX1gLFxuICAgICAgYGFyZC1wcm9ncmVzcy1iYXJfX21vZGUtJHt0aGlzLm1vZGUoKX1gLFxuICAgICAgdGhpcy5oaWRlVmFsdWUoKSA/ICdhcmQtcHJvZ3Jlc3MtYmFyX19oaWRlLXZhbHVlJyA6ICcnLFxuICAgIF0uam9pbignICcpXG4gICk7XG5cbiAgLy8hIGVycm9yIGRldGVjdGlvblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMubW9kZSgpID09PSBQcm9ncmVzc0Jhck1vZGUuQnVmZmVyICYmIHRoaXMuc2l6ZSgpID09PSBQcm9ncmVzc0JhclNpemUuQXV0bykge1xuICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgIG5ldyBFcnJvcihcbiAgICAgICAgICAgIGBBUkQtTkY0MDEwOiBGb3JiaWRkZW4gcGFyYW0gY29tYmluYXRpb24gaW4gPGFyZC1wcm9ncmVzcy1iYXI+OiBjYW5ub3QgdXNlICdtb2RlPVwiYnVmZmVyXCInIGFuZCAnc2l6ZT1cImF1dG9cIicgYXQgdGhlIHNhbWUgdGltZS5gXG4gICAgICAgICAgKVxuICAgICAgICApO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgLy8hIGJhciBzdHlsaW5nXG4gIHJlYWRvbmx5IGNzc1ZhcmlhYmxlcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4ge1xuICAgIGlmICh0aGlzLm1vZGUoKSA9PT0gUHJvZ3Jlc3NCYXJNb2RlLkluZGV0ZXJtaW5hdGUgfHwgdGhpcy5tb2RlKCkgPT09IFByb2dyZXNzQmFyTW9kZS5RdWVyeSkge1xuICAgICAgcmV0dXJuICctLWFyZC1fcHJvZ3Jlc3MtYmFyLW1haW46IDA7JztcbiAgICB9XG4gICAgY29uc3QgbWFpblZhcmlhYmxlID0gYC0tYXJkLV9wcm9ncmVzcy1iYXItbWFpbjogJHt0aGlzLnZhbHVlKCl9JTtgO1xuICAgIGlmICh0aGlzLm1vZGUoKSA9PT0gUHJvZ3Jlc3NCYXJNb2RlLkJ1ZmZlcikge1xuICAgICAgcmV0dXJuIG1haW5WYXJpYWJsZSArIGAtLWFyZC1fcHJvZ3Jlc3MtYmFyLWJ1ZmZlcjogJHt0aGlzLmJ1ZmZlclZhbHVlKCl9JTtgO1xuICAgIH1cbiAgICByZXR1cm4gbWFpblZhcmlhYmxlO1xuICB9KTtcblxuICAvLyEgdGVtcGxhdGVzXG4gIEBDb250ZW50Q2hpbGQoQXJkUHJvZ3Jlc3NCYXJWYWx1ZVRlbXBsYXRlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG4gIHZhbHVlVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIHJlYWRvbmx5IGdldFZhbHVlQ29udGV4dCA9IGNvbXB1dGVkPFByb2dyZXNzQmFyVmFsdWVDb250ZXh0PigoKSA9PiAoe1xuICAgIHZhbHVlOiB0aGlzLnZhbHVlKCksXG4gICAgJGltcGxpY2l0OiB0aGlzLnZhbHVlKCksXG4gIH0pKTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhcmQtcHJvZ3Jlc3MtYmFyXCJcbiAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgW3N0eWxlXT1cImNzc1ZhcmlhYmxlcygpXCJcbiAgW25nQ2xhc3NdPVwibmdDbGFzc2VzKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYXJkLXByb2dyZXNzLWJhcl9fYmFja2dyb3VuZFwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXJkLXByb2dyZXNzLWJhcl9fb3ZlcmxheS1idWZmZXJcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImFyZC1wcm9ncmVzcy1iYXJfX292ZXJsYXlcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImFyZC1wcm9ncmVzcy1iYXJfX3ZhbHVlXCI+XG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAjZGVmYXVsdFZhbHVlVGVtcGxhdGVcbiAgICAgIGxldC12YWx1ZVxuICAgID5cbiAgICAgIHt7IHZhbHVlICogMTAwIHwgbnVtYmVyOiAnMS4wLTAnIH19JVxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctdGVtcGxhdGVcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInZhbHVlVGVtcGxhdGUgfHwgZGVmYXVsdFZhbHVlVGVtcGxhdGVcIlxuICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImdldFZhbHVlQ29udGV4dCgpXCJcbiAgICA+PC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4,10 +4,10 @@ export class ArdProgressBarValueTemplateDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdProgressBarValueTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdProgressBarValueTemplateDirective, selector: "ard-progress-bar > ng-template[ard-value-tmp]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdProgressBarValueTemplateDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{ selector: 'ard-progress-bar > ng-template[ard-value-tmp]' }]
|
|
13
13
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -4,11 +4,11 @@ import { ArdiumProgressBarComponent } from './progress-bar.component';
|
|
|
4
4
|
import { ArdProgressBarValueTemplateDirective } from './progress-bar.directive';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class ArdiumProgressBarModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressBarModule, declarations: [ArdiumProgressBarComponent, ArdProgressBarValueTemplateDirective], imports: [CommonModule], exports: [ArdiumProgressBarComponent, ArdProgressBarValueTemplateDirective] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressBarModule, imports: [CommonModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressBarModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [ArdiumProgressBarComponent, ArdProgressBarValueTemplateDirective],
|
|
@@ -16,4 +16,4 @@ export const ProgressBarMode = {
|
|
|
16
16
|
Buffer: 'buffer',
|
|
17
17
|
Query: 'query',
|
|
18
18
|
};
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRztJQUM3QixPQUFPLEVBQUUsU0FBUztJQUNsQixJQUFJLEVBQUUsTUFBTTtDQUNKLENBQUM7QUFHWCxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRztJQUNuQyxTQUFTLEVBQUUsV0FBVztJQUN0QixPQUFPLEVBQUUsU0FBUztDQUNWLENBQUM7QUFHWCxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRztJQUNoQyxLQUFLLEVBQUUsT0FBTztJQUNkLElBQUksRUFBRSxNQUFNO0NBQ0osQ0FBQztBQUdYLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRztJQUM3QixXQUFXLEVBQUUsYUFBYTtJQUMxQixhQUFhLEVBQUUsZUFBZTtJQUM5QixNQUFNLEVBQUUsUUFBUTtJQUNoQixLQUFLLEVBQUUsT0FBTztDQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzQmFyVmFsdWVDb250ZXh0IHtcbiAgdmFsdWU6IG51bWJlcjtcbiAgJGltcGxpY2l0OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhclNpemUgPSB7XG4gIERlZmF1bHQ6ICdkZWZhdWx0JyxcbiAgQXV0bzogJ2F1dG8nLFxufSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIFByb2dyZXNzQmFyU2l6ZSA9ICh0eXBlb2YgUHJvZ3Jlc3NCYXJTaXplKVtrZXlvZiB0eXBlb2YgUHJvZ3Jlc3NCYXJTaXplXTtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQXBwZWFyYW5jZSA9IHtcbiAgQ29sb3JsZXNzOiAnY29sb3JsZXNzJyxcbiAgQ29sb3JlZDogJ2NvbG9yZWQnLFxufSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIFByb2dyZXNzQmFyQXBwZWFyYW5jZSA9ICh0eXBlb2YgUHJvZ3Jlc3NCYXJBcHBlYXJhbmNlKVtrZXlvZiB0eXBlb2YgUHJvZ3Jlc3NCYXJBcHBlYXJhbmNlXTtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyVmFyaWFudCA9IHtcbiAgU2hhcnA6ICdzaGFycCcsXG4gIFBpbGw6ICdwaWxsJyxcbn0gYXMgY29uc3Q7XG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclZhcmlhbnQgPSAodHlwZW9mIFByb2dyZXNzQmFyVmFyaWFudClba2V5b2YgdHlwZW9mIFByb2dyZXNzQmFyVmFyaWFudF07XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0Jhck1vZGUgPSB7XG4gIERldGVybWluYXRlOiAnZGV0ZXJtaW5hdGUnLFxuICBJbmRldGVybWluYXRlOiAnaW5kZXRlcm1pbmF0ZScsXG4gIEJ1ZmZlcjogJ2J1ZmZlcicsXG4gIFF1ZXJ5OiAncXVlcnknLFxufSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIFByb2dyZXNzQmFyTW9kZSA9ICh0eXBlb2YgUHJvZ3Jlc3NCYXJNb2RlKVtrZXlvZiB0eXBlb2YgUHJvZ3Jlc3NCYXJNb2RlXTtcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './progress-circle.module';
|
|
2
|
+
export * from './progress-circle.component';
|
|
3
|
+
export * from './progress-circle.types';
|
|
4
|
+
export * from './progress-circle.directive';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3Byb2dyZXNzLWNpcmNsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wcm9ncmVzcy1jaXJjbGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vcHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3Byb2dyZXNzLWNpcmNsZS50eXBlcyc7XG5leHBvcnQgKiBmcm9tICcuL3Byb2dyZXNzLWNpcmNsZS5kaXJlY3RpdmUnO1xuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChild,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewEncapsulation, computed, input } from '@angular/core';
|
|
2
2
|
import { coerceBooleanProperty, coerceNumberProperty } from '@ardium-ui/devkit';
|
|
3
3
|
import { SimpleComponentColor } from '../types/colors.types';
|
|
4
4
|
import { ArdProgressCircleValueTemplateDirective } from './progress-circle.directive';
|
|
@@ -7,88 +7,43 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
import * as i1 from "@angular/common";
|
|
8
8
|
export class ArdiumProgressCircleComponent {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.
|
|
11
|
-
this.
|
|
10
|
+
this.value = input(0, { transform: v => coerceNumberProperty(v, 0) });
|
|
11
|
+
this.max = input(100, { transform: v => coerceNumberProperty(v, 100) });
|
|
12
|
+
this.percentValue = computed(() => (this.value() / this.max()) * 100);
|
|
12
13
|
//! appearance
|
|
13
|
-
this.appearance = ProgressCircleAppearance.Transparent;
|
|
14
|
-
this.
|
|
15
|
-
this.
|
|
16
|
-
this.
|
|
17
|
-
this.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
this.
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
this._hideValue = coerceBooleanProperty(v);
|
|
39
|
-
}
|
|
40
|
-
get reverse() {
|
|
41
|
-
return this._reverse;
|
|
42
|
-
}
|
|
43
|
-
set reverse(v) {
|
|
44
|
-
this._reverse = coerceBooleanProperty(v);
|
|
45
|
-
}
|
|
46
|
-
get ngClasses() {
|
|
47
|
-
return [
|
|
48
|
-
`ard-appearance-${this.appearance}`,
|
|
49
|
-
`ard-progress-circle-variant-${this.variant}`,
|
|
50
|
-
`ard-color-${this.color}`,
|
|
51
|
-
this.hideValue ? 'ard-progress-circle-hide-value' : '',
|
|
52
|
-
this.reverse ? 'ard-progress-circle-reversed' : '',
|
|
53
|
-
].join(' ');
|
|
54
|
-
}
|
|
55
|
-
get fillPercentVariable() {
|
|
56
|
-
const fillAmount = this.reverse ? 100 - this.percentValue : this.percentValue;
|
|
57
|
-
return `--ard-_progress-circle-fill-amount: ${fillAmount}%`;
|
|
58
|
-
}
|
|
59
|
-
getValueContext() {
|
|
60
|
-
const percentValue = Math.round(this.percentValue);
|
|
61
|
-
return {
|
|
62
|
-
value: this.value,
|
|
63
|
-
percentValue,
|
|
64
|
-
max: this.max,
|
|
65
|
-
$implicit: percentValue,
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumProgressCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumProgressCircleComponent, selector: "ard-progress-circle", inputs: { value: "value", max: "max", appearance: "appearance", variant: "variant", color: "color", hideValue: "hideValue", reverse: "reverse" }, queries: [{ propertyName: "valueTemplate", first: true, predicate: ArdProgressCircleValueTemplateDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"ard-progress-circle\" [ngClass]=\"ngClasses\">\r\n <div class=\"ard-progress-circle-background\"></div>\r\n <div class=\"ard-progress-circle-overlay\" [style]=\"fillPercentVariable\"></div>\r\n <div class=\"ard-progress-circle-value\">\r\n <ng-template #defaultValueTemplate let-value>\r\n {{ value }}%\r\n </ng-template>\r\n\r\n <ng-template\r\n [ngTemplateOutlet]=\"valueTemplate || defaultValueTemplate\"\r\n [ngTemplateOutletContext]=\"getValueContext()\"\r\n ></ng-template>\r\n </div>\r\n</div>", styles: [".ard-progress-circle{position:relative;aspect-ratio:1}.ard-progress-circle .ard-progress-circle-background,.ard-progress-circle .ard-progress-circle-overlay{position:absolute;border-radius:9999px;inset:0}.ard-progress-circle .ard-progress-circle-overlay{background-size:100% 100%;background-position:0px 0px;background-image:conic-gradient(from 0deg at 50% 50%,var(--ard-_progress-circle-fill-color) 0%,var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),transparent var(--ard-_progress-circle-fill-amount),transparent 100%)}.ard-progress-circle.ard-progress-circle-reversed .ard-progress-circle-overlay{background-image:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) 100%)}.ard-progress-circle.ard-progress-circle-hide-value .ard-progress-circle-value{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
|
+
this.appearance = input(ProgressCircleAppearance.Transparent);
|
|
15
|
+
this.color = input(SimpleComponentColor.Primary);
|
|
16
|
+
this.variant = input(ProgressCircleVariant.Full);
|
|
17
|
+
this.hideValue = input(false, { transform: v => coerceBooleanProperty(v) });
|
|
18
|
+
this.reverse = input(false, { transform: v => coerceBooleanProperty(v) });
|
|
19
|
+
this.ngClasses = computed(() => [
|
|
20
|
+
`ard-appearance-${this.appearance()}`,
|
|
21
|
+
`ard-progress-circle-variant-${this.variant()}`,
|
|
22
|
+
`ard-color-${this.color()}`,
|
|
23
|
+
this.hideValue() ? 'ard-progress-circle-hide-value' : '',
|
|
24
|
+
this.reverse() ? 'ard-progress-circle-reversed' : '',
|
|
25
|
+
].join(' '));
|
|
26
|
+
this.fillPercentVariable = computed(() => {
|
|
27
|
+
const fillAmount = this.reverse() ? 100 - this.percentValue() : this.percentValue();
|
|
28
|
+
return `--ard-_progress-circle-fill-amount: ${fillAmount}%`;
|
|
29
|
+
});
|
|
30
|
+
this.getValueContext = computed(() => ({
|
|
31
|
+
value: this.value(),
|
|
32
|
+
percentValue: Math.round(this.percentValue()),
|
|
33
|
+
max: this.max(),
|
|
34
|
+
$implicit: Math.round(this.percentValue()),
|
|
35
|
+
}));
|
|
36
|
+
}
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.2", type: ArdiumProgressCircleComponent, selector: "ard-progress-circle", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "valueTemplate", first: true, predicate: ArdProgressCircleValueTemplateDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div\n class=\"ard-progress-circle\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-circle-background\"></div>\n <div\n class=\"ard-progress-circle-overlay\"\n [style]=\"fillPercentVariable()\"\n ></div>\n <div class=\"ard-progress-circle-value\">\n <ng-template\n #defaultValueTemplate\n let-value\n >\n {{ value }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: [".ard-progress-circle{position:relative;aspect-ratio:1}.ard-progress-circle .ard-progress-circle-background,.ard-progress-circle .ard-progress-circle-overlay{position:absolute;border-radius:9999px;inset:0}.ard-progress-circle .ard-progress-circle-overlay{background-size:100% 100%;background-position:0px 0px;background-image:conic-gradient(from 0deg at 50% 50%,var(--ard-_progress-circle-fill-color) 0%,var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),transparent var(--ard-_progress-circle-fill-amount),transparent 100%)}.ard-progress-circle.ard-progress-circle-reversed .ard-progress-circle-overlay{background-image:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) 100%)}.ard-progress-circle.ard-progress-circle-hide-value .ard-progress-circle-value{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
70
39
|
}
|
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressCircleComponent, decorators: [{
|
|
72
41
|
type: Component,
|
|
73
|
-
args: [{ selector: 'ard-progress-circle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
|
74
|
-
}], propDecorators: {
|
|
75
|
-
type: Input
|
|
76
|
-
}], max: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], appearance: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], variant: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], color: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], hideValue: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], reverse: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}], valueTemplate: [{
|
|
42
|
+
args: [{ selector: 'ard-progress-circle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-progress-circle\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-circle-background\"></div>\n <div\n class=\"ard-progress-circle-overlay\"\n [style]=\"fillPercentVariable()\"\n ></div>\n <div class=\"ard-progress-circle-value\">\n <ng-template\n #defaultValueTemplate\n let-value\n >\n {{ value }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: [".ard-progress-circle{position:relative;aspect-ratio:1}.ard-progress-circle .ard-progress-circle-background,.ard-progress-circle .ard-progress-circle-overlay{position:absolute;border-radius:9999px;inset:0}.ard-progress-circle .ard-progress-circle-overlay{background-size:100% 100%;background-position:0px 0px;background-image:conic-gradient(from 0deg at 50% 50%,var(--ard-_progress-circle-fill-color) 0%,var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),transparent var(--ard-_progress-circle-fill-amount),transparent 100%)}.ard-progress-circle.ard-progress-circle-reversed .ard-progress-circle-overlay{background-image:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) 100%)}.ard-progress-circle.ard-progress-circle-hide-value .ard-progress-circle-value{display:none}\n"] }]
|
|
43
|
+
}], propDecorators: { valueTemplate: [{
|
|
89
44
|
type: ContentChild,
|
|
90
45
|
args: [ArdProgressCircleValueTemplateDirective, {
|
|
91
46
|
read: TemplateRef,
|
|
92
47
|
}]
|
|
93
48
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvcHJvZ3Jlc3MtY2lyY2xlL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3Byb2dyZXNzLWNpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEksT0FBTyxFQUFFLHFCQUFxQixFQUFFLG9CQUFvQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVDQUF1QyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEYsT0FBTyxFQUFFLHdCQUF3QixFQUE4QixxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFTdEgsTUFBTSxPQUFPLDZCQUE2QjtJQVAxQztRQVFXLFVBQUssR0FBRyxLQUFLLENBQWMsQ0FBQyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5RSxRQUFHLEdBQUcsS0FBSyxDQUFjLEdBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLG9CQUFvQixDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEYsaUJBQVksR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUM7UUFFbEYsY0FBYztRQUNMLGVBQVUsR0FBRyxLQUFLLENBQTJCLHdCQUF3QixDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ25GLFVBQUssR0FBRyxLQUFLLENBQXVCLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2xFLFlBQU8sR0FBRyxLQUFLLENBQXdCLHFCQUFxQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBRW5FLGNBQVMsR0FBRyxLQUFLLENBQWUsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JGLFlBQU8sR0FBRyxLQUFLLENBQWUsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRW5GLGNBQVMsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQ3pDO1lBQ0Usa0JBQWtCLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRTtZQUNyQywrQkFBK0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQy9DLGFBQWEsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDeEQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNyRCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FDWixDQUFDO1FBRU8sd0JBQW1CLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRTtZQUNuRCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwRixPQUFPLHVDQUF1QyxVQUFVLEdBQUcsQ0FBQztRQUM5RCxDQUFDLENBQUMsQ0FBQztRQVFNLG9CQUFlLEdBQUcsUUFBUSxDQUE2QixHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3JFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUM3QyxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNmLFNBQVMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMzQyxDQUFDLENBQUMsQ0FBQztLQUNMOzhHQXpDWSw2QkFBNkI7a0dBQTdCLDZCQUE2QiwyOUJBOEIxQix1Q0FBdUMsMkJBQzdDLFdBQVcsNkJDNUNyQix3akJBdUJBOzsyRkRWYSw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0UscUJBQXFCLGlCQUdoQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQW1DL0MsYUFBYTtzQkFIWixZQUFZO3VCQUFDLHVDQUF1QyxFQUFFO3dCQUNyRCxJQUFJLEVBQUUsV0FBVztxQkFDbEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIFRlbXBsYXRlUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIGNvZXJjZU51bWJlclByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgU2ltcGxlQ29tcG9uZW50Q29sb3IgfSBmcm9tICcuLi90eXBlcy9jb2xvcnMudHlwZXMnO1xuaW1wb3J0IHsgQXJkUHJvZ3Jlc3NDaXJjbGVWYWx1ZVRlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi9wcm9ncmVzcy1jaXJjbGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFByb2dyZXNzQ2lyY2xlQXBwZWFyYW5jZSwgUHJvZ3Jlc3NDaXJjbGVWYWx1ZUNvbnRleHQsIFByb2dyZXNzQ2lyY2xlVmFyaWFudCB9IGZyb20gJy4vcHJvZ3Jlc3MtY2lyY2xlLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXJkLXByb2dyZXNzLWNpcmNsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bVByb2dyZXNzQ2lyY2xlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgdmFsdWUgPSBpbnB1dDxudW1iZXIsIGFueT4oMCwgeyB0cmFuc2Zvcm06IHYgPT4gY29lcmNlTnVtYmVyUHJvcGVydHkodiwgMCkgfSk7XG4gIHJlYWRvbmx5IG1heCA9IGlucHV0PG51bWJlciwgYW55PigxMDAsIHsgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZU51bWJlclByb3BlcnR5KHYsIDEwMCkgfSk7XG5cbiAgcmVhZG9ubHkgcGVyY2VudFZhbHVlID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiAodGhpcy52YWx1ZSgpIC8gdGhpcy5tYXgoKSkgKiAxMDApO1xuXG4gIC8vISBhcHBlYXJhbmNlXG4gIHJlYWRvbmx5IGFwcGVhcmFuY2UgPSBpbnB1dDxQcm9ncmVzc0NpcmNsZUFwcGVhcmFuY2U+KFByb2dyZXNzQ2lyY2xlQXBwZWFyYW5jZS5UcmFuc3BhcmVudCk7XG4gIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQ8U2ltcGxlQ29tcG9uZW50Q29sb3I+KFNpbXBsZUNvbXBvbmVudENvbG9yLlByaW1hcnkpO1xuICByZWFkb25seSB2YXJpYW50ID0gaW5wdXQ8UHJvZ3Jlc3NDaXJjbGVWYXJpYW50PihQcm9ncmVzc0NpcmNsZVZhcmlhbnQuRnVsbCk7XG5cbiAgcmVhZG9ubHkgaGlkZVZhbHVlID0gaW5wdXQ8Ym9vbGVhbiwgYW55PihmYWxzZSwgeyB0cmFuc2Zvcm06IHYgPT4gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpIH0pO1xuICByZWFkb25seSByZXZlcnNlID0gaW5wdXQ8Ym9vbGVhbiwgYW55PihmYWxzZSwgeyB0cmFuc2Zvcm06IHYgPT4gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpIH0pO1xuXG4gIHJlYWRvbmx5IG5nQ2xhc3NlcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT5cbiAgICBbXG4gICAgICBgYXJkLWFwcGVhcmFuY2UtJHt0aGlzLmFwcGVhcmFuY2UoKX1gLFxuICAgICAgYGFyZC1wcm9ncmVzcy1jaXJjbGUtdmFyaWFudC0ke3RoaXMudmFyaWFudCgpfWAsXG4gICAgICBgYXJkLWNvbG9yLSR7dGhpcy5jb2xvcigpfWAsXG4gICAgICB0aGlzLmhpZGVWYWx1ZSgpID8gJ2FyZC1wcm9ncmVzcy1jaXJjbGUtaGlkZS12YWx1ZScgOiAnJyxcbiAgICAgIHRoaXMucmV2ZXJzZSgpID8gJ2FyZC1wcm9ncmVzcy1jaXJjbGUtcmV2ZXJzZWQnIDogJycsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICByZWFkb25seSBmaWxsUGVyY2VudFZhcmlhYmxlID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB7XG4gICAgY29uc3QgZmlsbEFtb3VudCA9IHRoaXMucmV2ZXJzZSgpID8gMTAwIC0gdGhpcy5wZXJjZW50VmFsdWUoKSA6IHRoaXMucGVyY2VudFZhbHVlKCk7XG4gICAgcmV0dXJuIGAtLWFyZC1fcHJvZ3Jlc3MtY2lyY2xlLWZpbGwtYW1vdW50OiAke2ZpbGxBbW91bnR9JWA7XG4gIH0pO1xuXG4gIC8vISB0ZW1wbGF0ZXNcbiAgQENvbnRlbnRDaGlsZChBcmRQcm9ncmVzc0NpcmNsZVZhbHVlVGVtcGxhdGVEaXJlY3RpdmUsIHtcbiAgICByZWFkOiBUZW1wbGF0ZVJlZixcbiAgfSlcbiAgdmFsdWVUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgcmVhZG9ubHkgZ2V0VmFsdWVDb250ZXh0ID0gY29tcHV0ZWQ8UHJvZ3Jlc3NDaXJjbGVWYWx1ZUNvbnRleHQ+KCgpID0+ICh7XG4gICAgdmFsdWU6IHRoaXMudmFsdWUoKSxcbiAgICBwZXJjZW50VmFsdWU6IE1hdGgucm91bmQodGhpcy5wZXJjZW50VmFsdWUoKSksXG4gICAgbWF4OiB0aGlzLm1heCgpLFxuICAgICRpbXBsaWNpdDogTWF0aC5yb3VuZCh0aGlzLnBlcmNlbnRWYWx1ZSgpKSxcbiAgfSkpO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cImFyZC1wcm9ncmVzcy1jaXJjbGVcIlxuICBbbmdDbGFzc109XCJuZ0NsYXNzZXMoKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJhcmQtcHJvZ3Jlc3MtY2lyY2xlLWJhY2tncm91bmRcIj48L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiYXJkLXByb2dyZXNzLWNpcmNsZS1vdmVybGF5XCJcbiAgICBbc3R5bGVdPVwiZmlsbFBlcmNlbnRWYXJpYWJsZSgpXCJcbiAgPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXJkLXByb2dyZXNzLWNpcmNsZS12YWx1ZVwiPlxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgI2RlZmF1bHRWYWx1ZVRlbXBsYXRlXG4gICAgICBsZXQtdmFsdWVcbiAgICA+XG4gICAgICB7eyB2YWx1ZSB9fSVcbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJ2YWx1ZVRlbXBsYXRlIHx8IGRlZmF1bHRWYWx1ZVRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJnZXRWYWx1ZUNvbnRleHQoKVwiXG4gICAgPjwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,10 +4,10 @@ export class ArdProgressCircleValueTemplateDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdProgressCircleValueTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdProgressCircleValueTemplateDirective, selector: "ard-progress-circle > ng-template[ard-value-tmp]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdProgressCircleValueTemplateDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{ selector: 'ard-progress-circle > ng-template[ard-value-tmp]' }]
|
|
13
13
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -4,11 +4,11 @@ import { ArdiumProgressCircleComponent } from './progress-circle.component';
|
|
|
4
4
|
import { ArdProgressCircleValueTemplateDirective } from './progress-circle.directive';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class ArdiumProgressCircleModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressCircleModule, declarations: [ArdiumProgressCircleComponent, ArdProgressCircleValueTemplateDirective], imports: [CommonModule], exports: [ArdiumProgressCircleComponent, ArdProgressCircleValueTemplateDirective] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressCircleModule, imports: [CommonModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumProgressCircleModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [ArdiumProgressCircleComponent, ArdProgressCircleValueTemplateDirective],
|
|
@@ -7,4 +7,4 @@ export const ProgressCircleVariant = {
|
|
|
7
7
|
Full: 'full',
|
|
8
8
|
Ring: 'ring',
|
|
9
9
|
};
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9wcm9ncmVzcy1jaXJjbGUvcHJvZ3Jlc3MtY2lyY2xlLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9BLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHO0lBQ3RDLFdBQVcsRUFBRSxhQUFhO0lBQzFCLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLE9BQU8sRUFBRSxTQUFTO0NBQ1YsQ0FBQztBQUdYLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHO0lBQ25DLElBQUksRUFBRSxNQUFNO0lBQ1osSUFBSSxFQUFFLE1BQU07Q0FDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBQcm9ncmVzc0NpcmNsZVZhbHVlQ29udGV4dCB7XG4gIHZhbHVlOiBudW1iZXI7XG4gIHBlcmNlbnRWYWx1ZTogbnVtYmVyO1xuICBtYXg6IG51bWJlcjtcbiAgJGltcGxpY2l0OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NpcmNsZUFwcGVhcmFuY2UgPSB7XG4gIFRyYW5zcGFyZW50OiAndHJhbnNwYXJlbnQnLFxuICBDb2xvcmxlc3M6ICdjb2xvcmxlc3MnLFxuICBDb2xvcmVkOiAnY29sb3JlZCcsXG59IGFzIGNvbnN0O1xuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NDaXJjbGVBcHBlYXJhbmNlID0gKHR5cGVvZiBQcm9ncmVzc0NpcmNsZUFwcGVhcmFuY2UpW2tleW9mIHR5cGVvZiBQcm9ncmVzc0NpcmNsZUFwcGVhcmFuY2VdO1xuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDaXJjbGVWYXJpYW50ID0ge1xuICBGdWxsOiAnZnVsbCcsXG4gIFJpbmc6ICdyaW5nJyxcbn0gYXMgY29uc3Q7XG5leHBvcnQgdHlwZSBQcm9ncmVzc0NpcmNsZVZhcmlhbnQgPSAodHlwZW9mIFByb2dyZXNzQ2lyY2xlVmFyaWFudClba2V5b2YgdHlwZW9mIFByb2dyZXNzQ2lyY2xlVmFyaWFudF07XG4iXX0=
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './radio/radio.component';
|
|
2
|
+
export * from './radio.module';
|
|
3
|
+
export * from './radio-group.component';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3JhZGlvL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9yYWRpby9yYWRpby5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpby1ncm91cC5jb21wb25lbnQnO1xuIl19
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy,
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation, computed, inject, input, signal, } from '@angular/core';
|
|
2
2
|
import { _BooleanComponentBase } from '../../_internal/boolean-component';
|
|
3
3
|
import { ComponentColor } from '../../types/colors.types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
export class ArdiumRadioComponent extends _BooleanComponentBase {
|
|
7
|
-
constructor(
|
|
8
|
-
super();
|
|
9
|
-
this._changeDetector =
|
|
10
|
-
this.htmlId = crypto.randomUUID();
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this._changeDetector = inject(ChangeDetectorRef);
|
|
10
|
+
this.htmlId = input(crypto.randomUUID());
|
|
11
|
+
this.value = input();
|
|
11
12
|
//! appearance
|
|
12
|
-
this.color = ComponentColor.Primary;
|
|
13
|
+
this.color = input(ComponentColor.Primary);
|
|
14
|
+
this.ngClasses = computed(() => [`ard-color-${this.color()}`, `ard-radio-${this.selected() ? 'selected' : 'unselected'}`].join(' '));
|
|
13
15
|
//! radio-group access points
|
|
14
|
-
this.name = null;
|
|
15
|
-
}
|
|
16
|
-
get ngClasses() {
|
|
17
|
-
return [`ard-color-${this.color}`, `ard-radio-${this.selected ? 'selected' : 'unselected'}`].join(' ');
|
|
16
|
+
this.name = signal(null);
|
|
18
17
|
}
|
|
19
18
|
//! event handlers
|
|
20
19
|
onMousedown() {
|
|
@@ -22,9 +21,7 @@ export class ArdiumRadioComponent extends _BooleanComponentBase {
|
|
|
22
21
|
}
|
|
23
22
|
onMouseup() {
|
|
24
23
|
this.focus();
|
|
25
|
-
|
|
26
|
-
return;
|
|
27
|
-
this.selected = true;
|
|
24
|
+
this.selected.set(true);
|
|
28
25
|
this._emitChange();
|
|
29
26
|
}
|
|
30
27
|
/**
|
|
@@ -37,17 +34,11 @@ export class ArdiumRadioComponent extends _BooleanComponentBase {
|
|
|
37
34
|
// update radio button's status
|
|
38
35
|
this._changeDetector.markForCheck();
|
|
39
36
|
}
|
|
40
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.2", type: ArdiumRadioComponent, selector: "ard-radio", inputs: { htmlId: { classPropertyName: "htmlId", publicName: "htmlId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n class=\"ard-radio\"\n [ngClass]=\"ngClasses()\"\n #focusableElement\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (mousedown)=\"onMousedown()\"\n (mouseup)=\"onMouseup()\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-radio-circles\">\n <div class=\"ard-radio-outer-circle\"></div>\n <div class=\"ard-radio-inner-circle\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </div>\n <label [for]=\"htmlId()\">\n <ng-content></ng-content>\n </label>\n</button>\n\n<input\n class=\"ard-radio-input-element\"\n type=\"radio\"\n [name]=\"name()\"\n [id]=\"htmlId()\"\n [checked]=\"selected()\"\n #radio\n/>\n", styles: [".ard-radio{border:none;background:none}.ard-radio>label{pointer-events:none}ard-radio>.ard-radio-input-element{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
42
39
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumRadioComponent, decorators: [{
|
|
44
41
|
type: Component,
|
|
45
|
-
args: [{ selector: 'ard-radio', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button
|
|
46
|
-
}]
|
|
47
|
-
|
|
48
|
-
}], value: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], color: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9yYWRpby9yYWRpby9yYWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3JhZGlvL3JhZGlvL3JhZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQVMxRCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEscUJBQXFCO0lBQzdELFlBQXNCLGVBQWtDO1FBQ3RELEtBQUssRUFBRSxDQUFDO1FBRFksb0JBQWUsR0FBZixlQUFlLENBQW1CO1FBSS9DLFdBQU0sR0FBVyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUM7UUFJOUMsY0FBYztRQUNMLFVBQUssR0FBbUIsY0FBYyxDQUFDLE9BQU8sQ0FBQztRQW1CeEQsNkJBQTZCO1FBQzdCLFNBQUksR0FBa0IsSUFBSSxDQUFDO0lBM0IzQixDQUFDO0lBU0QsSUFBSSxTQUFTO1FBQ1gsT0FBTyxDQUFDLGFBQWEsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLGFBQWEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN6RyxDQUFDO0lBRUQsa0JBQWtCO0lBQ2xCLFdBQVc7UUFDVCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBQ0QsU0FBUztRQUNQLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUViLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBRXJCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBS0Q7Ozs7T0FJRztJQUNILFlBQVk7UUFDViw0RkFBNEY7UUFDNUYsK0JBQStCO1FBQy9CLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQzs4R0F6Q1Usb0JBQW9CO2tHQUFwQixvQkFBb0Isc0lDWGpDLHV4QkEyQkM7OzJGRGhCWSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO3NGQU90QyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUdHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IF9Cb29sZWFuQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL19pbnRlcm5hbC9ib29sZWFuLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1yYWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1SYWRpb0NvbXBvbmVudCBleHRlbmRzIF9Cb29sZWFuQ29tcG9uZW50QmFzZSB7XG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIEBJbnB1dCgpIGh0bWxJZDogc3RyaW5nID0gY3J5cHRvLnJhbmRvbVVVSUQoKTtcblxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xuXG4gIC8vISBhcHBlYXJhbmNlXG4gIEBJbnB1dCgpIGNvbG9yOiBDb21wb25lbnRDb2xvciA9IENvbXBvbmVudENvbG9yLlByaW1hcnk7XG5cbiAgZ2V0IG5nQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbYGFyZC1jb2xvci0ke3RoaXMuY29sb3J9YCwgYGFyZC1yYWRpby0ke3RoaXMuc2VsZWN0ZWQgPyAnc2VsZWN0ZWQnIDogJ3Vuc2VsZWN0ZWQnfWBdLmpvaW4oJyAnKTtcbiAgfVxuXG4gIC8vISBldmVudCBoYW5kbGVyc1xuICBvbk1vdXNlZG93bigpOiB2b2lkIHtcbiAgICB0aGlzLmZvY3VzKCk7XG4gIH1cbiAgb25Nb3VzZXVwKCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXMoKTtcblxuICAgIGlmICh0aGlzLnNlbGVjdGVkKSByZXR1cm47XG4gICAgdGhpcy5zZWxlY3RlZCA9IHRydWU7XG5cbiAgICB0aGlzLl9lbWl0Q2hhbmdlKCk7XG4gIH1cblxuICAvLyEgcmFkaW8tZ3JvdXAgYWNjZXNzIHBvaW50c1xuICBuYW1lOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogTWFya3MgdGhlIHJhZGlvIGJ1dHRvbiBhcyBuZWVkaW5nIGNoZWNraW5nIGZvciBjaGFuZ2UgZGV0ZWN0aW9uLlxuICAgKiBUaGlzIG1ldGhvZCBpcyBleHBvc2VkIGJlY2F1c2UgdGhlIHBhcmVudCByYWRpbyBncm91cCB3aWxsIGRpcmVjdGx5XG4gICAqIHVwZGF0ZSBib3VuZCBwcm9wZXJ0aWVzIG9mIHRoZSByYWRpbyBidXR0b24uXG4gICAqL1xuICBtYXJrRm9yQ2hlY2soKSB7XG4gICAgLy8gV2hlbiBncm91cCB2YWx1ZSBjaGFuZ2VzLCB0aGUgYnV0dG9uIHdpbGwgbm90IGJlIG5vdGlmaWVkLiBVc2UgYG1hcmtGb3JDaGVja2AgdG8gZXhwbGljaXRcbiAgICAvLyB1cGRhdGUgcmFkaW8gYnV0dG9uJ3Mgc3RhdHVzXG4gICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxidXR0b24gY2xhc3M9XCJhcmQtcmFkaW9cIlxyXG4gICAgW25nQ2xhc3NdPVwibmdDbGFzc2VzXCJcclxuICAgICNmb2N1c2FibGVFbGVtZW50XHJcbiAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcclxuICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCJcclxuICAgIChtb3VzZWRvd24pPVwib25Nb3VzZWRvd24oKVwiXHJcbiAgICAobW91c2V1cCk9XCJvbk1vdXNldXAoKVwiXHJcbiAgICBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIlxyXG4+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLXJhZGlvLWNpcmNsZXNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXJkLXJhZGlvLW91dGVyLWNpcmNsZVwiPjwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcmQtcmFkaW8taW5uZXItY2lyY2xlXCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFyZC1mb2N1cy1vdmVybGF5XCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFyZC1oaXRib3hcIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGxhYmVsIFtmb3JdPVwiaHRtbElkXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9sYWJlbD5cclxuPC9idXR0b24+XHJcblxyXG48aW5wdXRcclxuICAgIGNsYXNzPVwiYXJkLXJhZGlvLWlucHV0LWVsZW1lbnRcIlxyXG4gICAgdHlwZT1cInJhZGlvXCJcclxuICAgIFtuYW1lXT1cIm5hbWVcIlxyXG4gICAgW2lkXT1cImh0bWxJZFwiXHJcbiAgICBbY2hlY2tlZF09XCJzZWxlY3RlZFwiXHJcbiAgICAjcmFkaW9cclxuPiJdfQ==
|
|
42
|
+
args: [{ selector: 'ard-radio', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"ard-radio\"\n [ngClass]=\"ngClasses()\"\n #focusableElement\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (mousedown)=\"onMousedown()\"\n (mouseup)=\"onMouseup()\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-radio-circles\">\n <div class=\"ard-radio-outer-circle\"></div>\n <div class=\"ard-radio-inner-circle\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </div>\n <label [for]=\"htmlId()\">\n <ng-content></ng-content>\n </label>\n</button>\n\n<input\n class=\"ard-radio-input-element\"\n type=\"radio\"\n [name]=\"name()\"\n [id]=\"htmlId()\"\n [checked]=\"selected()\"\n #radio\n/>\n", styles: [".ard-radio{border:none;background:none}.ard-radio>label{pointer-events:none}ard-radio>.ard-radio-input-element{display:none}\n"] }]
|
|
43
|
+
}] });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9yYWRpby9yYWRpby9yYWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3JhZGlvL3JhZGlvL3JhZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBUzFELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxxQkFBcUI7SUFQL0Q7O1FBUXFCLG9CQUFlLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFdEQsV0FBTSxHQUFHLEtBQUssQ0FBUyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztRQUU1QyxVQUFLLEdBQUcsS0FBSyxFQUFPLENBQUM7UUFFOUIsY0FBYztRQUNMLFVBQUssR0FBRyxLQUFLLENBQWlCLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUV0RCxjQUFTLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUN6QyxDQUFDLGFBQWEsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLEVBQUUsYUFBYSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQ3BHLENBQUM7UUFZRiw2QkFBNkI7UUFDcEIsU0FBSSxHQUFHLE1BQU0sQ0FBZ0IsSUFBSSxDQUFDLENBQUM7S0FZN0M7SUF2QkMsa0JBQWtCO0lBQ2xCLFdBQVc7UUFDVCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBQ0QsU0FBUztRQUNQLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNiLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBS0Q7Ozs7T0FJRztJQUNILFlBQVk7UUFDViw0RkFBNEY7UUFDNUYsK0JBQStCO1FBQy9CLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQzs4R0FwQ1Usb0JBQW9CO2tHQUFwQixvQkFBb0IsK2JDcEJqQyw2ckJBNkJBOzsyRkRUYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBjb21wdXRlZCxcbiAgaW5qZWN0LFxuICBpbnB1dCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IF9Cb29sZWFuQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL19pbnRlcm5hbC9ib29sZWFuLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1yYWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1SYWRpb0NvbXBvbmVudCBleHRlbmRzIF9Cb29sZWFuQ29tcG9uZW50QmFzZSB7XG4gIHByb3RlY3RlZCByZWFkb25seSBfY2hhbmdlRGV0ZWN0b3IgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIHJlYWRvbmx5IGh0bWxJZCA9IGlucHV0PHN0cmluZz4oY3J5cHRvLnJhbmRvbVVVSUQoKSk7XG5cbiAgcmVhZG9ubHkgdmFsdWUgPSBpbnB1dDxhbnk+KCk7XG5cbiAgLy8hIGFwcGVhcmFuY2VcbiAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dDxDb21wb25lbnRDb2xvcj4oQ29tcG9uZW50Q29sb3IuUHJpbWFyeSk7XG5cbiAgcmVhZG9ubHkgbmdDbGFzc2VzID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PlxuICAgIFtgYXJkLWNvbG9yLSR7dGhpcy5jb2xvcigpfWAsIGBhcmQtcmFkaW8tJHt0aGlzLnNlbGVjdGVkKCkgPyAnc2VsZWN0ZWQnIDogJ3Vuc2VsZWN0ZWQnfWBdLmpvaW4oJyAnKVxuICApO1xuXG4gIC8vISBldmVudCBoYW5kbGVyc1xuICBvbk1vdXNlZG93bigpOiB2b2lkIHtcbiAgICB0aGlzLmZvY3VzKCk7XG4gIH1cbiAgb25Nb3VzZXVwKCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXMoKTtcbiAgICB0aGlzLnNlbGVjdGVkLnNldCh0cnVlKTtcbiAgICB0aGlzLl9lbWl0Q2hhbmdlKCk7XG4gIH1cblxuICAvLyEgcmFkaW8tZ3JvdXAgYWNjZXNzIHBvaW50c1xuICByZWFkb25seSBuYW1lID0gc2lnbmFsPHN0cmluZyB8IG51bGw+KG51bGwpO1xuXG4gIC8qKlxuICAgKiBNYXJrcyB0aGUgcmFkaW8gYnV0dG9uIGFzIG5lZWRpbmcgY2hlY2tpbmcgZm9yIGNoYW5nZSBkZXRlY3Rpb24uXG4gICAqIFRoaXMgbWV0aG9kIGlzIGV4cG9zZWQgYmVjYXVzZSB0aGUgcGFyZW50IHJhZGlvIGdyb3VwIHdpbGwgZGlyZWN0bHlcbiAgICogdXBkYXRlIGJvdW5kIHByb3BlcnRpZXMgb2YgdGhlIHJhZGlvIGJ1dHRvbi5cbiAgICovXG4gIG1hcmtGb3JDaGVjaygpIHtcbiAgICAvLyBXaGVuIGdyb3VwIHZhbHVlIGNoYW5nZXMsIHRoZSBidXR0b24gd2lsbCBub3QgYmUgbm90aWZpZWQuIFVzZSBgbWFya0ZvckNoZWNrYCB0byBleHBsaWNpdFxuICAgIC8vIHVwZGF0ZSByYWRpbyBidXR0b24ncyBzdGF0dXNcbiAgICB0aGlzLl9jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cImFyZC1yYWRpb1wiXG4gIFtuZ0NsYXNzXT1cIm5nQ2xhc3NlcygpXCJcbiAgI2ZvY3VzYWJsZUVsZW1lbnRcbiAgKGZvY3VzKT1cIm9uRm9jdXMoJGV2ZW50KVwiXG4gIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCJcbiAgKG1vdXNlZG93bik9XCJvbk1vdXNlZG93bigpXCJcbiAgKG1vdXNldXApPVwib25Nb3VzZXVwKClcIlxuICBbdGFiaW5kZXhdPVwidGFiSW5kZXgoKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJhcmQtcmFkaW8tY2lyY2xlc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJhcmQtcmFkaW8tb3V0ZXItY2lyY2xlXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImFyZC1yYWRpby1pbm5lci1jaXJjbGVcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWZvY3VzLW92ZXJsYXlcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWhpdGJveFwiPjwvZGl2PlxuICA8L2Rpdj5cbiAgPGxhYmVsIFtmb3JdPVwiaHRtbElkKClcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbGFiZWw+XG48L2J1dHRvbj5cblxuPGlucHV0XG4gIGNsYXNzPVwiYXJkLXJhZGlvLWlucHV0LWVsZW1lbnRcIlxuICB0eXBlPVwicmFkaW9cIlxuICBbbmFtZV09XCJuYW1lKClcIlxuICBbaWRdPVwiaHRtbElkKClcIlxuICBbY2hlY2tlZF09XCJzZWxlY3RlZCgpXCJcbiAgI3JhZGlvXG4vPlxuIl19
|