@ng-nest/ui 17.0.1 → 17.0.3
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/affix/affix.component.d.ts +1 -2
- package/affix/affix.module.d.ts +1 -3
- package/alert/alert.component.d.ts +4 -5
- package/alert/alert.module.d.ts +1 -8
- package/anchor/anchor-inner.component.d.ts +1 -1
- package/anchor/anchor.component.d.ts +6 -7
- package/anchor/anchor.module.d.ts +2 -6
- package/api/api.component.d.ts +4 -4
- package/api/api.module.d.ts +1 -2
- package/auto-complete/auto-complete-portal.component.d.ts +3 -5
- package/auto-complete/auto-complete.component.d.ts +12 -13
- package/auto-complete/auto-complete.module.d.ts +1 -9
- package/avatar/avatar-group.component.d.ts +1 -2
- package/avatar/avatar.component.d.ts +6 -7
- package/avatar/avatar.module.d.ts +2 -6
- package/back-top/back-top.component.d.ts +7 -12
- package/back-top/back-top.module.d.ts +1 -5
- package/badge/badge.component.d.ts +3 -8
- package/badge/badge.module.d.ts +1 -3
- package/base-form/base-form.component.d.ts +1 -1
- package/base-form/base-form.module.d.ts +1 -2
- package/border/border.component.d.ts +4 -4
- package/border/border.module.d.ts +1 -1
- package/button/button.component.d.ts +8 -10
- package/button/button.module.d.ts +1 -5
- package/button/buttons.component.d.ts +4 -5
- package/calendar/calendar.component.d.ts +9 -14
- package/calendar/calendar.module.d.ts +1 -10
- package/card/card.component.d.ts +2 -6
- package/card/card.module.d.ts +1 -5
- package/carousel/carousel-panel.component.d.ts +10 -13
- package/carousel/carousel.component.d.ts +4 -8
- package/carousel/carousel.module.d.ts +1 -5
- package/cascade/cascade-portal.component.d.ts +4 -5
- package/cascade/cascade.component.d.ts +14 -13
- package/cascade/cascade.module.d.ts +1 -9
- package/checkbox/checkbox.component.d.ts +6 -9
- package/checkbox/checkbox.module.d.ts +1 -8
- package/collapse/collapse-panel.component.d.ts +5 -8
- package/collapse/collapse.component.d.ts +3 -7
- package/collapse/collapse.module.d.ts +1 -5
- package/color/color.component.d.ts +4 -6
- package/color/color.module.d.ts +1 -3
- package/color-picker/color-picker-portal.component.d.ts +7 -11
- package/color-picker/color-picker.component.d.ts +11 -12
- package/color-picker/color-picker.module.d.ts +1 -11
- package/comment/comment-reply.component.d.ts +4 -9
- package/comment/comment.component.d.ts +5 -9
- package/comment/comment.module.d.ts +1 -11
- package/container/aside.component.d.ts +5 -5
- package/container/container.component.d.ts +2 -3
- package/container/container.module.d.ts +1 -3
- package/container/footer.component.d.ts +5 -7
- package/container/header.component.d.ts +5 -7
- package/container/main.component.d.ts +4 -4
- package/crumb/crumb.component.d.ts +4 -6
- package/crumb/crumb.module.d.ts +1 -5
- package/date-picker/date-picker-portal.component.d.ts +5 -9
- package/date-picker/date-picker.component.d.ts +14 -16
- package/date-picker/date-picker.module.d.ts +2 -21
- package/date-picker/date-quarter.pipe.d.ts +1 -1
- package/date-picker/date-range-portal.component.d.ts +1 -1
- package/date-picker/date-range.component.d.ts +17 -19
- package/date-picker/picker-date.component.d.ts +8 -12
- package/date-picker/picker-month.component.d.ts +8 -11
- package/date-picker/picker-quarter.component.d.ts +9 -14
- package/date-picker/picker-year.component.d.ts +5 -8
- package/description/description-item.component.d.ts +1 -2
- package/description/description.component.d.ts +4 -5
- package/description/description.module.d.ts +2 -5
- package/dialog/dialog-container.component.d.ts +1 -2
- package/dialog/dialog-portal.component.d.ts +1 -1
- package/dialog/dialog-portal.directives.d.ts +13 -17
- package/dialog/dialog.component.d.ts +15 -17
- package/dialog/dialog.module.d.ts +1 -14
- package/dialog/dialog.service.d.ts +8 -10
- package/doc/doc.component.d.ts +6 -6
- package/doc/doc.module.d.ts +1 -2
- package/drag/drag.directive.d.ts +5 -6
- package/drag/drag.module.d.ts +1 -2
- package/drawer/drawer-container.component.d.ts +1 -2
- package/drawer/drawer-portal.component.d.ts +1 -2
- package/drawer/drawer-portal.directives.d.ts +5 -6
- package/drawer/drawer.component.d.ts +10 -15
- package/drawer/drawer.module.d.ts +2 -8
- package/drawer/drawer.service.d.ts +5 -7
- package/dropdown/dropdown-portal.component.d.ts +1 -1
- package/dropdown/dropdown.component.d.ts +10 -13
- package/dropdown/dropdown.module.d.ts +1 -7
- package/empty/empty.component.d.ts +4 -7
- package/empty/empty.module.d.ts +1 -6
- package/esm2022/affix/affix.component.mjs +11 -11
- package/esm2022/affix/affix.module.mjs +6 -9
- package/esm2022/affix/affix.property.mjs +3 -3
- package/esm2022/alert/alert.component.mjs +19 -19
- package/esm2022/alert/alert.module.mjs +6 -14
- package/esm2022/alert/alert.property.mjs +4 -4
- package/esm2022/anchor/anchor-inner.component.mjs +5 -4
- package/esm2022/anchor/anchor.component.mjs +18 -21
- package/esm2022/anchor/anchor.module.mjs +6 -11
- package/esm2022/anchor/anchor.property.mjs +7 -7
- package/esm2022/api/api.component.mjs +14 -12
- package/esm2022/api/api.module.mjs +6 -8
- package/esm2022/auto-complete/auto-complete-portal.component.mjs +15 -16
- package/esm2022/auto-complete/auto-complete.component.mjs +44 -31
- package/esm2022/auto-complete/auto-complete.module.mjs +7 -16
- package/esm2022/auto-complete/auto-complete.property.mjs +3 -3
- package/esm2022/avatar/avatar-group.component.mjs +7 -7
- package/esm2022/avatar/avatar.component.mjs +17 -19
- package/esm2022/avatar/avatar.module.mjs +6 -11
- package/esm2022/avatar/avatar.property.mjs +7 -7
- package/esm2022/back-top/back-top.component.mjs +23 -29
- package/esm2022/back-top/back-top.module.mjs +6 -11
- package/esm2022/back-top/back-top.property.mjs +3 -3
- package/esm2022/badge/badge.component.mjs +18 -23
- package/esm2022/badge/badge.module.mjs +6 -9
- package/esm2022/badge/badge.property.mjs +3 -3
- package/esm2022/base-form/base-form.component.mjs +11 -6
- package/esm2022/base-form/base-form.module.mjs +7 -8
- package/esm2022/base-form/base-form.property.mjs +4 -4
- package/esm2022/border/border.component.mjs +14 -12
- package/esm2022/border/border.module.mjs +6 -6
- package/esm2022/button/button.component.mjs +19 -24
- package/esm2022/button/button.module.mjs +6 -11
- package/esm2022/button/button.property.mjs +7 -7
- package/esm2022/button/buttons.component.mjs +15 -15
- package/esm2022/calendar/calendar.component.mjs +38 -30
- package/esm2022/calendar/calendar.module.mjs +6 -16
- package/esm2022/calendar/calendar.property.mjs +3 -3
- package/esm2022/card/card.component.mjs +14 -17
- package/esm2022/card/card.module.mjs +6 -11
- package/esm2022/card/card.property.mjs +3 -3
- package/esm2022/carousel/carousel-panel.component.mjs +36 -34
- package/esm2022/carousel/carousel.component.mjs +19 -26
- package/esm2022/carousel/carousel.module.mjs +7 -12
- package/esm2022/carousel/carousel.property.mjs +6 -6
- package/esm2022/cascade/cascade-portal.component.mjs +20 -20
- package/esm2022/cascade/cascade.component.mjs +34 -29
- package/esm2022/cascade/cascade.module.mjs +7 -16
- package/esm2022/cascade/cascade.property.mjs +3 -3
- package/esm2022/checkbox/checkbox.component.mjs +31 -27
- package/esm2022/checkbox/checkbox.module.mjs +6 -14
- package/esm2022/checkbox/checkbox.property.mjs +3 -3
- package/esm2022/collapse/collapse-panel.component.mjs +18 -21
- package/esm2022/collapse/collapse.component.mjs +11 -15
- package/esm2022/collapse/collapse.module.mjs +6 -11
- package/esm2022/collapse/collapse.property.mjs +6 -6
- package/esm2022/color/color.component.mjs +14 -19
- package/esm2022/color/color.module.mjs +6 -9
- package/esm2022/color/color.property.mjs +3 -3
- package/esm2022/color-picker/color-picker-portal.component.mjs +45 -35
- package/esm2022/color-picker/color-picker.component.mjs +36 -35
- package/esm2022/color-picker/color-picker.module.mjs +7 -44
- package/esm2022/color-picker/color-picker.property.mjs +3 -3
- package/esm2022/comment/comment-reply.component.mjs +18 -19
- package/esm2022/comment/comment.component.mjs +30 -25
- package/esm2022/comment/comment.module.mjs +6 -43
- package/esm2022/comment/comment.property.mjs +7 -7
- package/esm2022/container/aside.component.mjs +15 -13
- package/esm2022/container/container.component.mjs +14 -14
- package/esm2022/container/container.module.mjs +7 -37
- package/esm2022/container/container.property.mjs +12 -12
- package/esm2022/container/footer.component.mjs +17 -21
- package/esm2022/container/header.component.mjs +17 -21
- package/esm2022/container/main.component.mjs +14 -12
- package/esm2022/core/config/config.service.mjs +11 -6
- package/esm2022/core/services/http.service.mjs +3 -3
- package/esm2022/core/services/preloading-strategy.service.mjs +6 -5
- package/esm2022/core/services/storage.service.mjs +3 -3
- package/esm2022/core/theme/theme.service.mjs +3 -3
- package/esm2022/crumb/crumb.component.mjs +15 -19
- package/esm2022/crumb/crumb.module.mjs +6 -11
- package/esm2022/crumb/crumb.property.mjs +3 -3
- package/esm2022/date-picker/date-picker-portal.component.mjs +38 -29
- package/esm2022/date-picker/date-picker.component.mjs +52 -47
- package/esm2022/date-picker/date-picker.module.mjs +7 -108
- package/esm2022/date-picker/date-picker.property.mjs +18 -18
- package/esm2022/date-picker/date-quarter.pipe.mjs +5 -5
- package/esm2022/date-picker/date-range-portal.component.mjs +25 -13
- package/esm2022/date-picker/date-range.component.mjs +50 -51
- package/esm2022/date-picker/picker-date.component.mjs +45 -43
- package/esm2022/date-picker/picker-month.component.mjs +31 -30
- package/esm2022/date-picker/picker-quarter.component.mjs +31 -32
- package/esm2022/date-picker/picker-year.component.mjs +26 -25
- package/esm2022/description/description-item.component.mjs +6 -9
- package/esm2022/description/description.component.mjs +13 -14
- package/esm2022/description/description.module.mjs +6 -10
- package/esm2022/description/description.property.mjs +6 -6
- package/esm2022/dialog/dialog-container.component.mjs +7 -7
- package/esm2022/dialog/dialog-portal.component.mjs +22 -11
- package/esm2022/dialog/dialog-portal.directives.mjs +48 -48
- package/esm2022/dialog/dialog-ref.mjs +1 -1
- package/esm2022/dialog/dialog.component.mjs +40 -48
- package/esm2022/dialog/dialog.module.mjs +12 -71
- package/esm2022/dialog/dialog.property.mjs +6 -6
- package/esm2022/dialog/dialog.service.mjs +16 -17
- package/esm2022/doc/doc.component.mjs +12 -10
- package/esm2022/doc/doc.module.mjs +6 -8
- package/esm2022/drag/drag.directive.mjs +11 -11
- package/esm2022/drag/drag.module.mjs +6 -8
- package/esm2022/drag/drag.property.mjs +3 -3
- package/esm2022/drawer/drawer-container.component.mjs +7 -7
- package/esm2022/drawer/drawer-portal.component.mjs +12 -12
- package/esm2022/drawer/drawer-portal.directives.mjs +22 -21
- package/esm2022/drawer/drawer.component.mjs +23 -33
- package/esm2022/drawer/drawer.module.mjs +10 -27
- package/esm2022/drawer/drawer.property.mjs +6 -6
- package/esm2022/drawer/drawer.service.mjs +15 -15
- package/esm2022/dropdown/dropdown-portal.component.mjs +8 -7
- package/esm2022/dropdown/dropdown.component.mjs +18 -22
- package/esm2022/dropdown/dropdown.module.mjs +7 -14
- package/esm2022/dropdown/dropdown.property.mjs +3 -3
- package/esm2022/empty/empty.component.mjs +20 -18
- package/esm2022/empty/empty.module.mjs +6 -12
- package/esm2022/empty/empty.property.mjs +3 -3
- package/esm2022/examples/examples.component.mjs +12 -10
- package/esm2022/examples/examples.module.mjs +6 -8
- package/esm2022/find/find.component.mjs +48 -33
- package/esm2022/find/find.module.mjs +6 -54
- package/esm2022/find/find.property.mjs +3 -3
- package/esm2022/form/control.component.mjs +67 -40
- package/esm2022/form/form.component.mjs +28 -22
- package/esm2022/form/form.module.mjs +6 -71
- package/esm2022/form/form.property.mjs +6 -6
- package/esm2022/highlight/highlight.component.mjs +26 -24
- package/esm2022/highlight/highlight.module.mjs +6 -10
- package/esm2022/highlight/highlight.property.mjs +3 -3
- package/esm2022/i18n/i18n.directive.mjs +14 -11
- package/esm2022/i18n/i18n.module.mjs +6 -6
- package/esm2022/i18n/i18n.pipe.mjs +6 -5
- package/esm2022/i18n/i18n.service.mjs +9 -13
- package/esm2022/icon/icon.component.mjs +21 -22
- package/esm2022/icon/icon.module.mjs +6 -11
- package/esm2022/icon/icon.property.mjs +4 -4
- package/esm2022/icon/icon.service.mjs +36 -35
- package/esm2022/image/image-group.component.mjs +12 -6
- package/esm2022/image/image-preview.component.mjs +26 -32
- package/esm2022/image/image.component.mjs +30 -30
- package/esm2022/image/image.module.mjs +6 -15
- package/esm2022/image/image.property.mjs +6 -6
- package/esm2022/inner/inner.component.mjs +14 -14
- package/esm2022/inner/inner.module.mjs +6 -9
- package/esm2022/inner/inner.property.mjs +3 -3
- package/esm2022/input/input-group.component.mjs +12 -14
- package/esm2022/input/input.component.mjs +33 -35
- package/esm2022/input/input.module.mjs +6 -13
- package/esm2022/input/input.property.mjs +6 -6
- package/esm2022/input-number/input-number.component.mjs +23 -27
- package/esm2022/input-number/input-number.module.mjs +6 -13
- package/esm2022/input-number/input-number.property.mjs +3 -3
- package/esm2022/keyword/keyword.directive.mjs +14 -14
- package/esm2022/keyword/keyword.module.mjs +6 -9
- package/esm2022/keyword/keyword.property.mjs +5 -5
- package/esm2022/layout/col.component.mjs +15 -19
- package/esm2022/layout/layout.module.mjs +6 -9
- package/esm2022/layout/layout.property.mjs +7 -7
- package/esm2022/layout/row.component.mjs +13 -13
- package/esm2022/link/link.component.mjs +17 -19
- package/esm2022/link/link.module.mjs +6 -12
- package/esm2022/link/link.property.mjs +3 -3
- package/esm2022/list/list-drop-group.directive.mjs +5 -4
- package/esm2022/list/list-option.component.mjs +16 -17
- package/esm2022/list/list.component.mjs +36 -33
- package/esm2022/list/list.module.mjs +6 -54
- package/esm2022/list/list.property.mjs +6 -6
- package/esm2022/loading/loading.component.mjs +19 -22
- package/esm2022/loading/loading.module.mjs +6 -12
- package/esm2022/loading/loading.property.mjs +3 -3
- package/esm2022/menu/menu-node.component.mjs +17 -18
- package/esm2022/menu/menu.component.mjs +21 -27
- package/esm2022/menu/menu.module.mjs +6 -13
- package/esm2022/menu/menu.property.mjs +6 -6
- package/esm2022/message/message.component.mjs +10 -16
- package/esm2022/message/message.module.mjs +7 -14
- package/esm2022/message/message.service.mjs +13 -13
- package/esm2022/message-box/message-box.component.mjs +21 -12
- package/esm2022/message-box/message-box.module.mjs +7 -49
- package/esm2022/message-box/message-box.service.mjs +13 -12
- package/esm2022/notification/notification.component.mjs +10 -16
- package/esm2022/notification/notification.module.mjs +7 -14
- package/esm2022/notification/notification.service.mjs +15 -11
- package/esm2022/outlet/outlet.directive.mjs +10 -10
- package/esm2022/outlet/outlet.module.mjs +6 -8
- package/esm2022/page-header/page-header.component.mjs +18 -19
- package/esm2022/page-header/page-header.module.mjs +6 -10
- package/esm2022/page-header/page-header.property.mjs +3 -3
- package/esm2022/pagination/pagination.component.mjs +37 -33
- package/esm2022/pagination/pagination.module.mjs +6 -15
- package/esm2022/pagination/pagination.property.mjs +3 -3
- package/esm2022/pattern/pattern.component.mjs +12 -10
- package/esm2022/pattern/pattern.module.mjs +6 -8
- package/esm2022/popconfirm/popconfirm.component.mjs +23 -26
- package/esm2022/popconfirm/popconfirm.module.mjs +6 -13
- package/esm2022/popconfirm/popconfirm.property.mjs +3 -3
- package/esm2022/popover/popover-portal.component.mjs +16 -16
- package/esm2022/popover/popover.directive.mjs +17 -19
- package/esm2022/popover/popover.module.mjs +7 -13
- package/esm2022/popover/popover.property.mjs +3 -3
- package/esm2022/portal/portal.module.mjs +8 -11
- package/esm2022/portal/portal.service.mjs +13 -12
- package/esm2022/progress/progress.component.mjs +16 -19
- package/esm2022/progress/progress.module.mjs +6 -11
- package/esm2022/progress/progress.property.mjs +3 -3
- package/esm2022/radio/radio.component.mjs +21 -25
- package/esm2022/radio/radio.module.mjs +6 -14
- package/esm2022/radio/radio.property.mjs +3 -3
- package/esm2022/rate/rate.component.mjs +22 -22
- package/esm2022/rate/rate.module.mjs +6 -13
- package/esm2022/rate/rate.property.mjs +3 -3
- package/esm2022/resizable/resizable.directive.mjs +57 -46
- package/esm2022/resizable/resizable.module.mjs +7 -9
- package/esm2022/resizable/resizable.property.mjs +5 -5
- package/esm2022/result/result.component.mjs +15 -19
- package/esm2022/result/result.module.mjs +6 -11
- package/esm2022/result/result.property.mjs +3 -3
- package/esm2022/ripple/ripple.directive.mjs +12 -11
- package/esm2022/ripple/ripple.module.mjs +7 -10
- package/esm2022/ripple/ripple.property.mjs +3 -3
- package/esm2022/select/select-portal.component.mjs +7 -6
- package/esm2022/select/select.component.mjs +51 -50
- package/esm2022/select/select.module.mjs +7 -48
- package/esm2022/select/select.property.mjs +3 -3
- package/esm2022/skeleton/skeleton.component.mjs +14 -17
- package/esm2022/skeleton/skeleton.module.mjs +6 -10
- package/esm2022/skeleton/skeleton.property.mjs +3 -3
- package/esm2022/slider/slider.component.mjs +38 -39
- package/esm2022/slider/slider.module.mjs +7 -13
- package/esm2022/slider/slider.property.mjs +3 -3
- package/esm2022/slider-select/slider-select.component.mjs +46 -38
- package/esm2022/slider-select/slider-select.module.mjs +6 -38
- package/esm2022/slider-select/slider-select.property.mjs +3 -3
- package/esm2022/statistic/countdown.component.mjs +15 -16
- package/esm2022/statistic/statistic.component.mjs +13 -14
- package/esm2022/statistic/statistic.module.mjs +6 -11
- package/esm2022/statistic/statistic.property.mjs +6 -6
- package/esm2022/steps/steps.component.mjs +17 -22
- package/esm2022/steps/steps.module.mjs +6 -11
- package/esm2022/steps/steps.property.mjs +3 -3
- package/esm2022/switch/switch.component.mjs +18 -18
- package/esm2022/switch/switch.module.mjs +6 -13
- package/esm2022/switch/switch.property.mjs +3 -3
- package/esm2022/table/table-body.component.mjs +23 -13
- package/esm2022/table/table-foot.component.mjs +12 -16
- package/esm2022/table/table-head.component.mjs +35 -31
- package/esm2022/table/table.component.mjs +22 -13
- package/esm2022/table/table.module.mjs +6 -71
- package/esm2022/table/table.property.mjs +12 -12
- package/esm2022/tabs/tab-content.component.mjs +13 -11
- package/esm2022/tabs/tab-link.directive.mjs +11 -9
- package/esm2022/tabs/tab.component.mjs +11 -11
- package/esm2022/tabs/tabs.component.mjs +28 -27
- package/esm2022/tabs/tabs.module.mjs +7 -28
- package/esm2022/tabs/tabs.property.mjs +6 -6
- package/esm2022/tag/tag.component.mjs +16 -20
- package/esm2022/tag/tag.module.mjs +6 -11
- package/esm2022/tag/tag.property.mjs +3 -3
- package/esm2022/text-retract/text-retract.component.mjs +16 -19
- package/esm2022/text-retract/text-retract.module.mjs +6 -12
- package/esm2022/text-retract/text-retract.property.mjs +3 -3
- package/esm2022/textarea/textarea.component.mjs +24 -25
- package/esm2022/textarea/textarea.module.mjs +6 -12
- package/esm2022/textarea/textarea.property.mjs +3 -3
- package/esm2022/theme/theme.component.mjs +42 -31
- package/esm2022/theme/theme.module.mjs +6 -42
- package/esm2022/theme/theme.property.mjs +3 -3
- package/esm2022/time-ago/time-ago.module.mjs +6 -8
- package/esm2022/time-ago/time-ago.pipe.mjs +21 -21
- package/esm2022/time-picker/time-picker-frame.component.mjs +30 -30
- package/esm2022/time-picker/time-picker-portal.component.mjs +18 -20
- package/esm2022/time-picker/time-picker.component.mjs +40 -41
- package/esm2022/time-picker/time-picker.module.mjs +7 -48
- package/esm2022/time-picker/time-picker.property.mjs +3 -3
- package/esm2022/time-range/time-range.module.mjs +7 -7
- package/esm2022/time-range/time-range.pipe.mjs +5 -5
- package/esm2022/timeline/timeline.component.mjs +17 -20
- package/esm2022/timeline/timeline.module.mjs +6 -13
- package/esm2022/timeline/timeline.property.mjs +3 -3
- package/esm2022/tooltip/tooltip-portal.component.mjs +16 -16
- package/esm2022/tooltip/tooltip.directive.mjs +16 -19
- package/esm2022/tooltip/tooltip.module.mjs +7 -13
- package/esm2022/tooltip/tooltip.property.mjs +3 -3
- package/esm2022/transfer/transfer.component.mjs +70 -55
- package/esm2022/transfer/transfer.module.mjs +6 -59
- package/esm2022/transfer/transfer.property.mjs +3 -3
- package/esm2022/tree/tree-node.component.mjs +36 -30
- package/esm2022/tree/tree.component.mjs +12 -16
- package/esm2022/tree/tree.module.mjs +6 -43
- package/esm2022/tree/tree.property.mjs +6 -6
- package/esm2022/tree/tree.service.mjs +6 -5
- package/esm2022/tree-file/tree-file.component.mjs +34 -31
- package/esm2022/tree-file/tree-file.module.mjs +6 -15
- package/esm2022/tree-file/tree-file.property.mjs +3 -3
- package/esm2022/tree-select/tree-select-portal.component.mjs +24 -26
- package/esm2022/tree-select/tree-select.component.mjs +52 -51
- package/esm2022/tree-select/tree-select.module.mjs +8 -56
- package/esm2022/tree-select/tree-select.property.mjs +3 -3
- package/esm2022/typography/typography.component.mjs +12 -12
- package/esm2022/typography/typography.module.mjs +6 -9
- package/esm2022/typography/typography.property.mjs +3 -3
- package/esm2022/upload/upload-portal.component.mjs +11 -12
- package/esm2022/upload/upload.component.mjs +42 -43
- package/esm2022/upload/upload.module.mjs +6 -55
- package/esm2022/upload/upload.property.mjs +3 -3
- package/examples/examples.component.d.ts +6 -6
- package/examples/examples.module.d.ts +1 -2
- package/fesm2022/ng-nest-ui-affix.mjs +18 -21
- package/fesm2022/ng-nest-ui-affix.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-alert.mjs +25 -32
- package/fesm2022/ng-nest-ui-alert.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-anchor.mjs +32 -37
- package/fesm2022/ng-nest-ui-anchor.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-api.mjs +18 -18
- package/fesm2022/ng-nest-ui-api.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-auto-complete.mjs +65 -57
- package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-avatar.mjs +33 -38
- package/fesm2022/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-back-top.mjs +30 -39
- package/fesm2022/ng-nest-ui-back-top.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-badge.mjs +25 -32
- package/fesm2022/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-base-form.mjs +19 -14
- package/fesm2022/ng-nest-ui-base-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-border.mjs +18 -16
- package/fesm2022/ng-nest-ui-border.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-button.mjs +40 -49
- package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-calendar.mjs +44 -44
- package/fesm2022/ng-nest-ui-calendar.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-card.mjs +21 -28
- package/fesm2022/ng-nest-ui-card.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-carousel.mjs +62 -68
- package/fesm2022/ng-nest-ui-carousel.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-cascade.mjs +58 -58
- package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-checkbox.mjs +37 -39
- package/fesm2022/ng-nest-ui-checkbox.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-collapse.mjs +36 -47
- package/fesm2022/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs +84 -106
- package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color.mjs +22 -28
- package/fesm2022/ng-nest-ui-color.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-comment.mjs +51 -83
- package/fesm2022/ng-nest-ui-comment.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-container.mjs +80 -114
- package/fesm2022/ng-nest-ui-container.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-core.mjs +24 -18
- package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-crumb.mjs +22 -30
- package/fesm2022/ng-nest-ui-crumb.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-date-picker.mjs +277 -326
- package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-description.mjs +28 -35
- package/fesm2022/ng-nest-ui-description.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dialog.mjs +193 -242
- package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-doc.mjs +16 -16
- package/fesm2022/ng-nest-ui-doc.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-drag.mjs +19 -20
- package/fesm2022/ng-nest-ui-drag.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-drawer.mjs +128 -149
- package/fesm2022/ng-nest-ui-drawer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dropdown.mjs +33 -38
- package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-empty.mjs +26 -31
- package/fesm2022/ng-nest-ui-empty.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-examples.mjs +16 -16
- package/fesm2022/ng-nest-ui-examples.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-find.mjs +55 -86
- package/fesm2022/ng-nest-ui-find.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-form.mjs +98 -126
- package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-highlight.mjs +33 -33
- package/fesm2022/ng-nest-ui-highlight.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-i18n.mjs +29 -29
- package/fesm2022/ng-nest-ui-i18n.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-icon.mjs +62 -64
- package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-image.mjs +69 -75
- package/fesm2022/ng-nest-ui-image.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-inner.mjs +21 -24
- package/fesm2022/ng-nest-ui-inner.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input-number.mjs +31 -38
- package/fesm2022/ng-nest-ui-input-number.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input.mjs +51 -60
- package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-keyword.mjs +22 -24
- package/fesm2022/ng-nest-ui-keyword.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-layout.mjs +35 -41
- package/fesm2022/ng-nest-ui-layout.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-link.mjs +24 -31
- package/fesm2022/ng-nest-ui-link.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-list.mjs +63 -100
- package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-loading.mjs +26 -34
- package/fesm2022/ng-nest-ui-loading.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-menu.mjs +42 -54
- package/fesm2022/ng-nest-ui-menu.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message-box.mjs +38 -66
- package/fesm2022/ng-nest-ui-message-box.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message.mjs +26 -37
- package/fesm2022/ng-nest-ui-message.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-notification.mjs +28 -35
- package/fesm2022/ng-nest-ui-notification.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-outlet.mjs +14 -16
- package/fesm2022/ng-nest-ui-outlet.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-page-header.mjs +25 -30
- package/fesm2022/ng-nest-ui-page-header.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pagination.mjs +43 -47
- package/fesm2022/ng-nest-ui-pagination.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pattern.mjs +16 -16
- package/fesm2022/ng-nest-ui-pattern.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-popconfirm.mjs +30 -40
- package/fesm2022/ng-nest-ui-popconfirm.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-popover.mjs +39 -44
- package/fesm2022/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-portal.mjs +26 -26
- package/fesm2022/ng-nest-ui-portal.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-progress.mjs +22 -29
- package/fesm2022/ng-nest-ui-progress.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-radio.mjs +28 -38
- package/fesm2022/ng-nest-ui-radio.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-rate.mjs +29 -34
- package/fesm2022/ng-nest-ui-rate.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-resizable.mjs +67 -57
- package/fesm2022/ng-nest-ui-resizable.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-result.mjs +22 -30
- package/fesm2022/ng-nest-ui-result.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-ripple.mjs +20 -21
- package/fesm2022/ng-nest-ui-ripple.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-select.mjs +66 -100
- package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-skeleton.mjs +21 -27
- package/fesm2022/ng-nest-ui-skeleton.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-slider-select.mjs +53 -73
- package/fesm2022/ng-nest-ui-slider-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-slider.mjs +46 -52
- package/fesm2022/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-statistic.mjs +34 -40
- package/fesm2022/ng-nest-ui-statistic.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-steps.mjs +24 -33
- package/fesm2022/ng-nest-ui-steps.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-switch.mjs +25 -30
- package/fesm2022/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table.mjs +111 -154
- package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tabs.mjs +67 -79
- package/fesm2022/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tag.mjs +23 -31
- package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-text-retract.mjs +22 -30
- package/fesm2022/ng-nest-ui-text-retract.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-textarea.mjs +31 -36
- package/fesm2022/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-theme.mjs +49 -71
- package/fesm2022/ng-nest-ui-theme.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-ago.mjs +24 -26
- package/fesm2022/ng-nest-ui-time-ago.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-picker.mjs +89 -127
- package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-range.mjs +10 -10
- package/fesm2022/ng-nest-ui-time-range.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-timeline.mjs +24 -33
- package/fesm2022/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tooltip.mjs +38 -44
- package/fesm2022/ng-nest-ui-tooltip.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-transfer.mjs +76 -111
- package/fesm2022/ng-nest-ui-transfer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-file.mjs +41 -46
- package/fesm2022/ng-nest-ui-tree-file.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-select.mjs +83 -126
- package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree.mjs +60 -89
- package/fesm2022/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-typography.mjs +19 -21
- package/fesm2022/ng-nest-ui-typography.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-upload.mjs +58 -106
- package/fesm2022/ng-nest-ui-upload.mjs.map +1 -1
- package/find/find.component.d.ts +6 -8
- package/find/find.module.d.ts +1 -13
- package/form/control.component.d.ts +6 -7
- package/form/form.component.d.ts +5 -8
- package/form/form.module.d.ts +1 -24
- package/highlight/highlight.component.d.ts +12 -10
- package/highlight/highlight.module.d.ts +1 -4
- package/i18n/i18n.directive.d.ts +6 -7
- package/i18n/i18n.module.d.ts +1 -1
- package/i18n/i18n.pipe.d.ts +1 -1
- package/i18n/i18n.service.d.ts +3 -2
- package/icon/icon.component.d.ts +7 -9
- package/icon/icon.module.d.ts +1 -3
- package/icon/icon.property.d.ts +1 -1
- package/icon/icon.service.d.ts +6 -7
- package/image/image-group.component.d.ts +3 -1
- package/image/image-preview.component.d.ts +5 -10
- package/image/image.component.d.ts +9 -14
- package/image/image.module.d.ts +3 -11
- package/inner/inner.component.d.ts +2 -3
- package/inner/inner.module.d.ts +1 -3
- package/input/input-group.component.d.ts +3 -6
- package/input/input.component.d.ts +8 -10
- package/input/input.module.d.ts +2 -8
- package/input-number/input-number.component.d.ts +5 -6
- package/input-number/input-number.module.d.ts +1 -7
- package/keyword/keyword.directive.d.ts +3 -4
- package/keyword/keyword.module.d.ts +1 -3
- package/keyword/keyword.property.d.ts +1 -1
- package/layout/col.component.d.ts +5 -7
- package/layout/layout.module.d.ts +1 -3
- package/layout/row.component.d.ts +3 -4
- package/link/link.component.d.ts +5 -7
- package/link/link.module.d.ts +1 -6
- package/list/list-drop-group.directive.d.ts +1 -1
- package/list/list-option.component.d.ts +6 -7
- package/list/list.component.d.ts +9 -12
- package/list/list.module.d.ts +1 -13
- package/loading/loading.component.d.ts +7 -10
- package/loading/loading.module.d.ts +1 -6
- package/menu/menu-node.component.d.ts +6 -7
- package/menu/menu.component.d.ts +4 -8
- package/menu/menu.module.d.ts +1 -7
- package/message/message.component.d.ts +3 -7
- package/message/message.module.d.ts +1 -5
- package/message/message.service.d.ts +4 -5
- package/message-box/message-box.component.d.ts +1 -1
- package/message-box/message-box.module.d.ts +1 -11
- package/message-box/message-box.service.d.ts +2 -5
- package/notification/notification.component.d.ts +3 -7
- package/notification/notification.module.d.ts +1 -5
- package/notification/notification.service.d.ts +1 -3
- package/outlet/outlet.directive.d.ts +4 -5
- package/outlet/outlet.module.d.ts +1 -2
- package/package.json +36 -36
- package/page-header/page-header.component.d.ts +5 -7
- package/page-header/page-header.module.d.ts +1 -4
- package/pagination/pagination.component.d.ts +8 -11
- package/pagination/pagination.module.d.ts +1 -9
- package/pattern/pattern.component.d.ts +4 -4
- package/pattern/pattern.module.d.ts +1 -2
- package/popconfirm/popconfirm.component.d.ts +6 -9
- package/popconfirm/popconfirm.module.d.ts +1 -7
- package/popover/popover-portal.component.d.ts +4 -5
- package/popover/popover.directive.d.ts +9 -10
- package/popover/popover.module.d.ts +1 -6
- package/portal/portal.module.d.ts +1 -3
- package/portal/portal.service.d.ts +3 -4
- package/progress/progress.component.d.ts +3 -7
- package/progress/progress.module.d.ts +1 -5
- package/radio/radio.component.d.ts +6 -9
- package/radio/radio.module.d.ts +1 -8
- package/rate/rate.component.d.ts +6 -8
- package/rate/rate.module.d.ts +1 -7
- package/resizable/resizable.directive.d.ts +5 -7
- package/resizable/resizable.module.d.ts +1 -2
- package/resizable/resizable.property.d.ts +1 -1
- package/result/result.component.d.ts +3 -7
- package/result/result.module.d.ts +1 -5
- package/ripple/ripple.directive.d.ts +4 -5
- package/ripple/ripple.module.d.ts +1 -3
- package/select/select-portal.component.d.ts +1 -1
- package/select/select.component.d.ts +14 -15
- package/select/select.module.d.ts +1 -12
- package/skeleton/skeleton.component.d.ts +3 -6
- package/skeleton/skeleton.module.d.ts +1 -4
- package/slider/slider.component.d.ts +5 -8
- package/slider/slider.module.d.ts +1 -7
- package/slider-select/slider-select.component.d.ts +6 -7
- package/slider-select/slider-select.module.d.ts +1 -9
- package/statistic/countdown.component.d.ts +6 -7
- package/statistic/statistic.component.d.ts +2 -3
- package/statistic/statistic.module.d.ts +1 -5
- package/steps/steps.component.d.ts +4 -8
- package/steps/steps.module.d.ts +1 -5
- package/style/core/index.css +1 -1
- package/style/params/colors.scss +1 -1
- package/switch/switch.component.d.ts +6 -7
- package/switch/switch.module.d.ts +1 -7
- package/table/table-body.component.d.ts +1 -1
- package/table/table-foot.component.d.ts +3 -6
- package/table/table-head.component.d.ts +5 -8
- package/table/table.component.d.ts +1 -1
- package/table/table.module.d.ts +4 -17
- package/tabs/tab-content.component.d.ts +6 -6
- package/tabs/tab-link.directive.d.ts +2 -2
- package/tabs/tab.component.d.ts +2 -3
- package/tabs/tabs.component.d.ts +8 -9
- package/tabs/tabs.module.d.ts +3 -9
- package/tag/tag.component.d.ts +4 -8
- package/tag/tag.module.d.ts +1 -5
- package/text-retract/text-retract.component.d.ts +6 -10
- package/text-retract/text-retract.module.d.ts +1 -6
- package/textarea/textarea.component.d.ts +5 -7
- package/textarea/textarea.module.d.ts +1 -6
- package/theme/theme.component.d.ts +8 -9
- package/theme/theme.module.d.ts +1 -10
- package/time-ago/time-ago.module.d.ts +1 -1
- package/time-ago/time-ago.pipe.d.ts +6 -9
- package/time-picker/time-picker-frame.component.d.ts +5 -6
- package/time-picker/time-picker-portal.component.d.ts +5 -7
- package/time-picker/time-picker.component.d.ts +14 -16
- package/time-picker/time-picker.module.d.ts +2 -13
- package/time-range/time-range.module.d.ts +1 -1
- package/time-range/time-range.pipe.d.ts +1 -1
- package/timeline/timeline.component.d.ts +5 -8
- package/timeline/timeline.module.d.ts +1 -7
- package/tooltip/tooltip-portal.component.d.ts +4 -5
- package/tooltip/tooltip.directive.d.ts +8 -9
- package/tooltip/tooltip.module.d.ts +1 -6
- package/transfer/transfer.component.d.ts +6 -9
- package/transfer/transfer.module.d.ts +1 -15
- package/tree/tree-node.component.d.ts +6 -10
- package/tree/tree.component.d.ts +1 -1
- package/tree/tree.module.d.ts +1 -11
- package/tree-file/tree-file.component.d.ts +5 -10
- package/tree-file/tree-file.module.d.ts +1 -9
- package/tree-select/tree-select-portal.component.d.ts +5 -7
- package/tree-select/tree-select.component.d.ts +14 -15
- package/tree-select/tree-select.module.d.ts +1 -14
- package/typography/typography.component.d.ts +3 -4
- package/typography/typography.module.d.ts +1 -3
- package/upload/upload-portal.component.d.ts +5 -7
- package/upload/upload.component.d.ts +12 -16
- package/upload/upload.module.d.ts +1 -14
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, HostBinding,
|
|
3
|
-
import
|
|
4
|
-
import { XProperty, XWithConfig, XInputBoolean, XInputNumber, XIsChange, XClearClass, XIsEmpty } from '@ng-nest/ui/core';
|
|
2
|
+
import { Component, Input, Renderer2, inject, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ChangeDetectorRef, ViewChild, NgModule } from '@angular/core';
|
|
3
|
+
import { XProperty, XWithConfig, XInputBoolean, XInputNumber, XConfigService, XIsChange, XClearClass, XIsEmpty } from '@ng-nest/ui/core';
|
|
5
4
|
import { delay, of } from 'rxjs';
|
|
6
5
|
import { __decorate } from 'tslib';
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import { XIconModule } from '@ng-nest/ui/icon';
|
|
11
|
-
import * as i5 from '@ng-nest/ui/ripple';
|
|
12
|
-
import { XRippleModule } from '@ng-nest/ui/ripple';
|
|
6
|
+
import { XIconComponent } from '@ng-nest/ui/icon';
|
|
7
|
+
import { XRippleDirective } from '@ng-nest/ui/ripple';
|
|
8
|
+
import { NgClass } from '@angular/common';
|
|
13
9
|
|
|
14
10
|
/**
|
|
15
11
|
* Button
|
|
@@ -40,8 +36,8 @@ class XButtonProperty extends XProperty {
|
|
|
40
36
|
*/
|
|
41
37
|
this.tabindex = 0;
|
|
42
38
|
}
|
|
43
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
44
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.
|
|
39
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: XButtonProperty, selector: "x-button-property", inputs: { type: "type", icon: "icon", title: "title", direction: "direction", tabindex: "tabindex", size: "size", onlyIcon: "onlyIcon", activated: "activated", disabled: "disabled", plain: "plain", round: "round", circle: "circle", loading: "loading", closable: "closable", attrType: "attrType" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
45
41
|
}
|
|
46
42
|
__decorate([
|
|
47
43
|
XWithConfig(X_CONFIG_NAME, 'initial')
|
|
@@ -78,7 +74,7 @@ __decorate([
|
|
|
78
74
|
__decorate([
|
|
79
75
|
XWithConfig(X_CONFIG_NAME, 'button')
|
|
80
76
|
], XButtonProperty.prototype, "attrType", void 0);
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonProperty, decorators: [{
|
|
82
78
|
type: Component,
|
|
83
79
|
args: [{ selector: `${XButtonPrefix}-property`, template: '' }]
|
|
84
80
|
}], propDecorators: { type: [{
|
|
@@ -123,8 +119,8 @@ const X_CONFIG_NAME_BUTTONS = 'buttons';
|
|
|
123
119
|
* Buttons Property
|
|
124
120
|
*/
|
|
125
121
|
class XButtonsProperty extends XProperty {
|
|
126
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
127
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.
|
|
122
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: XButtonsProperty, selector: "x-buttons-property", inputs: { space: "space", hiddenBorder: "hiddenBorder" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
128
124
|
}
|
|
129
125
|
__decorate([
|
|
130
126
|
XWithConfig(X_CONFIG_NAME_BUTTONS, 0),
|
|
@@ -134,7 +130,7 @@ __decorate([
|
|
|
134
130
|
XWithConfig(X_CONFIG_NAME_BUTTONS),
|
|
135
131
|
XInputBoolean()
|
|
136
132
|
], XButtonsProperty.prototype, "hiddenBorder", void 0);
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonsProperty, decorators: [{
|
|
138
134
|
type: Component,
|
|
139
135
|
args: [{ selector: `${XButtonsPrefix}-property`, template: '' }]
|
|
140
136
|
}], propDecorators: { space: [{
|
|
@@ -144,20 +140,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
144
140
|
}] } });
|
|
145
141
|
|
|
146
142
|
class XButtonsComponent extends XButtonsProperty {
|
|
143
|
+
constructor() {
|
|
144
|
+
super(...arguments);
|
|
145
|
+
this.renderer = inject(Renderer2);
|
|
146
|
+
this.elementRef = inject(ElementRef);
|
|
147
|
+
this.configService = inject(XConfigService);
|
|
148
|
+
}
|
|
147
149
|
get getSpace() {
|
|
148
150
|
return this.space;
|
|
149
151
|
}
|
|
150
152
|
get getHiddenBorder() {
|
|
151
153
|
return this.hiddenBorder;
|
|
152
154
|
}
|
|
153
|
-
constructor(renderer, elementRef, configService) {
|
|
154
|
-
super();
|
|
155
|
-
this.renderer = renderer;
|
|
156
|
-
this.elementRef = elementRef;
|
|
157
|
-
this.configService = configService;
|
|
158
|
-
this.renderer.addClass(this.elementRef.nativeElement, XButtonsPrefix);
|
|
159
|
-
}
|
|
160
155
|
ngOnInit() {
|
|
156
|
+
this.renderer.addClass(this.elementRef.nativeElement, XButtonsPrefix);
|
|
161
157
|
this.setSpace();
|
|
162
158
|
}
|
|
163
159
|
setSpace() {
|
|
@@ -166,13 +162,13 @@ class XButtonsComponent extends XButtonsProperty {
|
|
|
166
162
|
this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `-${Number(this.space) / 2}rem`);
|
|
167
163
|
this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `-${Number(this.space) / 2}rem`);
|
|
168
164
|
}
|
|
169
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
170
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.
|
|
165
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
166
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: XButtonsComponent, isStandalone: true, selector: "x-buttons", host: { properties: { "class.x-buttons-space": "this.getSpace", "class.x-buttons-hiddenBorder": "this.getHiddenBorder" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:not(:first-child) .x-button{margin-left:-1px}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:0;padding:0 .4rem;background-color:transparent}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:.2rem .4rem}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
171
167
|
}
|
|
172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonsComponent, decorators: [{
|
|
173
169
|
type: Component,
|
|
174
|
-
args: [{ selector: `${XButtonsPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:not(:first-child) .x-button{margin-left:-1px}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:0;padding:0 .4rem;background-color:transparent}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:.2rem .4rem}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"] }]
|
|
175
|
-
}],
|
|
170
|
+
args: [{ selector: `${XButtonsPrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:not(:first-child) .x-button{margin-left:-1px}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:0;padding:0 .4rem;background-color:transparent}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:.2rem .4rem}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"] }]
|
|
171
|
+
}], propDecorators: { getSpace: [{
|
|
176
172
|
type: HostBinding,
|
|
177
173
|
args: ['class.x-buttons-space']
|
|
178
174
|
}], getHiddenBorder: [{
|
|
@@ -181,14 +177,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
181
177
|
}] } });
|
|
182
178
|
|
|
183
179
|
class XButtonComponent extends XButtonProperty {
|
|
184
|
-
constructor(
|
|
185
|
-
super();
|
|
186
|
-
this.buttons = buttons;
|
|
187
|
-
this.cdr = cdr;
|
|
188
|
-
this.elementRef = elementRef;
|
|
189
|
-
this.renderer = renderer;
|
|
190
|
-
this.configService = configService;
|
|
180
|
+
constructor() {
|
|
181
|
+
super(...arguments);
|
|
191
182
|
this.transition = false;
|
|
183
|
+
this.buttons = inject(XButtonsComponent, { optional: true, host: true });
|
|
184
|
+
this.cdr = inject(ChangeDetectorRef);
|
|
185
|
+
this.elementRef = inject(ElementRef);
|
|
186
|
+
this.renderer = inject(Renderer2);
|
|
187
|
+
this.configService = inject(XConfigService);
|
|
192
188
|
}
|
|
193
189
|
ngOnInit() {
|
|
194
190
|
this.setSpace();
|
|
@@ -234,32 +230,27 @@ class XButtonComponent extends XButtonProperty {
|
|
|
234
230
|
this.renderer.removeStyle(this.buttonRef?.nativeElement, 'disabled');
|
|
235
231
|
}
|
|
236
232
|
}
|
|
237
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
238
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XButtonComponent, selector: "x-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex\"\r\n [ngClass]=\"classMap\"\r\n [class.x-button-only-icon]=\"onlyIcon\"\r\n [class.x-button-activated]=\"activated\"\r\n [class.x-button-disabled]=\"disabled\"\r\n [class.x-button-round]=\"round\"\r\n [class.x-button-circle]=\"circle\"\r\n [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable\"\r\n [class.x-button-transition]=\"transition\"\r\n [title]=\"title\"\r\n x-ripple\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [attr.type]=\"attrType\"\r\n>\r\n <x-icon *ngIf=\"direction === 'row' && icon && !loading\" [type]=\"icon\"></x-icon>\r\n <span *ngIf=\"loading\" class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n <span #content><ng-content></ng-content></span>\r\n <x-icon *ngIf=\"direction === 'row-reverse' && icon && !loading\" [type]=\"icon\"></x-icon>\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important;width:1.675rem}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-only-icon:focus .x-button-path,.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:focus .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:focus .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:active .x-button-path{stroke:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial:focus .x-button-path{stroke:var(--x-primary)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain:focus .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-primary)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover .x-button-path{stroke:var(--x-white)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active .x-button-path{stroke:var(--x-white)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-primary:focus .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover .x-button-path{stroke:var(--x-white)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active .x-button-path{stroke:var(--x-white)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.x-button-success:focus .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover .x-button-path{stroke:var(--x-white)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active .x-button-path{stroke:var(--x-white)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.x-button-warning:focus .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover .x-button-path{stroke:var(--x-white)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active .x-button-path{stroke:var(--x-white)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.x-button-danger:focus .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover .x-button-path{stroke:var(--x-white)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active .x-button-path{stroke:var(--x-white)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.x-button-info:focus .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i5.XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
233
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
234
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: XButtonComponent, isStandalone: true, selector: "x-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex\"\r\n [ngClass]=\"classMap\"\r\n [class.x-button-only-icon]=\"onlyIcon\"\r\n [class.x-button-activated]=\"activated\"\r\n [class.x-button-disabled]=\"disabled\"\r\n [class.x-button-round]=\"round\"\r\n [class.x-button-circle]=\"circle\"\r\n [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable\"\r\n [class.x-button-transition]=\"transition\"\r\n [title]=\"title\"\r\n x-ripple\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [attr.type]=\"attrType\"\r\n>\r\n @if (direction === 'row' && icon && !loading) {\r\n <x-icon [type]=\"icon\"></x-icon>\r\n }\r\n @if (loading) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction === 'row-reverse' && icon && !loading) {\r\n <x-icon [type]=\"icon\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important;width:1.675rem}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-only-icon:focus .x-button-path,.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:focus .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:focus .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:active .x-button-path{stroke:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial:focus .x-button-path{stroke:var(--x-primary)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain:focus .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-primary)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover .x-button-path{stroke:var(--x-white)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active .x-button-path{stroke:var(--x-white)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-primary:focus .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover .x-button-path{stroke:var(--x-white)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active .x-button-path{stroke:var(--x-white)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.x-button-success:focus .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover .x-button-path{stroke:var(--x-white)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active .x-button-path{stroke:var(--x-white)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.x-button-warning:focus .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover .x-button-path{stroke:var(--x-white)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active .x-button-path{stroke:var(--x-white)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.x-button-danger:focus .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover .x-button-path{stroke:var(--x-white)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active .x-button-path{stroke:var(--x-white)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.x-button-info:focus .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
239
235
|
}
|
|
240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonComponent, decorators: [{
|
|
241
237
|
type: Component,
|
|
242
|
-
args: [{ selector: `${XButtonPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex\"\r\n [ngClass]=\"classMap\"\r\n [class.x-button-only-icon]=\"onlyIcon\"\r\n [class.x-button-activated]=\"activated\"\r\n [class.x-button-disabled]=\"disabled\"\r\n [class.x-button-round]=\"round\"\r\n [class.x-button-circle]=\"circle\"\r\n [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable\"\r\n [class.x-button-transition]=\"transition\"\r\n [title]=\"title\"\r\n x-ripple\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [attr.type]=\"attrType\"\r\n>\r\n <x-icon *ngIf=\"direction === 'row' && icon && !loading\" [type]=\"icon\"></x-icon>\r\n <span *ngIf=\"loading\" class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n <span #content><ng-content></ng-content></span>\r\n <x-icon *ngIf=\"direction === 'row-reverse' && icon && !loading\" [type]=\"icon\"></x-icon>\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important;width:1.675rem}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-only-icon:focus .x-button-path,.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:focus .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:focus .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:active .x-button-path{stroke:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial:focus .x-button-path{stroke:var(--x-primary)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain:focus .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-primary)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover .x-button-path{stroke:var(--x-white)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active .x-button-path{stroke:var(--x-white)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-primary:focus .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover .x-button-path{stroke:var(--x-white)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active .x-button-path{stroke:var(--x-white)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.x-button-success:focus .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover .x-button-path{stroke:var(--x-white)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active .x-button-path{stroke:var(--x-white)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.x-button-warning:focus .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover .x-button-path{stroke:var(--x-white)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active .x-button-path{stroke:var(--x-white)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.x-button-danger:focus .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover .x-button-path{stroke:var(--x-white)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active .x-button-path{stroke:var(--x-white)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.x-button-info:focus .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}\n"] }]
|
|
243
|
-
}],
|
|
244
|
-
type: Optional
|
|
245
|
-
}, {
|
|
246
|
-
type: Host
|
|
247
|
-
}] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.XConfigService }], propDecorators: { buttonRef: [{
|
|
238
|
+
args: [{ selector: `${XButtonPrefix}`, standalone: true, imports: [NgClass, XIconComponent, XRippleDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex\"\r\n [ngClass]=\"classMap\"\r\n [class.x-button-only-icon]=\"onlyIcon\"\r\n [class.x-button-activated]=\"activated\"\r\n [class.x-button-disabled]=\"disabled\"\r\n [class.x-button-round]=\"round\"\r\n [class.x-button-circle]=\"circle\"\r\n [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable\"\r\n [class.x-button-transition]=\"transition\"\r\n [title]=\"title\"\r\n x-ripple\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [attr.type]=\"attrType\"\r\n>\r\n @if (direction === 'row' && icon && !loading) {\r\n <x-icon [type]=\"icon\"></x-icon>\r\n }\r\n @if (loading) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction === 'row-reverse' && icon && !loading) {\r\n <x-icon [type]=\"icon\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important;width:1.675rem}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-only-icon:focus .x-button-path,.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:focus .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:focus .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:active .x-button-path{stroke:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial:focus .x-button-path{stroke:var(--x-primary)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain:focus .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-primary)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover .x-button-path{stroke:var(--x-white)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active .x-button-path{stroke:var(--x-white)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-primary:focus .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover .x-button-path{stroke:var(--x-white)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active .x-button-path{stroke:var(--x-white)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.x-button-success:focus .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover .x-button-path{stroke:var(--x-white)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active .x-button-path{stroke:var(--x-white)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.x-button-warning:focus .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover .x-button-path{stroke:var(--x-white)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active .x-button-path{stroke:var(--x-white)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.x-button-danger:focus .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover .x-button-path{stroke:var(--x-white)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active .x-button-path{stroke:var(--x-white)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.x-button-info:focus .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain:focus .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}\n"] }]
|
|
239
|
+
}], propDecorators: { buttonRef: [{
|
|
248
240
|
type: ViewChild,
|
|
249
241
|
args: ['buttonRef', { static: true }]
|
|
250
242
|
}] } });
|
|
251
243
|
|
|
252
244
|
class XButtonModule {
|
|
253
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
254
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.
|
|
255
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.
|
|
245
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
246
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: XButtonModule, imports: [XButtonComponent, XButtonsComponent], exports: [XButtonComponent, XButtonsComponent] }); }
|
|
247
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonModule, imports: [XButtonComponent] }); }
|
|
256
248
|
}
|
|
257
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XButtonModule, decorators: [{
|
|
258
250
|
type: NgModule,
|
|
259
251
|
args: [{
|
|
260
|
-
declarations: [XButtonComponent, XButtonsComponent, XButtonProperty, XButtonsProperty],
|
|
261
252
|
exports: [XButtonComponent, XButtonsComponent],
|
|
262
|
-
imports: [
|
|
253
|
+
imports: [XButtonComponent, XButtonsComponent]
|
|
263
254
|
}]
|
|
264
255
|
}] });
|
|
265
256
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XProperty, XDirection, XSize, XInputBoolean, XInputNumber, XNumber, XBoolean, XType, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XProperty implements XButtonOption {\r\n /**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\n @Input() @XWithConfig<XButtonType>(X_CONFIG_NAME, 'initial') type?: XButtonType;\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n */\r\n @Input() icon?: string;\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n */\r\n @Input() title?: string = '';\r\n /**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\n @Input() direction: XDirection = 'row';\r\n /**\r\n * @zh_CN tab 键控制次序\r\n * @en_US Tab key control order\r\n */\r\n @Input() tabindex: number = 0;\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n */\r\n @Input() @XInputBoolean() onlyIcon?: XBoolean;\r\n /**\r\n * @zh_CN 激活的按钮(样式差异)\r\n * @en_US Active button (style difference)\r\n */\r\n @Input() @XInputBoolean() activated?: XBoolean;\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n */\r\n @Input() @XInputBoolean() disabled?: XBoolean;\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n */\r\n @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() plain?: XBoolean;\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n */\r\n @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() round?: XBoolean;\r\n /**\r\n * @zh_CN 圆型按钮(配合图标来使用)\r\n * @en_US Round button (use with icon)\r\n */\r\n @Input() @XInputBoolean() circle?: XBoolean;\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n */\r\n @Input() @XInputBoolean() loading?: XBoolean;\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n */\r\n @Input() @XInputBoolean() closable?: XBoolean;\r\n /**\r\n * @zh_CN 按钮类型属性 submit,button,reset\r\n * @en_US Button type attribute. submit,button,reset\r\n */\r\n @Input() @XWithConfig<XButtonAttrType>(X_CONFIG_NAME, 'button') attrType?: XButtonAttrType;\r\n}\r\n\r\n/**\r\n * Button Option\r\n * @undocument true\r\n */\r\nexport interface XButtonOption {\r\n /**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\n type?: XButtonType;\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n */\r\n icon?: string;\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n */\r\n title?: string;\r\n /**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\n direction?: XDirection;\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n size?: XSize;\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n */\r\n onlyIcon?: XBoolean;\r\n /**\r\n * @zh_CN 激活的按钮(样式差异)\r\n * @en_US Active button (style difference)\r\n */\r\n activated?: XBoolean;\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n */\r\n disabled?: XBoolean;\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n */\r\n plain?: XBoolean;\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n */\r\n round?: XBoolean;\r\n /**\r\n * @zh_CN 圆型按钮(配合图标来使用)\r\n * @en_US Round button (use with icon)\r\n */\r\n circle?: XBoolean;\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n */\r\n loading?: XBoolean;\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n */\r\n closable?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * @en_US Button attr type\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_CONFIG_NAME_BUTTONS = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XProperty {\r\n /**\r\n * @zh_CN 按钮间距,单位 rem (按 1rem = 16px 比例来计算)\r\n * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)\r\n */\r\n @Input() @XWithConfig<XNumber>(X_CONFIG_NAME_BUTTONS, 0) @XInputNumber() space?: XNumber;\r\n /**\r\n * @zh_CN 隐藏边框\r\n * @en_US Hide border\r\n */\r\n @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME_BUTTONS) @XInputBoolean() hiddenBorder?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, HostBinding } from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XButtonsPrefix}`,\r\n template: '<ng-content></ng-content>',\r\n styleUrls: ['./buttons.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty implements OnInit {\r\n @HostBinding('class.x-buttons-space') get getSpace() {\r\n return this.space;\r\n }\r\n @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n return this.hiddenBorder;\r\n }\r\n\r\n constructor(private renderer: Renderer2, private elementRef: ElementRef<HTMLElement>, public configService: XConfigService) {\r\n super();\r\n this.renderer.addClass(this.elementRef.nativeElement, XButtonsPrefix);\r\n }\r\n\r\n ngOnInit() {\r\n this.setSpace();\r\n }\r\n\r\n setSpace() {\r\n if (!this.space) return;\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `-${Number(this.space) / 2}rem`);\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `-${Number(this.space) / 2}rem`);\r\n }\r\n}\r\n","import {\r\n Component,\r\n OnInit,\r\n OnChanges,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n SimpleChanges,\r\n ChangeDetectorRef,\r\n Optional,\r\n Host,\r\n ElementRef,\r\n Renderer2,\r\n ViewChild\r\n} from '@angular/core';\r\nimport { XIsChange, XConfigService, XIsEmpty, XClearClass } from '@ng-nest/ui/core';\r\nimport { delay, of } from 'rxjs';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@Component({\r\n selector: `${XButtonPrefix}`,\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements OnInit, OnChanges {\r\n transition = false;\r\n @ViewChild('buttonRef', { static: true }) buttonRef!: ElementRef;\r\n constructor(\r\n @Optional() @Host() public buttons: XButtonsComponent,\r\n public cdr: ChangeDetectorRef,\r\n public elementRef: ElementRef<HTMLElement>,\r\n public renderer: Renderer2,\r\n public configService: XConfigService\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit(): void {\r\n this.setSpace();\r\n this.setClassMap();\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n const { loading, disabled, activated, type, plain, size, direction } = changes;\r\n XIsChange(loading, disabled) && this.setDisabled();\r\n XIsChange(activated) && this.cdr.detectChanges();\r\n XIsChange(type, plain, size, direction) && this.setClassMap();\r\n }\r\n\r\n setClassMap() {\r\n XClearClass(this.classMap);\r\n this.classMap = {\r\n [`${XButtonPrefix}-${this.type}`]: !XIsEmpty(this.type) && XIsEmpty(this.plain),\r\n [`${XButtonPrefix}-${this.type}-plain`]: !XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n [`${XButtonPrefix}-plain`]: XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n [`x-size-${this.size}`]: !XIsEmpty(this.size),\r\n [`x-direction-${this.direction}`]: !XIsEmpty(this.direction)\r\n };\r\n if (!this.transition)\r\n of(true)\r\n .pipe(delay(0))\r\n .subscribe(() => {\r\n this.transition = true;\r\n this.cdr.detectChanges();\r\n });\r\n this.cdr.detectChanges();\r\n }\r\n\r\n setSpace() {\r\n if (!this.buttons?.space) return;\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `${Number(this.buttons.space) / 2}rem`);\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `${Number(this.buttons.space) / 2}rem`);\r\n }\r\n\r\n setDisabled() {\r\n if (this.loading || this.disabled) {\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'pointer-events', 'none');\r\n this.renderer.setStyle(this.buttonRef?.nativeElement, 'disabled', 'none');\r\n } else {\r\n this.renderer.removeStyle(this.elementRef.nativeElement, 'pointer-events');\r\n this.renderer.removeStyle(this.buttonRef?.nativeElement, 'disabled');\r\n }\r\n }\r\n}\r\n","<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex\"\r\n [ngClass]=\"classMap\"\r\n [class.x-button-only-icon]=\"onlyIcon\"\r\n [class.x-button-activated]=\"activated\"\r\n [class.x-button-disabled]=\"disabled\"\r\n [class.x-button-round]=\"round\"\r\n [class.x-button-circle]=\"circle\"\r\n [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable\"\r\n [class.x-button-transition]=\"transition\"\r\n [title]=\"title\"\r\n x-ripple\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [attr.type]=\"attrType\"\r\n>\r\n <x-icon *ngIf=\"direction === 'row' && icon && !loading\" [type]=\"icon\"></x-icon>\r\n <span *ngIf=\"loading\" class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n <span #content><ng-content></ng-content></span>\r\n <x-icon *ngIf=\"direction === 'row-reverse' && icon && !loading\" [type]=\"icon\"></x-icon>\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XButtonProperty, XButtonsProperty } from './button.property';\r\nimport { XRippleModule } from '@ng-nest/ui/ripple';\r\n\r\n@NgModule({\r\n declarations: [XButtonComponent, XButtonsComponent, XButtonProperty, XButtonsProperty],\r\n exports: [XButtonComponent, XButtonsComponent],\r\n imports: [CommonModule, XIconModule, XRippleModule]\r\n})\r\nexport class XButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.XButtonsComponent","i2"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport {\r\n XProperty,\r\n XDirection,\r\n XSize,\r\n XInputBoolean,\r\n XInputNumber,\r\n XNumber,\r\n XBoolean,\r\n XType,\r\n XWithConfig\r\n} from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XProperty implements XButtonOption {\r\n /**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\n @Input() @XWithConfig<XButtonType>(X_CONFIG_NAME, 'initial') type?: XButtonType;\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n */\r\n @Input() icon?: string;\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n */\r\n @Input() title?: string = '';\r\n /**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\n @Input() direction: XDirection = 'row';\r\n /**\r\n * @zh_CN tab 键控制次序\r\n * @en_US Tab key control order\r\n */\r\n @Input() tabindex: number = 0;\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n */\r\n @Input() @XInputBoolean() onlyIcon?: XBoolean;\r\n /**\r\n * @zh_CN 激活的按钮(样式差异)\r\n * @en_US Active button (style difference)\r\n */\r\n @Input() @XInputBoolean() activated?: XBoolean;\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n */\r\n @Input() @XInputBoolean() disabled?: XBoolean;\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n */\r\n @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() plain?: XBoolean;\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n */\r\n @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() round?: XBoolean;\r\n /**\r\n * @zh_CN 圆型按钮(配合图标来使用)\r\n * @en_US Round button (use with icon)\r\n */\r\n @Input() @XInputBoolean() circle?: XBoolean;\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n */\r\n @Input() @XInputBoolean() loading?: XBoolean;\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n */\r\n @Input() @XInputBoolean() closable?: XBoolean;\r\n /**\r\n * @zh_CN 按钮类型属性 submit,button,reset\r\n * @en_US Button type attribute. submit,button,reset\r\n */\r\n @Input() @XWithConfig<XButtonAttrType>(X_CONFIG_NAME, 'button') attrType?: XButtonAttrType;\r\n}\r\n\r\n/**\r\n * Button Option\r\n * @undocument true\r\n */\r\nexport interface XButtonOption {\r\n /**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\n type?: XButtonType;\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n */\r\n icon?: string;\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n */\r\n title?: string;\r\n /**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\n direction?: XDirection;\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n size?: XSize;\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n */\r\n onlyIcon?: XBoolean;\r\n /**\r\n * @zh_CN 激活的按钮(样式差异)\r\n * @en_US Active button (style difference)\r\n */\r\n activated?: XBoolean;\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n */\r\n disabled?: XBoolean;\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n */\r\n plain?: XBoolean;\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n */\r\n round?: XBoolean;\r\n /**\r\n * @zh_CN 圆型按钮(配合图标来使用)\r\n * @en_US Round button (use with icon)\r\n */\r\n circle?: XBoolean;\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n */\r\n loading?: XBoolean;\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n */\r\n closable?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * @en_US Button attr type\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_CONFIG_NAME_BUTTONS = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XProperty {\r\n /**\r\n * @zh_CN 按钮间距,单位 rem (按 1rem = 16px 比例来计算)\r\n * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)\r\n */\r\n @Input() @XWithConfig<XNumber>(X_CONFIG_NAME_BUTTONS, 0) @XInputNumber() space?: XNumber;\r\n /**\r\n * @zh_CN 隐藏边框\r\n * @en_US Hide border\r\n */\r\n @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME_BUTTONS) @XInputBoolean() hiddenBorder?: XBoolean;\r\n}\r\n","import {\r\n Component,\r\n OnInit,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n Renderer2,\r\n ElementRef,\r\n HostBinding,\r\n inject\r\n} from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XButtonsPrefix}`,\r\n standalone: true,\r\n template: '<ng-content></ng-content>',\r\n styleUrls: ['./buttons.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty implements OnInit {\r\n @HostBinding('class.x-buttons-space') get getSpace() {\r\n return this.space;\r\n }\r\n @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n return this.hiddenBorder;\r\n }\r\n\r\n private renderer = inject(Renderer2);\r\n private elementRef = inject(ElementRef);\r\n configService = inject(XConfigService);\r\n\r\n ngOnInit() {\r\n this.renderer.addClass(this.elementRef.nativeElement, XButtonsPrefix);\r\n this.setSpace();\r\n }\r\n\r\n setSpace() {\r\n if (!this.space) return;\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `-${Number(this.space) / 2}rem`);\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `-${Number(this.space) / 2}rem`);\r\n }\r\n}\r\n","import {\r\n Component,\r\n OnInit,\r\n OnChanges,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n SimpleChanges,\r\n ChangeDetectorRef,\r\n ElementRef,\r\n Renderer2,\r\n ViewChild,\r\n inject\r\n} from '@angular/core';\r\nimport { XIsChange, XConfigService, XIsEmpty, XClearClass } from '@ng-nest/ui/core';\r\nimport { delay, of } from 'rxjs';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XRippleDirective } from '@ng-nest/ui/ripple';\r\nimport { NgClass } from '@angular/common';\r\n\r\n@Component({\r\n selector: `${XButtonPrefix}`,\r\n standalone: true,\r\n imports: [NgClass, XIconComponent, XRippleDirective],\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements OnInit, OnChanges {\r\n transition = false;\r\n @ViewChild('buttonRef', { static: true }) buttonRef!: ElementRef;\r\n\r\n private buttons = inject(XButtonsComponent, { optional: true, host: true });\r\n private cdr = inject(ChangeDetectorRef);\r\n private elementRef = inject(ElementRef);\r\n private renderer = inject(Renderer2);\r\n configService = inject(XConfigService);\r\n\r\n ngOnInit(): void {\r\n this.setSpace();\r\n this.setClassMap();\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n const { loading, disabled, activated, type, plain, size, direction } = changes;\r\n XIsChange(loading, disabled) && this.setDisabled();\r\n XIsChange(activated) && this.cdr.detectChanges();\r\n XIsChange(type, plain, size, direction) && this.setClassMap();\r\n }\r\n\r\n setClassMap() {\r\n XClearClass(this.classMap);\r\n this.classMap = {\r\n [`${XButtonPrefix}-${this.type}`]: !XIsEmpty(this.type) && XIsEmpty(this.plain),\r\n [`${XButtonPrefix}-${this.type}-plain`]: !XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n [`${XButtonPrefix}-plain`]: XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n [`x-size-${this.size}`]: !XIsEmpty(this.size),\r\n [`x-direction-${this.direction}`]: !XIsEmpty(this.direction)\r\n };\r\n if (!this.transition)\r\n of(true)\r\n .pipe(delay(0))\r\n .subscribe(() => {\r\n this.transition = true;\r\n this.cdr.detectChanges();\r\n });\r\n this.cdr.detectChanges();\r\n }\r\n\r\n setSpace() {\r\n if (!this.buttons?.space) return;\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `${Number(this.buttons.space) / 2}rem`);\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `${Number(this.buttons.space) / 2}rem`);\r\n }\r\n\r\n setDisabled() {\r\n if (this.loading || this.disabled) {\r\n this.renderer.setStyle(this.elementRef.nativeElement, 'pointer-events', 'none');\r\n this.renderer.setStyle(this.buttonRef?.nativeElement, 'disabled', 'none');\r\n } else {\r\n this.renderer.removeStyle(this.elementRef.nativeElement, 'pointer-events');\r\n this.renderer.removeStyle(this.buttonRef?.nativeElement, 'disabled');\r\n }\r\n }\r\n}\r\n","<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex\"\r\n [ngClass]=\"classMap\"\r\n [class.x-button-only-icon]=\"onlyIcon\"\r\n [class.x-button-activated]=\"activated\"\r\n [class.x-button-disabled]=\"disabled\"\r\n [class.x-button-round]=\"round\"\r\n [class.x-button-circle]=\"circle\"\r\n [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable\"\r\n [class.x-button-transition]=\"transition\"\r\n [title]=\"title\"\r\n x-ripple\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [attr.type]=\"attrType\"\r\n>\r\n @if (direction === 'row' && icon && !loading) {\r\n <x-icon [type]=\"icon\"></x-icon>\r\n }\r\n @if (loading) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction === 'row-reverse' && icon && !loading) {\r\n <x-icon [type]=\"icon\"></x-icon>\r\n }\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@NgModule({\r\n exports: [XButtonComponent, XButtonsComponent],\r\n imports: [XButtonComponent, XButtonsComponent]\r\n})\r\nexport class XButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|