@acorex/components 17.0.22 → 17.0.24
Sign up to get free protection for your applications and to get access to all the features.
- package/common/index.d.ts +1 -0
- package/common/lib/directives/inverted-color.directive.d.ts +11 -0
- package/data-pager/lib/data-pager.module.d.ts +2 -1
- package/data-table/lib/columns/data-table-column.d.ts +1 -0
- package/data-table/lib/columns/data-text-column.component.d.ts +4 -1
- package/data-table/lib/columns/row-command-column.component.d.ts +8 -2
- package/data-table/lib/columns/row-index-column.component.d.ts +4 -1
- package/data-table/lib/columns/row-select-column.component.d.ts +2 -0
- package/data-table/lib/data-table/data-table.component.d.ts +4 -1
- package/esm2022/common/index.mjs +2 -1
- package/esm2022/common/lib/directives/inverted-color.directive.mjs +50 -0
- package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +37 -28
- package/esm2022/data-pager/lib/data-pager.component.mjs +2 -2
- package/esm2022/data-pager/lib/data-pager.module.mjs +6 -3
- package/esm2022/data-table/lib/columns/data-table-column.mjs +1 -1
- package/esm2022/data-table/lib/columns/data-text-column.component.mjs +13 -3
- package/esm2022/data-table/lib/columns/row-command-column.component.mjs +34 -10
- package/esm2022/data-table/lib/columns/row-index-column.component.mjs +15 -5
- package/esm2022/data-table/lib/columns/row-select-column.component.mjs +12 -4
- package/esm2022/data-table/lib/data-table/data-table.component.mjs +13 -4
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +2 -2
- package/esm2022/select-box/lib/select-box.component.mjs +2 -2
- package/fesm2022/acorex-components-common.mjs +50 -2
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +42 -30
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +82 -21
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +2 -2
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +2 -2
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/package.json +1 -1
package/common/index.d.ts
CHANGED
@@ -22,6 +22,7 @@ export * from './lib/directives/auto-focus.directive';
|
|
22
22
|
export * from './lib/directives/delayed-value-changed.directive';
|
23
23
|
export * from './lib/directives/hotkey.directive';
|
24
24
|
export * from './lib/directives/infinite-scroll.directive';
|
25
|
+
export * from './lib/directives/inverted-color.directive';
|
25
26
|
export * from './lib/directives/responsive.directive';
|
26
27
|
export * from './lib/directives/ripple.directive';
|
27
28
|
export * from './lib/services/dom.service';
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { ViewContainerRef } from '@angular/core';
|
2
|
+
import { AXStyleColorType } from '../classes/styles.class';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class AXInvertedColorDirective {
|
5
|
+
color: import("@angular/core").InputSignal<AXStyleColorType>;
|
6
|
+
ref: ViewContainerRef;
|
7
|
+
constructor();
|
8
|
+
protected invertColor(): void;
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXInvertedColorDirective, never>;
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXInvertedColorDirective, "[axInvertedColor]", never, { "color": { "alias": "color"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
11
|
+
}
|
@@ -14,8 +14,9 @@ import * as i12 from "@acorex/components/number-box";
|
|
14
14
|
import * as i13 from "@acorex/components/dropdown";
|
15
15
|
import * as i14 from "@acorex/components/decorators";
|
16
16
|
import * as i15 from "@acorex/core/translation";
|
17
|
+
import * as i16 from "@acorex/components/skeleton";
|
17
18
|
export declare class AXDataPagerModule {
|
18
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerModule, never>;
|
19
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataPagerModule, [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.AXButtonModule, typeof i11.AXButtonGroupModule, typeof i12.AXNumberBoxModule, typeof i13.AXDropdownModule, typeof i14.AXDecoratorModule, typeof i15.AXTranslationModule], [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent]>;
|
20
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataPagerModule, [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.AXButtonModule, typeof i11.AXButtonGroupModule, typeof i12.AXNumberBoxModule, typeof i13.AXDropdownModule, typeof i14.AXDecoratorModule, typeof i15.AXTranslationModule, typeof i16.AXSkeletonModule], [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent]>;
|
20
21
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXDataPagerModule>;
|
21
22
|
}
|
@@ -11,6 +11,7 @@ export declare abstract class AXDataTableColumnComponent {
|
|
11
11
|
sortOrder: AXSortOrder | undefined;
|
12
12
|
abstract get renderCellTemplate(): TemplateRef<unknown>;
|
13
13
|
abstract get renderHeaderTemplate(): TemplateRef<unknown>;
|
14
|
+
abstract get renderFooterTemplate(): TemplateRef<unknown>;
|
14
15
|
abstract get loadingEnabled(): boolean;
|
15
16
|
abstract get name(): string;
|
16
17
|
get cssClass(): string | undefined;
|
@@ -8,6 +8,9 @@ export declare class AXDataTableTextColumnComponent extends AXDataTableColumnCom
|
|
8
8
|
cellTemplate: TemplateRef<unknown>;
|
9
9
|
private _contentCellTemplate;
|
10
10
|
get renderCellTemplate(): TemplateRef<unknown>;
|
11
|
+
footerTemplate: TemplateRef<unknown>;
|
12
|
+
private _contentFooterTemplate;
|
13
|
+
get renderFooterTemplate(): TemplateRef<unknown>;
|
11
14
|
headerTemplate: TemplateRef<unknown>;
|
12
15
|
private _contentHeaderTemplate;
|
13
16
|
get renderHeaderTemplate(): TemplateRef<unknown>;
|
@@ -18,5 +21,5 @@ export declare class AXDataTableTextColumnComponent extends AXDataTableColumnCom
|
|
18
21
|
format: string;
|
19
22
|
formatOptions: AXFormatOptions;
|
20
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableTextColumnComponent, never>;
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, false, never>;
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, false, never>;
|
22
25
|
}
|
@@ -19,6 +19,9 @@ export declare class AXRowDropdownCommandColumnComponent extends AXBaseRowComman
|
|
19
19
|
get renderCellTemplate(): TemplateRef<unknown>;
|
20
20
|
private _contentHeaderTemplate;
|
21
21
|
get renderHeaderTemplate(): TemplateRef<unknown>;
|
22
|
+
footerTemplate: TemplateRef<unknown>;
|
23
|
+
private _contentFooterTemplate;
|
24
|
+
get renderFooterTemplate(): TemplateRef<unknown>;
|
22
25
|
get name(): string;
|
23
26
|
protected _items: AXRowCommandItem[];
|
24
27
|
items: AXRowCommandItem[] | ((rowData: unknown) => AXRowCommandItem[] | Promise<AXRowCommandItem[]>);
|
@@ -26,17 +29,20 @@ export declare class AXRowDropdownCommandColumnComponent extends AXBaseRowComman
|
|
26
29
|
protected handleOnClosed(): void;
|
27
30
|
protected handleOnItemClick(e: AXItemClickEvent<AXButtonItemComponent>, data: unknown): void;
|
28
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXRowDropdownCommandColumnComponent, never>;
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXRowDropdownCommandColumnComponent, "ax-dropdown-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, false, never>;
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXRowDropdownCommandColumnComponent, "ax-dropdown-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, false, never>;
|
30
33
|
}
|
31
34
|
export declare class AXRowCommandColumnComponent extends AXBaseRowCommandColumnComponent {
|
32
35
|
private _cellTemplate;
|
33
36
|
get renderCellTemplate(): TemplateRef<unknown>;
|
34
37
|
private _contentHeaderTemplate;
|
35
38
|
get renderHeaderTemplate(): TemplateRef<unknown>;
|
39
|
+
footerTemplate: TemplateRef<unknown>;
|
40
|
+
private _contentFooterTemplate;
|
41
|
+
get renderFooterTemplate(): TemplateRef<unknown>;
|
36
42
|
get name(): string;
|
37
43
|
items: AXRowCommandItem[] | ((rowData: unknown) => AXRowCommandItem[]);
|
38
44
|
protected getItems(rowData: unknown): AXRowCommandItem[];
|
39
45
|
protected handleOnItemClick(e: MouseEvent, item: AXRowCommandItem, data: unknown): void;
|
40
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXRowCommandColumnComponent, never>;
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXRowCommandColumnComponent, "ax-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, false, never>;
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXRowCommandColumnComponent, "ax-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, false, never>;
|
42
48
|
}
|
@@ -8,6 +8,9 @@ export declare class AXRowIndexColumnComponent extends AXDataTableColumnComponen
|
|
8
8
|
get renderCellTemplate(): TemplateRef<unknown>;
|
9
9
|
private _contentHeaderTemplate;
|
10
10
|
get renderHeaderTemplate(): TemplateRef<unknown>;
|
11
|
+
footerTemplate: TemplateRef<unknown>;
|
12
|
+
private _contentFooterTemplate;
|
13
|
+
get renderFooterTemplate(): TemplateRef<unknown>;
|
11
14
|
get name(): string;
|
12
15
|
padZero: boolean;
|
13
16
|
protected formatCount: number;
|
@@ -16,5 +19,5 @@ export declare class AXRowIndexColumnComponent extends AXDataTableColumnComponen
|
|
16
19
|
get loadingEnabled(): boolean;
|
17
20
|
get cssClass(): string | undefined;
|
18
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXRowIndexColumnComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXRowIndexColumnComponent, "ax-index-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "padZero": { "alias": "padZero"; "required": false; }; }, {}, never, never, false, never>;
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXRowIndexColumnComponent, "ax-index-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "padZero": { "alias": "padZero"; "required": false; }; }, {}, never, never, false, never>;
|
20
23
|
}
|
@@ -7,6 +7,8 @@ export declare class AXRowSelectColumnComponent extends AXDataTableColumnCompone
|
|
7
7
|
get renderCellTemplate(): TemplateRef<unknown>;
|
8
8
|
private _contentHeaderTemplate;
|
9
9
|
get renderHeaderTemplate(): TemplateRef<unknown>;
|
10
|
+
private _contentFooterTemplate;
|
11
|
+
get renderFooterTemplate(): TemplateRef<unknown>;
|
10
12
|
get name(): string;
|
11
13
|
protected isSelected(item: unknown): boolean;
|
12
14
|
protected checkAllSelected(rows: any): any;
|
@@ -31,8 +31,11 @@ export declare class AXDataTableComponent extends AXBaseDataTable implements OnI
|
|
31
31
|
protected startRowIndex: number;
|
32
32
|
rowTemplate?: TemplateRef<unknown>;
|
33
33
|
emptyTemplate?: TemplateRef<unknown>;
|
34
|
+
alternative: boolean;
|
34
35
|
showHeader: boolean;
|
35
36
|
fixedHeader: boolean;
|
37
|
+
showFooter: boolean;
|
38
|
+
fixedFooter: boolean;
|
36
39
|
itemHeight: number | 'auto';
|
37
40
|
allowReordering: boolean;
|
38
41
|
paging: boolean;
|
@@ -68,5 +71,5 @@ export declare class AXDataTableComponent extends AXBaseDataTable implements OnI
|
|
68
71
|
private resetResizingProcess;
|
69
72
|
private calculateStickyColumnsPositions;
|
70
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
|
71
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; }, ["columns"], ["ax-header", "ax-footer"], false, never>;
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; }, ["columns"], ["ax-header", "ax-footer"], false, never>;
|
72
75
|
}
|
package/esm2022/common/index.mjs
CHANGED
@@ -22,8 +22,9 @@ export * from './lib/directives/auto-focus.directive';
|
|
22
22
|
export * from './lib/directives/delayed-value-changed.directive';
|
23
23
|
export * from './lib/directives/hotkey.directive';
|
24
24
|
export * from './lib/directives/infinite-scroll.directive';
|
25
|
+
export * from './lib/directives/inverted-color.directive';
|
25
26
|
export * from './lib/directives/responsive.directive';
|
26
27
|
export * from './lib/directives/ripple.directive';
|
27
28
|
export * from './lib/services/dom.service';
|
28
29
|
export * from './lib/services/hotkey.service';
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29tbW9uL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGNBQWMscUJBQXFCLENBQUM7QUFFcEMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsd0NBQXdDLENBQUM7QUFFdkQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUVsRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi90eXBlcy9kaXJlY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdHlwZXMvb3JpZW50YXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdHlwZXMvcGxhY2VtZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3R5cGVzL3JhbmdlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3R5cGVzL3NlbGVjdGlvbi1tb2RlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2xhc3Nlcy9jb21wb25lbnRzLmNsYXNzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NsYXNzZXMvZGF0YWxpc3QuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2xhc3Nlcy9kYXRhc291cmNlLmNsYXNzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NsYXNzZXMvZXZlbnRzLmNsYXNzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NsYXNzZXMvc3R5bGVzLmNsYXNzJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tbW9uLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYmFzZS1jb21wb25lbnQuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24tYmFzZS1jb21wb25lbnQuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jb2xvci1jb21wb25lbnQuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jb2xvcmxvb2stY29tcG9uZW50LmNsYXNzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaW5wdXQtYmFzZS12YWx1ZS1jb21wb25lbnQuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbnRlcmFjdGl2ZS1jb21wb25lbnQuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sb29rLWNvbXBvbmVudC5jbGFzcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NlbGVjdGlvbi1iYXNlLmNvbXBvbmVudC5jbGFzcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZhbHVlLWNvbXBvbmVudC5jbGFzcyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvYXV0by1mb2N1cy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9kZWxheWVkLXZhbHVlLWNoYW5nZWQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvaG90a2V5LmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2luZmluaXRlLXNjcm9sbC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9pbnZlcnRlZC1jb2xvci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9yZXNwb25zaXZlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL3JpcHBsZS5kaXJlY3RpdmUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9kb20uc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9ob3RrZXkuc2VydmljZSc7XG4iXX0=
|
@@ -0,0 +1,50 @@
|
|
1
|
+
import { AfterRenderPhase, Directive, ViewContainerRef, afterNextRender, effect, inject, input } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export class AXInvertedColorDirective {
|
4
|
+
constructor() {
|
5
|
+
this.color = input.required();
|
6
|
+
this.ref = inject(ViewContainerRef);
|
7
|
+
afterNextRender(() => {
|
8
|
+
this.invertColor();
|
9
|
+
console.log('changed');
|
10
|
+
}, { phase: AfterRenderPhase.MixedReadWrite });
|
11
|
+
effect(() => {
|
12
|
+
this.invertColor();
|
13
|
+
console.log('changed');
|
14
|
+
});
|
15
|
+
}
|
16
|
+
invertColor() {
|
17
|
+
let color;
|
18
|
+
let foreColor;
|
19
|
+
const invertedVariables = [];
|
20
|
+
if (this.color() === 'ghost') {
|
21
|
+
color = getComputedStyle(document.documentElement).getPropertyValue(`--ax-color-${this.color()}`);
|
22
|
+
foreColor = getComputedStyle(document.documentElement).getPropertyValue(`--ax-color-${this.color()}-fore`);
|
23
|
+
invertedVariables.push({ name: `--ax-color-ghost`, value: `${foreColor}` });
|
24
|
+
invertedVariables.push({ name: `--ax-color-ghost-fore`, value: `${color}` });
|
25
|
+
}
|
26
|
+
else {
|
27
|
+
const range = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
|
28
|
+
color = getComputedStyle(document.documentElement).getPropertyValue(`--ax-color-${this.color()}-500`);
|
29
|
+
foreColor = getComputedStyle(document.documentElement).getPropertyValue(`--ax-color-${this.color()}-fore`);
|
30
|
+
range.forEach((c) => {
|
31
|
+
invertedVariables.push({ name: `--ax-color-${this.color()}-${c}`, value: `${foreColor}` });
|
32
|
+
});
|
33
|
+
invertedVariables.push({ name: `--ax-color-${this.color()}-fore`, value: `${color}` });
|
34
|
+
invertedVariables.push({ name: `--ax-color-${this.color()}-fore-tint`, value: `${color}` });
|
35
|
+
}
|
36
|
+
invertedVariables.forEach((c) => {
|
37
|
+
this.ref.element.nativeElement.style.setProperty(c.name, c.value);
|
38
|
+
});
|
39
|
+
}
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXInvertedColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
41
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.2", type: AXInvertedColorDirective, isStandalone: true, selector: "[axInvertedColor]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
42
|
+
}
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXInvertedColorDirective, decorators: [{
|
44
|
+
type: Directive,
|
45
|
+
args: [{
|
46
|
+
selector: '[axInvertedColor]',
|
47
|
+
standalone: true,
|
48
|
+
}]
|
49
|
+
}], ctorParameters: () => [] });
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW52ZXJ0ZWQtY29sb3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbW1vbi9zcmMvbGliL2RpcmVjdGl2ZXMvaW52ZXJ0ZWQtY29sb3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU90SCxNQUFNLE9BQU8sd0JBQXdCO0lBR25DO1FBRkEsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQW9CLENBQUM7UUFDM0MsUUFBRyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRTdCLGVBQWUsQ0FDYixHQUFHLEVBQUU7WUFDSCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDbkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN6QixDQUFDLEVBQ0QsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLENBQUMsY0FBYyxFQUFFLENBQzNDLENBQUM7UUFDRixNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRVMsV0FBVztRQUNuQixJQUFJLEtBQUssQ0FBQztRQUNWLElBQUksU0FBUyxDQUFDO1FBQ2QsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFFN0IsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDN0IsS0FBSyxHQUFHLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDbEcsU0FBUyxHQUFHLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUM7WUFDM0csaUJBQWlCLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLEtBQUssRUFBRSxHQUFHLFNBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUM1RSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQy9FLENBQUM7YUFBTSxDQUFDO1lBQ04sTUFBTSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFFckUsS0FBSyxHQUFHLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDdEcsU0FBUyxHQUFHLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUM7WUFDM0csS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUNsQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzdGLENBQUMsQ0FBQyxDQUFDO1lBQ0gsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLGNBQWMsSUFBSSxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQ3ZGLGlCQUFpQixDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLElBQUksQ0FBQyxLQUFLLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM5RixDQUFDO1FBRUQsaUJBQWlCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDN0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsYUFBNkIsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JGLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0ExQ1Usd0JBQXdCO2tHQUF4Qix3QkFBd0I7OzJGQUF4Qix3QkFBd0I7a0JBSnBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJSZW5kZXJQaGFzZSwgRGlyZWN0aXZlLCBWaWV3Q29udGFpbmVyUmVmLCBhZnRlck5leHRSZW5kZXIsIGVmZmVjdCwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhTdHlsZUNvbG9yVHlwZSB9IGZyb20gJy4uL2NsYXNzZXMvc3R5bGVzLmNsYXNzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F4SW52ZXJ0ZWRDb2xvcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBBWEludmVydGVkQ29sb3JEaXJlY3RpdmUge1xuICBjb2xvciA9IGlucHV0LnJlcXVpcmVkPEFYU3R5bGVDb2xvclR5cGU+KCk7XG4gIHJlZiA9IGluamVjdChWaWV3Q29udGFpbmVyUmVmKTtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKFxuICAgICAgKCkgPT4ge1xuICAgICAgICB0aGlzLmludmVydENvbG9yKCk7XG4gICAgICAgIGNvbnNvbGUubG9nKCdjaGFuZ2VkJyk7XG4gICAgICB9LFxuICAgICAgeyBwaGFzZTogQWZ0ZXJSZW5kZXJQaGFzZS5NaXhlZFJlYWRXcml0ZSB9LFxuICAgICk7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMuaW52ZXJ0Q29sb3IoKTtcbiAgICAgIGNvbnNvbGUubG9nKCdjaGFuZ2VkJyk7XG4gICAgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgaW52ZXJ0Q29sb3IoKSB7XG4gICAgbGV0IGNvbG9yO1xuICAgIGxldCBmb3JlQ29sb3I7XG4gICAgY29uc3QgaW52ZXJ0ZWRWYXJpYWJsZXMgPSBbXTtcblxuICAgIGlmICh0aGlzLmNvbG9yKCkgPT09ICdnaG9zdCcpIHtcbiAgICAgIGNvbG9yID0gZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoYC0tYXgtY29sb3ItJHt0aGlzLmNvbG9yKCl9YCk7XG4gICAgICBmb3JlQ29sb3IgPSBnZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCkuZ2V0UHJvcGVydHlWYWx1ZShgLS1heC1jb2xvci0ke3RoaXMuY29sb3IoKX0tZm9yZWApO1xuICAgICAgaW52ZXJ0ZWRWYXJpYWJsZXMucHVzaCh7IG5hbWU6IGAtLWF4LWNvbG9yLWdob3N0YCwgdmFsdWU6IGAke2ZvcmVDb2xvcn1gIH0pO1xuICAgICAgaW52ZXJ0ZWRWYXJpYWJsZXMucHVzaCh7IG5hbWU6IGAtLWF4LWNvbG9yLWdob3N0LWZvcmVgLCB2YWx1ZTogYCR7Y29sb3J9YCB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgcmFuZ2UgPSBbNTAsIDEwMCwgMjAwLCAzMDAsIDQwMCwgNTAwLCA2MDAsIDcwMCwgODAwLCA5MDAsIDk1MF07XG5cbiAgICAgIGNvbG9yID0gZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoYC0tYXgtY29sb3ItJHt0aGlzLmNvbG9yKCl9LTUwMGApO1xuICAgICAgZm9yZUNvbG9yID0gZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoYC0tYXgtY29sb3ItJHt0aGlzLmNvbG9yKCl9LWZvcmVgKTtcbiAgICAgIHJhbmdlLmZvckVhY2goKGMpID0+IHtcbiAgICAgICAgaW52ZXJ0ZWRWYXJpYWJsZXMucHVzaCh7IG5hbWU6IGAtLWF4LWNvbG9yLSR7dGhpcy5jb2xvcigpfS0ke2N9YCwgdmFsdWU6IGAke2ZvcmVDb2xvcn1gIH0pO1xuICAgICAgfSk7XG4gICAgICBpbnZlcnRlZFZhcmlhYmxlcy5wdXNoKHsgbmFtZTogYC0tYXgtY29sb3ItJHt0aGlzLmNvbG9yKCl9LWZvcmVgLCB2YWx1ZTogYCR7Y29sb3J9YCB9KTtcbiAgICAgIGludmVydGVkVmFyaWFibGVzLnB1c2goeyBuYW1lOiBgLS1heC1jb2xvci0ke3RoaXMuY29sb3IoKX0tZm9yZS10aW50YCwgdmFsdWU6IGAke2NvbG9yfWAgfSk7XG4gICAgfVxuXG4gICAgaW52ZXJ0ZWRWYXJpYWJsZXMuZm9yRWFjaCgoYykgPT4ge1xuICAgICAgKHRoaXMucmVmLmVsZW1lbnQubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUuc2V0UHJvcGVydHkoYy5uYW1lLCBjLnZhbHVlKTtcbiAgICB9KTtcbiAgfVxufVxuIl19
|
@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
6
6
|
import * as i2 from "@acorex/components/button";
|
7
7
|
import * as i3 from "@acorex/components/decorators";
|
8
|
+
import * as i4 from "@acorex/components/skeleton";
|
8
9
|
export class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
|
9
10
|
constructor() {
|
10
11
|
super(...arguments);
|
@@ -58,19 +59,23 @@ export class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
|
|
58
59
|
<ax-button [disabled]="_currentPage === 1 || _parent.disabled" look="blank" class="ax-sm" (onClick)="_handleOnItemClick({ data: 1 })">
|
59
60
|
<ax-icon class="ax-icon ax-icon-first-page ax-text-xl"></ax-icon>
|
60
61
|
</ax-button>
|
61
|
-
@
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
62
|
+
@if (_items.length) {
|
63
|
+
@for (item of _items; track $index) {
|
64
|
+
<ax-button
|
65
|
+
class="ax-sm"
|
66
|
+
[disabled]="_parent.disabled"
|
67
|
+
[color]="_currentPage === item.data ? 'primary' : 'solid'"
|
68
|
+
[look]="_currentPage === item.data ? 'solid' : 'blank'"
|
69
|
+
[text]="item.text"
|
70
|
+
(onClick)="_handleOnItemClick(item)"
|
71
|
+
>
|
72
|
+
@if (item.iconClass) {
|
73
|
+
<ax-icon class="ax-icon ax-text-xl" [ngClass]="item.iconClass"></ax-icon>
|
74
|
+
}
|
75
|
+
</ax-button>
|
76
|
+
}
|
77
|
+
} @else {
|
78
|
+
<ax-skeleton></ax-skeleton>
|
74
79
|
}
|
75
80
|
|
76
81
|
<ax-button
|
@@ -81,7 +86,7 @@ export class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
|
|
81
86
|
>
|
82
87
|
<ax-icon class="ax-icon ax-icon-last-page ax-text-xl"></ax-icon>
|
83
88
|
</ax-button>
|
84
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.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", "disabledChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
89
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.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", "disabledChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
85
90
|
}
|
86
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
|
87
92
|
type: Component,
|
@@ -91,19 +96,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
91
96
|
<ax-button [disabled]="_currentPage === 1 || _parent.disabled" look="blank" class="ax-sm" (onClick)="_handleOnItemClick({ data: 1 })">
|
92
97
|
<ax-icon class="ax-icon ax-icon-first-page ax-text-xl"></ax-icon>
|
93
98
|
</ax-button>
|
94
|
-
@
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
99
|
+
@if (_items.length) {
|
100
|
+
@for (item of _items; track $index) {
|
101
|
+
<ax-button
|
102
|
+
class="ax-sm"
|
103
|
+
[disabled]="_parent.disabled"
|
104
|
+
[color]="_currentPage === item.data ? 'primary' : 'solid'"
|
105
|
+
[look]="_currentPage === item.data ? 'solid' : 'blank'"
|
106
|
+
[text]="item.text"
|
107
|
+
(onClick)="_handleOnItemClick(item)"
|
108
|
+
>
|
109
|
+
@if (item.iconClass) {
|
110
|
+
<ax-icon class="ax-icon ax-text-xl" [ngClass]="item.iconClass"></ax-icon>
|
111
|
+
}
|
112
|
+
</ax-button>
|
113
|
+
}
|
114
|
+
} @else {
|
115
|
+
<ax-skeleton></ax-skeleton>
|
107
116
|
}
|
108
117
|
|
109
118
|
<ax-button
|
@@ -126,4 +135,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
126
135
|
],
|
127
136
|
}]
|
128
137
|
}] });
|
129
|
-
//# sourceMappingURL=data:application/json;base64,
|
138
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1udW1lcmljLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kYXRhLXBhZ2VyL3NyYy9saWIvZGF0YS1wYWdlci1udW1lcmljLXNlbGVjdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7O0FBOEMvRCxNQUFNLE9BQU8sbUNBQW9DLFNBQVEsZ0JBQWdCO0lBNUN6RTs7UUE2Q0UsV0FBTSxHQUFtQixFQUFFLENBQUM7UUFDNUIsaUJBQVksR0FBRyxDQUFDLENBQUM7UUFDakIsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUVOLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO0tBcUMzQjtJQW5Db0IsV0FBVztRQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztRQUNsRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQztRQUNyRCxFQUFFO1FBQ0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFFakIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDNUcsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3JFLEVBQUU7UUFDRixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7Z0JBQ2YsU0FBUyxFQUFFLHlCQUF5QjtnQkFDcEMsSUFBSSxFQUFFLEtBQUssR0FBRyxDQUFDO2FBQ2hCLENBQUMsQ0FBQztRQUNMLENBQUM7UUFDRCxFQUFFO1FBQ0YsS0FBSyxJQUFJLENBQUMsR0FBRyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO2dCQUNmLElBQUksRUFBRSxDQUFDLENBQUMsUUFBUSxFQUFFO2dCQUNsQixJQUFJLEVBQUUsQ0FBQzthQUNSLENBQUMsQ0FBQztRQUNMLENBQUM7UUFDRCxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7Z0JBQ2YsU0FBUyxFQUFFLHlCQUF5QjtnQkFDcEMsSUFBSSxFQUFFLEdBQUcsR0FBRyxDQUFDO2FBQ2QsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztRQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGtCQUFrQixDQUFDLENBQU07UUFDdkIsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBQzNELElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN4QyxDQUFDOzhHQXpDVSxtQ0FBbUM7a0dBQW5DLG1DQUFtQyx5REFSbkM7WUFDVDtnQkFDRSxPQUFPLEVBQUUsZ0JBQWdCO2dCQUN6QixXQUFXLEVBQUUsbUNBQW1DO2FBQ2pEO1lBQ0QsY0FBYztTQUNmLGlEQXhDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQStCVDs7MkZBV1UsbUNBQW1DO2tCQTVDL0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQlQ7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGdCQUFnQjs0QkFDekIsV0FBVyxxQ0FBcUM7eUJBQ2pEO3dCQUNELGNBQWM7cUJBQ2Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbkl0ZW0gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYVW5zdWJzY3JpYmVyIH0gZnJvbSAnQGFjb3JleC9jb3JlL3V0aWxzJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWERhdGFQYWdlckNoaWxkIH0gZnJvbSAnLi9kYXRhLXBhZ2VyLWJhc2UuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtZGF0YS1wYWdlci1udW1lcmljLXNlbGVjdG9yJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YXgtYnV0dG9uIFtkaXNhYmxlZF09XCJfY3VycmVudFBhZ2UgPT09IDEgfHwgX3BhcmVudC5kaXNhYmxlZFwiIGxvb2s9XCJibGFua1wiIGNsYXNzPVwiYXgtc21cIiAob25DbGljayk9XCJfaGFuZGxlT25JdGVtQ2xpY2soeyBkYXRhOiAxIH0pXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1maXJzdC1wYWdlIGF4LXRleHQteGxcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG4gICAgQGlmIChfaXRlbXMubGVuZ3RoKSB7XG4gICAgICBAZm9yIChpdGVtIG9mIF9pdGVtczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIDxheC1idXR0b25cbiAgICAgICAgICBjbGFzcz1cImF4LXNtXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiXG4gICAgICAgICAgW2NvbG9yXT1cIl9jdXJyZW50UGFnZSA9PT0gaXRlbS5kYXRhID8gJ3ByaW1hcnknIDogJ3NvbGlkJ1wiXG4gICAgICAgICAgW2xvb2tdPVwiX2N1cnJlbnRQYWdlID09PSBpdGVtLmRhdGEgPyAnc29saWQnIDogJ2JsYW5rJ1wiXG4gICAgICAgICAgW3RleHRdPVwiaXRlbS50ZXh0XCJcbiAgICAgICAgICAob25DbGljayk9XCJfaGFuZGxlT25JdGVtQ2xpY2soaXRlbSlcIlxuICAgICAgICA+XG4gICAgICAgICAgQGlmIChpdGVtLmljb25DbGFzcykge1xuICAgICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LXRleHQteGxcIiBbbmdDbGFzc109XCJpdGVtLmljb25DbGFzc1wiPjwvYXgtaWNvbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvYXgtYnV0dG9uPlxuICAgICAgfVxuICAgIH0gQGVsc2Uge1xuICAgICAgPGF4LXNrZWxldG9uPjwvYXgtc2tlbGV0b24+XG4gICAgfVxuXG4gICAgPGF4LWJ1dHRvblxuICAgICAgW2Rpc2FibGVkXT1cIl9jdXJyZW50UGFnZSA9PT0gX2xhc3RQYWdlIHx8IF9wYXJlbnQuZGlzYWJsZWRcIlxuICAgICAgbG9vaz1cImJsYW5rXCJcbiAgICAgIGNsYXNzPVwiYXgtc21cIlxuICAgICAgKG9uQ2xpY2spPVwiX2hhbmRsZU9uSXRlbUNsaWNrKHsgZGF0YTogX2xhc3RQYWdlIH0pXCJcbiAgICA+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1sYXN0LXBhZ2UgYXgtdGV4dC14bFwiPjwvYXgtaWNvbj5cbiAgICA8L2F4LWJ1dHRvbj5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IEFYRGF0YVBhZ2VyQ2hpbGQsXG4gICAgICB1c2VFeGlzdGluZzogQVhEYXRhUGFnZXJOdW1lcmljU2VsZWN0b3JDb21wb25lbnQsXG4gICAgfSxcbiAgICBBWFVuc3Vic2NyaWJlcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhEYXRhUGFnZXJOdW1lcmljU2VsZWN0b3JDb21wb25lbnQgZXh0ZW5kcyBBWERhdGFQYWdlckNoaWxkIHtcbiAgX2l0ZW1zOiBBWEJ1dHRvbkl0ZW1bXSA9IFtdO1xuICBfY3VycmVudFBhZ2UgPSAxO1xuICBfbGFzdFBhZ2UgPSAxO1xuXG4gIHByaXZhdGUgX2Rpc3BsYXlDb3VudCA9IDU7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFwcGx5UGFyZW50KCk6IHZvaWQge1xuICAgIHRoaXMuX2N1cnJlbnRQYWdlID0gdGhpcy5fcGFyZW50LmRpc3BsYXlJbmZvLnBhZ2U7XG4gICAgdGhpcy5fbGFzdFBhZ2UgPSB0aGlzLl9wYXJlbnQuZGlzcGxheUluZm8udG90YWxQYWdlcztcbiAgICAvL1xuICAgIHRoaXMuX2l0ZW1zID0gW107XG5cbiAgICBjb25zdCBzdGFydCA9IE1hdGgubWF4KDAsIChNYXRoLmNlaWwodGhpcy5fY3VycmVudFBhZ2UgLyB0aGlzLl9kaXNwbGF5Q291bnQpIC0gMSkgKiB0aGlzLl9kaXNwbGF5Q291bnQgKyAxKTtcbiAgICBjb25zdCBlbmQgPSBNYXRoLm1pbihzdGFydCArIHRoaXMuX2Rpc3BsYXlDb3VudCAtIDEsIHRoaXMuX2xhc3RQYWdlKTtcbiAgICAvL1xuICAgIGlmIChzdGFydCA+IHRoaXMuX2Rpc3BsYXlDb3VudCkge1xuICAgICAgdGhpcy5faXRlbXMucHVzaCh7XG4gICAgICAgIGljb25DbGFzczogJ2F4LWljb24tbW9yZS1ob3Jpem9udGFsJyxcbiAgICAgICAgZGF0YTogc3RhcnQgLSAxLFxuICAgICAgfSk7XG4gICAgfVxuICAgIC8vXG4gICAgZm9yIChsZXQgaSA9IHN0YXJ0OyBpIDw9IGVuZDsgaSsrKSB7XG4gICAgICB0aGlzLl9pdGVtcy5wdXNoKHtcbiAgICAgICAgdGV4dDogaS50b1N0cmluZygpLFxuICAgICAgICBkYXRhOiBpLFxuICAgICAgfSk7XG4gICAgfVxuICAgIGlmIChlbmQgPCB0aGlzLl9sYXN0UGFnZSkge1xuICAgICAgdGhpcy5faXRlbXMucHVzaCh7XG4gICAgICAgIGljb25DbGFzczogJ2F4LWljb24tbW9yZS1ob3Jpem9udGFsJyxcbiAgICAgICAgZGF0YTogZW5kICsgMSxcbiAgICAgIH0pO1xuICAgIH1cbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBfaGFuZGxlT25JdGVtQ2xpY2soZTogYW55KSB7XG4gICAgaWYgKHRoaXMuX3BhcmVudC5yZWFkb25seSB8fCB0aGlzLl9wYXJlbnQuZGlzYWJsZWQpIHJldHVybjtcbiAgICB0aGlzLl9wYXJlbnQuZ29Ub1BhZ2UoTnVtYmVyKGUuZGF0YSkpO1xuICB9XG59XG4iXX0=
|
@@ -144,7 +144,7 @@ export class AXDataPagerComponent extends MXValueComponent {
|
|
144
144
|
useExisting: forwardRef(() => AXDataPagerComponent),
|
145
145
|
multi: true,
|
146
146
|
},
|
147
|
-
], usesInheritance: true, ngImport: i0, template: "@switch(displayMode){\n@case('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}\n@case('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}\n@default{\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n}\n}", styles: ["html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-first-page,html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-last-page{rotate:180deg}ax-data-pager{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}ax-data-pager ax-button-group{display:flex!important;gap:1rem!important;border-radius:0!important;border-width:0px!important}ax-data-pager ax-button-group ax-button-item{border-radius:0!important;border-width:0px!important;padding:0!important}ax-data-pager ax-button-group ax-button-item.ax-state-selected{border-width:1px!important}ax-data-pager ax-data-pager-input-selector .ax-input{width:4rem!important;max-width:10rem!important;text-align:center!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-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-data-pager ax-prefix,ax-data-pager ax-suffix{display:flex}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: i3.AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: i4.AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: i5.AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: i6.AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: i7.AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
147
|
+
], usesInheritance: true, ngImport: i0, template: "@switch(displayMode){\n@case('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}\n@case('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}\n@default{\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n}\n}", styles: ["html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-first-page,html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-last-page{rotate:180deg}ax-data-pager{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}ax-data-pager ax-button-group{display:flex!important;gap:1rem!important;border-radius:0!important;border-width:0px!important}ax-data-pager ax-button-group ax-button-item{border-radius:0!important;border-width:0px!important;padding:0!important}ax-data-pager ax-button-group ax-button-item.ax-state-selected{border-width:1px!important}ax-data-pager ax-data-pager-input-selector .ax-input{width:4rem!important;max-width:10rem!important;text-align:center!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-next-buttons ax-skeleton,ax-data-pager ax-data-pager-prev-buttons ax-skeleton,ax-data-pager ax-data-pager-numeric-selector ax-skeleton{width:100%;min-width:14rem;border-radius:var(--ax-rounded-border-default)}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-data-pager ax-prefix,ax-data-pager ax-suffix{display:flex}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: i3.AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: i4.AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: i5.AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: i6.AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: i7.AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
148
148
|
}
|
149
149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataPagerComponent, decorators: [{
|
150
150
|
type: Component,
|
@@ -155,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
155
155
|
useExisting: forwardRef(() => AXDataPagerComponent),
|
156
156
|
multi: true,
|
157
157
|
},
|
158
|
-
], template: "@switch(displayMode){\n@case('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}\n@case('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}\n@default{\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n}\n}", styles: ["html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-first-page,html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-last-page{rotate:180deg}ax-data-pager{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}ax-data-pager ax-button-group{display:flex!important;gap:1rem!important;border-radius:0!important;border-width:0px!important}ax-data-pager ax-button-group ax-button-item{border-radius:0!important;border-width:0px!important;padding:0!important}ax-data-pager ax-button-group ax-button-item.ax-state-selected{border-width:1px!important}ax-data-pager ax-data-pager-input-selector .ax-input{width:4rem!important;max-width:10rem!important;text-align:center!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-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-data-pager ax-prefix,ax-data-pager ax-suffix{display:flex}\n"] }]
|
158
|
+
], template: "@switch(displayMode){\n@case('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}\n@case('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}\n@default{\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n}\n}", styles: ["html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-first-page,html[dir=rtl] ax-data-pager ax-data-pager-numeric-selector .ax-icon-last-page{rotate:180deg}ax-data-pager{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}ax-data-pager ax-button-group{display:flex!important;gap:1rem!important;border-radius:0!important;border-width:0px!important}ax-data-pager ax-button-group ax-button-item{border-radius:0!important;border-width:0px!important;padding:0!important}ax-data-pager ax-button-group ax-button-item.ax-state-selected{border-width:1px!important}ax-data-pager ax-data-pager-input-selector .ax-input{width:4rem!important;max-width:10rem!important;text-align:center!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-next-buttons ax-skeleton,ax-data-pager ax-data-pager-prev-buttons ax-skeleton,ax-data-pager ax-data-pager-numeric-selector ax-skeleton{width:100%;min-width:14rem;border-radius:var(--ax-rounded-border-default)}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-data-pager ax-prefix,ax-data-pager ax-suffix{display:flex}\n"] }]
|
159
159
|
}], ctorParameters: () => [{ type: i8.AXPagedComponent, decorators: [{
|
160
160
|
type: Optional
|
161
161
|
}, {
|
@@ -3,6 +3,8 @@ import { AXButtonGroupModule } from '@acorex/components/button-group';
|
|
3
3
|
import { AXDecoratorModule } from '@acorex/components/decorators';
|
4
4
|
import { AXDropdownModule } from '@acorex/components/dropdown';
|
5
5
|
import { AXNumberBoxModule } from '@acorex/components/number-box';
|
6
|
+
import { AXSkeletonModule } from '@acorex/components/skeleton';
|
7
|
+
import { AXTranslationModule } from '@acorex/core/translation';
|
6
8
|
import { CommonModule } from '@angular/common';
|
7
9
|
import { NgModule } from '@angular/core';
|
8
10
|
import { FormsModule } from '@angular/forms';
|
@@ -13,7 +15,6 @@ import { AXDataPagerNumericSelectorComponent } from './data-pager-numeric-select
|
|
13
15
|
import { AXDataPagerPageSizesComponent } from './data-pager-pagesize-dropdown.component';
|
14
16
|
import { AXDataPagerPrevButtonsComponent } from './data-pager-prev-buttons.component';
|
15
17
|
import { AXDataPagerComponent } from './data-pager.component';
|
16
|
-
import { AXTranslationModule } from '@acorex/core/translation';
|
17
18
|
import * as i0 from "@angular/core";
|
18
19
|
const COMPONENT = [
|
19
20
|
AXDataPagerComponent,
|
@@ -33,6 +34,7 @@ const MODULES = [
|
|
33
34
|
AXDropdownModule,
|
34
35
|
AXDecoratorModule,
|
35
36
|
AXTranslationModule,
|
37
|
+
AXSkeletonModule,
|
36
38
|
];
|
37
39
|
export class AXDataPagerModule {
|
38
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
@@ -49,7 +51,8 @@ export class AXDataPagerModule {
|
|
49
51
|
AXNumberBoxModule,
|
50
52
|
AXDropdownModule,
|
51
53
|
AXDecoratorModule,
|
52
|
-
AXTranslationModule
|
54
|
+
AXTranslationModule,
|
55
|
+
AXSkeletonModule], exports: [AXDataPagerComponent,
|
53
56
|
AXDataPagerNextButtonsComponent,
|
54
57
|
AXDataPagerPrevButtonsComponent,
|
55
58
|
AXDataPagerPageSizesComponent,
|
@@ -67,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
67
70
|
providers: [],
|
68
71
|
}]
|
69
72
|
}] });
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0YS1wYWdlci9zcmMvbGliL2RhdGEtcGFnZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDMUYsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkYsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDekYsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBRTlELE1BQU0sU0FBUyxHQUFHO0lBQ2hCLG9CQUFvQjtJQUNwQiwrQkFBK0I7SUFDL0IsK0JBQStCO0lBQy9CLDZCQUE2QjtJQUM3QixtQ0FBbUM7SUFDbkMsaUNBQWlDO0lBQ2pDLHdCQUF3QjtDQUN6QixDQUFDO0FBQ0YsTUFBTSxPQUFPLEdBQUc7SUFDZCxZQUFZO0lBQ1osV0FBVztJQUNYLGNBQWM7SUFDZCxtQkFBbUI7SUFDbkIsaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsbUJBQW1CO0lBQ25CLGdCQUFnQjtDQUNqQixDQUFDO0FBUUYsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBMUI1QixvQkFBb0I7WUFDcEIsK0JBQStCO1lBQy9CLCtCQUErQjtZQUMvQiw2QkFBNkI7WUFDN0IsbUNBQW1DO1lBQ25DLGlDQUFpQztZQUNqQyx3QkFBd0IsYUFHeEIsWUFBWTtZQUNaLFdBQVc7WUFDWCxjQUFjO1lBQ2QsbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixnQkFBZ0I7WUFDaEIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixnQkFBZ0IsYUFqQmhCLG9CQUFvQjtZQUNwQiwrQkFBK0I7WUFDL0IsK0JBQStCO1lBQy9CLDZCQUE2QjtZQUM3QixtQ0FBbUM7WUFDbkMsaUNBQWlDO1lBQ2pDLHdCQUF3QjsrR0FvQmIsaUJBQWlCLFlBSmYsT0FBTzs7MkZBSVQsaUJBQWlCO2tCQU43QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYQnV0dG9uR3JvdXBNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uLWdyb3VwJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhEcm9wZG93bk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyBBWE51bWJlckJveE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9udW1iZXItYm94JztcbmltcG9ydCB7IEFYU2tlbGV0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvc2tlbGV0b24nO1xuaW1wb3J0IHsgQVhUcmFuc2xhdGlvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29yZS90cmFuc2xhdGlvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQVhEYXRhUGFnZXJJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLXBhZ2VyLWluZm8uY29tcG9uZW50JztcbmltcG9ydCB7IEFYRGF0YVBhZ2VySW5wdXRTZWxlY3RvckNvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wYWdlci1pbnB1dC1zZWxlY3Rvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhEYXRhUGFnZXJOZXh0QnV0dG9uc0NvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wYWdlci1uZXh0LWJ1dHRvbnMuY29tcG9uZW50cyc7XG5pbXBvcnQgeyBBWERhdGFQYWdlck51bWVyaWNTZWxlY3RvckNvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wYWdlci1udW1lcmljLXNlbGVjdG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWERhdGFQYWdlclBhZ2VTaXplc0NvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wYWdlci1wYWdlc2l6ZS1kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhEYXRhUGFnZXJQcmV2QnV0dG9uc0NvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wYWdlci1wcmV2LWJ1dHRvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IEFYRGF0YVBhZ2VyQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLXBhZ2VyLmNvbXBvbmVudCc7XG5cbmNvbnN0IENPTVBPTkVOVCA9IFtcbiAgQVhEYXRhUGFnZXJDb21wb25lbnQsXG4gIEFYRGF0YVBhZ2VyTmV4dEJ1dHRvbnNDb21wb25lbnQsXG4gIEFYRGF0YVBhZ2VyUHJldkJ1dHRvbnNDb21wb25lbnQsXG4gIEFYRGF0YVBhZ2VyUGFnZVNpemVzQ29tcG9uZW50LFxuICBBWERhdGFQYWdlck51bWVyaWNTZWxlY3RvckNvbXBvbmVudCxcbiAgQVhEYXRhUGFnZXJJbnB1dFNlbGVjdG9yQ29tcG9uZW50LFxuICBBWERhdGFQYWdlckluZm9Db21wb25lbnQsXG5dO1xuY29uc3QgTU9EVUxFUyA9IFtcbiAgQ29tbW9uTW9kdWxlLFxuICBGb3Jtc01vZHVsZSxcbiAgQVhCdXR0b25Nb2R1bGUsXG4gIEFYQnV0dG9uR3JvdXBNb2R1bGUsXG4gIEFYTnVtYmVyQm94TW9kdWxlLFxuICBBWERyb3Bkb3duTW9kdWxlLFxuICBBWERlY29yYXRvck1vZHVsZSxcbiAgQVhUcmFuc2xhdGlvbk1vZHVsZSxcbiAgQVhTa2VsZXRvbk1vZHVsZSxcbl07XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVF0sXG4gIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcbiAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYRGF0YVBhZ2VyTW9kdWxlIHt9XG4iXX0=
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
31
31
|
}], sortOrder: [{
|
32
32
|
type: Input
|
33
33
|
}] } });
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1jb2x1bW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0YS10YWJsZS9zcmMvbGliL2NvbHVtbnMvZGF0YS10YWJsZS1jb2x1bW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBRy9ELE1BQU0sT0FBZ0IsMEJBQTBCO0lBRGhEO1FBTUUsVUFBSyxHQUFvQixNQUFNLENBQUM7UUFNaEMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFHdEIsY0FBUyxHQUF1QixTQUFTLENBQUM7UUFHMUMsY0FBUyxHQUE0QixTQUFTLENBQUM7S0FhaEQ7SUFIQyxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7OEdBaENtQiwwQkFBMEI7a0hBQTFCLDBCQUEwQjs7MkZBQTFCLDBCQUEwQjtrQkFEL0MsVUFBVTs4QkFHVCxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFNvcnRPcmRlciB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBBWERhdGFUYWJsZUNvbHVtbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGNhcHRpb246IHN0cmluZztcblxuICBASW5wdXQoKVxuICB3aWR0aDogc3RyaW5nIHwgbnVtYmVyID0gJ2F1dG8nO1xuXG4gIEBJbnB1dCgpXG4gIGZpeGVkOiAnc3RhcnQnIHwgJ2VuZCcgfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgYWxsb3dTb3J0aW5nID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYWxsb3dSZXNpemluZyA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRJbmRleDogbnVtYmVyIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRPcmRlcjogQVhTb3J0T3JkZXIgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgYWJzdHJhY3QgZ2V0IHJlbmRlckNlbGxUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgYWJzdHJhY3QgZ2V0IHJlbmRlckhlYWRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICBhYnN0cmFjdCBnZXQgcmVuZGVyRm9vdGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgYWJzdHJhY3QgZ2V0IGxvYWRpbmdFbmFibGVkKCk6IGJvb2xlYW47XG5cbiAgYWJzdHJhY3QgZ2V0IG5hbWUoKTogc3RyaW5nO1xuXG4gIGdldCBjc3NDbGFzcygpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59XG4iXX0=
|
@@ -13,6 +13,9 @@ export class AXDataTableTextColumnComponent extends AXDataTableColumnComponent {
|
|
13
13
|
get renderCellTemplate() {
|
14
14
|
return this.cellTemplate ?? this._contentCellTemplate;
|
15
15
|
}
|
16
|
+
get renderFooterTemplate() {
|
17
|
+
return this.footerTemplate ?? this._contentFooterTemplate;
|
18
|
+
}
|
16
19
|
get renderHeaderTemplate() {
|
17
20
|
return this.headerTemplate ?? this._contentHeaderTemplate;
|
18
21
|
}
|
@@ -27,16 +30,17 @@ export class AXDataTableTextColumnComponent extends AXDataTableColumnComponent {
|
|
27
30
|
return !this.format ? value : this.formatService.format(value, this.format, this.formatOptions);
|
28
31
|
}
|
29
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableTextColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: { width: "width", caption: "caption", allowSorting: "allowSorting", allowResizing: "allowResizing", fixed: "fixed", dataField: "dataField", wrapText: "wrapText", cellTemplate: "cellTemplate", headerTemplate: "headerTemplate", format: "format", formatOptions: "formatOptions" }, providers: [
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: { width: "width", caption: "caption", allowSorting: "allowSorting", allowResizing: "allowResizing", fixed: "fixed", dataField: "dataField", wrapText: "wrapText", cellTemplate: "cellTemplate", footerTemplate: "footerTemplate", headerTemplate: "headerTemplate", format: "format", formatOptions: "formatOptions" }, providers: [
|
31
34
|
{
|
32
35
|
provide: AXDataTableColumnComponent,
|
33
36
|
useExisting: AXDataTableTextColumnComponent,
|
34
37
|
},
|
35
|
-
], viewQueries: [{ propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
38
|
+
], viewQueries: [{ propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
36
39
|
<ng-template #header>{{ caption }}</ng-template>
|
37
40
|
<ng-template #cell let-row>
|
38
41
|
{{ getDisplayText(row.data, this.dataField) }}
|
39
42
|
</ng-template>
|
43
|
+
<ng-template #footer></ng-template>
|
40
44
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
41
45
|
}
|
42
46
|
__decorate([
|
@@ -54,6 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
54
58
|
<ng-template #cell let-row>
|
55
59
|
{{ getDisplayText(row.data, this.dataField) }}
|
56
60
|
</ng-template>
|
61
|
+
<ng-template #footer></ng-template>
|
57
62
|
`,
|
58
63
|
encapsulation: ViewEncapsulation.None,
|
59
64
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
@@ -74,6 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
74
79
|
}], _contentCellTemplate: [{
|
75
80
|
type: ViewChild,
|
76
81
|
args: ['cell']
|
82
|
+
}], footerTemplate: [{
|
83
|
+
type: Input
|
84
|
+
}], _contentFooterTemplate: [{
|
85
|
+
type: ViewChild,
|
86
|
+
args: ['footer']
|
77
87
|
}], headerTemplate: [{
|
78
88
|
type: Input
|
79
89
|
}], _contentHeaderTemplate: [{
|
@@ -84,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
84
94
|
}], formatOptions: [{
|
85
95
|
type: Input
|
86
96
|
}] } });
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10ZXh0LWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0YS10YWJsZS9zcmMvbGliL2NvbHVtbnMvZGF0YS10ZXh0LWNvbHVtbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBbUIsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdILE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQXFCakUsTUFBTSxPQUFPLDhCQUErQixTQUFRLDBCQUEwQjtJQW5COUU7O1FBd0JFLGFBQVEsR0FBRyxLQUFLLENBQUM7UUF3Q1Qsa0JBQWEsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7S0FhakQ7SUE3Q0MsSUFBSSxrQkFBa0I7UUFDcEIsT0FBTyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUN4RCxDQUFDO0lBUUQsSUFBSSxvQkFBb0I7UUFDdEIsT0FBTyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxzQkFBc0IsQ0FBQztJQUM1RCxDQUFDO0lBUUQsSUFBSSxvQkFBb0I7UUFDdEIsT0FBTyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxzQkFBc0IsQ0FBQztJQUM1RCxDQUFDO0lBRUQsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sTUFBTSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUtTLGNBQWMsQ0FBQyxPQUFnQixFQUFFLFNBQWlCO1FBQzFELE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNqQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQWEsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDekcsQ0FBQzs4R0FuRFUsOEJBQThCO2tHQUE5Qiw4QkFBOEIseVdBUjlCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLDBCQUEwQjtnQkFDbkMsV0FBVyxFQUFFLDhCQUE4QjthQUM1QztTQUNGLHFXQWRTOzs7Ozs7R0FNVDs7QUEyRFM7SUFEVCxRQUFRLEVBQUU7Ozs7b0VBSVY7MkZBbkRVLDhCQUE4QjtrQkFuQjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOzs7Ozs7R0FNVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMEJBQTBCOzRCQUNuQyxXQUFXLGdDQUFnQzt5QkFDNUM7cUJBQ0Y7b0JBQ0QsTUFBTSxFQUFFLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE9BQU8sQ0FBQztpQkFDdkU7OEJBR0MsU0FBUztzQkFEUixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJQyxZQUFZO3NCQURsQixLQUFLO2dCQUlFLG9CQUFvQjtzQkFEM0IsU0FBUzt1QkFBQyxNQUFNO2dCQVFWLGNBQWM7c0JBRHBCLEtBQUs7Z0JBSUUsc0JBQXNCO3NCQUQ3QixTQUFTO3VCQUFDLFFBQVE7Z0JBUVosY0FBYztzQkFEcEIsS0FBSztnQkFJRSxzQkFBc0I7c0JBRDdCLFNBQVM7dUJBQUMsUUFBUTtnQkFrQlQsY0FBYyxNQU14QixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhGb3JtYXRPcHRpb25zLCBBWEZvcm1hdFNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L2NvcmUvZm9ybWF0JztcbmltcG9ydCB7IE1lbW9yaXplIH0gZnJvbSAnQGFjb3JleC9jb3JlL21lbW9yaXplJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWERhdGFUYWJsZUNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vZGF0YS10YWJsZS1jb2x1bW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWNvbHVtbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlICNoZWFkZXI+e3sgY2FwdGlvbiB9fTwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICNjZWxsIGxldC1yb3c+XG4gICAgICB7eyBnZXREaXNwbGF5VGV4dChyb3cuZGF0YSwgdGhpcy5kYXRhRmllbGQpIH19XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgI2Zvb3Rlcj48L25nLXRlbXBsYXRlPlxuICBgLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhEYXRhVGFibGVDb2x1bW5Db21wb25lbnQsXG4gICAgICB1c2VFeGlzdGluZzogQVhEYXRhVGFibGVUZXh0Q29sdW1uQ29tcG9uZW50LFxuICAgIH0sXG4gIF0sXG4gIGlucHV0czogWyd3aWR0aCcsICdjYXB0aW9uJywgJ2FsbG93U29ydGluZycsICdhbGxvd1Jlc2l6aW5nJywgJ2ZpeGVkJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFYRGF0YVRhYmxlVGV4dENvbHVtbkNvbXBvbmVudCBleHRlbmRzIEFYRGF0YVRhYmxlQ29sdW1uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgZGF0YUZpZWxkOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgd3JhcFRleHQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgY2VsbFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcblxuICBAVmlld0NoaWxkKCdjZWxsJylcbiAgcHJpdmF0ZSBfY29udGVudENlbGxUZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgZ2V0IHJlbmRlckNlbGxUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlZjx1bmtub3duPiB7XG4gICAgcmV0dXJuIHRoaXMuY2VsbFRlbXBsYXRlID8/IHRoaXMuX2NvbnRlbnRDZWxsVGVtcGxhdGU7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgZm9vdGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIEBWaWV3Q2hpbGQoJ2Zvb3RlcicpXG4gIHByaXZhdGUgX2NvbnRlbnRGb290ZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgZ2V0IHJlbmRlckZvb3RlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPHVua25vd24+IHtcbiAgICByZXR1cm4gdGhpcy5mb290ZXJUZW1wbGF0ZSA/PyB0aGlzLl9jb250ZW50Rm9vdGVyVGVtcGxhdGU7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgaGVhZGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIEBWaWV3Q2hpbGQoJ2hlYWRlcicpXG4gIHByaXZhdGUgX2NvbnRlbnRIZWFkZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgZ2V0IHJlbmRlckhlYWRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPHVua25vd24+IHtcbiAgICByZXR1cm4gdGhpcy5oZWFkZXJUZW1wbGF0ZSA/PyB0aGlzLl9jb250ZW50SGVhZGVyVGVtcGxhdGU7XG4gIH1cblxuICBnZXQgbG9hZGluZ0VuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRydWU7XG4gIH1cblxuICBnZXQgbmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgY2wtJHt0aGlzLmRhdGFGaWVsZH1gO1xuICB9XG5cbiAgcHJpdmF0ZSBmb3JtYXRTZXJ2aWNlID0gaW5qZWN0KEFYRm9ybWF0U2VydmljZSk7XG5cbiAgQE1lbW9yaXplKClcbiAgcHJvdGVjdGVkIGdldERpc3BsYXlUZXh0KHJvd0RhdGE6IHVua25vd24sIGRhdGFGaWVsZDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCB2YWx1ZSA9IHJvd0RhdGFbZGF0YUZpZWxkXTtcbiAgICByZXR1cm4gIXRoaXMuZm9ybWF0ID8gdmFsdWUgOiB0aGlzLmZvcm1hdFNlcnZpY2UuZm9ybWF0KHZhbHVlLCB0aGlzLmZvcm1hdCBhcyBhbnksIHRoaXMuZm9ybWF0T3B0aW9ucyk7XG4gIH1cblxuICBASW5wdXQoKVxuICBmb3JtYXQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBmb3JtYXRPcHRpb25zOiBBWEZvcm1hdE9wdGlvbnM7XG59XG4iXX0=
|