globuswebcomponents 2.18.2 → 2.18.4

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

@@ -4,7 +4,7 @@ export class GbTable {
     constructor() {
         this.loading = false;
         this.columns = [
-        // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },
+        // { key: 'id', label: '#', width: '10rem', sortable: true, sortType: 'string', truncate: true, mobile: { position: 'top_left' } },
         // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },
         // {
         //   key: 'name',
@@ -28,8 +28,15 @@ 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' }),
+        //   cellComponent: 'gb-button',
+        //   cellProps: row => ({ 
+        //     hierarchy: 'link_gray', 
+        //     size: 'md', 
+        //     icon: 'default',
+        //     iconLeading: true,
+        //     iconLeadingSwap: 'assets/view.svg'
+        //   }),
+        //   cellEvent: 'buttonClicked',
         //   cellSlots: {
         //     default: {
         //       tag: 'p',
@@ -625,7 +632,19 @@ export class GbTable {
             }
             // render component with slots
             const allChildren = [defaultSlotContent, ...namedSlotElements].filter(child => child != null);
-            return h(Tag, props, allChildren.length > 0 ? allChildren : undefined);
+            // resolve cell event listeners
+            const cellEventProps = {};
+            if (col.cellEvent) {
+                const events = Array.isArray(col.cellEvent) ? col.cellEvent : [col.cellEvent];
+                for (const eventName of events) {
+                    const propKey = `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`;
+                    cellEventProps[propKey] = () => {
+                        console.log({ row });
+                        this.cellActionFired.emit({ row });
+                    };
+                }
+            }
+            return h(Tag, Object.assign(Object.assign({}, props), cellEventProps), allChildren.length > 0 ? allChildren : undefined);
         }
         // if (!value && col.supportingText) {
         //   const primary = row[col.key];
@@ -654,9 +673,9 @@ export class GbTable {
         if (col.hasAvatar) {
             const avatarInitials = typeof col.cellAvatar.slots.initials === 'function' ? col.cellAvatar.slots.initials(row) : col.cellAvatar.slots.initials;
             const avatarImage = typeof col.cellAvatar.slots.image === 'function' ? getAssetPath(col.cellAvatar.slots.image(row)) : getAssetPath(col.cellAvatar.slots.image);
-            return (h("div", { class: "avatar_cell" }, h("gb-avatar", { size: "sm", text: avatarInitials ? true : avatarImage ? false : null, "show-border": "false" }, h("h1", { slot: "initials" }, avatarInitials), h("img", { slot: "image", src: avatarImage })), h("p", { class: `body_text text-sm-regular ${resolvedClass}`, style: resolvedStyle }, value)));
+            return (h("div", { class: "avatar_cell" }, h("gb-avatar", { size: "sm", text: avatarInitials ? true : avatarImage ? false : null, "show-border": "false" }, h("h1", { slot: "initials" }, avatarInitials), h("img", { slot: "image", src: avatarImage })), h("p", { class: `body_text text-sm-regular ${col.truncate ? 'text_truncate' : ''} ${resolvedClass}`, style: resolvedStyle, title: col.truncate ? String(value !== null && value !== void 0 ? value : '') : undefined }, value)));
         }
-        return (h(Fragment, null, h("p", { class: `body_text text-sm-regular ${resolvedClass}`, style: resolvedStyle }, value), supporting && (h("div", { class: "supporting" }, h("p", { class: "text-xs-regular" }, supporting)))));
+        return (h(Fragment, null, h("p", { class: `body_text text-sm-regular ${col.truncate ? 'text_truncate' : ''} ${resolvedClass}`, style: resolvedStyle, title: col.truncate ? String(value !== null && value !== void 0 ? value : '') : undefined }, value), supporting && (h("div", { class: "supporting" }, h("p", { class: "text-xs-regular" }, supporting)))));
     }
     getCellValue(col, row) {
         if (col.value) {
@@ -915,7 +934,7 @@ export class GbTable {
                 this.toggleRow(row);
             } }))), this.internalColumns
             .filter(col => col.visible)
