globuswebcomponents 2.10.11 → 2.10.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gb-avatar_44.cjs.entry.js +83 -82
- package/dist/cjs/reusableModels-_LRAKnsh.js.map +1 -1
- package/dist/collection/components/gb-date-picker/gb-date-picker.js +3 -3
- package/dist/collection/components/gb-date-picker/gb-date-picker.js.map +1 -1
- package/dist/collection/components/gb-table/gb-table.js +82 -81
- package/dist/collection/components/gb-table/gb-table.js.map +1 -1
- package/dist/collection/models/reusableModels.js.map +1 -1
- package/dist/components/gb-date-picker.js +1 -1
- package/dist/components/gb-filter-modal.js +1 -1
- package/dist/components/gb-table-header.js +1 -1
- package/dist/components/gb-table.js +83 -82
- package/dist/components/gb-table.js.map +1 -1
- package/dist/components/{p-Dhj1-0eP.js → p-BqUYAF2A.js} +5 -5
- package/dist/components/p-BqUYAF2A.js.map +1 -0
- package/dist/components/{p-CbooQRoa.js → p-C__Zx-sJ.js} +3 -3
- package/dist/components/{p-CbooQRoa.js.map → p-C__Zx-sJ.js.map} +1 -1
- package/dist/components/{p-CoUI1smZ.js → p-DmjkaQ_5.js} +3 -3
- package/dist/components/{p-CoUI1smZ.js.map → p-DmjkaQ_5.js.map} +1 -1
- package/dist/components/p-cHn6O-Kf.js.map +1 -1
- package/dist/docs.json +7 -7
- package/dist/esm/gb-avatar_44.entry.js +83 -82
- package/dist/esm/reusableModels-cHn6O-Kf.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-7ab790f6.entry.js → p-66c49225.entry.js} +2 -2
- package/dist/globuscomponents/p-66c49225.entry.js.map +1 -0
- package/dist/globuscomponents/p-cHn6O-Kf.js.map +1 -1
- package/dist/types/components.d.ts +4 -4
- package/dist/types/models/reusableModels.d.ts +6 -0
- package/package.json +1 -1
- package/dist/components/p-Dhj1-0eP.js.map +0 -1
- package/dist/globuscomponents/p-7ab790f6.entry.js.map +0 -1
|
@@ -11,7 +11,7 @@ import { d as defineCustomElement$B } from './p-li7sSFsS.js';
|
|
|
11
11
|
import { d as defineCustomElement$A } from './p-B78fop9Q.js';
|
|
12
12
|
import { d as defineCustomElement$z } from './p-C3Ajgg65.js';
|
|
13
13
|
import { d as defineCustomElement$y } from './p-BSWqodKJ.js';
|
|
14
|
-
import { d as defineCustomElement$x } from './p-
|
|
14
|
+
import { d as defineCustomElement$x } from './p-BqUYAF2A.js';
|
|
15
15
|
import { d as defineCustomElement$w } from './p-BJ717QcA.js';
|
|
16
16
|
import { d as defineCustomElement$v } from './p-D9WlXXTb.js';
|
|
17
17
|
import { d as defineCustomElement$u } from './p-Bw7gw9s2.js';
|
|
@@ -22,7 +22,7 @@ import { d as defineCustomElement$q } from './p-CAa7Sfsm.js';
|
|
|
22
22
|
import { d as defineCustomElement$p } from './p-DaFucxAE.js';
|
|
23
23
|
import { d as defineCustomElement$o } from './p-2vGvKqM8.js';
|
|
24
24
|
import { d as defineCustomElement$n } from './p-DWd7gFDp.js';
|
|
25
|
-
import { d as defineCustomElement$m } from './p-
|
|
25
|
+
import { d as defineCustomElement$m } from './p-DmjkaQ_5.js';
|
|
26
26
|
import { d as defineCustomElement$l } from './p-Dg7B5nH1.js';
|
|
27
27
|
import { d as defineCustomElement$k } from './p-Cpjhc0YK.js';
|
|
28
28
|
import { d as defineCustomElement$j } from './p-CYpM3pUM.js';
|
|
@@ -35,7 +35,7 @@ import { d as defineCustomElement$d } from './p-DsEln-e0.js';
|
|
|
35
35
|
import { d as defineCustomElement$c } from './p-BzdxMBqd.js';
|
|
36
36
|
import { d as defineCustomElement$b } from './p-8KPRgq60.js';
|
|
37
37
|
import { d as defineCustomElement$a } from './p-DaM2q3ak.js';
|
|
38
|
-
import { d as defineCustomElement$9 } from './p-
|
|
38
|
+
import { d as defineCustomElement$9 } from './p-C__Zx-sJ.js';
|
|
39
39
|
import { d as defineCustomElement$8 } from './p-CxmrLytr.js';
|
|
40
40
|
import { d as defineCustomElement$7 } from './p-CMSgQk_J.js';
|
|
41
41
|
import { d as defineCustomElement$6 } from './p-B6k24H6F.js';
|
|
@@ -63,68 +63,68 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
63
63
|
this.applyFilters = createEvent(this, "applyFilters");
|
|
64
64
|
this.loading = false;
|
|
65
65
|
this.columns = [
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
66
|
+
// { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },
|
|
67
|
+
// { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },
|
|
68
|
+
// { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },
|
|
69
|
+
// { key: 'role', label: 'Role' },
|
|
70
|
+
// { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: (row) => ({color: row.amount > 200 ? 'green' : ''}) },
|
|
71
|
+
// {
|
|
72
|
+
// key: 'status',
|
|
73
|
+
// label: 'Status',
|
|
74
|
+
// cellComponent: 'gb-badge',
|
|
75
|
+
// cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),
|
|
76
|
+
// cellSlots: {
|
|
77
|
+
// default: {
|
|
78
|
+
// tag: 'p',
|
|
79
|
+
// content: row => row.status,
|
|
80
|
+
// },
|
|
81
|
+
// },
|
|
82
|
+
// },
|
|
83
83
|
];
|
|
84
84
|
this.data = [
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
85
|
+
// {
|
|
86
|
+
// id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',
|
|
87
|
+
// date: 'Jan 1, 2022',
|
|
88
|
+
// name: 'Emma Johnson',
|
|
89
|
+
// role: 'Frontend Developer',
|
|
90
|
+
// level: 'Today',
|
|
91
|
+
// customer: 'John Doe',
|
|
92
|
+
// amount: '$120.00',
|
|
93
|
+
// status: 'Completed',
|
|
94
|
+
// },
|
|
95
|
+
// { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },
|
|
96
|
+
// { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },
|
|
97
|
+
// { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },
|
|
98
|
+
// { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },
|
|
99
|
+
// { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },
|
|
100
|
+
// { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },
|
|
101
|
+
// { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },
|
|
102
|
+
// { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },
|
|
103
|
+
// { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },
|
|
104
|
+
// { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },
|
|
105
|
+
// { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },
|
|
106
|
+
// { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },
|
|
107
|
+
// { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },
|
|
108
|
+
// { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },
|
|
109
|
+
// { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },
|
|
110
|
+
// { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },
|
|
111
|
+
// { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },
|
|
112
|
+
// { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },
|
|
113
|
+
// { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },
|
|
114
|
+
// { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },
|
|
115
|
+
// { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },
|
|
116
|
+
// { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },
|
|
117
|
+
// { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },
|
|
118
|
+
// { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },
|
|
119
|
+
// { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },
|
|
120
|
+
// { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },
|
|
121
|
+
// { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },
|
|
122
|
+
// { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },
|
|
123
|
+
// { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },
|
|
124
|
+
// { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },
|
|
125
|
+
// { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },
|
|
126
|
+
// { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },
|
|
127
|
+
// { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },
|
|
128
128
|
];
|
|
129
129
|
this.tableHeaderConfig = {
|
|
130
130
|
tableHeading: false,
|
|
@@ -194,7 +194,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
194
194
|
this.draggedIndex = null;
|
|
195
195
|
this.handlePageChange = ({ detail }) => {
|
|
196
196
|
const { pageNumber, pageSize } = detail;
|
|
197
|
-
console.log(detail);
|
|
197
|
+
// console.log(detail);
|
|
198
198
|
// Update these state variables to trigger a re-render
|
|
199
199
|
this.internalPageSize = pageSize;
|
|
200
200
|
this.internalCurrentPage = pageNumber;
|
|
@@ -252,7 +252,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
252
252
|
this.rowActionClicked.emit({ action, row });
|
|
253
253
|
}
|
|
254
254
|
renderCell(col, row) {
|
|
255
|
-
var _a, _b, _c;
|
|
255
|
+
var _a, _b, _c, _d, _e;
|
|
256
256
|
if (col.cellComponent) {
|
|
257
257
|
const Tag = col.cellComponent;
|
|
258
258
|
// resolve props
|
|
@@ -283,13 +283,15 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
283
283
|
return (h("div", { class: "text_and_supporting_text" }, h("div", { class: "primary" }, h("p", { class: "text-sm-medium" }, primary)), supporting && (h("div", { class: "supporting" }, h("p", { class: "text-xs-regular" }, supporting)))));
|
|
284
284
|
}
|
|
285
285
|
const value = this.getCellValue(col, row);
|
|
286
|
-
|
|
286
|
+
const resolvedClass = typeof col.cellClass === 'function' ? col.cellClass(row) : ((_d = col.cellClass) !== null && _d !== void 0 ? _d : '');
|
|
287
|
+
const resolvedStyle = typeof col.cellStyle === 'function' ? col.cellStyle(row) : (_e = col.cellStyle) !== null && _e !== void 0 ? _e : {};
|
|
288
|
+
return h("p", { class: `body_text text-sm-regular ${resolvedClass}`, style: resolvedStyle }, value);
|
|
287
289
|
}
|
|
288
290
|
getCellValue(col, row) {
|
|
289
291
|
if (col.value) {
|
|
290
292
|
return col.value(row);
|
|
291
293
|
}
|
|
292
|
-
return
|
|
294
|
+
return row[col.key];
|
|
293
295
|
}
|
|
294
296
|
emitPaginationDetails({ detail }) {
|
|
295
297
|
this.pageItemSelected.emit(detail);
|
|
@@ -409,27 +411,26 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
409
411
|
this.selectionChanged.emit(selected);
|
|
410
412
|
}
|
|
411
413
|
get displayedData() {
|
|
412
|
-
|
|
413
|
-
console.log('
|
|
414
|
-
console.log('
|
|
415
|
-
console.log('page:', this.internalCurrentPage, 'size:', this.internalPageSize);
|
|
414
|
+
// console.log('sortedData length:', this.sortedData.length);
|
|
415
|
+
// console.log('mode:', this.paginationConfig?.paginationMode);
|
|
416
|
+
// console.log('page:', this.internalCurrentPage, 'size:', this.internalPageSize);
|
|
416
417
|
if (!this.paginationConfig || this.paginationConfig.paginationMode === 'external') {
|
|
417
418
|
return this.sortedData;
|
|
418
419
|
}
|
|
419
420
|
const start = (this.internalCurrentPage - 1) * this.internalPageSize;
|
|
420
421
|
const end = start + this.internalPageSize;
|
|
421
|
-
console.log('slice:', start, end);
|
|
422
|
+
// console.log('slice:', start, end);
|
|
422
423
|
return this.sortedData.slice(start, end);
|
|
423
424
|
}
|
|
424
425
|
get totalPages() {
|
|
425
|
-
|
|
426
|
-
console.log('
|
|
427
|
-
console.log('
|
|
428
|
-
|
|
426
|
+
// console.log('sortedData length:', this.sortedData.length);
|
|
427
|
+
// console.log('internalPageSize:', this.internalPageSize);
|
|
428
|
+
// console.log('paginationMode:', this.paginationConfig?.paginationMode);
|
|
429
|
+
var _a;
|
|
429
430
|
if (!this.paginationConfig)
|
|
430
431
|
return 1;
|
|
431
432
|
const pageSize = this.internalPageSize || 1;
|
|
432
|
-
const totalItems = this.paginationConfig.paginationMode === 'internal' ? this.sortedData.length : ((
|
|
433
|
+
const totalItems = this.paginationConfig.paginationMode === 'internal' ? this.sortedData.length : ((_a = this.paginationConfig.totalItems) !== null && _a !== void 0 ? _a : 0);
|
|
433
434
|
return Math.max(1, Math.ceil(totalItems / pageSize));
|
|
434
435
|
}
|
|
435
436
|
onDataChange() {
|
|
@@ -551,7 +552,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
551
552
|
}, 300); // match CSS duration
|
|
552
553
|
}
|
|
553
554
|
onApplyFilters(detail) {
|
|
554
|
-
console.log(detail.detail);
|
|
555
|
+
// console.log(detail.detail);
|
|
555
556
|
this.applyFilters.emit(detail.detail);
|
|
556
557
|
this.showFilterModalInternal = false;
|
|
557
558
|
}
|
|
@@ -559,16 +560,16 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
559
560
|
window.removeEventListener('resize', this.checkViewport);
|
|
560
561
|
}
|
|
561
562
|
render() {
|
|
562
|
-
return (h("div", { key: '
|
|
563
|
+
return (h("div", { key: 'db94ba1f0c6df50a9912269e5868410965a1731d', class: `table_wrapper` }, h("gb-table-header", { key: 'baf7efe46da8fd6644265c151e2e2b180207c9ce', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": this.tableHeaderConfig.filterState, "filter-count": this.tableHeaderConfig.filterCount, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal() }), this.showColumnsPanel && (h("div", { key: '7b0cf14209c88a9906e7f9d76b4b754d2b57367a', class: "dialog", style: {
|
|
563
564
|
transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
|
|
564
|
-
} }, h("div", { key: '
|
|
565
|
+
} }, h("div", { key: '732916316e147ce1dc1ca6b1376812bd1c972820', class: "column-modal" }, h("div", { key: '721fb6a9b5fe32fcdc0da5603b556782dabbd48c', class: "modal_header" }, h("div", { key: 'd568e6b262c020615250a0cf074ab0eeab57585d', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '3f5d07af3cdc6733f8df0b15ec8b6a883a6251f3', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '527eaf24a973964cb2b208e1a58dc3da52c2ee0e', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '9833cb5a3245b9627e3575dc72d257b89ea6d410', class: "content_wrapper" }, h("div", { key: '7d3f5bbcf994e95d1256fcd6d0d4a0ede0313e48', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
|
|
565
566
|
if (this.draggedIndex !== null && this.draggedIndex !== index) {
|
|
566
567
|
this.reorderColumns(this.draggedIndex, index);
|
|
567
568
|
}
|
|
568
569
|
this.draggedIndex = null;
|
|
569
570
|
} }, h("div", { class: "label_and_dragger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { class: "label text-md-regular" }, col.label)), h("gb-toggle", { size: "sm", state: StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
|
|
570
571
|
this.toggleColumn(e, col.key);
|
|
571
|
-
} })))), h("div", { key: '
|
|
572
|
+
} })))), h("div", { key: 'bef112827b7898c2a27a5a0ecada4ce1df9e5151', class: "modal-actions" })))))), this.showFilterModalInternal && (h("div", { key: '5415a76c52c1f80d681cd613c91c6acdf5d424aa', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '1c7e3d27495749c2dd4c0155d2f2ffe9f7568e52', class: "filter_modal", filterConfig: this.filterConfig, onClose: e => {
|
|
572
573
|
e.stopPropagation();
|
|
573
574
|
this.closeFilterModal();
|
|
574
575
|
}, onApplyFilters: e => this.onApplyFilters(e) }))), this.internalLoading ? (
|
|
@@ -607,7 +608,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
|
|
|
607
608
|
// ✅ No loading + no data = empty state
|
|
608
609
|
h("div", { class: "empty_state_wrapper" }, h("gb-empty-state", { size: "sm", "main-text": this.emptyStateConfig.mainText, "supporting-text": this.emptyStateConfig.supportingText, color: this.emptyStateConfig.color, theme: this.emptyStateConfig.theme, "primary-button-icon-leading-swap": "assets/plus.svg", "illustration-icon": this.emptyStateConfig.illustrationIcon, background: true, "background-type": "grid", icon: "illustration", "illustration-style": "cloud" }))) : (
|
|
609
610
|
// ✅ Has data + not loading
|
|
610
|
-
h(Fragment, null, this.isMobile ? this.renderMobileView() : this.renderDesktopView())), this.paginationConfig && this.data.length > 0 && (h("gb-pagination", { key: '
|
|
611
|
+
h(Fragment, null, this.isMobile ? this.renderMobileView() : this.renderDesktopView())), this.paginationConfig && this.data.length > 0 && (h("gb-pagination", { key: '162a6f2d43f693d8a4a6dd44940ee3e1b7a9b49f', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))));
|
|
611
612
|
}
|
|
612
613
|
static get watchers() { return {
|
|
613
614
|
"data": ["onDataChange"],
|