@acorex/components 7.1.3 → 7.1.5
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/public-api.d.ts +1 -0
- package/action-sheet/src/action-sheet.component.d.ts +8 -11
- package/alert/src/alert.component.d.ts +15 -47
- package/avatar/src/avatar.component.d.ts +8 -11
- package/badge/src/badge.component.d.ts +4 -35
- package/breadcrumbs/src/breadcrumbs-item.component.d.ts +6 -6
- package/breadcrumbs/src/breadcrumbs.component.d.ts +4 -8
- package/button/src/button-group.component.d.ts +6 -6
- package/button/src/button-item.component.d.ts +6 -6
- package/chips/src/chips.component.d.ts +6 -6
- package/color-picker/src/color-picker.component.d.ts +16 -16
- package/common/src/components/base-component.class.d.ts +7 -2
- package/date-picker/src/datepicker.component.d.ts +17 -132
- package/esm2022/action-sheet/public-api.mjs +2 -1
- package/esm2022/action-sheet/src/action-sheet.component.mjs +15 -21
- package/esm2022/action-sheet/src/action-sheet.module.mjs +4 -4
- package/esm2022/action-sheet/src/action-sheet.service.mjs +4 -8
- package/esm2022/alert/src/alert.component.mjs +52 -50
- package/esm2022/alert/src/alert.module.mjs +4 -4
- package/esm2022/avatar/src/avatar-group.component.mjs +3 -3
- package/esm2022/avatar/src/avatar.component.mjs +11 -20
- package/esm2022/avatar/src/avatar.module.mjs +4 -4
- package/esm2022/badge/src/badge.component.mjs +8 -13
- package/esm2022/badge/src/badge.module.mjs +4 -4
- package/esm2022/breadcrumbs/src/breadcrumbs-item.component.mjs +3 -3
- package/esm2022/breadcrumbs/src/breadcrumbs.component.mjs +7 -13
- package/esm2022/breadcrumbs/src/breadcrumbs.module.mjs +4 -4
- package/esm2022/button/src/button-group.component.mjs +3 -3
- package/esm2022/button/src/button-item.component.mjs +3 -3
- package/esm2022/button/src/button.component.mjs +5 -5
- package/esm2022/button/src/button.module.mjs +4 -4
- package/esm2022/calendar/src/calendar-range.component.mjs +19 -20
- package/esm2022/calendar/src/calendar.class.mjs +6 -6
- package/esm2022/calendar/src/calendar.component.mjs +5 -5
- package/esm2022/calendar/src/calendar.module.mjs +4 -4
- package/esm2022/card/src/card.component.mjs +3 -3
- package/esm2022/card/src/card.module.mjs +4 -4
- package/esm2022/checkbox/src/checkbox.component.mjs +3 -3
- package/esm2022/checkbox/src/checkbox.module.mjs +4 -4
- package/esm2022/chips/src/chips.component.mjs +3 -3
- package/esm2022/chips/src/chips.module.mjs +4 -4
- package/esm2022/collapse/src/collapse-group.component.mjs +3 -3
- package/esm2022/collapse/src/collapse.component.mjs +3 -3
- package/esm2022/collapse/src/collapse.module.mjs +4 -4
- package/esm2022/color-palette/src/color-palette-input.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette-picker.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette-preview.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette-swatches.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette.class.mjs +6 -6
- package/esm2022/color-palette/src/color-palette.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette.module.mjs +4 -4
- package/esm2022/color-picker/src/color-picker.component.mjs +3 -3
- package/esm2022/color-picker/src/color-picker.module.mjs +4 -4
- package/esm2022/common/src/classes/components.class.mjs +18 -18
- package/esm2022/common/src/common.module.mjs +4 -4
- package/esm2022/common/src/components/base-component.class.mjs +14 -3
- package/esm2022/common/src/components/value-component.class.mjs +4 -5
- package/esm2022/common/src/directives/auto-focus.directive.mjs +3 -3
- package/esm2022/common/src/directives/debounce-time.directive.mjs +3 -3
- package/esm2022/common/src/directives/hotkey.directive.mjs +3 -3
- package/esm2022/common/src/directives/infinite-scroll.directive.mjs +3 -3
- package/esm2022/common/src/directives/responsive.directive.mjs +3 -3
- package/esm2022/common/src/services/custom-cdk-overlay.service.mjs +6 -6
- package/esm2022/common/src/services/hotkey.service.mjs +3 -3
- package/esm2022/common/src/services/overlay.service.mjs +3 -3
- package/esm2022/context-menu/src/context-menu.component.mjs +3 -3
- package/esm2022/context-menu/src/context-menu.module.mjs +4 -4
- package/esm2022/data-pager/src/data-pager-base.component.mjs +6 -6
- package/esm2022/data-pager/src/data-pager-info.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-input-selector.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-next-buttons.components.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-numeric-selector.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-pagesize-dropdown.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-prev-buttons.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager.module.mjs +4 -4
- package/esm2022/data-table/src/data-column-cell-template.directive.mjs +3 -3
- package/esm2022/data-table/src/data-column.directive.mjs +3 -3
- package/esm2022/data-table/src/data-table.component.mjs +3 -3
- package/esm2022/data-table/src/data-table.module.mjs +4 -4
- package/esm2022/date-picker/src/datepicker.component.mjs +38 -152
- package/esm2022/date-picker/src/datepicker.module.mjs +4 -4
- package/esm2022/decorators/src/close-button.component.mjs +3 -3
- package/esm2022/decorators/src/content.component.mjs +3 -3
- package/esm2022/decorators/src/decorators.module.mjs +4 -4
- package/esm2022/decorators/src/footer.component.mjs +3 -3
- package/esm2022/decorators/src/form-hint.component.mjs +3 -3
- package/esm2022/decorators/src/header.component.mjs +3 -3
- package/esm2022/decorators/src/icon.component.mjs +3 -3
- package/esm2022/decorators/src/overlay.component.mjs +3 -3
- package/esm2022/decorators/src/placeholder.component.mjs +3 -3
- package/esm2022/decorators/src/prefix.component.mjs +3 -3
- package/esm2022/decorators/src/sub-title.component.mjs +3 -3
- package/esm2022/decorators/src/suffix.component.mjs +3 -3
- package/esm2022/decorators/src/text.component.mjs +3 -3
- package/esm2022/decorators/src/title.component.mjs +3 -3
- package/esm2022/dialog/src/dialog.component.mjs +4 -4
- package/esm2022/dialog/src/dialog.module.mjs +4 -4
- package/esm2022/dialog/src/dialog.service.mjs +3 -3
- package/esm2022/drawer/src/drawer-container.component.mjs +3 -3
- package/esm2022/drawer/src/drawer.component.mjs +3 -3
- package/esm2022/drawer/src/drawer.module.mjs +4 -4
- package/esm2022/dropdown/src/dropdown-panel.component.mjs +3 -3
- package/esm2022/dropdown/src/dropdown.module.mjs +4 -4
- package/esm2022/form/src/form-field.component.mjs +3 -3
- package/esm2022/form/src/form.component.mjs +3 -3
- package/esm2022/form/src/form.module.mjs +4 -4
- package/esm2022/form/src/validation-rule.widget.mjs +3 -3
- package/esm2022/form/src/validation-summary.component.mjs +4 -4
- package/esm2022/image/src/image.component.mjs +3 -3
- package/esm2022/image/src/image.module.mjs +4 -4
- package/esm2022/label/src/label.component.mjs +3 -3
- package/esm2022/label/src/label.module.mjs +4 -4
- package/esm2022/loading/src/loading-spinner.component.mjs +3 -3
- package/esm2022/loading/src/loading.component.mjs +3 -3
- package/esm2022/loading/src/loading.directive.mjs +3 -3
- package/esm2022/loading/src/loading.module.mjs +4 -4
- package/esm2022/loading/src/loading.service.mjs +3 -3
- package/esm2022/menu/src/menu.component.mjs +3 -3
- package/esm2022/menu/src/menu.module.mjs +4 -4
- package/esm2022/mixin/src/base-components.class.mjs +3 -3
- package/esm2022/mixin/src/selection-component.class.mjs +9 -16
- package/esm2022/notification/src/notification.component.mjs +3 -3
- package/esm2022/notification/src/notification.module.mjs +4 -4
- package/esm2022/notification/src/notification.service.mjs +3 -3
- package/esm2022/number-box/src/number-box.component.mjs +3 -3
- package/esm2022/number-box/src/number-box.module.mjs +4 -4
- package/esm2022/page/src/base-page.class.mjs +3 -3
- package/esm2022/page/src/page.component.mjs +3 -3
- package/esm2022/page/src/page.module.mjs +4 -4
- package/esm2022/password-box/src/password-box.component.mjs +3 -3
- package/esm2022/password-box/src/password-box.module.mjs +4 -4
- package/esm2022/picker/src/picker-column.component.mjs +3 -3
- package/esm2022/picker/src/picker.component.mjs +3 -3
- package/esm2022/picker/src/picker.module.mjs +4 -4
- package/esm2022/popover/public-api.mjs +2 -1
- package/esm2022/popover/src/dropdown-component.class.mjs +72 -0
- package/esm2022/popover/src/popover.component.mjs +28 -35
- package/esm2022/popover/src/popover.module.mjs +4 -4
- package/esm2022/popup/src/popup.component.mjs +3 -3
- package/esm2022/popup/src/popup.module.mjs +4 -4
- package/esm2022/popup/src/popup.service.mjs +3 -3
- package/esm2022/progress-bar/src/progress-bar.component.mjs +3 -3
- package/esm2022/progress-bar/src/progress-bar.module.mjs +4 -4
- package/esm2022/radio/src/radio.component.mjs +3 -3
- package/esm2022/radio/src/radio.module.mjs +4 -4
- package/esm2022/range-slider/src/range-slider.component.mjs +3 -3
- package/esm2022/range-slider/src/range-slider.module.mjs +4 -4
- package/esm2022/rating/src/rating.component.mjs +3 -3
- package/esm2022/rating/src/rating.component.module.mjs +4 -4
- package/esm2022/result/src/result.component.mjs +3 -3
- package/esm2022/result/src/result.module.mjs +4 -4
- package/esm2022/search-box/src/search-box.component.mjs +3 -3
- package/esm2022/search-box/src/search-box.module.mjs +4 -4
- package/esm2022/select-box/src/selectbox.component.mjs +3 -3
- package/esm2022/select-box/src/selectbox.module.mjs +4 -4
- package/esm2022/selection-list/src/selection-list.component.mjs +3 -3
- package/esm2022/selection-list/src/selection-list.module.mjs +4 -4
- package/esm2022/switch/src/switch-content.component.mjs +3 -3
- package/esm2022/switch/src/switch.component.mjs +3 -3
- package/esm2022/switch/src/switch.module.mjs +4 -4
- package/esm2022/tabs/src/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/src/tab-item.component.mjs +3 -3
- package/esm2022/tabs/src/tabs.component.mjs +3 -3
- package/esm2022/tabs/src/tabs.module.mjs +4 -4
- package/esm2022/tag/src/tag.component.mjs +3 -3
- package/esm2022/tag/src/tag.module.mjs +4 -4
- package/esm2022/textarea/src/textarea.component.mjs +3 -3
- package/esm2022/textarea/src/textarea.module.mjs +4 -4
- package/esm2022/textbox/src/mask-options.directive.mjs +3 -3
- package/esm2022/textbox/src/textbox.component.mjs +3 -3
- package/esm2022/textbox/src/textbox.module.mjs +4 -4
- package/esm2022/time-box/src/time-box.component.mjs +17 -25
- package/esm2022/time-box/src/time-box.module.mjs +4 -4
- package/esm2022/toast/src/toast.component.mjs +3 -3
- package/esm2022/toast/src/toast.module.mjs +4 -4
- package/esm2022/toast/src/toast.service.mjs +3 -3
- package/esm2022/tooltip/src/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/src/tooltip.directive.mjs +3 -3
- package/esm2022/tooltip/src/tooltip.module.mjs +4 -4
- package/esm2022/tree-view/src/tree-view.component.mjs +3 -3
- package/esm2022/tree-view/src/tree-view.module.mjs +4 -4
- package/esm2022/uploader/src/uploader.component.mjs +3 -3
- package/esm2022/uploader/src/uploader.module.mjs +4 -4
- package/fesm2022/acorex-components-action-sheet.mjs +23 -31
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +56 -54
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +17 -26
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +12 -17
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +14 -19
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +15 -15
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +32 -33
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-card.mjs +7 -7
- package/fesm2022/acorex-components-checkbox.mjs +7 -7
- package/fesm2022/acorex-components-chips.mjs +7 -7
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-color-palette.mjs +25 -25
- package/fesm2022/acorex-components-color-picker.mjs +7 -7
- package/fesm2022/acorex-components-common.mjs +62 -54
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-context-menu.mjs +7 -7
- package/fesm2022/acorex-components-data-pager.mjs +31 -31
- package/fesm2022/acorex-components-data-table.mjs +13 -13
- package/fesm2022/acorex-components-date-picker.mjs +42 -156
- package/fesm2022/acorex-components-date-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +43 -43
- package/fesm2022/acorex-components-dialog.mjs +11 -11
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +10 -10
- package/fesm2022/acorex-components-dropdown.mjs +7 -7
- package/fesm2022/acorex-components-form.mjs +17 -17
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-label.mjs +7 -7
- package/fesm2022/acorex-components-loading.mjs +16 -16
- package/fesm2022/acorex-components-menu.mjs +7 -7
- package/fesm2022/acorex-components-mixin.mjs +11 -18
- package/fesm2022/acorex-components-mixin.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +10 -10
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-password-box.mjs +7 -7
- package/fesm2022/acorex-components-picker.mjs +10 -10
- package/fesm2022/acorex-components-popover.mjs +100 -39
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +10 -10
- package/fesm2022/acorex-components-progress-bar.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-range-slider.mjs +7 -7
- package/fesm2022/acorex-components-rating.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-search-box.mjs +7 -7
- package/fesm2022/acorex-components-select-box.mjs +7 -7
- package/fesm2022/acorex-components-selection-list.mjs +7 -7
- package/fesm2022/acorex-components-switch.mjs +10 -10
- package/fesm2022/acorex-components-tabs.mjs +13 -13
- package/fesm2022/acorex-components-tag.mjs +7 -7
- package/fesm2022/acorex-components-textarea.mjs +7 -7
- package/fesm2022/acorex-components-textbox.mjs +10 -10
- package/fesm2022/acorex-components-time-box.mjs +20 -28
- package/fesm2022/acorex-components-time-box.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +10 -10
- package/fesm2022/acorex-components-tooltip.mjs +10 -10
- package/fesm2022/acorex-components-tree-view.mjs +7 -7
- package/fesm2022/acorex-components-uploader.mjs +7 -7
- package/mixin/src/base-components.class.d.ts +2 -2
- package/mixin/src/base-menu-mixin.class.d.ts +5 -5
- package/mixin/src/button-mixin.class.d.ts +2 -2
- package/mixin/src/clickable-mixin.class.d.ts +2 -2
- package/mixin/src/color-look-mixing.class.d.ts +2 -2
- package/mixin/src/datalist-component.class.d.ts +10 -10
- package/mixin/src/dropdown-mixin.class.d.ts +2 -2
- package/mixin/src/interactive-mixin.class.d.ts +4 -4
- package/mixin/src/loading-mixin.class.d.ts +2 -2
- package/mixin/src/mixin.class.d.ts +61 -61
- package/mixin/src/page-component.class.d.ts +2 -2
- package/mixin/src/selection-component.class.d.ts +4 -4
- package/mixin/src/sizable-mixin.class.d.ts +2 -2
- package/mixin/src/textbox-mixin.class.d.ts +2 -2
- package/mixin/src/value-mixin.class.d.ts +8 -8
- package/package.json +8 -8
- package/popover/public-api.d.ts +1 -0
- package/popover/src/dropdown-component.class.d.ts +17 -0
- package/popover/src/popover.component.d.ts +9 -16
- package/tabs/src/tab-item.component.d.ts +2 -2
@@ -27,20 +27,20 @@ class AXPagerPageChangedEvent extends AXEvent {
|
|
27
27
|
class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
|
28
28
|
}
|
29
29
|
class AXPagerComponent {
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
31
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
31
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXPagerComponent });
|
32
32
|
}
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXPagerComponent, decorators: [{
|
34
34
|
type: Injectable
|
35
35
|
}] });
|
36
36
|
class AXDataPagerChild extends AXInteractiveComponenetMixin {
|
37
37
|
constructor(...args) {
|
38
38
|
super(...args);
|
39
39
|
}
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
41
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerChild, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
|
41
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerChild });
|
42
42
|
}
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerChild, decorators: [{
|
44
44
|
type: Injectable
|
45
45
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
46
46
|
type: Inject,
|
@@ -79,12 +79,12 @@ class AXDataPagerInfoComponent extends AXDataPagerChild {
|
|
79
79
|
else {
|
80
80
|
}
|
81
81
|
}
|
82
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
83
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
82
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInfoComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
|
83
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: { text: "text" }, host: { classAttribute: "ax-data-pager-info" }, providers: [
|
84
84
|
{ provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
|
85
85
|
], usesInheritance: true, ngImport: i0, template: `{{ _textFormatted }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
86
86
|
}
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
|
88
88
|
type: Component,
|
89
89
|
args: [{
|
90
90
|
selector: 'ax-data-pager-info',
|
@@ -126,14 +126,14 @@ class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
|
|
126
126
|
//TODO: debounceTime
|
127
127
|
this._parent.goToPage(e.value);
|
128
128
|
}
|
129
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
130
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInputSelectorComponent, deps: [{ token: i0.ElementRef }, { token: AXPagerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
130
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
|
131
131
|
<ax-number-box [value]="_currentPage" class="ax-sm" (onValueChanged)="_handleValueChanged($event)" [showSpinButtons]="false"
|
132
132
|
[minValue]="1" [maxValue]="_totalPages" allowNull="false">
|
133
133
|
</ax-number-box>
|
134
134
|
`, isInline: true, dependencies: [{ kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "state", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
135
135
|
}
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInputSelectorComponent, decorators: [{
|
137
137
|
type: Component,
|
138
138
|
args: [{
|
139
139
|
selector: 'ax-data-pager-input-selector',
|
@@ -177,8 +177,8 @@ class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
|
|
177
177
|
_emitOnNextPageClick(e) {
|
178
178
|
this._parent.goNextPage();
|
179
179
|
}
|
180
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
181
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
180
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNextButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
|
181
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
|
182
182
|
<ax-button [disabled]="disabled" look="blank" color="ghost" class="ax-sm" title="Go to the next page" (onClick)="_emitOnNextPageClick($event)" >
|
183
183
|
<ax-icon [ngClass]="{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}"></ax-icon>
|
184
184
|
<i ></i>
|
@@ -188,7 +188,7 @@ class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
|
|
188
188
|
</ax-button>
|
189
189
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.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: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
190
190
|
}
|
191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
|
192
192
|
type: Component,
|
193
193
|
args: [{
|
194
194
|
selector: 'ax-data-pager-next-buttons',
|
@@ -260,8 +260,8 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
|
|
260
260
|
_handleOnItemClick(e) {
|
261
261
|
this._parent.goToPage(Number(e.data));
|
262
262
|
}
|
263
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
264
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
263
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
264
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
|
265
265
|
<ax-button [disabled]="_currentPage==1" look="blank" color="ghost" class="ax-sm" (onClick)="_handleOnItemClick({data:1})">
|
266
266
|
<ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
|
267
267
|
</ax-button>
|
@@ -276,7 +276,7 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
|
|
276
276
|
</ax-button>
|
277
277
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: i2.AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "tabIndex", "color", "look", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "selectionChange", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
278
278
|
}
|
279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
|
280
280
|
type: Component,
|
281
281
|
args: [{
|
282
282
|
selector: 'ax-data-pager-numeric-selector',
|
@@ -341,8 +341,8 @@ class AXDataPagerPageSizesComponent extends AXDataPagerChild {
|
|
341
341
|
_emitOnItemClick(e) {
|
342
342
|
this._size = this._parent.size = Number(e.data.size);
|
343
343
|
}
|
344
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
345
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
344
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPageSizesComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
|
345
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: { sizes: "sizes" }, providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }], usesInheritance: true, ngImport: i0, template: `
|
346
346
|
<ax-button [text]="_size" color="ghost" look="blank" class="ax-sm">
|
347
347
|
<ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
|
348
348
|
<ax-button-item *ngFor="let item of _items" [text]="item.text" [data]="item.data" [selected]="item.selected" >
|
@@ -355,7 +355,7 @@ class AXDataPagerPageSizesComponent extends AXDataPagerChild {
|
|
355
355
|
<!-- <span >items per page</span> -->
|
356
356
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.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: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["text", "tooltip", "selected", "seperated", "name", "data", "color"], outputs: ["onClick"] }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "target"], outputs: ["onOpened", "onClosed", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
357
357
|
}
|
358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
|
359
359
|
type: Component,
|
360
360
|
args: [{
|
361
361
|
selector: 'ax-data-pager-page-sizes',
|
@@ -406,8 +406,8 @@ class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
|
|
406
406
|
_emitOnPrevPageClick(e) {
|
407
407
|
this._parent.goPrevPage();
|
408
408
|
}
|
409
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
410
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
409
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPrevButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
|
410
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
|
411
411
|
<ax-button [disabled]="disabled" look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
|
412
412
|
<ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
|
413
413
|
</ax-button>
|
@@ -416,7 +416,7 @@ class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
|
|
416
416
|
</ax-button>
|
417
417
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.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: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
418
418
|
}
|
419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
|
420
420
|
type: Component,
|
421
421
|
args: [{
|
422
422
|
selector: 'ax-data-pager-prev-buttons',
|
@@ -547,10 +547,10 @@ class AXDataPagerComponent extends AXBaseValueComponentMixin {
|
|
547
547
|
this.value = page;
|
548
548
|
}
|
549
549
|
}
|
550
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
551
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
550
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagedComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
551
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerComponent, selector: "ax-data-pager", inputs: { value: "value", name: "name", size: "size", total: "total", displayMode: "displayMode" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onStateChanged: "onStateChanged" }, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"displayMode\">\n <ng-container *ngSwitchCase=\"'full'\">\n <ax-prefix>\n <ax-data-pager-numeric-selector>\n </ax-data-pager-numeric-selector>\n <ax-data-pager-page-sizes>\n </ax-data-pager-page-sizes>\n </ax-prefix>\n <ax-suffix>\n <ax-data-pager-info>\n </ax-data-pager-info>\n </ax-suffix>\n </ng-container>\n <ng-container *ngSwitchCase=\"'compact'\">\n <ax-prefix>\n <ax-data-pager-prev-buttons>\n </ax-data-pager-prev-buttons>\n <ax-data-pager-input-selector>\n </ax-data-pager-input-selector>\n <ax-data-pager-next-buttons>\n </ax-data-pager-next-buttons>\n </ax-prefix>\n <ax-suffix>\n <ax-data-pager-info>\n </ax-data-pager-info>\n </ax-suffix>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-content select=\"ax-prefix\"></ng-content>\n <ng-content select=\"ax-suffix\"></ng-content>\n </ng-container>\n</ng-container>\n\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
552
552
|
}
|
553
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerComponent, decorators: [{
|
554
554
|
type: Component,
|
555
555
|
args: [{ selector: 'ax-data-pager', inputs: ['value', 'name'], outputs: ['valueChange', 'onValueChanged'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], template: "<ng-container [ngSwitch]=\"displayMode\">\n <ng-container *ngSwitchCase=\"'full'\">\n <ax-prefix>\n <ax-data-pager-numeric-selector>\n </ax-data-pager-numeric-selector>\n <ax-data-pager-page-sizes>\n </ax-data-pager-page-sizes>\n </ax-prefix>\n <ax-suffix>\n <ax-data-pager-info>\n </ax-data-pager-info>\n </ax-suffix>\n </ng-container>\n <ng-container *ngSwitchCase=\"'compact'\">\n <ax-prefix>\n <ax-data-pager-prev-buttons>\n </ax-data-pager-prev-buttons>\n <ax-data-pager-input-selector>\n </ax-data-pager-input-selector>\n <ax-data-pager-next-buttons>\n </ax-data-pager-next-buttons>\n </ax-prefix>\n <ax-suffix>\n <ax-data-pager-info>\n </ax-data-pager-info>\n </ax-suffix>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-content select=\"ax-prefix\"></ng-content>\n <ng-content select=\"ax-suffix\"></ng-content>\n </ng-container>\n</ng-container>\n\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"] }]
|
556
556
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i9.AXPagedComponent, decorators: [{
|
@@ -579,8 +579,8 @@ const COMPONENT = [
|
|
579
579
|
];
|
580
580
|
const MODULES = [CommonModule, AXButtonModule, AXNumberBoxModule, AXDropdownModule, AXDecoratorModule];
|
581
581
|
class AXDataPagerModule {
|
582
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
583
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.
|
582
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
583
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, declarations: [AXDataPagerComponent,
|
584
584
|
AXDataPagerNextButtonsComponent,
|
585
585
|
AXDataPagerPrevButtonsComponent,
|
586
586
|
AXDataPagerPageSizesComponent,
|
@@ -593,9 +593,9 @@ class AXDataPagerModule {
|
|
593
593
|
AXDataPagerNumericSelectorComponent,
|
594
594
|
AXDataPagerInputSelectorComponent,
|
595
595
|
AXDataPagerInfoComponent] });
|
596
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.
|
596
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, imports: [MODULES] });
|
597
597
|
}
|
598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, decorators: [{
|
599
599
|
type: NgModule,
|
600
600
|
args: [{
|
601
601
|
declarations: [...COMPONENT],
|
@@ -29,10 +29,10 @@ class AXDataColumnComponent {
|
|
29
29
|
valueField;
|
30
30
|
caption;
|
31
31
|
width = 'auto';
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
33
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
33
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: AXDataColumnComponent, selector: "ax-data-column", inputs: { _inputHeaderTemplate: ["headerTemplate", "_inputHeaderTemplate"], _inputCellTemplate: ["cellTemplate", "_inputCellTemplate"], valueField: "valueField", caption: "caption", width: "width" }, queries: [{ propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "_defaultTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true, static: true }], ngImport: i0 });
|
34
34
|
}
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnComponent, decorators: [{
|
36
36
|
type: Directive,
|
37
37
|
args: [{
|
38
38
|
selector: 'ax-data-column',
|
@@ -165,10 +165,10 @@ class AXDataTableComponent extends AXBaseComponentMixin {
|
|
165
165
|
this._currentPage = page;
|
166
166
|
this._fetchData();
|
167
167
|
}
|
168
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
169
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
168
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
169
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\n <thead *ngIf=\"showHeader\">\n <tr>\n <th *ngFor=\"let c of _columns\">\n <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n </ng-template>\n <ng-template #captionTpl>\n {{c.caption}}\n </ng-template>\n </th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n </ng-container>\n </ng-template>\n <ng-template #rowTpl>\n <tr>\n <ng-container *ngFor=\"let c of _columns\">\n <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n </ng-container>\n </ng-template>\n <ng-template #cellTpl>\n <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n {{d[c.valueField]}}\n </td>\n </ng-template>\n </ng-container>\n </tr>\n </ng-template>\n </ng-container>\n </ng-container>\n <ng-template #emptyTpl>\n <tr>\n <td [attr.colspan]=\"_columns.length\">\n <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </ng-template>\n <ng-template #defaultEmptyTemplate>\n <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n </ng-template>\n </td>\n </tr>\n </ng-template>\n </tbody>\n </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "directive", type: i3.AXLoadingDirective, selector: "[axIsLoading]", inputs: ["axIsLoading"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
170
170
|
}
|
171
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableComponent, decorators: [{
|
172
172
|
type: Component,
|
173
173
|
args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\n <thead *ngIf=\"showHeader\">\n <tr>\n <th *ngFor=\"let c of _columns\">\n <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n </ng-template>\n <ng-template #captionTpl>\n {{c.caption}}\n </ng-template>\n </th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n </ng-container>\n </ng-template>\n <ng-template #rowTpl>\n <tr>\n <ng-container *ngFor=\"let c of _columns\">\n <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n </ng-container>\n </ng-template>\n <ng-template #cellTpl>\n <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n {{d[c.valueField]}}\n </td>\n </ng-template>\n </ng-container>\n </tr>\n </ng-template>\n </ng-container>\n </ng-container>\n <ng-template #emptyTpl>\n <tr>\n <td [attr.colspan]=\"_columns.length\">\n <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </ng-template>\n <ng-template #defaultEmptyTemplate>\n <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n </ng-template>\n </td>\n </tr>\n </ng-template>\n </tbody>\n </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
|
174
174
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _columns: [{
|
@@ -195,10 +195,10 @@ class AXDataColumnCellTemplateDirective {
|
|
195
195
|
get template() {
|
196
196
|
return this._contentTemplate;
|
197
197
|
}
|
198
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
199
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.
|
198
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnCellTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
199
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: AXDataColumnCellTemplateDirective, selector: "ax-data-column-cell-template", queries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 });
|
200
200
|
}
|
201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnCellTemplateDirective, decorators: [{
|
202
202
|
type: Directive,
|
203
203
|
args: [{ selector: 'ax-data-column-cell-template' }]
|
204
204
|
}], propDecorators: { _contentTemplate: [{
|
@@ -209,11 +209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
209
209
|
const COMPONENT = [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective];
|
210
210
|
const MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];
|
211
211
|
class AXDataTableModule {
|
212
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
213
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.
|
214
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.
|
212
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
213
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, declarations: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective], imports: [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule], exports: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective] });
|
214
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, imports: [MODULES] });
|
215
215
|
}
|
216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, decorators: [{
|
217
217
|
type: NgModule,
|
218
218
|
args: [{
|
219
219
|
declarations: [...COMPONENT],
|