-            .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 => {
+            .map((col, index) => (h(Fragment, null, h("td", { style: { textAlign: col.align || 'left' }, class: `table_detail ${col.truncate ? 'cell_truncate' : ''} ${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);
             } })) : action.type === 'custom' ? (this.renderCustomAction(row)) : (h("gb-button", { hierarchy: "tertiary_gray", size: "md", icon: "only", destructive: action.destructive, iconLeading: true, iconLeadingSwap: action.icon, onClick: e => {
@@ -1139,16 +1158,16 @@ export class GbTable {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (h("div", { key: 'c12e34fc02725e4f8d986a6ae3ff0ff0138a12f1', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: 'ddca5d2b6c9eb3fdcd7ce69e7db141e4c0c3754b', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: 'aaae05457ce3c19cdab4612bcc51505fa40bcee1', 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: '03b1bb9c6b2fb99e3811f08782641cdc95ac4f0b', class: "dialog", style: {
+        return (h("div", { key: 'ae2fa96cbec415c81f3da4bf23be2d554f647191', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: '0b1adf00e958704ac66bb7668cf7aad5d9ce9eb4', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '917206d14c27e5c6950ecbd2a9aa97400fec96a8', 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, "pdf-sub-dropdown": this.tableHeaderConfig.pdfSubDropdown, "csv-sub-dropdown": this.tableHeaderConfig.csvSubDropdown, 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: '9a99f15120f1a1911fd03bf44d26ac4beb961d4e', class: "dialog", style: {
                 transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
-            } }, h("div", { key: 'e63e9b9cba1ad416007e10841abc417826368dd4', class: "column-modal" }, h("div", { key: '49c41b1b6e485b1afc4d9ec49557dcd4345b9bcc', class: "modal_header" }, h("div", { key: 'f3df691793633149afc6c224e64af6962565cca1', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '51a8f9f826e7db0117e0deb4bd37ee5f05229ea1', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: 'b1e4a3ee762c1f7c5db302babbc47204757cbbc3', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '8cf38a161d5c4c5762e9d97b78d6d21f090939e2', class: "content_wrapper" }, h("div", { key: '54c1731e3e62d7a37e2d2125dd4f7b038d60a2b4', 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: 'a7ab27435df71be5087bfc4fcfec3d7571252ca9', class: "column-modal" }, h("div", { key: '5d5bb605cd2d05e68ef259563c61a2aab3352c14', class: "modal_header" }, h("div", { key: '26ec42334edc975df4fb532bb840ca870b7faeca', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '717f8d2ddbae5935e228e13ccec7f26b2bfefde9', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '5ca9b3c7824e3c0ffe619c921766eace57614a54', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '087b3ca005357c088688648ea84421065164f21e', class: "content_wrapper" }, h("div", { key: '50da6717460160dbaa5ce2523a8ec6d4d24002ff', 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: 'bf0718eb86ff04c75871aba8130e81d557e2de84', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '47a75e1b08832da235561f383bee4ba73b9f2126', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '274c978b164467ad707f13aa163240db780883fa', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
+            } })))), h("div", { key: '7e98353adfc9b47ca063b678b3146cab71c20dde', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: 'ff2d7ab91b0e3038402c126fddddbab3490945d5', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: 'e850525900a5a5056d22a49456d1f9eaf36bab45', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
                 e.stopPropagation();
                 this.closeFilterModal();
             }, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
@@ -1195,7 +1214,7 @@ export class GbTable {
                 ? this.renderDesktopView()
                 : this.currentTableLayout === 'grid'
                     ? this.renderGridView()
-                    : null)), this.paginationConfig && (h("div", { key: '2bde3be88e63d138476d3dae4747453021778852', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: 'b55b7c314ce381d2f8f01371546d8ca57db6c370', "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: '238ebc9980d2eb86948eee4567428f0e4b2a6019', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
+                    : null)), this.paginationConfig && (h("div", { key: '9aabe280c5be2024301df78a00aa9bc64d520375', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: 'd007afb510d97a2d96abf9fa3bfb3b0e8cf7b20f', "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: '725b91f6037e2ca8496d326f60919489e16c9fe4', 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"; }
@@ -1253,7 +1272,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: '10rem', sortable: true, sortType: 'string', truncate: true, 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-button',\r\n    //   cellProps: row => ({ \r\n    //     hierarchy: 'link_gray', \r\n    //     size: 'md', \r\n    //     icon: 'default',\r\n    //     iconLeading: true,\r\n    //     iconLeadingSwap: 'assets/view.svg'\r\n    //   }),\r\n    //   cellEvent: 'buttonClicked',\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",
@@ -1294,8 +1313,8 @@ export class GbTable {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "{\r\n    type: 'default' | 'table_control';\r\n    tableHeading?: boolean;\r\n    tableHeadingLabel?: string;\r\n    showDateFilter?: boolean;\r\n    showFilter?: boolean;\r\n    showColumnOptions?: boolean;\r\n    showSearch?: boolean;\r\n    showExport?: boolean;\r\n    showRefreshButton?: boolean;\r\n    showEntireData?: boolean;\r\n    showLayoutToggle?: boolean;\r\n    filterState?: 'default' | 'applied';\r\n    filterCount?: number;\r\n    exportButtonState?: 'default' | 'disabled';\r\n    pdfState?: 'default' | 'disabled';\r\n    csvState?: 'default' | 'disabled';\r\n    datePickerMode?: 'single' | 'range';\r\n    inputPlaceholder?: string;\r\n    datePickerPlaceholder?: string;\r\n    searchMode?: 'internal' | 'external';\r\n  }",
-                    "resolved": "{ type: \"default\" | \"table_control\"; tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\" | \"applied\"; filterCount?: number; exportButtonState?: \"disabled\" | \"default\"; pdfState?: \"disabled\" | \"default\"; csvState?: \"disabled\" | \"default\"; datePickerMode?: \"single\" | \"range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; searchMode?: \"external\" | \"internal\"; }",
+                    "original": "{\r\n    type: 'default' | 'table_control';\r\n    tableHeading?: boolean;\r\n    tableHeadingLabel?: string;\r\n    showDateFilter?: boolean;\r\n    showFilter?: boolean;\r\n    showColumnOptions?: boolean;\r\n    showSearch?: boolean;\r\n    showExport?: boolean;\r\n    showRefreshButton?: boolean;\r\n    showEntireData?: boolean;\r\n    showLayoutToggle?: boolean;\r\n    filterState?: 'default' | 'applied';\r\n    filterCount?: number;\r\n    exportButtonState?: 'default' | 'disabled';\r\n    pdfState?: 'default' | 'disabled';\r\n    csvState?: 'default' | 'disabled';\r\n    pdfSubDropdown?: boolean;\r\n    csvSubDropdown?: boolean;\r\n    datePickerMode?: 'single' | 'range';\r\n    inputPlaceholder?: string;\r\n    datePickerPlaceholder?: string;\r\n    searchMode?: 'internal' | 'external';\r\n  }",
+                    "resolved": "{ type: \"default\" | \"table_control\"; tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\" | \"applied\"; filterCount?: number; exportButtonState?: \"disabled\" | \"default\"; pdfState?: \"disabled\" | \"default\"; csvState?: \"disabled\" | \"default\"; pdfSubDropdown?: boolean; csvSubDropdown?: boolean; datePickerMode?: \"single\" | \"range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; searchMode?: \"external\" | \"internal\"; }",
                     "references": {}
                 },
                 "required": false,
@@ -1826,6 +1845,21 @@ export class GbTable {
                     "resolved": "string",
                     "references": {}
                 }
+            }, {
+                "method": "cellActionFired",
+                "name": "cellActionFired",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ row: any; }",
+                    "resolved": "{ row: any; }",
+                    "references": {}
+                }
             }];
     }
     static get methods() {