globuswebcomponents 2.16.7 → 2.17.0

package/dist/collection/components/gb-button/readme.md

@@ -1,103 +1,104 @@
 # test-button
 
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property            | Attribute             | Description | Type                                                                                                                          | Default           |
-| ------------------- | --------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------- | ----------------- |
-| `arrow`             | `arrow`               |             | `"bottom_center" \| "bottom_left" \| "bottom_right" \| "center" \| "left" \| "none" \| "right" \| "top_center"`               | `'bottom_center'` |
-| `destructive`       | `destructive`         |             | `boolean`                                                                                                                     | `false`           |
-| `event`             | `event`               |             | `boolean`                                                                                                                     | `false`           |
-| `hierarchy`         | `hierarchy`           |             | `"link_color" \| "link_gray" \| "primary" \| "secondary_color" \| "secondary_gray" \| "tertiary_color" \| "tertiary_gray"`    | `'primary'`       |
-| `icon`              | `icon`                |             | `"default" \| "only"`                                                                                                         | `'default'`       |
-| `iconConfig`        | --                    |             | `{ iconLeadingStyle: string; iconLeadingType: string; }`                                                                      | `undefined`       |
-| `iconLeading`       | `icon-leading`        |             | `boolean`                                                                                                                     | `false`           |
-| `iconLeadingStyle`  | `icon-leading-style`  |             | `string`                                                                                                                      | `''`              |
-| `iconLeadingSwap`   | `icon-leading-swap`   |             | `string`                                                                                                                      | `''`              |
-| `iconLeadingType`   | `icon-leading-type`   |             | `string`                                                                                                                      | `''`              |
-| `iconTrailing`      | `icon-trailing`       |             | `boolean`                                                                                                                     | `false`           |
-| `iconTrailingStyle` | `icon-trailing-style` |             | `string`                                                                                                                      | `''`              |
-| `iconTrailingSwap`  | `icon-trailing-swap`  |             | `string`                                                                                                                      | `''`              |
-| `iconTrailingType`  | `icon-trailing-type`  |             | `string`                                                                                                                      | `''`              |
-| `rounded`           | `rounded`             |             | `boolean`                                                                                                                     | `false`           |
-| `size`              | `size`                |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xs" \| "xxl" \| "xxs" \| "xxxl" \| "xxxxl"` | `'xl'`            |
-| `state`             | `state`               |             | `"applied" \| "default" \| "disabled" \| "loading" \| "open"`                                                                 | `'default'`       |
-| `tooltipText`       | `tooltip-text`        |             | `string`                                                                                                                      | `''`              |
-
-
-## Methods
-
-### `getNativeButton() => Promise<HTMLButtonElement | null>`
-
-
-
-#### Returns
-
-Type: `Promise<HTMLButtonElement>`
-
-
-
-
-## Dependencies
-
-### Used by
-
- - [gb-action-panel](../gb-action-panel)
- - [gb-checkbox-group-item](../gb-checkbox-group-item)
- - [gb-comment](../gb-comment)
- - [gb-date-picker](../gb-date-picker)
- - [gb-detail-cell](../gb-detail-cell)
- - [gb-empty-state](../gb-empty-state)
- - [gb-file-upload](../gb-file-upload)
- - [gb-file-upload-item-base](../gb-file-upload-item-base)
- - [gb-filter-button](../gb-filter-button)
- - [gb-filter-modal](../gb-filter-modal)
- - [gb-input-dropdown](../gb-input-dropdown)
- - [gb-input-dropdown-test](../gb-input-dropdown copy)
- - [gb-input-field](../gb-input-field)
- - [gb-modal-action](../gb-modal-action)
- - [gb-notification-pane](../gb-notification-pane)
- - [gb-pagination](../gb-pagination)
- - [gb-password-button](../gb-password-button)
- - [gb-prompt-modal](../gb-prompt-modal)
- - [gb-table](../gb-table)
- - [gb-table-header](../gb-table-header)
- - [gb-toast](../gb-toast)
-
-### Depends on
-
-- [gb-tooltip](../gb-tooltip)
-
-### Graph
-```mermaid
-graph TD;
-  gb-button --> gb-tooltip
-  gb-action-panel --> gb-button
-  gb-checkbox-group-item --> gb-button
-  gb-comment --> gb-button
-  gb-date-picker --> gb-button
-  gb-detail-cell --> gb-button
-  gb-empty-state --> gb-button
-  gb-file-upload --> gb-button
-  gb-file-upload-item-base --> gb-button
-  gb-filter-button --> gb-button
-  gb-filter-modal --> gb-button
-  gb-input-dropdown --> gb-button
-  gb-input-dropdown-test --> gb-button
-  gb-input-field --> gb-button
-  gb-modal-action --> gb-button
-  gb-notification-pane --> gb-button
-  gb-pagination --> gb-button
-  gb-password-button --> gb-button
-  gb-prompt-modal --> gb-button
-  gb-table --> gb-button
-  gb-table-header --> gb-button
-  gb-toast --> gb-button
-  style gb-button fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property            | Attribute             | Description | Type                                                                                                                          | Default           |
+| ------------------- | --------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------- | ----------------- |
+| `arrow`             | `arrow`               |             | `"bottom_center" \| "bottom_left" \| "bottom_right" \| "center" \| "left" \| "none" \| "right" \| "top_center"`               | `'bottom_center'` |
+| `destructive`       | `destructive`         |             | `boolean`                                                                                                                     | `false`           |
+| `event`             | `event`               |             | `boolean`                                                                                                                     | `false`           |
+| `fullWidth`         | `full-width`          |             | `boolean`                                                                                                                     | `true`            |
+| `hierarchy`         | `hierarchy`           |             | `"link_color" \| "link_gray" \| "primary" \| "secondary_color" \| "secondary_gray" \| "tertiary_color" \| "tertiary_gray"`    | `'primary'`       |
+| `icon`              | `icon`                |             | `"default" \| "only"`                                                                                                         | `'default'`       |
+| `iconConfig`        | --                    |             | `{ iconLeadingStyle: string; iconLeadingType: string; }`                                                                      | `undefined`       |
+| `iconLeading`       | `icon-leading`        |             | `boolean`                                                                                                                     | `false`           |
+| `iconLeadingStyle`  | `icon-leading-style`  |             | `string`                                                                                                                      | `''`              |
+| `iconLeadingSwap`   | `icon-leading-swap`   |             | `string`                                                                                                                      | `''`              |
+| `iconLeadingType`   | `icon-leading-type`   |             | `string`                                                                                                                      | `''`              |
+| `iconTrailing`      | `icon-trailing`       |             | `boolean`                                                                                                                     | `false`           |
+| `iconTrailingStyle` | `icon-trailing-style` |             | `string`                                                                                                                      | `''`              |
+| `iconTrailingSwap`  | `icon-trailing-swap`  |             | `string`                                                                                                                      | `''`              |
+| `iconTrailingType`  | `icon-trailing-type`  |             | `string`                                                                                                                      | `''`              |
+| `rounded`           | `rounded`             |             | `boolean`                                                                                                                     | `false`           |
+| `size`              | `size`                |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xs" \| "xxl" \| "xxs" \| "xxxl" \| "xxxxl"` | `'xl'`            |
+| `state`             | `state`               |             | `"applied" \| "default" \| "disabled" \| "loading" \| "open"`                                                                 | `'default'`       |
+| `tooltipText`       | `tooltip-text`        |             | `string`                                                                                                                      | `''`              |
+
+
+## Methods
+
+### `getNativeButton() => Promise<HTMLButtonElement | null>`
+
+
+
+#### Returns
+
+Type: `Promise<HTMLButtonElement>`
+
+
+
+
+## Dependencies
+
+### Used by
+
+ - [gb-action-panel](../gb-action-panel)
+ - [gb-checkbox-group-item](../gb-checkbox-group-item)
+ - [gb-comment](../gb-comment)
+ - [gb-date-picker](../gb-date-picker)
+ - [gb-detail-cell](../gb-detail-cell)
+ - [gb-empty-state](../gb-empty-state)
+ - [gb-file-upload](../gb-file-upload)
+ - [gb-file-upload-item-base](../gb-file-upload-item-base)
+ - [gb-filter-button](../gb-filter-button)
+ - [gb-filter-modal](../gb-filter-modal)
+ - [gb-input-dropdown](../gb-input-dropdown)
+ - [gb-input-dropdown-test](../gb-input-dropdown copy)
+ - [gb-input-field](../gb-input-field)
+ - [gb-modal-action](../gb-modal-action)
+ - [gb-notification-pane](../gb-notification-pane)
+ - [gb-pagination](../gb-pagination)
+ - [gb-password-button](../gb-password-button)
+ - [gb-prompt-modal](../gb-prompt-modal)
+ - [gb-table](../gb-table)
+ - [gb-table-header](../gb-table-header)
+ - [gb-toast](../gb-toast)
+
+### Depends on
+
+- [gb-tooltip](../gb-tooltip)
+
+### Graph
+```mermaid
+graph TD;
+  gb-button --> gb-tooltip
+  gb-action-panel --> gb-button
+  gb-checkbox-group-item --> gb-button
+  gb-comment --> gb-button
+  gb-date-picker --> gb-button
+  gb-detail-cell --> gb-button
+  gb-empty-state --> gb-button
+  gb-file-upload --> gb-button
+  gb-file-upload-item-base --> gb-button
+  gb-filter-button --> gb-button
+  gb-filter-modal --> gb-button
+  gb-input-dropdown --> gb-button
+  gb-input-dropdown-test --> gb-button
+  gb-input-field --> gb-button
+  gb-modal-action --> gb-button
+  gb-notification-pane --> gb-button
+  gb-pagination --> gb-button
+  gb-password-button --> gb-button
+  gb-prompt-modal --> gb-button
+  gb-table --> gb-button
+  gb-table-header --> gb-button
+  gb-toast --> gb-button
+  style gb-button fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

package/dist/collection/components/gb-table/gb-table.js

@@ -29,14 +29,14 @@ export class GbTable {
         //   key: 'status',
         //   label: 'Status',
         //   cellComponent: 'gb-badge',
-        // cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),
-        // cellSlots: {
-        //   default: {
-        //     tag: 'p',
-        //     content: row => row.status,
+        //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),
+        //   cellSlots: {
+        //     default: {
+        //       tag: 'p',
+        //       content: row => row.status,
+        //     },
         //   },
         // },
-        // },
         ];
         this.data = [
         // {
@@ -414,6 +414,29 @@ export class GbTable {
         // },
         ];
         // = {
+        //   name: { key: 'name' },
+        //   badges: [
+        //     { key: 'role', label: 'Role' },
+        //     { key: 'amount', label: 'Amount' },
+        //   ],
+        //   button: { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },
+        // };
+        this.tableHeaderConfig = {
+            type: 'default',
+            tableHeading: false,
+            tableHeadingLabel: 'Suspicious outflows',
+            showDateFilter: true,
+            showFilter: true,
+            showColumnOptions: false,
+            showSearch: true,
+            showExport: true,
+            showRefreshButton: false,
+            showLayoutToggle: false,
+            datePickerMode: 'range',
+            inputPlaceholder: 'Transaction reference',
+            showEntireData: true,
+        };
+        // = {
         //   paginationMode: 'internal',
         //   entriesDropdownMenuPosition: 'top',
         //   currentPage: 1,
@@ -471,9 +494,10 @@ export class GbTable {
         };
         this.showActionsColumn = true;
         this.rowActions = [
-        // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },
-        // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },
-        // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },
+            // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },
+            // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },
+            // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },
+            { action: 'edit', type: 'custom' },
         ];
         this.dropdownOptions = [
         // { label: 'Download invalid', action: 'view', icon: 'assets/view.svg', disabled: false },
@@ -482,7 +506,7 @@ export class GbTable {
         ];
         this.stickyFirstColumn = true;
         this.stickyLastColumn = true;
-        this.showCheckbox = true;
+        this.showCheckbox = false;
         this.tableHeadColor = 'gray';
         this.rowKey = 'id';
         this.tableHeaderType = 'default';
@@ -569,7 +593,8 @@ export class GbTable {
             this.isScrollable = newScrollable; // only update if different
         }
     }
-    handleAction(action, row) {
+    async handleAction(action, row) {
+        console.log('Action clicked:', action, row);
         this.rowActionClicked.emit({ action, row });
     }
     renderCell(col, row) {
@@ -876,7 +901,7 @@ export class GbTable {
             .map((col, index) => (h(Fragment, null, h("td", { style: { textAlign: col.align || 'left' }, class: `table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}` }, this.renderCell(col, row))))), this.showActionsColumn && (h("td", { class: { table_detail: true, actions_cell: true, sticky_right: this.stickyLastColumn, has_border: this.isScrollable }, style: { width: '50px' } }, h(Fragment, null, h("div", { class: "action_buttons" }, this.rowActions.map(action => (h(Fragment, null, action.type === 'dropdown' ? (h("gb-button", { id: `gb-table-trigger-${rowIndex}`, ref: el => (this.actionButtonRefs[rowIndex] = el), class: "dropdown_button", hierarchy: "tertiary_gray", size: "md", icon: "only", iconLeading: true, iconLeadingSwap: "assets/more-horizontal.svg", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown(rowIndex);
-            } })) : (h("gb-button", { hierarchy: "tertiary_gray", size: "md", icon: "only", destructive: action.destructive, iconLeading: true, iconLeadingSwap: action.icon, onClick: e => {
+            } })) : action.type === 'custom' ? (this.renderCustomActions ? (this.renderCustomActions(row)) : null) : (h("gb-button", { hierarchy: "tertiary_gray", size: "md", icon: "only", destructive: action.destructive, iconLeading: true, iconLeadingSwap: action.icon, onClick: e => {
                 e.stopPropagation();
                 this.handleAction(action.action, row);
             } })))))), h(Fragment, null, this.openRowIndex === rowIndex && (h("gb-portal", { "anchor-id": `gb-table-trigger-${rowIndex}`, placement: this.dropdownPlacement, anchorEl: this.currentAnchorEl, boundaryEl: this.scrollContainer, dropdownHeight: requestAnimationFrame(() => this.dropdownRef.scrollHeight), open: true }, h("div", { class: "portal_dropdown_wrapper", ref: el => (this.dropdownRef = el) }, this.dropdownOptions.map(action => (h("gb-dropdown-items-with-shortcut", { icon: action.icon ? true : false, state: action.disabled ? StateEnum.Disabled : StateEnum.Default, label: action.label, "icon-src": action.icon, onClick: () => {
@@ -1097,16 +1122,16 @@ export class GbTable {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (h("div", { key: '08bed4790123cd14b04c9aeca1b17338a21d0378', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: 'f206fa57601e83520530a325186a774be25bec1c', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: 'e020968dad30ed2c0db4ee96d1de181eb932b494', type: this.tableHeaderConfig.type, 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": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "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(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e), onTableControlClicked: e => this.emitTableContolClickedEvent(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: 'faaa2d3c8b31b00c4ede7731702127639ce6aab9', class: "dialog", style: {
+        return (h("div", { key: 'ecbd96f75a578fe7c4729faa64e0981b4db76883', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: '27a90c6c234d6316b92126787b59cc30a4a861ee', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: 'f74e3eb05a230a35674708ee9319d6f3ead930c2', type: this.tableHeaderConfig.type, 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": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "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(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e), onTableControlClicked: e => this.emitTableContolClickedEvent(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: '03a69e03ed948c172825d60afd1b21aebed704d9', class: "dialog", style: {
                 transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
-            } }, h("div", { key: 'e98a9fcc41d9e7281a538361d4e7ddf1d2f182ea', class: "column-modal" }, h("div", { key: 'f754fb3b60ff7908fad8982157f05108e227f16f', class: "modal_header" }, h("div", { key: '68805a02141e44b3b077606fb01ea22805a2ec8a', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '2502833b479337b8c5a15d5a2467721567a01d93', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '259b8b1bfd01f7be00b2e4081148febcce67b151', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: 'de725fb507605422d302f519e4d5edec51430d57', class: "content_wrapper" }, h("div", { key: 'a5e06ec2acd4d58910e19115bf8026bb27e35da0', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
+            } }, h("div", { key: 'e13f8d1e50ca0f943249d5ebb4827dd81a4c1218', class: "column-modal" }, h("div", { key: '448f4233a36435bbf34e4b839614e33072a4045d', class: "modal_header" }, h("div", { key: '69732e7e814d86476e678fb3143c150a9e4a72b3', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: 'e7ab5e157444fffccc412954ce36d8e13e28686b', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '8d91a7c96ae86b19274046bd1bbf8037a4b05461', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '78ee134fb4f9e5a0878effdbc5f51cde7f4782b0', class: "content_wrapper" }, h("div", { key: 'b78b3fbfa603be4b198aa469b69750761659a0c7', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
                 if (this.draggedIndex !== null && this.draggedIndex !== index) {
                     this.reorderColumns(this.draggedIndex, index);
                 }
                 this.draggedIndex = null;
             } }, 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 => {
                 this.toggleColumn(e, col.key);
-            } })))), h("div", { key: '7b4a2031677cff5feeb32fba5466a63087531cec', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '15113dbc0a79c6796b648b0fe45e4c450dd876a8', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '4ec80231b62a65272d63131d6a1d1faa69d0c6a6', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
+            } })))), h("div", { key: '81bfd60a84ae3ce018800519a7e16425a44a990e', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '4fcf8c485b7f9240f9fa9bdfdbc07cc925210038', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: 'c2432a18c99e29b18ca2a55ff9339d2356caee39', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
                 e.stopPropagation();
                 this.closeFilterModal();
             }, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
@@ -1153,7 +1178,7 @@ export class GbTable {
                 ? this.renderDesktopView()
                 : this.currentTableLayout === 'grid'
                     ? this.renderGridView()
-                    : null)), this.paginationConfig && (h("div", { key: '39767fe82ce88bcb4f1c570b9b3fd35b2e86ae43', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: 'c76fc64fda5ebaf94122ca8a51f1addc754f63e3', "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) }))), this.showToast && (h("gb-toast", { key: 'b92a6728c7f97754cb350f049081af3f76868225', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
+                    : null)), this.paginationConfig && (h("div", { key: 'dacef80f52cbcaecb101a6c1f20a1caddea54a96', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: 'f50686e161588aa3e9d7d564aee3131fb5ca335d', "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) }))), this.showToast && (h("gb-toast", { key: '9654af9af7f09183e29459f40e704955018d5c2b', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
     }
     static get is() { return "gb-table"; }
     static get encapsulation() { return "shadow"; }
@@ -1211,7 +1236,7 @@ export class GbTable {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // {\r\n    //   key: 'name',\r\n    //   label: 'Name',\r\n    //   sortable: true,\r\n    //   sortType: 'string',\r\n    //   helpIcon: true,\r\n    //   searchable: true,\r\n    //   hasAvatar: true,\r\n    //   cellAvatar: {\r\n    //     // image: '',\r\n    //     slots: {\r\n    //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),\r\n    //       image: row => row.image,\r\n    //     },\r\n    //   },\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role', searchable: true },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    // cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    // cellSlots: {\r\n    //   default: {\r\n    //     tag: 'p',\r\n    //     content: row => row.status,\r\n    //   },\r\n    // },\r\n    // },\r\n  ]"
+                "defaultValue": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // {\r\n    //   key: 'name',\r\n    //   label: 'Name',\r\n    //   sortable: true,\r\n    //   sortType: 'string',\r\n    //   helpIcon: true,\r\n    //   searchable: true,\r\n    //   hasAvatar: true,\r\n    //   cellAvatar: {\r\n    //     // image: '',\r\n    //     slots: {\r\n    //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),\r\n    //       image: row => row.image,\r\n    //     },\r\n    //   },\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role', searchable: true },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    //   cellSlots: {\r\n    //     default: {\r\n    //       tag: 'p',\r\n    //       content: row => row.status,\r\n    //     },\r\n    //   },\r\n    // },\r\n  ]"
             },
             "data": {
                 "type": "unknown",
@@ -1263,7 +1288,8 @@ export class GbTable {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "{\r\n    type: 'default',\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: false,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: false,\r\n    showLayoutToggle: false,\r\n    datePickerMode: 'range',\r\n    inputPlaceholder: 'Transaction reference',\r\n    showEntireData: true,\r\n  }"
             },
             "paginationConfig": {
                 "type": "unknown",
@@ -1402,7 +1428,7 @@ export class GbTable {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]"
+                "defaultValue": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n    { action: 'edit', type: 'custom' },\r\n  ]"
             },
             "dropdownOptions": {
                 "type": "unknown",
@@ -1486,7 +1512,7 @@ export class GbTable {
                 "setter": false,
                 "reflect": false,
                 "attribute": "show-checkbox",
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
             "tableHeadColor": {
                 "type": "string",
@@ -1547,6 +1573,23 @@ export class GbTable {
                 "reflect": false,
                 "attribute": "table-header-type",
                 "defaultValue": "'default'"
+            },
+            "renderCustomActions": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(row: any) => any",
+                    "resolved": "(row: any) => any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
@@ -1763,6 +1806,35 @@ export class GbTable {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "handleAction": {
+                "complexType": {
+                    "signature": "(action: string, row: any) => Promise<void>",
+                    "parameters": [{
+                            "name": "action",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "row",
+                            "type": "any",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get watchers() {
         return [{
                 "propName": "data",