@acorex/components 7.2.8 → 7.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-sheet/index.d.ts +1 -1
- package/action-sheet/lib/action-sheet.class.d.ts +31 -0
- package/action-sheet/lib/action-sheet.component.d.ts +12 -13
- package/action-sheet/lib/action-sheet.module.d.ts +2 -1
- package/action-sheet/lib/action-sheet.service.d.ts +4 -8
- package/alert/lib/alert.component.d.ts +10 -10
- package/button/lib/button-group.component.d.ts +6 -6
- package/button/lib/button-item.class.d.ts +6 -2
- package/button/lib/button-item.component.d.ts +6 -6
- package/button/lib/button.component.d.ts +5 -3
- package/calendar/lib/calendar.component.d.ts +1 -1
- package/check-box/README.md +3 -0
- package/check-box/index.d.ts +2 -0
- package/check-box/lib/check-box.component.d.ts +14 -0
- package/{checkbox/lib/checkbox.module.d.ts → check-box/lib/check-box.module.d.ts} +1 -1
- package/color-palette/lib/color-palette-input.component.d.ts +1 -1
- package/color-palette/lib/color-palette.module.d.ts +1 -1
- package/color-picker/lib/color-picker.component.d.ts +17 -24
- package/color-picker/lib/color-picker.module.d.ts +1 -1
- package/common/index.d.ts +2 -1
- package/common/lib/classes/components.class.d.ts +12 -3
- package/common/lib/classes/datalist.class.d.ts +11 -0
- package/common/lib/common.module.d.ts +3 -4
- package/common/lib/components/base-component.class.d.ts +9 -3
- package/common/lib/components/input-base-value-component.class.d.ts +1 -0
- package/common/lib/components/value-component.class.d.ts +9 -2
- package/common/lib/directives/auto-focus.directive.d.ts +6 -5
- package/common/lib/directives/delayed-value-changed.directive.d.ts +17 -0
- package/common/lib/services/dom.service.d.ts +6 -0
- package/data-pager/lib/data-pager-base.component.d.ts +18 -13
- package/data-pager/lib/data-pager-info.component.d.ts +3 -9
- package/data-pager/lib/data-pager-input-selector.component.d.ts +5 -9
- package/data-pager/lib/data-pager-next-buttons.components.d.ts +2 -8
- package/data-pager/lib/data-pager-numeric-selector.component.d.ts +2 -7
- package/data-pager/lib/data-pager-pagesize-dropdown.component.d.ts +2 -6
- package/data-pager/lib/data-pager-prev-buttons.component.d.ts +2 -7
- package/data-pager/lib/data-pager.component.d.ts +17 -18
- package/data-pager/lib/data-pager.module.d.ts +6 -5
- package/data-table/index.d.ts +0 -1
- package/data-table/lib/data-column.directive.d.ts +3 -8
- package/data-table/lib/data-table.component.d.ts +6 -7
- package/data-table/lib/data-table.module.d.ts +6 -7
- package/date-picker/lib/datepicker.component.d.ts +7 -6
- package/date-picker/lib/datepicker.module.d.ts +1 -1
- package/decorators/index.d.ts +2 -12
- package/decorators/lib/clear-button.component.d.ts +13 -0
- package/decorators/lib/close-button.component.d.ts +5 -8
- package/decorators/lib/decorators.module.d.ts +6 -15
- package/decorators/lib/generic-content.component.d.ts +6 -0
- package/decorators/lib/icon.component.d.ts +2 -4
- package/dialog/lib/dialog.class.d.ts +11 -3
- package/dialog/lib/dialog.component.d.ts +15 -11
- package/dialog/lib/dialog.module.d.ts +4 -3
- package/dialog/lib/dialog.service.d.ts +4 -12
- package/drawer/lib/drawer-container.component.d.ts +2 -5
- package/drawer/lib/drawer.component.d.ts +6 -7
- package/esm2022/action-sheet/index.mjs +2 -2
- package/esm2022/action-sheet/lib/action-sheet.class.mjs +2 -0
- package/esm2022/action-sheet/lib/action-sheet.component.mjs +50 -38
- package/esm2022/action-sheet/lib/action-sheet.module.mjs +11 -7
- package/esm2022/action-sheet/lib/action-sheet.service.mjs +32 -72
- package/esm2022/alert/lib/alert.component.mjs +14 -16
- package/esm2022/alert/lib/alert.module.mjs +7 -7
- package/esm2022/avatar/lib/avatar-group.component.mjs +3 -3
- package/esm2022/avatar/lib/avatar.component.mjs +3 -3
- package/esm2022/avatar/lib/avatar.module.mjs +4 -4
- package/esm2022/badge/lib/badge.component.mjs +6 -6
- package/esm2022/badge/lib/badge.module.mjs +4 -4
- package/esm2022/breadcrumbs/lib/breadcrumbs-item.component.mjs +3 -3
- package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +3 -3
- package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +4 -4
- package/esm2022/button/lib/button-group.component.mjs +3 -3
- package/esm2022/button/lib/button-item.class.mjs +1 -1
- package/esm2022/button/lib/button-item.component.mjs +3 -3
- package/esm2022/button/lib/button.component.mjs +34 -17
- package/esm2022/button/lib/button.module.mjs +4 -4
- package/esm2022/calendar/lib/calendar-range.component.mjs +5 -5
- package/esm2022/calendar/lib/calendar.class.mjs +3 -3
- package/esm2022/calendar/lib/calendar.component.mjs +7 -5
- package/esm2022/calendar/lib/calendar.module.mjs +4 -4
- package/esm2022/check-box/acorex-components-check-box.mjs +5 -0
- package/esm2022/check-box/index.mjs +3 -0
- package/esm2022/check-box/lib/check-box.component.mjs +76 -0
- package/esm2022/check-box/lib/check-box.module.mjs +21 -0
- package/esm2022/chips/lib/chips.component.mjs +3 -3
- package/esm2022/chips/lib/chips.module.mjs +4 -4
- package/esm2022/collapse/lib/collapse-group.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.module.mjs +4 -4
- package/esm2022/color-palette/lib/color-palette-input.component.mjs +18 -12
- package/esm2022/color-palette/lib/color-palette-picker.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-preview.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette.class.mjs +6 -6
- package/esm2022/color-palette/lib/color-palette.component.mjs +5 -5
- package/esm2022/color-palette/lib/color-palette.module.mjs +6 -6
- package/esm2022/color-picker/lib/color-picker.component.mjs +12 -6
- package/esm2022/color-picker/lib/color-picker.module.mjs +6 -6
- package/esm2022/common/index.mjs +3 -2
- package/esm2022/common/lib/classes/components.class.mjs +26 -19
- package/esm2022/common/lib/classes/datalist.class.mjs +3 -0
- package/esm2022/common/lib/common.module.mjs +5 -10
- package/esm2022/common/lib/components/base-component.class.mjs +21 -11
- package/esm2022/common/lib/components/input-base-value-component.class.mjs +4 -4
- package/esm2022/common/lib/components/value-component.class.mjs +18 -10
- package/esm2022/common/lib/directives/auto-focus.directive.mjs +18 -11
- package/esm2022/common/lib/directives/delayed-value-changed.directive.mjs +49 -0
- package/esm2022/common/lib/directives/hotkey.directive.mjs +3 -3
- package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +3 -3
- package/esm2022/common/lib/directives/responsive.directive.mjs +3 -3
- package/esm2022/common/lib/services/custom-cdk-overlay.service.mjs +6 -6
- package/esm2022/common/lib/services/dom.service.mjs +16 -0
- package/esm2022/common/lib/services/hotkey.service.mjs +3 -3
- package/esm2022/common/lib/services/overlay.service.mjs +3 -3
- package/esm2022/context-menu/lib/context-menu.component.mjs +5 -5
- package/esm2022/context-menu/lib/context-menu.module.mjs +4 -4
- package/esm2022/data-pager/lib/data-pager-base.component.mjs +35 -21
- package/esm2022/data-pager/lib/data-pager-info.component.mjs +13 -26
- package/esm2022/data-pager/lib/data-pager-input-selector.component.mjs +27 -31
- package/esm2022/data-pager/lib/data-pager-next-buttons.components.mjs +19 -33
- package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +31 -38
- package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +22 -31
- package/esm2022/data-pager/lib/data-pager-prev-buttons.component.mjs +19 -29
- package/esm2022/data-pager/lib/data-pager.component.mjs +66 -38
- package/esm2022/data-pager/lib/data-pager.module.mjs +8 -7
- package/esm2022/data-table/index.mjs +1 -2
- package/esm2022/data-table/lib/data-column.directive.mjs +7 -22
- package/esm2022/data-table/lib/data-table.component.mjs +30 -30
- package/esm2022/data-table/lib/data-table.module.mjs +6 -7
- package/esm2022/date-picker/lib/datepicker.component.mjs +19 -16
- package/esm2022/date-picker/lib/datepicker.module.mjs +6 -6
- package/esm2022/decorators/index.mjs +3 -13
- package/esm2022/decorators/lib/clear-button.component.mjs +58 -0
- package/esm2022/decorators/lib/close-button.component.mjs +16 -20
- package/esm2022/decorators/lib/decorators.module.mjs +13 -49
- package/esm2022/decorators/lib/generic-content.component.mjs +17 -0
- package/esm2022/decorators/lib/icon.component.mjs +8 -11
- package/esm2022/dialog/lib/dialog.class.mjs +1 -1
- package/esm2022/dialog/lib/dialog.component.mjs +41 -23
- package/esm2022/dialog/lib/dialog.module.mjs +10 -8
- package/esm2022/dialog/lib/dialog.service.mjs +41 -49
- package/esm2022/drawer/lib/drawer-container.component.mjs +9 -13
- package/esm2022/drawer/lib/drawer.component.mjs +22 -27
- package/esm2022/drawer/lib/drawer.module.mjs +4 -4
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +4 -4
- package/esm2022/dropdown/lib/dropdown.module.mjs +4 -4
- package/esm2022/form/lib/form-field.component.mjs +9 -12
- package/esm2022/form/lib/form.component.mjs +38 -42
- package/esm2022/form/lib/form.module.mjs +4 -4
- package/esm2022/form/lib/validation-rule.widget.mjs +24 -15
- package/esm2022/form/lib/validation-summary.component.mjs +15 -14
- package/esm2022/image/lib/image.component.mjs +13 -17
- package/esm2022/image/lib/image.module.mjs +4 -4
- package/esm2022/label/lib/label.component.mjs +18 -18
- package/esm2022/label/lib/label.module.mjs +4 -4
- package/esm2022/loading/index.mjs +2 -1
- package/esm2022/loading/lib/loading-spinner.component.mjs +4 -5
- package/esm2022/loading/lib/loading.component.mjs +22 -25
- package/esm2022/loading/lib/loading.config.mjs +17 -0
- package/esm2022/loading/lib/loading.directive.mjs +4 -4
- package/esm2022/loading/lib/loading.module.mjs +6 -17
- package/esm2022/loading/lib/loading.service.mjs +4 -36
- package/esm2022/menu/lib/menu.component.mjs +26 -19
- package/esm2022/menu/lib/menu.module.mjs +4 -4
- package/esm2022/mixin/lib/base-components.class.mjs +3 -3
- package/esm2022/mixin/lib/color-look-mixing.class.mjs +1 -1
- package/esm2022/notification/index.mjs +2 -1
- package/esm2022/notification/lib/notification.class.mjs +1 -1
- package/esm2022/notification/lib/notification.component.mjs +51 -35
- package/esm2022/notification/lib/notification.config.mjs +20 -0
- package/esm2022/notification/lib/notification.module.mjs +11 -7
- package/esm2022/notification/lib/notification.service.mjs +46 -59
- package/esm2022/number-box/lib/number-box.component.mjs +101 -90
- package/esm2022/number-box/lib/number-box.module.mjs +4 -4
- package/esm2022/otp/lib/otp.component.mjs +38 -48
- package/esm2022/otp/lib/otp.module.mjs +4 -4
- package/esm2022/page/lib/base-page.class.mjs +6 -6
- package/esm2022/page/lib/page.component.mjs +3 -3
- package/esm2022/page/lib/page.module.mjs +4 -4
- package/esm2022/password-box/lib/password-box.component.mjs +37 -25
- package/esm2022/password-box/lib/password-box.module.mjs +4 -4
- package/esm2022/popover/lib/dropdown-component.class.mjs +3 -3
- package/esm2022/popover/lib/popover.component.mjs +3 -3
- package/esm2022/popover/lib/popover.module.mjs +4 -4
- package/esm2022/popup/index.mjs +2 -1
- package/esm2022/popup/lib/popup.component.mjs +49 -69
- package/esm2022/popup/lib/popup.interface.mjs +2 -0
- package/esm2022/popup/lib/popup.module.mjs +27 -12
- package/esm2022/popup/lib/popup.service.mjs +31 -86
- package/esm2022/progress-bar/lib/progress-bar.component.mjs +3 -3
- package/esm2022/progress-bar/lib/progress-bar.module.mjs +4 -4
- package/esm2022/radio/lib/radio.component.mjs +4 -4
- package/esm2022/radio/lib/radio.module.mjs +4 -4
- package/esm2022/range-slider/lib/range-slider.component.mjs +3 -3
- package/esm2022/range-slider/lib/range-slider.module.mjs +4 -4
- package/esm2022/result/lib/result.component.mjs +3 -3
- package/esm2022/result/lib/result.module.mjs +4 -4
- package/esm2022/scheduler/acorex-components-scheduler.mjs +5 -0
- package/esm2022/scheduler/index.mjs +4 -0
- package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +45 -0
- package/esm2022/scheduler/lib/scheduler.component.mjs +30 -0
- package/esm2022/scheduler/lib/scheduler.module.mjs +26 -0
- package/esm2022/search-box/lib/search-box.component.mjs +35 -44
- package/esm2022/search-box/lib/search-box.module.mjs +28 -7
- package/esm2022/select-box/lib/select-box.component.mjs +11 -9
- package/esm2022/select-box/lib/select-box.module.mjs +7 -7
- package/esm2022/selection-list/lib/selection-list.component.mjs +3 -3
- package/esm2022/selection-list/lib/selection-list.module.mjs +6 -6
- package/esm2022/switch/lib/switch-content.component.mjs +3 -3
- package/esm2022/switch/lib/switch.component.mjs +4 -4
- package/esm2022/switch/lib/switch.module.mjs +4 -4
- package/esm2022/tabs/lib/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/lib/tab-item.component.mjs +3 -3
- package/esm2022/tabs/lib/tabs.component.mjs +3 -3
- package/esm2022/tabs/lib/tabs.module.mjs +4 -4
- package/esm2022/tag/lib/tag.component.mjs +3 -3
- package/esm2022/tag/lib/tag.module.mjs +4 -4
- package/esm2022/text-area/acorex-components-text-area.mjs +5 -0
- package/esm2022/text-area/index.mjs +3 -0
- package/esm2022/text-area/lib/text-area.component.mjs +36 -0
- package/esm2022/text-area/lib/text-area.module.mjs +19 -0
- package/esm2022/{checkbox/acorex-components-checkbox.mjs → text-box/acorex-components-text-box.mjs} +1 -1
- package/esm2022/text-box/index.mjs +4 -0
- package/esm2022/text-box/lib/mask-options.directive.mjs +17 -0
- package/esm2022/text-box/lib/text-box.component.mjs +111 -0
- package/esm2022/text-box/lib/text-box.module.mjs +38 -0
- package/esm2022/time-box/lib/time-box.component.mjs +5 -5
- package/esm2022/time-box/lib/time-box.module.mjs +4 -4
- package/esm2022/toast/index.mjs +2 -1
- package/esm2022/toast/lib/toast.class.mjs +1 -1
- package/esm2022/toast/lib/toast.component.mjs +37 -25
- package/esm2022/toast/lib/toast.config.mjs +19 -0
- package/esm2022/toast/lib/toast.module.mjs +12 -8
- package/esm2022/toast/lib/toast.service.mjs +46 -55
- package/esm2022/tooltip/lib/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.directive.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.module.mjs +4 -4
- package/esm2022/uploader/lib/uploader.component.mjs +3 -3
- package/esm2022/uploader/lib/uploader.module.mjs +4 -4
- package/fesm2022/acorex-components-action-sheet.mjs +99 -125
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +16 -18
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +10 -10
- package/fesm2022/acorex-components-badge.mjs +8 -8
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +10 -10
- package/fesm2022/acorex-components-button.mjs +41 -24
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +17 -15
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +100 -0
- package/fesm2022/acorex-components-check-box.mjs.map +1 -0
- package/fesm2022/acorex-components-chips.mjs +7 -7
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-color-palette.mjs +42 -36
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-color-picker.mjs +16 -10
- package/fesm2022/acorex-components-color-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +169 -125
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-context-menu.mjs +8 -8
- package/fesm2022/acorex-components-context-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +214 -228
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +41 -71
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-date-picker.mjs +25 -22
- package/fesm2022/acorex-components-date-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +80 -283
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +97 -88
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +30 -39
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +7 -7
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +80 -77
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +15 -19
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +21 -21
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +51 -83
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +29 -22
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-mixin.mjs +3 -3
- package/fesm2022/acorex-components-mixin.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +131 -107
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +106 -96
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +40 -50
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs +12 -12
- package/fesm2022/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +41 -30
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +10 -10
- package/fesm2022/acorex-components-popup.mjs +107 -170
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs +8 -8
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-scheduler.mjs +98 -0
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -0
- package/fesm2022/acorex-components-search-box.mjs +61 -49
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +16 -14
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +8 -8
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +11 -11
- package/fesm2022/acorex-components-tabs.mjs +13 -13
- package/fesm2022/acorex-components-tag.mjs +7 -7
- package/fesm2022/acorex-components-text-area.mjs +59 -0
- package/fesm2022/acorex-components-text-area.mjs.map +1 -0
- package/fesm2022/{acorex-components-textbox.mjs → acorex-components-text-box.mjs} +20 -20
- package/fesm2022/acorex-components-text-box.mjs.map +1 -0
- package/fesm2022/acorex-components-time-box.mjs +8 -8
- package/fesm2022/acorex-components-time-box.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +116 -94
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +10 -10
- package/fesm2022/acorex-components-uploader.mjs +7 -7
- package/form/lib/form-field.component.d.ts +2 -4
- package/form/lib/form.component.d.ts +12 -17
- package/form/lib/validation-rule.widget.d.ts +9 -6
- package/form/lib/validation-summary.component.d.ts +7 -9
- package/image/lib/image.component.d.ts +7 -13
- package/label/lib/label.component.d.ts +4 -7
- package/loading/index.d.ts +1 -0
- package/loading/lib/loading.component.d.ts +9 -12
- package/loading/lib/loading.config.d.ts +8 -0
- package/loading/lib/loading.directive.d.ts +5 -5
- package/loading/lib/loading.module.d.ts +0 -1
- package/loading/lib/loading.service.d.ts +0 -18
- package/menu/lib/menu.component.d.ts +4 -2
- package/mixin/lib/base-components.class.d.ts +2 -2
- package/mixin/lib/base-menu-mixin.class.d.ts +5 -5
- package/mixin/lib/button-mixin.class.d.ts +2 -2
- package/mixin/lib/clickable-mixin.class.d.ts +2 -2
- package/mixin/lib/color-look-mixing.class.d.ts +3 -3
- package/mixin/lib/datalist-component.class.d.ts +10 -10
- package/mixin/lib/dropdown-mixin.class.d.ts +2 -2
- package/mixin/lib/interactive-mixin.class.d.ts +4 -4
- package/mixin/lib/loading-mixin.class.d.ts +2 -2
- package/mixin/lib/mixin.class.d.ts +61 -61
- package/mixin/lib/page-component.class.d.ts +2 -2
- package/mixin/lib/selection-component.class.d.ts +2 -2
- package/mixin/lib/sizable-mixin.class.d.ts +2 -2
- package/mixin/lib/textbox-mixin.class.d.ts +2 -2
- package/mixin/lib/value-mixin.class.d.ts +8 -8
- package/notification/index.d.ts +1 -0
- package/notification/lib/notification.class.d.ts +29 -7
- package/notification/lib/notification.component.d.ts +13 -14
- package/notification/lib/notification.config.d.ts +13 -0
- package/notification/lib/notification.module.d.ts +4 -1
- package/notification/lib/notification.service.d.ts +5 -9
- package/number-box/lib/number-box.component.d.ts +12 -17
- package/otp/lib/otp.component.d.ts +7 -14
- package/package.json +46 -40
- package/page/lib/base-page.class.d.ts +2 -2
- package/password-box/lib/password-box.component.d.ts +8 -11
- package/popup/index.d.ts +1 -0
- package/popup/lib/popup.component.d.ts +14 -19
- package/popup/lib/popup.interface.d.ts +26 -0
- package/popup/lib/popup.module.d.ts +4 -4
- package/popup/lib/popup.service.d.ts +4 -25
- package/scheduler/README.md +3 -0
- package/scheduler/index.d.ts +3 -0
- package/scheduler/lib/scheduler-month-view.component.d.ts +20 -0
- package/scheduler/lib/scheduler.component.d.ts +11 -0
- package/scheduler/lib/scheduler.module.d.ts +13 -0
- package/search-box/lib/search-box.component.d.ts +8 -16
- package/search-box/lib/search-box.module.d.ts +7 -5
- package/select-box/lib/select-box.module.d.ts +2 -2
- package/selection-list/lib/selection-list.module.d.ts +1 -1
- package/tabs/lib/tab-item.component.d.ts +2 -2
- package/text-area/README.md +3 -0
- package/text-area/index.d.ts +2 -0
- package/text-area/lib/text-area.component.d.ts +11 -0
- package/text-area/lib/text-area.module.d.ts +9 -0
- package/text-box/README.md +3 -0
- package/text-box/index.d.ts +3 -0
- package/{textbox/lib/textbox.component.d.ts → text-box/lib/text-box.component.d.ts} +1 -3
- package/{textbox/lib/textbox.module.d.ts → text-box/lib/text-box.module.d.ts} +1 -1
- package/time-box/lib/time-box.component.d.ts +1 -1
- package/toast/index.d.ts +1 -0
- package/toast/lib/toast.class.d.ts +14 -5
- package/toast/lib/toast.component.d.ts +13 -12
- package/toast/lib/toast.config.d.ts +12 -0
- package/toast/lib/toast.module.d.ts +4 -1
- package/toast/lib/toast.service.d.ts +5 -9
- package/action-sheet/lib/action-sheet.interface.d.ts +0 -21
- package/checkbox/README.md +0 -3
- package/checkbox/index.d.ts +0 -2
- package/checkbox/lib/checkbox.component.d.ts +0 -18
- package/common/lib/directives/debounce-time.directive.d.ts +0 -17
- package/data-table/lib/data-column-cell-template.directive.d.ts +0 -8
- package/decorators/lib/content.component.d.ts +0 -9
- package/decorators/lib/divider.component.d.ts +0 -5
- package/decorators/lib/footer.component.d.ts +0 -9
- package/decorators/lib/form-hint.component.d.ts +0 -8
- package/decorators/lib/header.component.d.ts +0 -9
- package/decorators/lib/overlay.component.d.ts +0 -6
- package/decorators/lib/placeholder.component.d.ts +0 -5
- package/decorators/lib/prefix.component.d.ts +0 -9
- package/decorators/lib/sub-title.component.d.ts +0 -9
- package/decorators/lib/suffix.component.d.ts +0 -9
- package/decorators/lib/text.component.d.ts +0 -9
- package/decorators/lib/title.component.d.ts +0 -8
- package/esm2022/action-sheet/lib/action-sheet.interface.mjs +0 -2
- package/esm2022/checkbox/index.mjs +0 -3
- package/esm2022/checkbox/lib/checkbox.component.mjs +0 -65
- package/esm2022/checkbox/lib/checkbox.module.mjs +0 -21
- package/esm2022/common/lib/directives/debounce-time.directive.mjs +0 -48
- package/esm2022/data-table/lib/data-column-cell-template.directive.mjs +0 -17
- package/esm2022/decorators/lib/content.component.mjs +0 -26
- package/esm2022/decorators/lib/divider.component.mjs +0 -17
- package/esm2022/decorators/lib/footer.component.mjs +0 -26
- package/esm2022/decorators/lib/form-hint.component.mjs +0 -20
- package/esm2022/decorators/lib/header.component.mjs +0 -26
- package/esm2022/decorators/lib/overlay.component.mjs +0 -22
- package/esm2022/decorators/lib/placeholder.component.mjs +0 -14
- package/esm2022/decorators/lib/prefix.component.mjs +0 -26
- package/esm2022/decorators/lib/sub-title.component.mjs +0 -26
- package/esm2022/decorators/lib/suffix.component.mjs +0 -26
- package/esm2022/decorators/lib/text.component.mjs +0 -21
- package/esm2022/decorators/lib/title.component.mjs +0 -20
- package/esm2022/textarea/acorex-components-textarea.mjs +0 -5
- package/esm2022/textarea/index.mjs +0 -3
- package/esm2022/textarea/lib/textarea.component.mjs +0 -37
- package/esm2022/textarea/lib/textarea.module.mjs +0 -19
- package/esm2022/textbox/acorex-components-textbox.mjs +0 -5
- package/esm2022/textbox/index.mjs +0 -4
- package/esm2022/textbox/lib/mask-options.directive.mjs +0 -17
- package/esm2022/textbox/lib/textbox.component.mjs +0 -111
- package/esm2022/textbox/lib/textbox.module.mjs +0 -38
- package/fesm2022/acorex-components-checkbox.mjs +0 -89
- package/fesm2022/acorex-components-checkbox.mjs.map +0 -1
- package/fesm2022/acorex-components-textarea.mjs +0 -60
- package/fesm2022/acorex-components-textarea.mjs.map +0 -1
- package/fesm2022/acorex-components-textbox.mjs.map +0 -1
- package/textarea/README.md +0 -3
- package/textarea/index.d.ts +0 -2
- package/textarea/lib/textarea.component.d.ts +0 -14
- package/textarea/lib/textarea.module.d.ts +0 -9
- package/textbox/README.md +0 -3
- package/textbox/index.d.ts +0 -3
- /package/{textbox → text-box}/lib/mask-options.directive.d.ts +0 -0
@@ -1,29 +1,33 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation,
|
3
|
-
import
|
4
|
-
import
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, inject, Injectable, NgModule } from '@angular/core';
|
3
|
+
import * as i3 from '@acorex/components/common';
|
4
|
+
import { MXBaseComponent, AXClosbaleComponent, AXCommonModule } from '@acorex/components/common';
|
5
|
+
import * as i1 from '@angular/cdk/dialog';
|
6
|
+
import { DIALOG_DATA, Dialog, DialogModule } from '@angular/cdk/dialog';
|
7
|
+
import * as i2 from '@angular/common';
|
5
8
|
import { CommonModule } from '@angular/common';
|
6
|
-
import * as
|
7
|
-
import { AXCommonModule } from '@acorex/components/common';
|
8
|
-
import * as i3 from '@angular/cdk/drag-drop';
|
9
|
+
import * as i4 from '@angular/cdk/drag-drop';
|
9
10
|
import { DragDropModule } from '@angular/cdk/drag-drop';
|
10
|
-
import * as i4 from '@angular/cdk/a11y';
|
11
|
-
import { A11yModule } from '@angular/cdk/a11y';
|
12
11
|
import * as i5 from '@acorex/components/button';
|
13
12
|
import { AXButtonModule } from '@acorex/components/button';
|
14
13
|
import * as i6 from '@acorex/components/decorators';
|
15
14
|
import { AXDecoratorModule } from '@acorex/components/decorators';
|
16
|
-
import
|
15
|
+
import * as i7 from '@acorex/components/loading';
|
16
|
+
import { AXLoadingModule } from '@acorex/components/loading';
|
17
|
+
import { A11yModule } from '@angular/cdk/a11y';
|
17
18
|
import { AXTranslator } from '@acorex/core/translation';
|
18
|
-
import * as i1$1 from '@angular/cdk/overlay';
|
19
|
-
import { ComponentPortal } from '@angular/cdk/portal';
|
20
19
|
|
21
|
-
class AXDialogComponent extends
|
22
|
-
|
23
|
-
|
20
|
+
class AXDialogComponent extends MXBaseComponent {
|
21
|
+
/**
|
22
|
+
* @ignore
|
23
|
+
*/
|
24
|
+
constructor(data, dialogRef) {
|
25
|
+
super();
|
26
|
+
this.data = data;
|
27
|
+
this.dialogRef = dialogRef;
|
24
28
|
}
|
25
|
-
|
26
|
-
switch (this.
|
29
|
+
ngOnInit() {
|
30
|
+
switch (this.data.type) {
|
27
31
|
case 'success':
|
28
32
|
this._icon = 'ax-icon ax-icon-done';
|
29
33
|
break;
|
@@ -40,43 +44,37 @@ class AXDialogComponent extends AXBaseComponentMixin {
|
|
40
44
|
}
|
41
45
|
_handleButtonClick(button) {
|
42
46
|
if (button.onClick) {
|
43
|
-
button.onClick();
|
47
|
+
button.onClick({ source: button });
|
44
48
|
}
|
45
49
|
}
|
46
50
|
_hasAutoFocus(button) {
|
47
51
|
const result = button.autofocus ||
|
48
|
-
this.
|
52
|
+
this.data.buttons.length == 1 ||
|
49
53
|
((button.type == 'submit' || button.type == 'cancel') &&
|
50
|
-
!this.
|
51
|
-
if (result) {
|
52
|
-
button.autofocus = true;
|
53
|
-
}
|
54
|
+
!this.data.buttons.some((c) => c.autofocus));
|
54
55
|
return result;
|
55
56
|
}
|
56
|
-
|
57
|
-
|
57
|
+
close() {
|
58
|
+
this.dialogRef.close();
|
59
|
+
}
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDialogComponent, selector: "ax-dialog", host: { attributes: { "tabindex": "-1" } }, providers: [
|
62
|
+
{
|
63
|
+
provide: AXClosbaleComponent, useExisting: AXDialogComponent
|
64
|
+
}
|
65
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n <div class=\"ax-dialog-content-wrapper\">\n <div class=\"ax-dialog-icon-side\">\n <i class=\"ax-dialog-icon {{_icon}}\"></i>\n </div>\n <div class=\"ax-dialog-content-side\">\n <div class=\"ax-dialog-title\">{{data.title}}</div>\n <div class=\"ax-dialog-content\">{{data.content}}</div>\n </div>\n <div class=\"ax-dialog-dismiss-icon\">\n <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n </div>\n </div>\n <ax-footer>\n <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\"\n [look]=\"button.look\" [disabled]=\"button.disabled\" [color]=\"button.color\">\n <ax-loading *ngIf=\"button.loading\"></ax-loading>\n </ax-button>\n </ng-container>\n </ax-footer>\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-default-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "focus-time"] }, { kind: "directive", type: i3.AXHotkeyDirective, selector: "[hotkey]", inputs: ["hotkey"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i6.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { kind: "component", type: i7.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
58
66
|
}
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogComponent, decorators: [{
|
60
68
|
type: Component,
|
61
|
-
args: [{ selector: 'ax-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
}
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXDialogModule, decorators: [{
|
72
|
-
type: NgModule,
|
73
|
-
args: [{
|
74
|
-
declarations: [...COMPONENT],
|
75
|
-
imports: [...MODULES],
|
76
|
-
exports: [...COMPONENT],
|
77
|
-
providers: [],
|
78
|
-
}]
|
79
|
-
}] });
|
69
|
+
args: [{ selector: 'ax-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { "tabindex": "-1" }, providers: [
|
70
|
+
{
|
71
|
+
provide: AXClosbaleComponent, useExisting: AXDialogComponent
|
72
|
+
}
|
73
|
+
], template: "<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n <div class=\"ax-dialog-content-wrapper\">\n <div class=\"ax-dialog-icon-side\">\n <i class=\"ax-dialog-icon {{_icon}}\"></i>\n </div>\n <div class=\"ax-dialog-content-side\">\n <div class=\"ax-dialog-title\">{{data.title}}</div>\n <div class=\"ax-dialog-content\">{{data.content}}</div>\n </div>\n <div class=\"ax-dialog-dismiss-icon\">\n <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n </div>\n </div>\n <ax-footer>\n <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\"\n [look]=\"button.look\" [disabled]=\"button.disabled\" [color]=\"button.color\">\n <ax-loading *ngIf=\"button.loading\"></ax-loading>\n </ax-button>\n </ng-container>\n </ax-footer>\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-default-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"] }]
|
74
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
75
|
+
type: Inject,
|
76
|
+
args: [DIALOG_DATA]
|
77
|
+
}] }, { type: i1.DialogRef }]; } });
|
80
78
|
|
81
79
|
/**
|
82
80
|
* The Button is a component which detects user interaction and triggers a corresponding event
|
@@ -84,19 +82,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
84
82
|
* @category Components
|
85
83
|
*/
|
86
84
|
class AXDialogService {
|
87
|
-
|
88
|
-
|
89
|
-
*/
|
90
|
-
constructor(overlayService, parentInjector, sso) {
|
91
|
-
this.overlayService = overlayService;
|
92
|
-
this.parentInjector = parentInjector;
|
93
|
-
this.sso = sso;
|
85
|
+
constructor() {
|
86
|
+
this.dialog = inject(Dialog);
|
94
87
|
}
|
95
88
|
/**
|
96
89
|
* Show an alert box with 'Okay' button.
|
97
90
|
*/
|
98
91
|
alert(title, content, type = 'primary') {
|
99
|
-
return new Promise(resolve => {
|
92
|
+
return new Promise((resolve) => {
|
100
93
|
const popup = this.open({
|
101
94
|
title,
|
102
95
|
type: type,
|
@@ -106,6 +99,7 @@ class AXDialogService {
|
|
106
99
|
name: 'confirm',
|
107
100
|
text: AXTranslator.get('common.okay'),
|
108
101
|
color: type,
|
102
|
+
autofocus: true,
|
109
103
|
onClick: () => {
|
110
104
|
popup.close();
|
111
105
|
if (resolve) {
|
@@ -121,7 +115,7 @@ class AXDialogService {
|
|
121
115
|
* Show a confirm box with 'Okay' & 'Cancel' buttons.
|
122
116
|
*/
|
123
117
|
confirm(title, content, type = 'primary') {
|
124
|
-
return new Promise(resolve => {
|
118
|
+
return new Promise((resolve) => {
|
125
119
|
const popup = this.open({
|
126
120
|
title,
|
127
121
|
content,
|
@@ -131,6 +125,7 @@ class AXDialogService {
|
|
131
125
|
name: 'confirm',
|
132
126
|
text: AXTranslator.get('common.okay'),
|
133
127
|
color: type,
|
128
|
+
autofocus: true,
|
134
129
|
onClick: () => {
|
135
130
|
popup.close();
|
136
131
|
if (resolve) {
|
@@ -167,61 +162,75 @@ class AXDialogService {
|
|
167
162
|
* Show a custom dialog box.
|
168
163
|
*/
|
169
164
|
show(options) {
|
170
|
-
return new Promise(resolve => {
|
165
|
+
return new Promise((resolve) => {
|
171
166
|
const popup = this.open(options);
|
172
167
|
options.orientation = options.orientation || 'horizontal';
|
173
|
-
options.buttons?.forEach(b => {
|
168
|
+
options.buttons?.forEach((b) => {
|
174
169
|
const orginalClick = b.onClick;
|
175
170
|
b.onClick = () => {
|
176
|
-
|
171
|
+
const e = { source: b, handled: false };
|
177
172
|
if (orginalClick) {
|
178
|
-
orginalClick();
|
173
|
+
orginalClick(e);
|
174
|
+
if (e.handled) {
|
175
|
+
resolve({ name: b.name ?? b.text });
|
176
|
+
}
|
177
|
+
else {
|
178
|
+
popup.close();
|
179
|
+
resolve({ name: b.name ?? b.text });
|
180
|
+
}
|
181
|
+
}
|
182
|
+
else if (resolve) {
|
183
|
+
popup.close();
|
184
|
+
resolve({ name: b.name ?? b.text });
|
179
185
|
}
|
180
|
-
|
181
|
-
|
186
|
+
else {
|
187
|
+
popup.close();
|
182
188
|
}
|
183
189
|
};
|
184
190
|
});
|
185
191
|
});
|
186
192
|
}
|
187
|
-
open(
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
193
|
+
open(config) {
|
194
|
+
const dialogRef = this.dialog.open(AXDialogComponent, {
|
195
|
+
data: config,
|
196
|
+
role: "alertdialog",
|
197
|
+
ariaModal: true,
|
198
|
+
restoreFocus: true,
|
199
|
+
closeOnNavigation: true,
|
200
|
+
closeOnDestroy: true,
|
192
201
|
hasBackdrop: true,
|
193
|
-
|
202
|
+
disableClose: true,
|
194
203
|
panelClass: ['ax-animate-bounceIn', 'ax-animate-faster'],
|
195
204
|
});
|
196
|
-
const dialogPortal = new ComponentPortal(AXDialogComponent, null, this.parentInjector);
|
197
|
-
const host = overlayRef.attach(dialogPortal);
|
198
|
-
if (host.instance) {
|
199
|
-
Object.assign(host.instance, {
|
200
|
-
options: options,
|
201
|
-
close: () => {
|
202
|
-
overlayRef.dispose();
|
203
|
-
if (lastActiveElement?.focus) {
|
204
|
-
lastActiveElement.focus();
|
205
|
-
}
|
206
|
-
},
|
207
|
-
});
|
208
|
-
setTimeout(() => {
|
209
|
-
host.changeDetectorRef.detectChanges();
|
210
|
-
}, 0);
|
211
|
-
}
|
212
205
|
return {
|
213
206
|
close: () => {
|
214
|
-
|
207
|
+
dialogRef.componentInstance?.close();
|
215
208
|
},
|
216
209
|
};
|
217
210
|
}
|
218
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
219
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.
|
211
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
212
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogService }); }
|
213
|
+
}
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogService, decorators: [{
|
215
|
+
type: Injectable
|
216
|
+
}] });
|
217
|
+
|
218
|
+
const COMPONENT = [AXDialogComponent];
|
219
|
+
const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule];
|
220
|
+
class AXDialogModule {
|
221
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
222
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXDialogModule, declarations: [AXDialogComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule], exports: [AXDialogComponent] }); }
|
223
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogModule, providers: [AXDialogService], imports: [MODULES] }); }
|
220
224
|
}
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
222
|
-
type:
|
223
|
-
args: [{
|
224
|
-
|
225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDialogModule, decorators: [{
|
226
|
+
type: NgModule,
|
227
|
+
args: [{
|
228
|
+
declarations: [...COMPONENT],
|
229
|
+
imports: [...MODULES],
|
230
|
+
exports: [...COMPONENT],
|
231
|
+
providers: [AXDialogService],
|
232
|
+
}]
|
233
|
+
}] });
|
225
234
|
|
226
235
|
/**
|
227
236
|
* Generated bundle index. Do not edit.
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-dialog.mjs","sources":["../../../../libs/components/dialog/src/lib/dialog.component.ts","../../../../libs/components/dialog/src/lib/dialog.component.html","../../../../libs/components/dialog/src/lib/dialog.module.ts","../../../../libs/components/dialog/src/lib/dialog.service.ts","../../../../libs/components/dialog/src/acorex-components-dialog.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n ElementRef,\n ChangeDetectorRef,\n} from '@angular/core';\nimport { AXButtonItem } from '@acorex/components/button';\nimport { AXDialogOptions } from './dialog.class';\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\n\n@Component({\n selector: 'ax-dialog',\n templateUrl: './dialog.component.html',\n styleUrls: ['./dialog.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXDialogComponent extends AXBaseComponentMixin {\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\n super(elementRef, cdr);\n }\n\n options: AXDialogOptions | any;\n _icon: string;\n close: () => void;\n\n override onInit() {\n switch (this.options.type) {\n case 'success':\n this._icon = 'ax-icon ax-icon-done';\n break;\n case 'danger':\n this._icon = 'ax-icon ax-icon-error';\n break;\n case 'warning':\n this._icon = 'ax-icon ax-icon-warning';\n break;\n default:\n this._icon = 'ax-icon ax-icon-done';\n break;\n }\n }\n\n _handleButtonClick(button: AXButtonItem) {\n if (button.onClick) {\n button.onClick();\n }\n }\n\n _hasAutoFocus(button: AXButtonItem) {\n const result =\n button.autofocus ||\n this.options.buttons.length == 1 ||\n ((button.type == 'submit' || button.type == 'cancel') &&\n !this.options.buttons.some((c) => c.autofocus));\n if (result) {\n button.autofocus = true;\n }\n return result;\n }\n}\n","<div aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n <div class=\"ax-dialog ax-{{options.type}}-default ax-orientation-{{options.orientation}}\" cdkDrag role=\"alert\" cdkDragHandle>\n <div class=\"ax-dialog-content-wrapper\">\n <div class=\"ax-dialog-icon-side\">\n <i class=\"ax-dialog-icon {{_icon}}\"></i>\n </div>\n <div class=\"ax-dialog-content-side\">\n <div class=\"ax-dialog-title\">{{options.title}}</div>\n <div class=\"ax-dialog-content\">{{options.content}}</div>\n </div>\n <div class=\"ax-dialog-dismiss-icon\">\n <i class=\"ax-icon ax-icon-close\" *ngIf=\"options.dismissible\" (click)=\"close()\"></i>\n </div>\n </div>\n <ax-footer>\n <ng-container *ngFor=\"let button of options.buttons;let i=index\">\n <ax-button [text]=\"button.text\" [axAutoFocus]=\"_hasAutoFocus(button)\" [hotkey]=\"button.hotkey\"\n (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\" [look]=\"button.look\"\n [color]=\"button.color\"></ax-button>\n </ng-container>\n </ax-footer>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXPageModule } from '@acorex/components/page';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDialogComponent } from './dialog.component';\n\nconst COMPONENT = [AXDialogComponent];\nconst MODULES = [CommonModule,AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXPageModule, AXDecoratorModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXDialogModule { }\n","import { AXTranslator } from '@acorex/core/translation';\nimport { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Injectable, Injector } from '@angular/core';\nimport { AXStyleColorType } from '@acorex/components/common';\nimport { AXDialogOptions, AXDialogRef } from './dialog.class';\nimport { AXDialogComponent } from './dialog.component';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Injectable({ providedIn: 'root' })\nexport class AXDialogService {\n /**\n * @ignore\n */\n constructor(private overlayService: Overlay, private parentInjector: Injector, private sso: ScrollStrategyOptions) {}\n\n /**\n * Show an alert box with 'Okay' button.\n */\n alert(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<void> {\n return new Promise(resolve => {\n const popup = this.open({\n title,\n type: type,\n content,\n buttons: [\n {\n name: 'confirm',\n text: AXTranslator.get('common.okay'),\n color: type,\n onClick: () => {\n popup.close();\n if (resolve) {\n resolve();\n }\n },\n },\n ],\n });\n });\n }\n\n /**\n * Show a confirm box with 'Okay' & 'Cancel' buttons.\n */\n confirm(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<{ result: boolean }> {\n return new Promise<{ result: boolean }>(resolve => {\n const popup = this.open({\n title,\n content,\n type,\n buttons: [\n {\n name: 'confirm',\n text: AXTranslator.get('common.okay'),\n color: type,\n onClick: () => {\n popup.close();\n if (resolve) {\n resolve({ result: true });\n }\n },\n type: 'submit',\n },\n {\n name: 'cancel',\n text: AXTranslator.get('common.cancel'),\n color: `default`,\n onClick: () => {\n popup.close();\n if (resolve) {\n resolve({ result: false });\n }\n },\n hotkey: {\n Escape: () => {\n popup.close();\n if (resolve) {\n resolve({ result: false });\n }\n },\n },\n type: 'cancel',\n },\n ],\n });\n });\n }\n\n /**\n * Show a custom dialog box.\n */\n show(options: AXDialogOptions): Promise<{ name: string }> {\n return new Promise(resolve => {\n const popup = this.open(options);\n options.orientation = options.orientation || 'horizontal';\n options.buttons?.forEach(b => {\n const orginalClick = b.onClick;\n b.onClick = () => {\n popup.close();\n if (orginalClick) {\n orginalClick();\n }\n if (resolve) {\n resolve({ name: b.name! });\n }\n };\n });\n });\n }\n\n private open(options: AXDialogOptions): AXDialogRef {\n let positionStrategy = this.overlayService.position().global().centerHorizontally().centerVertically();\n\n const lastActiveElement = document.activeElement as HTMLElement;\n const overlayRef = this.overlayService.create({\n positionStrategy,\n hasBackdrop: true,\n scrollStrategy: this.sso.block(),\n panelClass: ['ax-animate-bounceIn', 'ax-animate-faster'],\n });\n const dialogPortal = new ComponentPortal(AXDialogComponent, null, this.parentInjector);\n const host = overlayRef.attach(dialogPortal);\n if (host.instance) {\n Object.assign(host.instance, {\n options: options,\n close: () => {\n overlayRef.dispose();\n if (lastActiveElement?.focus) {\n lastActiveElement.focus();\n }\n },\n });\n setTimeout(() => {\n host.changeDetectorRef.detectChanges();\n }, 0);\n }\n\n return {\n close: () => {\n host.instance.close();\n },\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-dialog.mjs","sources":["../../../../libs/components/dialog/src/lib/dialog.component.ts","../../../../libs/components/dialog/src/lib/dialog.component.html","../../../../libs/components/dialog/src/lib/dialog.service.ts","../../../../libs/components/dialog/src/lib/dialog.module.ts","../../../../libs/components/dialog/src/acorex-components-dialog.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n Inject\n} from '@angular/core';\nimport { AXButtonItem } from '@acorex/components/button';\nimport { MXBaseComponent, AXComponentCloseEvent, AXClosbaleComponent } from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { AXDialogData } from './dialog.class';\n\n@Component({\n selector: 'ax-dialog',\n templateUrl: './dialog.component.html',\n styleUrls: ['./dialog.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: { \"tabindex\": \"-1\" },\n providers: [\n {\n provide: AXClosbaleComponent, useExisting: AXDialogComponent\n }\n ]\n})\nexport class AXDialogComponent extends MXBaseComponent {\n\n protected _icon: string;\n\n /**\n * @ignore\n */\n constructor(\n @Inject(DIALOG_DATA)\n protected data: AXDialogData,\n private dialogRef: DialogRef<AXComponentCloseEvent>,\n ) {\n super();\n }\n\n\n ngOnInit() {\n switch (this.data.type) {\n case 'success':\n this._icon = 'ax-icon ax-icon-done';\n break;\n case 'danger':\n this._icon = 'ax-icon ax-icon-error';\n break;\n case 'warning':\n this._icon = 'ax-icon ax-icon-warning';\n break;\n default:\n this._icon = 'ax-icon ax-icon-done';\n break;\n }\n }\n\n protected _handleButtonClick(button: AXButtonItem) {\n if (button.onClick) {\n button.onClick({ source: button });\n }\n }\n\n protected _hasAutoFocus(button: AXButtonItem) {\n const result =\n button.autofocus ||\n this.data.buttons.length == 1 ||\n ((button.type == 'submit' || button.type == 'cancel') &&\n !this.data.buttons.some((c) => c.autofocus));\n return result;\n }\n\n close() {\n this.dialogRef.close();\n }\n\n}\n","<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n <div class=\"ax-dialog-content-wrapper\">\n <div class=\"ax-dialog-icon-side\">\n <i class=\"ax-dialog-icon {{_icon}}\"></i>\n </div>\n <div class=\"ax-dialog-content-side\">\n <div class=\"ax-dialog-title\">{{data.title}}</div>\n <div class=\"ax-dialog-content\">{{data.content}}</div>\n </div>\n <div class=\"ax-dialog-dismiss-icon\">\n <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n </div>\n </div>\n <ax-footer>\n <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\"\n [look]=\"button.look\" [disabled]=\"button.disabled\" [color]=\"button.color\">\n <ax-loading *ngIf=\"button.loading\"></ax-loading>\n </ax-button>\n </ng-container>\n </ax-footer>\n</div>","import { AXStyleColorType } from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { Injectable, inject } from '@angular/core';\nimport { AXDialogConfig, AXDialogRef } from './dialog.class';\nimport { AXDialogComponent } from './dialog.component';\nimport { Dialog } from '@angular/cdk/dialog';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Injectable()\nexport class AXDialogService {\n\n private dialog: Dialog = inject(Dialog);\n\n\n /**\n * Show an alert box with 'Okay' button.\n */\n alert(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<void> {\n return new Promise((resolve) => {\n const popup = this.open({\n title,\n type: type,\n content,\n buttons: [\n {\n name: 'confirm',\n text: AXTranslator.get('common.okay'),\n color: type,\n autofocus: true,\n onClick: () => {\n popup.close();\n if (resolve) {\n resolve();\n }\n },\n },\n ],\n });\n });\n }\n\n /**\n * Show a confirm box with 'Okay' & 'Cancel' buttons.\n */\n confirm(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<{ result: boolean }> {\n return new Promise<{ result: boolean }>((resolve) => {\n const popup = this.open({\n title,\n content,\n type,\n buttons: [\n {\n name: 'confirm',\n text: AXTranslator.get('common.okay'),\n color: type,\n autofocus: true,\n onClick: () => {\n popup.close();\n if (resolve) {\n resolve({ result: true });\n }\n },\n type: 'submit',\n },\n {\n name: 'cancel',\n text: AXTranslator.get('common.cancel'),\n color: `default`,\n onClick: () => {\n popup.close();\n if (resolve) {\n resolve({ result: false });\n }\n },\n hotkey: {\n Escape: () => {\n popup.close();\n if (resolve) {\n resolve({ result: false });\n }\n },\n },\n type: 'cancel',\n },\n ],\n });\n });\n }\n\n /**\n * Show a custom dialog box.\n */\n show(options: AXDialogConfig): Promise<{ name: string }> {\n return new Promise((resolve) => {\n const popup = this.open(options);\n options.orientation = options.orientation || 'horizontal';\n options.buttons?.forEach((b) => {\n const orginalClick = b.onClick;\n b.onClick = () => {\n const e = { source: b, handled: false };\n if (orginalClick) {\n orginalClick(e);\n if (e.handled) {\n resolve({ name: b.name ?? b.text });\n }\n else {\n popup.close();\n resolve({ name: b.name ?? b.text });\n }\n }\n else if (resolve) {\n popup.close();\n resolve({ name: b.name ?? b.text });\n }\n else {\n popup.close();\n }\n };\n });\n });\n }\n\n open(config: AXDialogConfig): AXDialogRef {\n const dialogRef = this.dialog.open(AXDialogComponent, {\n data: config,\n role: \"alertdialog\",\n ariaModal: true,\n restoreFocus: true,\n closeOnNavigation: true,\n closeOnDestroy: true,\n hasBackdrop: true,\n disableClose: true,\n panelClass: ['ax-animate-bounceIn', 'ax-animate-faster'],\n });\n return {\n close: () => {\n dialogRef.componentInstance?.close();\n },\n };\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDialogComponent } from './dialog.component';\nimport { AXDialogService } from './dialog.service';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { AXLoadingModule } from '@acorex/components/loading';\n\nconst COMPONENT = [AXDialogComponent];\nconst MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [AXDialogService],\n})\nexport class AXDialogModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAwBM,MAAO,iBAAkB,SAAQ,eAAe,CAAA;AAIpD;;AAEG;IACH,WAEY,CAAA,IAAkB,EACpB,SAA2C,EAAA;AAEnD,QAAA,KAAK,EAAE,CAAC;QAHE,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAc;QACpB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkC;KAGpD;IAGD,QAAQ,GAAA;AACN,QAAA,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI;AACpB,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,GAAG,sBAAsB,CAAC;gBACpC,MAAM;AACR,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,KAAK,GAAG,uBAAuB,CAAC;gBACrC,MAAM;AACR,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,GAAG,yBAAyB,CAAC;gBACvC,MAAM;AACR,YAAA;AACE,gBAAA,IAAI,CAAC,KAAK,GAAG,sBAAsB,CAAC;gBACpC,MAAM;AACT,SAAA;KACF;AAES,IAAA,kBAAkB,CAAC,MAAoB,EAAA;QAC/C,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AACpC,SAAA;KACF;AAES,IAAA,aAAa,CAAC,MAAoB,EAAA;AAC1C,QAAA,MAAM,MAAM,GACV,MAAM,CAAC,SAAS;AAChB,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC;AAC7B,aAAC,CAAC,MAAM,CAAC,IAAI,IAAI,QAAQ,IAAI,MAAM,CAAC,IAAI,IAAI,QAAQ;AAClD,gBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACjD,QAAA,OAAO,MAAM,CAAC;KACf;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;AAlDU,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,kBAQlB,WAAW,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AARV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EANjB,QAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,iBAAiB;AAC7D,aAAA;AACF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBH,0qCAsBM,EAAA,MAAA,EAAA,CAAA,4gHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,oHAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDEO,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAGJ,eAAA,EAAA,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,UAAU,EAAE,IAAI,EAAE,EACf,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAmB,iBAAA;AAC7D,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,0qCAAA,EAAA,MAAA,EAAA,CAAA,4gHAAA,CAAA,EAAA,CAAA;;0BAUE,MAAM;2BAAC,WAAW,CAAA;;;AEzBvB;;;;AAIG;MAEU,eAAe,CAAA;AAD5B,IAAA,WAAA,GAAA;AAGU,QAAA,IAAA,CAAA,MAAM,GAAW,MAAM,CAAC,MAAM,CAAC,CAAC;AAiIzC,KAAA;AA9HC;;AAEG;AACH,IAAA,KAAK,CAAC,KAAa,EAAE,OAAe,EAAE,OAAyB,SAAS,EAAA;AACtE,QAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AAC7B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACtB,KAAK;AACL,gBAAA,IAAI,EAAE,IAAI;gBACV,OAAO;AACP,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC;AACrC,wBAAA,KAAK,EAAE,IAAI;AACX,wBAAA,SAAS,EAAE,IAAI;wBACf,OAAO,EAAE,MAAK;4BACZ,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,IAAI,OAAO,EAAE;AACX,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA;yBACF;AACF,qBAAA;AACF,iBAAA;AACF,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;AACH,IAAA,OAAO,CAAC,KAAa,EAAE,OAAe,EAAE,OAAyB,SAAS,EAAA;AACxE,QAAA,OAAO,IAAI,OAAO,CAAsB,CAAC,OAAO,KAAI;AAClD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACtB,KAAK;gBACL,OAAO;gBACP,IAAI;AACJ,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC;AACrC,wBAAA,KAAK,EAAE,IAAI;AACX,wBAAA,SAAS,EAAE,IAAI;wBACf,OAAO,EAAE,MAAK;4BACZ,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,IAAI,OAAO,EAAE;AACX,gCAAA,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AAC3B,6BAAA;yBACF;AACD,wBAAA,IAAI,EAAE,QAAQ;AACf,qBAAA;AACD,oBAAA;AACE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC;AACvC,wBAAA,KAAK,EAAE,CAAS,OAAA,CAAA;wBAChB,OAAO,EAAE,MAAK;4BACZ,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,IAAI,OAAO,EAAE;AACX,gCAAA,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5B,6BAAA;yBACF;AACD,wBAAA,MAAM,EAAE;4BACN,MAAM,EAAE,MAAK;gCACX,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,gCAAA,IAAI,OAAO,EAAE;AACX,oCAAA,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5B,iCAAA;6BACF;AACF,yBAAA;AACD,wBAAA,IAAI,EAAE,QAAQ;AACf,qBAAA;AACF,iBAAA;AACF,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;AACH,IAAA,IAAI,CAAC,OAAuB,EAAA;AAC1B,QAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;YAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACjC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,YAAY,CAAC;YAC1D,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,KAAI;AAC7B,gBAAA,MAAM,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC;AAC/B,gBAAA,CAAC,CAAC,OAAO,GAAG,MAAK;oBACf,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACxC,oBAAA,IAAI,YAAY,EAAE;wBAChB,YAAY,CAAC,CAAC,CAAC,CAAC;wBAChB,IAAI,CAAC,CAAC,OAAO,EAAE;AACb,4BAAA,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACrC,yBAAA;AACI,6BAAA;4BACH,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACrC,yBAAA;AACF,qBAAA;AACI,yBAAA,IAAI,OAAO,EAAE;wBAChB,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,wBAAA,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACrC,qBAAA;AACI,yBAAA;wBACH,KAAK,CAAC,KAAK,EAAE,CAAC;AACf,qBAAA;AACH,iBAAC,CAAC;AACJ,aAAC,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,IAAI,CAAC,MAAsB,EAAA;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE;AACpD,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,UAAU,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,CAAC;AACzD,SAAA,CAAC,CAAC;QACH,OAAO;YACL,KAAK,EAAE,MAAK;AACV,gBAAA,SAAS,CAAC,iBAAiB,EAAE,KAAK,EAAE,CAAC;aACtC;SACF,CAAC;KACH;8GAlIU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;kHAAf,eAAe,EAAA,CAAA,CAAA,EAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,UAAU;;;ACAX,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,CAAC;AACtC,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;MAQhI,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBATR,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACnB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,aADxH,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AASvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAFZ,SAAA,EAAA,CAAC,eAAe,CAAC,YAFf,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;oBACvB,SAAS,EAAE,CAAC,eAAe,CAAC;AAC/B,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}
|
@@ -1,30 +1,25 @@
|
|
1
|
-
import { AXBaseComponentMixin } from '@acorex/components/mixin';
|
2
1
|
import * as i0 from '@angular/core';
|
3
2
|
import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, Input, HostBinding, NgModule } from '@angular/core';
|
4
|
-
import { AXComponent, AXClosbaleComponent } from '@acorex/components/common';
|
3
|
+
import { MXBaseComponent, AXComponent, AXClosbaleComponent } from '@acorex/components/common';
|
5
4
|
import { CommonModule } from '@angular/common';
|
6
5
|
|
7
|
-
class AXDrawerContainerComponent extends
|
8
|
-
constructor(elementRef, cdr, _zone) {
|
9
|
-
super(elementRef, cdr);
|
10
|
-
this._zone = _zone;
|
11
|
-
}
|
6
|
+
class AXDrawerContainerComponent extends MXBaseComponent {
|
12
7
|
ngDoCheck() {
|
13
|
-
const host = this.
|
8
|
+
const host = this.getHostElement();
|
14
9
|
Array.from(host.querySelectorAll('ax-drawer'))
|
15
10
|
.map((c) => c['__axContext__'])
|
16
11
|
.some((c) => !c?.collapsed)
|
17
12
|
? host.classList.add('ax-visible')
|
18
13
|
: host.classList.remove('ax-visible');
|
19
14
|
}
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDrawerContainerComponent, selector: "ax-drawer-container", usesInheritance: true, ngImport: i0, template: `
|
22
17
|
<ng-content select="ax-drawer[location='start']"> </ng-content>
|
23
18
|
<ng-content select="ax-content"> </ng-content>
|
24
19
|
<ng-content select="ax-drawer[location='end']"> </ng-content>
|
25
20
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
26
21
|
}
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
|
28
23
|
type: Component,
|
29
24
|
args: [{
|
30
25
|
selector: 'ax-drawer-container',
|
@@ -36,12 +31,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
36
31
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
37
32
|
encapsulation: ViewEncapsulation.None,
|
38
33
|
}]
|
39
|
-
}]
|
34
|
+
}] });
|
40
35
|
|
41
|
-
class AXDrawerComponent extends
|
42
|
-
constructor(
|
43
|
-
super(
|
44
|
-
this._elementRef = _elementRef;
|
36
|
+
class AXDrawerComponent extends MXBaseComponent {
|
37
|
+
constructor(_zone) {
|
38
|
+
super();
|
45
39
|
this._zone = _zone;
|
46
40
|
this.locationChange = new EventEmitter();
|
47
41
|
this._location = 'start';
|
@@ -54,7 +48,7 @@ class AXDrawerComponent extends AXBaseComponentMixin {
|
|
54
48
|
return this._location;
|
55
49
|
}
|
56
50
|
set location(v) {
|
57
|
-
this.
|
51
|
+
this.setOption({
|
58
52
|
name: 'location',
|
59
53
|
value: v,
|
60
54
|
});
|
@@ -63,7 +57,7 @@ class AXDrawerComponent extends AXBaseComponentMixin {
|
|
63
57
|
return this._mode;
|
64
58
|
}
|
65
59
|
set mode(v) {
|
66
|
-
this.
|
60
|
+
this.setOption({
|
67
61
|
name: 'mode',
|
68
62
|
value: v,
|
69
63
|
});
|
@@ -72,19 +66,15 @@ class AXDrawerComponent extends AXBaseComponentMixin {
|
|
72
66
|
return this._collapsed;
|
73
67
|
}
|
74
68
|
set collapsed(v) {
|
75
|
-
this.
|
69
|
+
this.setOption({
|
76
70
|
name: 'collapsed',
|
77
71
|
value: v,
|
78
72
|
});
|
79
73
|
}
|
80
|
-
|
81
|
-
// setTimeout(() => {
|
82
|
-
// this._loaded = true;
|
83
|
-
// this._checkProps();
|
84
|
-
// }, 1000);
|
74
|
+
ngAfterViewInit() {
|
85
75
|
this._detectBoundingSize();
|
86
76
|
}
|
87
|
-
|
77
|
+
internalOptionChanged(option) {
|
88
78
|
this._checkProps();
|
89
79
|
}
|
90
80
|
ngDoCheck() {
|
@@ -92,9 +82,10 @@ class AXDrawerComponent extends AXBaseComponentMixin {
|
|
92
82
|
}
|
93
83
|
_detectBoundingSize() {
|
94
84
|
this._zone.runOutsideAngular(() => {
|
95
|
-
const host = this.
|
96
|
-
if (host.clientWidth)
|
85
|
+
const host = this.getHostElement();
|
86
|
+
if (host.clientWidth) {
|
97
87
|
host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);
|
88
|
+
}
|
98
89
|
});
|
99
90
|
}
|
100
91
|
_checkProps() {
|
@@ -129,27 +120,27 @@ class AXDrawerComponent extends AXBaseComponentMixin {
|
|
129
120
|
this.close();
|
130
121
|
});
|
131
122
|
};
|
132
|
-
this.
|
123
|
+
this.getHostElement().parentElement?.appendChild(this._backdropElement);
|
133
124
|
});
|
134
125
|
}
|
135
126
|
_removeBackdrop() {
|
136
127
|
this._zone.runOutsideAngular(() => {
|
137
128
|
if (this._backdropElement) {
|
138
|
-
this.
|
129
|
+
this.getHostElement().parentElement?.removeChild(this._backdropElement);
|
139
130
|
this._backdropElement = null;
|
140
131
|
}
|
141
132
|
});
|
142
133
|
}
|
143
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
144
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: "location", mode: "mode", collapsed: "collapsed" }, outputs: { locationChange: "locationChange", modeChange: "modeChange", collapsedChange: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
145
136
|
{ provide: AXComponent, useExisting: AXDrawerComponent },
|
146
137
|
{ provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
|
147
138
|
], usesInheritance: true, ngImport: i0, template: `
|
148
139
|
<ng-content select="ax-header"></ng-content>
|
149
140
|
<ng-content select="ax-content"></ng-content>
|
150
|
-
`, isInline: true, styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer
|
141
|
+
`, isInline: true, styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
151
142
|
}
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerComponent, decorators: [{
|
153
144
|
type: Component,
|
154
145
|
args: [{ selector: 'ax-drawer', template: `
|
155
146
|
<ng-content select="ax-header"></ng-content>
|
@@ -157,8 +148,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
157
148
|
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
158
149
|
{ provide: AXComponent, useExisting: AXDrawerComponent },
|
159
150
|
{ provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
|
160
|
-
], styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer
|
161
|
-
}], ctorParameters: function () { return [{ type: i0.
|
151
|
+
], styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"] }]
|
152
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { locationChange: [{
|
162
153
|
type: Output
|
163
154
|
}], location: [{
|
164
155
|
type: Input
|
@@ -178,11 +169,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
178
169
|
const COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];
|
179
170
|
const MODULES = [CommonModule];
|
180
171
|
class AXDrawerModule {
|
181
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
182
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
183
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
173
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent, AXDrawerContainerComponent], imports: [CommonModule], exports: [AXDrawerComponent, AXDrawerContainerComponent] }); }
|
174
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerModule, imports: [MODULES] }); }
|
184
175
|
}
|
185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDrawerModule, decorators: [{
|
186
177
|
type: NgModule,
|
187
178
|
args: [{
|
188
179
|
declarations: [...COMPONENT],
|