lib-portal-angular 0.0.33 → 0.0.35
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/components/components.module.mjs +28 -14
- package/esm2022/lib/components/confirmation/confirmation.component.mjs +34 -0
- package/esm2022/lib/components/confirmation/confirmation.service.mjs +30 -0
- package/esm2022/lib/components/custom-pagination/custom-pagination.component.mjs +61 -0
- package/esm2022/lib/components/form/form.component.mjs +27 -18
- package/esm2022/lib/components/tables/data-table.component.mjs +173 -0
- package/esm2022/lib/components/tree-node/Itree-node.mjs +2 -0
- package/esm2022/lib/components/tree-node/tree-node.component.mjs +63 -0
- package/esm2022/lib/directive/autofocus-directive/autofocus.directive.mjs +19 -0
- package/esm2022/lib/lib-portal-angular.module.mjs +6 -3
- package/esm2022/public-api.mjs +6 -2
- package/fesm2022/lib-portal-angular.mjs +329 -59
- package/fesm2022/lib-portal-angular.mjs.map +1 -1
- package/lib/components/components.module.d.ts +9 -6
- package/lib/components/confirmation/confirmation.component.d.ts +14 -0
- package/lib/components/confirmation/confirmation.service.d.ts +9 -0
- package/lib/components/custom-pagination/custom-pagination.component.d.ts +17 -0
- package/lib/components/form/form.component.d.ts +8 -2
- package/lib/components/tables/data-table.component.d.ts +56 -0
- package/lib/components/tree-node/Itree-node.d.ts +7 -0
- package/lib/components/tree-node/tree-node.component.d.ts +17 -0
- package/lib/directive/autofocus-directive/autofocus.directive.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +5 -1
- package/esm2022/lib/components/tables/bootstrap-table.component.mjs +0 -115
- package/lib/components/tables/bootstrap-table.component.d.ts +0 -33
@@ -0,0 +1,9 @@
|
|
1
|
+
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class ConfirmationService {
|
4
|
+
private modalService;
|
5
|
+
constructor(modalService: NgbModal);
|
6
|
+
confirm(title: string, message: string, confirmButtonText?: string, cancelButtonText?: string): Promise<boolean>;
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationService, never>;
|
8
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmationService>;
|
9
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class CustomPaginationComponent {
|
4
|
+
totalItems: number;
|
5
|
+
itemsPerPage: number;
|
6
|
+
currentPage: number;
|
7
|
+
maxSize: number;
|
8
|
+
pageText: string;
|
9
|
+
ofText: string;
|
10
|
+
showPageInfo: boolean;
|
11
|
+
pageChange: EventEmitter<number>;
|
12
|
+
get totalPages(): number;
|
13
|
+
changePage(page: number): void;
|
14
|
+
get pages(): number[];
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CustomPaginationComponent, never>;
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CustomPaginationComponent, "custom-pagination", never, { "totalItems": { "alias": "totalItems"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "pageText": { "alias": "pageText"; "required": false; }; "ofText": { "alias": "ofText"; "required": false; }; "showPageInfo": { "alias": "showPageInfo"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, false, never>;
|
17
|
+
}
|
@@ -1,15 +1,21 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
2
|
export declare class FormComponent {
|
3
3
|
cardTitle: string;
|
4
|
-
colClasses: string;
|
5
4
|
marginTop: number;
|
6
5
|
marginLeft: number;
|
7
6
|
marginRight: number;
|
7
|
+
fontSize: number;
|
8
|
+
titleAlign: 'left' | 'center' | 'right';
|
9
|
+
showSeparator: boolean;
|
8
10
|
getRowStyles(): {
|
9
11
|
'margin-top': string;
|
10
12
|
'margin-left': string;
|
11
13
|
'margin-right': string;
|
12
14
|
};
|
15
|
+
getTitleStyles(): {
|
16
|
+
'font-size': string;
|
17
|
+
'text-align': "center" | "left" | "right";
|
18
|
+
};
|
13
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "sim-app-form", never, { "cardTitle": { "alias": "cardTitle"; "required": false; }; "
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "sim-app-form", never, { "cardTitle": { "alias": "cardTitle"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; "marginLeft": { "alias": "marginLeft"; "required": false; }; "marginRight": { "alias": "marginRight"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "titleAlign": { "alias": "titleAlign"; "required": false; }; "showSeparator": { "alias": "showSeparator"; "required": false; }; }, {}, never, ["*"], false, never>;
|
15
21
|
}
|
@@ -0,0 +1,56 @@
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class DataTableComponent implements OnInit, OnChanges {
|
4
|
+
private cdr;
|
5
|
+
columns: any[];
|
6
|
+
data: any[];
|
7
|
+
itemsPerPageOptions: number[];
|
8
|
+
defaultItemsPerPage: number;
|
9
|
+
itemsPerPageLabel: string;
|
10
|
+
marginTop: number;
|
11
|
+
marginBottom: number;
|
12
|
+
marginLeft: number;
|
13
|
+
marginRight: number;
|
14
|
+
showActionColumn: boolean;
|
15
|
+
actionColumnLabel: string;
|
16
|
+
totalItems: number;
|
17
|
+
tableFontColor: string;
|
18
|
+
tableFontSize: string;
|
19
|
+
fetchDataFunction: (page: number, itemsPerPage: number) => Promise<{
|
20
|
+
items: any[];
|
21
|
+
totalItems: number;
|
22
|
+
}>;
|
23
|
+
editPermissions: string[];
|
24
|
+
deletePermissions: string[];
|
25
|
+
viewPermissions: string[];
|
26
|
+
userPermissions: string[];
|
27
|
+
showPageInfo: boolean;
|
28
|
+
pageText: string;
|
29
|
+
ofText: string;
|
30
|
+
sortChange: EventEmitter<any>;
|
31
|
+
pageChange: EventEmitter<number>;
|
32
|
+
itemsPerPageChange: EventEmitter<number>;
|
33
|
+
onEditTable: EventEmitter<any>;
|
34
|
+
onDeleteTable: EventEmitter<any>;
|
35
|
+
onViewTable: EventEmitter<any>;
|
36
|
+
currentPage: number;
|
37
|
+
pagedData: any[];
|
38
|
+
isLoading: boolean;
|
39
|
+
labelStyle: {
|
40
|
+
'font-family': string;
|
41
|
+
'font-size': string;
|
42
|
+
color: string;
|
43
|
+
};
|
44
|
+
constructor(cdr: ChangeDetectorRef);
|
45
|
+
ngOnInit(): void;
|
46
|
+
ngOnChanges(changes: SimpleChanges): void;
|
47
|
+
setDefaultPermissions(): void;
|
48
|
+
fetchData(): Promise<void>;
|
49
|
+
onSort(column: string): void;
|
50
|
+
onPageChange(page: number): void;
|
51
|
+
onItemsPerPageChange(event: any): void;
|
52
|
+
handleAction(action: string, item: any, index: number): void;
|
53
|
+
hasPermission(requiredPermissions: string[]): boolean;
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "sim-data-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "itemsPerPageOptions": { "alias": "itemsPerPageOptions"; "required": false; }; "defaultItemsPerPage": { "alias": "defaultItemsPerPage"; "required": false; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; "marginBottom": { "alias": "marginBottom"; "required": false; }; "marginLeft": { "alias": "marginLeft"; "required": false; }; "marginRight": { "alias": "marginRight"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "actionColumnLabel": { "alias": "actionColumnLabel"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "tableFontColor": { "alias": "tableFontColor"; "required": false; }; "tableFontSize": { "alias": "tableFontSize"; "required": false; }; "fetchDataFunction": { "alias": "fetchDataFunction"; "required": false; }; "editPermissions": { "alias": "editPermissions"; "required": false; }; "deletePermissions": { "alias": "deletePermissions"; "required": false; }; "viewPermissions": { "alias": "viewPermissions"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; "showPageInfo": { "alias": "showPageInfo"; "required": false; }; "pageText": { "alias": "pageText"; "required": false; }; "ofText": { "alias": "ofText"; "required": false; }; }, { "sortChange": "sortChange"; "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; "onEditTable": "onEditTable"; "onDeleteTable": "onDeleteTable"; "onViewTable": "onViewTable"; }, never, never, false, never>;
|
56
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
2
|
+
import { ITreeNode } from './Itree-node';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class TreeNodeComponent implements OnInit {
|
5
|
+
title: string;
|
6
|
+
nodes: ITreeNode[];
|
7
|
+
isRoot: boolean;
|
8
|
+
nodeSelected: EventEmitter<ITreeNode>;
|
9
|
+
ngOnInit(): void;
|
10
|
+
onNodeSelected(node: ITreeNode, event: any): void;
|
11
|
+
toggleChildren(children: ITreeNode[], selected: boolean): void;
|
12
|
+
onChildNodeSelected(node: ITreeNode): void;
|
13
|
+
updateParentSelection(nodes: ITreeNode[]): void;
|
14
|
+
toggleCollapse(node: ITreeNode): void;
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeComponent, never>;
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeComponent, "sim-tree-node", never, { "title": { "alias": "title"; "required": false; }; "nodes": { "alias": "nodes"; "required": false; }; "isRoot": { "alias": "isRoot"; "required": false; }; }, { "nodeSelected": "nodeSelected"; }, never, never, false, never>;
|
17
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { AfterViewInit, ElementRef } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class AutofocusDirective implements AfterViewInit {
|
4
|
+
private elementRef;
|
5
|
+
constructor(elementRef: ElementRef);
|
6
|
+
ngAfterViewInit(): void;
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutofocusDirective, never>;
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AutofocusDirective, "[appAutofocus]", never, {}, {}, never, never, false, never>;
|
9
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
@@ -4,14 +4,18 @@ export * from './lib/components/button/button.component';
|
|
4
4
|
export * from './lib/components/card/card.component';
|
5
5
|
export * from './lib/components/checkbox/checkbox.component';
|
6
6
|
export * from './lib/components/code-highlight/code-highlight.component';
|
7
|
+
export * from './lib/components/confirmation/confirmation.component';
|
8
|
+
export * from './lib/components/custom-pagination/custom-pagination.component';
|
7
9
|
export * from './lib/components/form/form.component';
|
8
10
|
export * from './lib/components/imput/input.component';
|
9
11
|
export * from './lib/components/multi-select/multi-select.component';
|
10
12
|
export * from './lib/components/radio/radio.component';
|
11
13
|
export * from './lib/components/select/select.component';
|
12
|
-
export * from './lib/components/tables/
|
14
|
+
export * from './lib/components/tables/data-table.component';
|
13
15
|
export * from './lib/components/textarea/textarea.component';
|
16
|
+
export * from './lib/components/tree-node/tree-node.component';
|
14
17
|
export * from './lib/enum/ButtonClassesEnum';
|
15
18
|
export * from './lib/components/components.module';
|
16
19
|
export * from './lib/lib-portal-angular.module';
|
17
20
|
export * from './lib/components/alert/notification.service';
|
21
|
+
export * from './lib/components/confirmation/confirmation.service';
|
@@ -1,115 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "@angular/common";
|
4
|
-
import * as i2 from "@angular/forms";
|
5
|
-
import * as i3 from "ngx-pagination";
|
6
|
-
export class BootstrapTableComponent {
|
7
|
-
constructor() {
|
8
|
-
this.columns = [];
|
9
|
-
this.data = [];
|
10
|
-
this.itemsPerPageOptions = [5, 10, 15, 20];
|
11
|
-
this.defaultItemsPerPage = 10;
|
12
|
-
this.marginTop = 0;
|
13
|
-
this.marginBottom = 0;
|
14
|
-
this.marginLeft = 0;
|
15
|
-
this.marginRight = 0;
|
16
|
-
this.showActionColumn = false;
|
17
|
-
this.actionColumnLabel = 'Actions';
|
18
|
-
this.sortChange = new EventEmitter();
|
19
|
-
this.pageChange = new EventEmitter();
|
20
|
-
this.itemsPerPageChange = new EventEmitter();
|
21
|
-
this.onEditTable = new EventEmitter();
|
22
|
-
this.onDeleteTable = new EventEmitter();
|
23
|
-
this.onViewTable = new EventEmitter();
|
24
|
-
this.currentPage = 1;
|
25
|
-
this.totalItems = 0;
|
26
|
-
this.config = {
|
27
|
-
id: 'bootstrap-table',
|
28
|
-
itemsPerPage: this.defaultItemsPerPage,
|
29
|
-
currentPage: this.currentPage,
|
30
|
-
totalItems: this.totalItems
|
31
|
-
};
|
32
|
-
}
|
33
|
-
ngOnInit() {
|
34
|
-
this.totalItems = this.data.length;
|
35
|
-
this.updateConfig();
|
36
|
-
}
|
37
|
-
ngOnChanges(changes) {
|
38
|
-
if (changes['data']) {
|
39
|
-
this.totalItems = this.data.length;
|
40
|
-
this.updateConfig();
|
41
|
-
}
|
42
|
-
}
|
43
|
-
updateConfig() {
|
44
|
-
this.config.itemsPerPage = this.defaultItemsPerPage;
|
45
|
-
this.config.currentPage = this.currentPage;
|
46
|
-
this.config.totalItems = this.totalItems;
|
47
|
-
}
|
48
|
-
onSort(column) {
|
49
|
-
this.sortChange.emit(column);
|
50
|
-
}
|
51
|
-
onPageChange(page) {
|
52
|
-
this.currentPage = page;
|
53
|
-
this.config.currentPage = page;
|
54
|
-
this.pageChange.emit(page);
|
55
|
-
}
|
56
|
-
onItemsPerPageChange(event) {
|
57
|
-
const itemsPerPage = parseInt(event, 10);
|
58
|
-
this.defaultItemsPerPage = itemsPerPage;
|
59
|
-
this.config.itemsPerPage = itemsPerPage;
|
60
|
-
this.itemsPerPageChange.emit(itemsPerPage);
|
61
|
-
this.updateConfig();
|
62
|
-
}
|
63
|
-
handleAction(action, item, index) {
|
64
|
-
switch (action) {
|
65
|
-
case 'edit':
|
66
|
-
this.onEditTable.emit({ item, index });
|
67
|
-
break;
|
68
|
-
case 'delete':
|
69
|
-
this.onDeleteTable.emit({ item, index });
|
70
|
-
break;
|
71
|
-
case 'view':
|
72
|
-
this.onViewTable.emit({ item, index });
|
73
|
-
break;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BootstrapTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BootstrapTableComponent, selector: "sim-bootstrap-table", inputs: { columns: "columns", data: "data", itemsPerPageOptions: "itemsPerPageOptions", defaultItemsPerPage: "defaultItemsPerPage", marginTop: "marginTop", marginBottom: "marginBottom", marginLeft: "marginLeft", marginRight: "marginRight", showActionColumn: "showActionColumn", actionColumnLabel: "actionColumnLabel" }, outputs: { sortChange: "sortChange", pageChange: "pageChange", itemsPerPageChange: "itemsPerPageChange", onEditTable: "onEditTable", onDeleteTable: "onDeleteTable", onViewTable: "onViewTable" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\" [ngStyle]=\"{\n 'margin-top': marginTop + 'rem',\n 'margin-bottom': marginBottom + 'rem',\n 'margin-left': marginLeft + 'rem',\n 'margin-right': marginRight + 'rem'\n}\" style=\"text-align: right;\">\n <label for=\"itemsPerPageSelect\" style=\"margin-right: 0.5rem; margin-bottom: 0.7rem;\">Itens por P\u00E1gina:</label>\n <select\n id=\"itemsPerPageSelect\"\n class=\"form-control form-control-sm d-inline-block w-auto\"\n [(ngModel)]=\"defaultItemsPerPage\"\n (ngModelChange)=\"onItemsPerPageChange($event)\">\n <option *ngFor=\"let option of itemsPerPageOptions\" [value]=\"option\">{{ option }}</option>\n </select>\n</div>\n\n<div class=\"table-responsive\">\n <table class=\"table table-hover\">\n <thead>\n <tr>\n <th *ngFor=\"let column of columns\" (click)=\"onSort(column.prop)\">\n {{ column.label }}\n </th>\n <th *ngIf=\"showActionColumn\">{{ actionColumnLabel }}</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data | paginate: config; let i = index\">\n <td *ngFor=\"let column of columns\">\n {{ item[column.prop] }}\n </td>\n <td *ngIf=\"showActionColumn\">\n <div class=\"d-flex justify-content-center\">\n <button *ngIf=\"onEditTable.observers.length > 0\" (click)=\"handleAction('edit', item, i)\" class=\"btn btn-sm btn-primary mx-1\">Edit</button>\n <button *ngIf=\"onDeleteTable.observers.length > 0\" (click)=\"handleAction('delete', item, i)\" class=\"btn btn-sm btn-danger mx-1\">Delete</button>\n <button *ngIf=\"onViewTable.observers.length > 0\" (click)=\"handleAction('view', item, i)\" class=\"btn btn-sm btn-info mx-1\">View</button>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n\n<div class=\"text-center\">\n <pagination-controls id=\"bootstrap-table\" (pageChange)=\"onPageChange($event)\" previousLabel=\"Anterior\" nextLabel=\"Pr\u00F3ximo\" [responsive]=\"true\"></pagination-controls>\n</div>\n\n\n<!-- Estilos CSS diretamente no HTML -->\n<style>\n .table thead th {\n background-color: #343a40; /* Tom de cinza escuro */\n color: #fff;\n }\n</style>\n", styles: ["", "\n .table thead th {\n background-color: #343a40; /* Tom de cinza escuro */\n color: #fff;\n }\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "pipe", type: i3.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
78
|
-
}
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BootstrapTableComponent, decorators: [{
|
80
|
-
type: Component,
|
81
|
-
args: [{ selector: 'sim-bootstrap-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\" [ngStyle]=\"{\n 'margin-top': marginTop + 'rem',\n 'margin-bottom': marginBottom + 'rem',\n 'margin-left': marginLeft + 'rem',\n 'margin-right': marginRight + 'rem'\n}\" style=\"text-align: right;\">\n <label for=\"itemsPerPageSelect\" style=\"margin-right: 0.5rem; margin-bottom: 0.7rem;\">Itens por P\u00E1gina:</label>\n <select\n id=\"itemsPerPageSelect\"\n class=\"form-control form-control-sm d-inline-block w-auto\"\n [(ngModel)]=\"defaultItemsPerPage\"\n (ngModelChange)=\"onItemsPerPageChange($event)\">\n <option *ngFor=\"let option of itemsPerPageOptions\" [value]=\"option\">{{ option }}</option>\n </select>\n</div>\n\n<div class=\"table-responsive\">\n <table class=\"table table-hover\">\n <thead>\n <tr>\n <th *ngFor=\"let column of columns\" (click)=\"onSort(column.prop)\">\n {{ column.label }}\n </th>\n <th *ngIf=\"showActionColumn\">{{ actionColumnLabel }}</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data | paginate: config; let i = index\">\n <td *ngFor=\"let column of columns\">\n {{ item[column.prop] }}\n </td>\n <td *ngIf=\"showActionColumn\">\n <div class=\"d-flex justify-content-center\">\n <button *ngIf=\"onEditTable.observers.length > 0\" (click)=\"handleAction('edit', item, i)\" class=\"btn btn-sm btn-primary mx-1\">Edit</button>\n <button *ngIf=\"onDeleteTable.observers.length > 0\" (click)=\"handleAction('delete', item, i)\" class=\"btn btn-sm btn-danger mx-1\">Delete</button>\n <button *ngIf=\"onViewTable.observers.length > 0\" (click)=\"handleAction('view', item, i)\" class=\"btn btn-sm btn-info mx-1\">View</button>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n\n<div class=\"text-center\">\n <pagination-controls id=\"bootstrap-table\" (pageChange)=\"onPageChange($event)\" previousLabel=\"Anterior\" nextLabel=\"Pr\u00F3ximo\" [responsive]=\"true\"></pagination-controls>\n</div>\n\n\n<!-- Estilos CSS diretamente no HTML -->\n<style>\n .table thead th {\n background-color: #343a40; /* Tom de cinza escuro */\n color: #fff;\n }\n</style>\n", styles: ["\n .table thead th {\n background-color: #343a40; /* Tom de cinza escuro */\n color: #fff;\n }\n"] }]
|
82
|
-
}], propDecorators: { columns: [{
|
83
|
-
type: Input
|
84
|
-
}], data: [{
|
85
|
-
type: Input
|
86
|
-
}], itemsPerPageOptions: [{
|
87
|
-
type: Input
|
88
|
-
}], defaultItemsPerPage: [{
|
89
|
-
type: Input
|
90
|
-
}], marginTop: [{
|
91
|
-
type: Input
|
92
|
-
}], marginBottom: [{
|
93
|
-
type: Input
|
94
|
-
}], marginLeft: [{
|
95
|
-
type: Input
|
96
|
-
}], marginRight: [{
|
97
|
-
type: Input
|
98
|
-
}], showActionColumn: [{
|
99
|
-
type: Input
|
100
|
-
}], actionColumnLabel: [{
|
101
|
-
type: Input
|
102
|
-
}], sortChange: [{
|
103
|
-
type: Output
|
104
|
-
}], pageChange: [{
|
105
|
-
type: Output
|
106
|
-
}], itemsPerPageChange: [{
|
107
|
-
type: Output
|
108
|
-
}], onEditTable: [{
|
109
|
-
type: Output
|
110
|
-
}], onDeleteTable: [{
|
111
|
-
type: Output
|
112
|
-
}], onViewTable: [{
|
113
|
-
type: Output
|
114
|
-
}] } });
|
115
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdHN0cmFwLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYi1wb3J0YWwtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvdGFibGVzL2Jvb3RzdHJhcC10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWItcG9ydGFsLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlcy9ib290c3RyYXAtdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7OztBQVNsSSxNQUFNLE9BQU8sdUJBQXVCO0lBTnBDO1FBT1csWUFBTyxHQUFVLEVBQUUsQ0FBQztRQUNwQixTQUFJLEdBQVUsRUFBRSxDQUFDO1FBQ2pCLHdCQUFtQixHQUFhLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDaEQsd0JBQW1CLEdBQVcsRUFBRSxDQUFDO1FBQ2pDLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFDekIsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUN2QixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUN4QixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFDbEMsc0JBQWlCLEdBQVcsU0FBUyxDQUFDO1FBRXJDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxlQUFVLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdEQsdUJBQWtCLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDOUQsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwRCxrQkFBYSxH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O2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnaW5hdGlvbkluc3RhbmNlIH0gZnJvbSAnbmd4LXBhZ2luYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW0tYm9vdHN0cmFwLXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jvb3RzdHJhcC10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jvb3RzdHJhcC10YWJsZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBCb290c3RyYXBUYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgY29sdW1uczogYW55W10gPSBbXTtcbiAgQElucHV0KCkgZGF0YTogYW55W10gPSBbXTtcbiAgQElucHV0KCkgaXRlbXNQZXJQYWdlT3B0aW9uczogbnVtYmVyW10gPSBbNSwgMTAsIDE1LCAyMF07XG4gIEBJbnB1dCgpIGRlZmF1bHRJdGVtc1BlclBhZ2U6IG51bWJlciA9IDEwO1xuICBASW5wdXQoKSBtYXJnaW5Ub3A6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIG1hcmdpbkJvdHRvbTogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgbWFyZ2luTGVmdDogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgbWFyZ2luUmlnaHQ6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHNob3dBY3Rpb25Db2x1bW46IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgYWN0aW9uQ29sdW1uTGFiZWw6IHN0cmluZyA9ICdBY3Rpb25zJztcblxuICBAT3V0cHV0KCkgc29ydENoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBwYWdlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGl0ZW1zUGVyUGFnZUNoYW5nZTogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvbkVkaXRUYWJsZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvbkRlbGV0ZVRhYmxlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9uVmlld1RhYmxlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjdXJyZW50UGFnZTogbnVtYmVyID0gMTtcbiAgdG90YWxJdGVtczogbnVtYmVyID0gMDtcbiAgY29uZmlnOiBQYWdpbmF0aW9uSW5zdGFuY2UgPSB7XG4gICAgaWQ6ICdib290c3RyYXAtdGFibGUnLFxuICAgIGl0ZW1zUGVyUGFnZTogdGhpcy5kZWZhdWx0SXRlbXNQZXJQYWdlLFxuICAgIGN1cnJlbnRQYWdlOiB0aGlzLmN1cnJlbnRQYWdlLFxuICAgIHRvdGFsSXRlbXM6IHRoaXMudG90YWxJdGVtc1xuICB9O1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudG90YWxJdGVtcyA9IHRoaXMuZGF0YS5sZW5ndGg7XG4gICAgdGhpcy51cGRhdGVDb25maWcoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snZGF0YSddKSB7XG4gICAgICB0aGlzLnRvdGFsSXRlbXMgPSB0aGlzLmRhdGEubGVuZ3RoO1xuICAgICAgdGhpcy51cGRhdGVDb25maWcoKTtcbiAgICB9XG4gIH1cblxuICB1cGRhdGVDb25maWcoKSB7XG4gICAgdGhpcy5jb25maWcuaXRlbXNQZXJQYWdlID0gdGhpcy5kZWZhdWx0SXRlbXNQZXJQYWdlO1xuICAgIHRoaXMuY29uZmlnLmN1cnJlbnRQYWdlID0gdGhpcy5jdXJyZW50UGFnZTtcbiAgICB0aGlzLmNvbmZpZy50b3RhbEl0ZW1zID0gdGhpcy50b3RhbEl0ZW1zO1xuICB9XG5cbiAgb25Tb3J0KGNvbHVtbjogc3RyaW5nKSB7XG4gICAgdGhpcy5zb3J0Q2hhbmdlLmVtaXQoY29sdW1uKTtcbiAgfVxuXG4gIG9uUGFnZUNoYW5nZShwYWdlOiBudW1iZXIpIHtcbiAgICB0aGlzLmN1cnJlbnRQYWdlID0gcGFnZTtcbiAgICB0aGlzLmNvbmZpZy5jdXJyZW50UGFnZSA9IHBhZ2U7XG4gICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQocGFnZSk7XG4gIH1cblxuICBvbkl0ZW1zUGVyUGFnZUNoYW5nZShldmVudDogYW55KSB7XG4gICAgY29uc3QgaXRlbXNQZXJQYWdlID0gcGFyc2VJbnQoZXZlbnQsIDEwKTtcbiAgICB0aGlzLmRlZmF1bHRJdGVtc1BlclBhZ2UgPSBpdGVtc1BlclBhZ2U7XG4gICAgdGhpcy5jb25maWcuaXRlbXNQZXJQYWdlID0gaXRlbXNQZXJQYWdlO1xuICAgIHRoaXMuaXRlbXNQZXJQYWdlQ2hhbmdlLmVtaXQoaXRlbXNQZXJQYWdlKTtcbiAgICB0aGlzLnVwZGF0ZUNvbmZpZygpO1xuICB9XG5cbiAgaGFuZGxlQWN0aW9uKGFjdGlvbjogc3RyaW5nLCBpdGVtOiBhbnksIGluZGV4OiBudW1iZXIpIHtcbiAgICBzd2l0Y2ggKGFjdGlvbikge1xuICAgICAgY2FzZSAnZWRpdCc6XG4gICAgICAgIHRoaXMub25FZGl0VGFibGUuZW1pdCh7IGl0ZW0sIGluZGV4IH0pO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2RlbGV0ZSc6XG4gICAgICAgIHRoaXMub25EZWxldGVUYWJsZS5lbWl0KHsgaXRlbSwgaW5kZXggfSk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAndmlldyc6XG4gICAgICAgIHRoaXMub25WaWV3VGFibGUuZW1pdCh7IGl0ZW0sIGluZGV4IH0pO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCIgW25nU3R5bGVdPVwie1xuICAnbWFyZ2luLXRvcCc6IG1hcmdpblRvcCArICdyZW0nLFxuICAnbWFyZ2luLWJvdHRvbSc6IG1hcmdpbkJvdHRvbSArICdyZW0nLFxuICAnbWFyZ2luLWxlZnQnOiBtYXJnaW5MZWZ0ICsgJ3JlbScsXG4gICdtYXJnaW4tcmlnaHQnOiBtYXJnaW5SaWdodCArICdyZW0nXG59XCIgc3R5bGU9XCJ0ZXh0LWFsaWduOiByaWdodDtcIj5cbiAgPGxhYmVsIGZvcj1cIml0ZW1zUGVyUGFnZVNlbGVjdFwiIHN0eWxlPVwibWFyZ2luLXJpZ2h0OiAwLjVyZW07IG1hcmdpbi1ib3R0b206IDAuN3JlbTtcIj5JdGVucyBwb3IgUMOhZ2luYTo8L2xhYmVsPlxuICA8c2VsZWN0XG4gICAgaWQ9XCJpdGVtc1BlclBhZ2VTZWxlY3RcIlxuICAgIGNsYXNzPVwiZm9ybS1jb250cm9sIGZvcm0tY29udHJvbC1zbSBkLWlubGluZS1ibG9jayB3LWF1dG9cIlxuICAgIFsobmdNb2RlbCldPVwiZGVmYXVsdEl0ZW1zUGVyUGFnZVwiXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwib25JdGVtc1BlclBhZ2VDaGFuZ2UoJGV2ZW50KVwiPlxuICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBpdGVtc1BlclBhZ2VPcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvblwiPnt7IG9wdGlvbiB9fTwvb3B0aW9uPlxuICA8L3NlbGVjdD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwidGFibGUtcmVzcG9uc2l2ZVwiPlxuICA8dGFibGUgY2xhc3M9XCJ0YWJsZSB0YWJsZS1ob3ZlclwiPlxuICAgIDx0aGVhZD5cbiAgICAgIDx0cj5cbiAgICAgICAgPHRoICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29sdW1uc1wiIChjbGljayk9XCJvblNvcnQoY29sdW1uLnByb3ApXCI+XG4gICAgICAgICAge3sgY29sdW1uLmxhYmVsIH19XG4gICAgICAgIDwvdGg+XG4gICAgICAgIDx0aCAqbmdJZj1cInNob3dBY3Rpb25Db2x1bW5cIj57eyBhY3Rpb25Db2x1bW5MYWJlbCB9fTwvdGg+XG4gICAgICA8L3RyPlxuICAgIDwvdGhlYWQ+XG4gICAgPHRib2R5PlxuICAgICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEgfCBwYWdpbmF0ZTogY29uZmlnOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDx0ZCAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cbiAgICAgICAgICB7eyBpdGVtW2NvbHVtbi5wcm9wXSB9fVxuICAgICAgICA8L3RkPlxuICAgICAgICA8dGQgKm5nSWY9XCJzaG93QWN0aW9uQ29sdW1uXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwib25FZGl0VGFibGUub2JzZXJ2ZXJzLmxlbmd0aCA+IDBcIiAoY2xpY2spPVwiaGFuZGxlQWN0aW9uKCdlZGl0JywgaXRlbSwgaSlcIiBjbGFzcz1cImJ0biBidG4tc20gYnRuLXByaW1hcnkgbXgtMVwiPkVkaXQ8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJvbkRlbGV0ZVRhYmxlLm9ic2VydmVycy5sZW5ndGggPiAwXCIgKGNsaWNrKT1cImhhbmRsZUFjdGlvbignZGVsZXRlJywgaXRlbSwgaSlcIiBjbGFzcz1cImJ0biBidG4tc20gYnRuLWRhbmdlciBteC0xXCI+RGVsZXRlPC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwib25WaWV3VGFibGUub2JzZXJ2ZXJzLmxlbmd0aCA+IDBcIiAoY2xpY2spPVwiaGFuZGxlQWN0aW9uKCd2aWV3JywgaXRlbSwgaSlcIiBjbGFzcz1cImJ0biBidG4tc20gYnRuLWluZm8gbXgtMVwiPlZpZXc8L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvdHI+XG4gICAgPC90Ym9keT5cbiAgPC90YWJsZT5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXJcIj5cbiAgPHBhZ2luYXRpb24tY29udHJvbHMgaWQ9XCJib290c3RyYXAtdGFibGVcIiAocGFnZUNoYW5nZSk9XCJvblBhZ2VDaGFuZ2UoJGV2ZW50KVwiIHByZXZpb3VzTGFiZWw9XCJBbnRlcmlvclwiIG5leHRMYWJlbD1cIlByw7N4aW1vXCIgW3Jlc3BvbnNpdmVdPVwidHJ1ZVwiPjwvcGFnaW5hdGlvbi1jb250cm9scz5cbjwvZGl2PlxuXG5cbjwhLS0gRXN0aWxvcyBDU1MgZGlyZXRhbWVudGUgbm8gSFRNTCAtLT5cbjxzdHlsZT5cbiAgLnRhYmxlIHRoZWFkIHRoIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzQzYTQwOyAvKiBUb20gZGUgY2luemEgZXNjdXJvICovXG4gICAgY29sb3I6ICNmZmY7XG4gIH1cbjwvc3R5bGU+XG4iXX0=
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
-
import { PaginationInstance } from 'ngx-pagination';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class BootstrapTableComponent implements OnInit, OnChanges {
|
5
|
-
columns: any[];
|
6
|
-
data: any[];
|
7
|
-
itemsPerPageOptions: number[];
|
8
|
-
defaultItemsPerPage: number;
|
9
|
-
marginTop: number;
|
10
|
-
marginBottom: number;
|
11
|
-
marginLeft: number;
|
12
|
-
marginRight: number;
|
13
|
-
showActionColumn: boolean;
|
14
|
-
actionColumnLabel: string;
|
15
|
-
sortChange: EventEmitter<any>;
|
16
|
-
pageChange: EventEmitter<number>;
|
17
|
-
itemsPerPageChange: EventEmitter<number>;
|
18
|
-
onEditTable: EventEmitter<any>;
|
19
|
-
onDeleteTable: EventEmitter<any>;
|
20
|
-
onViewTable: EventEmitter<any>;
|
21
|
-
currentPage: number;
|
22
|
-
totalItems: number;
|
23
|
-
config: PaginationInstance;
|
24
|
-
ngOnInit(): void;
|
25
|
-
ngOnChanges(changes: SimpleChanges): void;
|
26
|
-
updateConfig(): void;
|
27
|
-
onSort(column: string): void;
|
28
|
-
onPageChange(page: number): void;
|
29
|
-
onItemsPerPageChange(event: any): void;
|
30
|
-
handleAction(action: string, item: any, index: number): void;
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BootstrapTableComponent, never>;
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BootstrapTableComponent, "sim-bootstrap-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "itemsPerPageOptions": { "alias": "itemsPerPageOptions"; "required": false; }; "defaultItemsPerPage": { "alias": "defaultItemsPerPage"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; "marginBottom": { "alias": "marginBottom"; "required": false; }; "marginLeft": { "alias": "marginLeft"; "required": false; }; "marginRight": { "alias": "marginRight"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "actionColumnLabel": { "alias": "actionColumnLabel"; "required": false; }; }, { "sortChange": "sortChange"; "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; "onEditTable": "onEditTable"; "onDeleteTable": "onDeleteTable"; "onViewTable": "onViewTable"; }, never, never, false, never>;
|
33
|
-
}
|