globuswebcomponents 2.9.0 → 2.9.1

package/dist/collection/utils/tableColumnBuilder.js

@@ -0,0 +1,125 @@
+/**
+ * Creates a basic table column with text rendering
+ */
+export function createTextColumn(key, label, options) {
+    return {
+        key,
+        label,
+        align: options === null || options === void 0 ? void 0 : options.align,
+        sortable: options === null || options === void 0 ? void 0 : options.sortable,
+        width: options === null || options === void 0 ? void 0 : options.width,
+    };
+}
+/**
+ * Creates a column with a custom web component
+ */
+export function createComponentColumn(key, label, componentTag, componentProps, namedSlots, options) {
+    const column = {
+        key,
+        label,
+        cellComponent: componentTag,
+        align: options === null || options === void 0 ? void 0 : options.align,
+        width: options === null || options === void 0 ? void 0 : options.width,
+    };
+    if (componentProps) {
+        column.cellProps = componentProps;
+    }
+    if (namedSlots) {
+        column.cellSlots = {
+            named: namedSlots,
+        };
+    }
+    return column;
+}
+/**
+ * Creates a column with a component that has a default slot
+ */
+export function createComponentColumnWithDefaultSlot(key, label, componentTag, defaultSlotTag, defaultSlotContent, componentProps, options) {
+    const column = {
+        key,
+        label,
+        cellComponent: componentTag,
+        align: options === null || options === void 0 ? void 0 : options.align,
+        width: options === null || options === void 0 ? void 0 : options.width,
+        cellSlots: {
+            default: {
+                tag: defaultSlotTag,
+                content: defaultSlotContent,
+            },
+        },
+    };
+    if (componentProps) {
+        column.cellProps = componentProps;
+    }
+    return column;
+}
+/**
+ * Creates a badge component column
+ * Usage: createBadgeColumn('status', 'Status', row => ({ color: row.status === 'active' ? 'success' : 'error' }), row => row.status)
+ */
+export function createBadgeColumn(key, label, componentPropsBuilder, contentBuilder, slotTag = 'p') {
+    return createComponentColumnWithDefaultSlot(key, label, 'gb-badge', slotTag, contentBuilder, componentPropsBuilder);
+}
+/**
+ * Creates an avatar label group column with name, initials, and supporting text
+ * Usage: createAvatarLabelGroupColumn('reviewer', 'Reviewer', {
+ *   nameBuilder: row => row.reviewerName,
+ *   initialsBuilder: row => row.reviewerInitials,
+ *   supportingTextBuilder: row => row.reviewerRole
+ * })
+ */
+export function createAvatarLabelGroupColumn(key, label, options, align) {
+    const defaultProps = {
+        'size': 'sm',
+        'status-icon': false,
+        'text': true,
+    };
+    return createComponentColumn(key, label, 'gb-avatar-label-group', options.componentPropsBuilder ? (row) => (Object.assign(Object.assign({}, defaultProps), options.componentPropsBuilder(row))) : defaultProps, {
+        name: {
+            tag: 'p',
+            content: options.nameBuilder,
+        },
+        initials: {
+            tag: 'h1',
+            content: options.initialsBuilder,
+        },
+        supporting_text: {
+            tag: 'p',
+            content: options.supportingTextBuilder,
+        },
+    }, { align });
+}
+/**
+ * Creates a button column for actions
+ * Usage: createButtonColumn('action', 'Action', { hierarchy: 'tertiary_gray', size: 'sm' })
+ */
+export function createButtonColumn(key, label, componentPropsBuilder, align) {
+    return createComponentColumn(key, label, 'gb-button', componentPropsBuilder, undefined, { align });
+}
+/**
+ * Creates a custom component column with flexible configuration
+ */
+export function createCustomComponentColumn(key, label, componentTag, config) {
+    const column = {
+        key,
+        label,
+        cellComponent: componentTag,
+        align: config.align,
+        width: config.width,
+        sortable: config.sortable,
+    };
+    if (config.componentPropsBuilder) {
+        column.cellProps = config.componentPropsBuilder;
+    }
+    if (config.defaultSlot || config.namedSlots) {
+        column.cellSlots = {};
+        if (config.defaultSlot) {
+            column.cellSlots.default = config.defaultSlot;
+        }
+        if (config.namedSlots) {
+            column.cellSlots.named = config.namedSlots;
+        }
+    }
+    return column;
+}
+//# sourceMappingURL=tableColumnBuilder.js.map

package/dist/collection/utils/tableColumnBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableColumnBuilder.js","sourceRoot":"","sources":["../../src/utils/tableColumnBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["import { TableColumn } from '../models/reusableModels';\r\n\r\n/**\r\n * Helper interface for slot configuration\r\n */\r\ninterface SlotConfig {\r\n  tag: string;\r\n  content: (row: any) => string | any;\r\n}\r\n\r\ninterface NamedSlotsConfig {\r\n  [slotName: string]: SlotConfig;\r\n}\r\n\r\n/**\r\n * Creates a basic table column with text rendering\r\n */\r\nexport function createTextColumn(key: string, label: string, options?: { align?: 'left' | 'center' | 'right'; sortable?: boolean; width?: string }): TableColumn {\r\n  return {\r\n    key,\r\n    label,\r\n    align: options?.align,\r\n    sortable: options?.sortable,\r\n    width: options?.width,\r\n  };\r\n}\r\n\r\n/**\r\n * Creates a column with a custom web component\r\n */\r\nexport function createComponentColumn(\r\n  key: string,\r\n  label: string,\r\n  componentTag: string,\r\n  componentProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any },\r\n  namedSlots?: NamedSlotsConfig,\r\n  options?: { align?: 'left' | 'center' | 'right'; width?: string },\r\n): TableColumn {\r\n  const column: TableColumn = {\r\n    key,\r\n    label,\r\n    cellComponent: componentTag,\r\n    align: options?.align,\r\n    width: options?.width,\r\n  };\r\n\r\n  if (componentProps) {\r\n    column.cellProps = componentProps;\r\n  }\r\n\r\n  if (namedSlots) {\r\n    column.cellSlots = {\r\n      named: namedSlots,\r\n    };\r\n  }\r\n\r\n  return column;\r\n}\r\n\r\n/**\r\n * Creates a column with a component that has a default slot\r\n */\r\nexport function createComponentColumnWithDefaultSlot(\r\n  key: string,\r\n  label: string,\r\n  componentTag: string,\r\n  defaultSlotTag: string,\r\n  defaultSlotContent: (row: any) => string | any,\r\n  componentProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any },\r\n  options?: { align?: 'left' | 'center' | 'right'; width?: string },\r\n): TableColumn {\r\n  const column: TableColumn = {\r\n    key,\r\n    label,\r\n    cellComponent: componentTag,\r\n    align: options?.align,\r\n    width: options?.width,\r\n    cellSlots: {\r\n      default: {\r\n        tag: defaultSlotTag,\r\n        content: defaultSlotContent,\r\n      },\r\n    },\r\n  };\r\n\r\n  if (componentProps) {\r\n    column.cellProps = componentProps;\r\n  }\r\n\r\n  return column;\r\n}\r\n\r\n/**\r\n * Creates a badge component column\r\n * Usage: createBadgeColumn('status', 'Status', row => ({ color: row.status === 'active' ? 'success' : 'error' }), row => row.status)\r\n */\r\nexport function createBadgeColumn(\r\n  key: string,\r\n  label: string,\r\n  componentPropsBuilder: (row: any) => { [key: string]: any },\r\n  contentBuilder: (row: any) => string,\r\n  slotTag: string = 'p',\r\n): TableColumn {\r\n  return createComponentColumnWithDefaultSlot(key, label, 'gb-badge', slotTag, contentBuilder, componentPropsBuilder);\r\n}\r\n\r\n/**\r\n * Creates an avatar label group column with name, initials, and supporting text\r\n * Usage: createAvatarLabelGroupColumn('reviewer', 'Reviewer', {\r\n *   nameBuilder: row => row.reviewerName,\r\n *   initialsBuilder: row => row.reviewerInitials,\r\n *   supportingTextBuilder: row => row.reviewerRole\r\n * })\r\n */\r\nexport function createAvatarLabelGroupColumn(\r\n  key: string,\r\n  label: string,\r\n  options: {\r\n    nameBuilder: (row: any) => string;\r\n    initialsBuilder: (row: any) => string;\r\n    supportingTextBuilder: (row: any) => string;\r\n    componentPropsBuilder?: (row: any) => { [key: string]: any };\r\n  },\r\n  align?: 'left' | 'center' | 'right',\r\n): TableColumn {\r\n  const defaultProps = {\r\n    'size': 'sm',\r\n    'status-icon': false,\r\n    'text': true,\r\n  };\r\n\r\n  return createComponentColumn(\r\n    key,\r\n    label,\r\n    'gb-avatar-label-group',\r\n    options.componentPropsBuilder ? (row: any) => ({ ...defaultProps, ...options.componentPropsBuilder(row) }) : defaultProps,\r\n    {\r\n      name: {\r\n        tag: 'p',\r\n        content: options.nameBuilder,\r\n      },\r\n      initials: {\r\n        tag: 'h1',\r\n        content: options.initialsBuilder,\r\n      },\r\n      supporting_text: {\r\n        tag: 'p',\r\n        content: options.supportingTextBuilder,\r\n      },\r\n    },\r\n    { align },\r\n  );\r\n}\r\n\r\n/**\r\n * Creates a button column for actions\r\n * Usage: createButtonColumn('action', 'Action', { hierarchy: 'tertiary_gray', size: 'sm' })\r\n */\r\nexport function createButtonColumn(key: string, label: string, componentPropsBuilder: (row: any) => { [key: string]: any }, align?: 'left' | 'center' | 'right'): TableColumn {\r\n  return createComponentColumn(key, label, 'gb-button', componentPropsBuilder, undefined, { align });\r\n}\r\n\r\n/**\r\n * Creates a custom component column with flexible configuration\r\n */\r\nexport function createCustomComponentColumn(\r\n  key: string,\r\n  label: string,\r\n  componentTag: string,\r\n  config: {\r\n    componentPropsBuilder?: (row: any) => { [key: string]: any };\r\n    defaultSlot?: {\r\n      tag: string;\r\n      content: (row: any) => string | any;\r\n    };\r\n    namedSlots?: NamedSlotsConfig;\r\n    align?: 'left' | 'center' | 'right';\r\n    width?: string;\r\n    sortable?: boolean;\r\n  },\r\n): TableColumn {\r\n  const column: TableColumn = {\r\n    key,\r\n    label,\r\n    cellComponent: componentTag,\r\n    align: config.align,\r\n    width: config.width,\r\n    sortable: config.sortable,\r\n  };\r\n\r\n  if (config.componentPropsBuilder) {\r\n    column.cellProps = config.componentPropsBuilder;\r\n  }\r\n\r\n  if (config.defaultSlot || config.namedSlots) {\r\n    column.cellSlots = {};\r\n    if (config.defaultSlot) {\r\n      column.cellSlots.default = config.defaultSlot;\r\n    }\r\n    if (config.namedSlots) {\r\n      column.cellSlots.named = config.namedSlots;\r\n    }\r\n  }\r\n\r\n  return column;\r\n}\r\n"]}

package/dist/components/gb-table.js

@@ -63,7 +63,14 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
             {
                 key: 'status',
                 label: 'Status',
-                render: row => (h("gb-badge", { color: row.status === 'Completed' ? 'success' : 'error', type: "badge_modern", size: "sm", icon: "dot" }, h("p", null, row.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, // Get status value from row
+                    },
+                },
                 mobile: { position: 'bottom_right' },
             },
             // {
@@ -208,13 +215,30 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
         this.rowActionClick.emit({ action, row });
     }
     renderCell(col, row) {
+        var _a, _b, _c;
         if (col.cellComponent) {
             const Tag = col.cellComponent;
             // resolve props
             const props = typeof col.cellProps === 'function' ? col.cellProps(row) : col.cellProps || {};
-            // resolve slots
-            const slots = typeof col.cellSlots === 'function' ? col.cellSlots(row) : row.status;
-            return h(Tag, props, slots);
+            // resolve default slot content
+            let defaultSlotContent = null;
+            if ((_b = (_a = col.cellSlots) === null || _a === void 0 ? void 0 : _a.default) === null || _b === void 0 ? void 0 : _b.content) {
+                const content = col.cellSlots.default.content(row);
+                const slotTag = col.cellSlots.default.tag;
+                defaultSlotContent = slotTag ? h(slotTag, {}, content) : content;
+            }
+            // resolve named slots
+            const namedSlotElements = [];
+            if ((_c = col.cellSlots) === null || _c === void 0 ? void 0 : _c.named) {
+                for (const [slotName, slotConfig] of Object.entries(col.cellSlots.named)) {
+                    const content = slotConfig.content(row);
+                    const element = h(slotConfig.tag, { slot: slotName }, content);
+                    namedSlotElements.push(element);
+                }
+            }
+            // render component with slots
+            const allChildren = [defaultSlotContent, ...namedSlotElements].filter(child => child != null);
+            return h(Tag, props, allChildren.length > 0 ? allChildren : undefined);
         }
         return h("p", { class: "body_text text-sm-regular" }, row[col.key]);
     }
@@ -365,7 +389,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
                 actions_cell: true,
                 sticky_right: this.stickyLastColumn,
                 has_border: this.isScrollable,
-            } }, h("div", { class: "empty_div" }))))), h("tbody", null, this.displayedData.map((row, rowIndex) => (h("tr", { class: "table_body" }, this.showCheckbox && (h("td", { class: "table_detail", style: { width: '50px' } }, h("gb-checkbox", { type: "checkbox", checked: this.selectedRowIds.has(row.id), indeterminate: false, size: "sm", onClick: () => this.toggleRow(row) }))), this.columns.map((col, index) => (h(Fragment, null, col.render ? (h("td", { style: { textAlign: col.align || 'left' }, class: `table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}` }, col.render(row))) : (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: "sm", icon: "only", iconLeading: true, iconLeadingSwap: "assets/more-horizontal.svg", onClick: () => this.toggleDropdown(rowIndex) })) : (h("gb-button", { hierarchy: "tertiary_gray", size: "sm", icon: "only", iconLeading: true, iconLeadingSwap: action.icon, onClick: () => this.handleAction(action.action, row) })))))), h(Fragment, null, this.openRowIndex === rowIndex && (h("gb-portal", { "anchor-id": `gb-table-trigger-${rowIndex}`, placement: "bottom-end", anchorEl: this.currentAnchorEl, open: true }, h("div", { class: "dropdown_wrapper" }, this.dropdownOptions.map(action => (
+            } }, h("div", { class: "empty_div" }))))), h("tbody", null, this.displayedData.map((row, rowIndex) => (h("tr", { class: "table_body" }, this.showCheckbox && (h("td", { class: "table_detail", style: { width: '50px' } }, h("gb-checkbox", { type: "checkbox", checked: this.selectedRowIds.has(row.id), indeterminate: false, size: "sm", onClick: () => this.toggleRow(row) }))), this.columns.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: "sm", icon: "only", iconLeading: true, iconLeadingSwap: "assets/more-horizontal.svg", onClick: () => this.toggleDropdown(rowIndex) })) : (h("gb-button", { hierarchy: "tertiary_gray", size: "sm", icon: "only", iconLeading: true, iconLeadingSwap: action.icon, onClick: () => this.handleAction(action.action, row) })))))), h(Fragment, null, this.openRowIndex === rowIndex && (h("gb-portal", { "anchor-id": `gb-table-trigger-${rowIndex}`, placement: "bottom-end", anchorEl: this.currentAnchorEl, open: true }, h("div", { class: "dropdown_wrapper" }, this.dropdownOptions.map(action => (
         // <gb-input-dropdown-menu-item
         //   type="default"
         //   state={action.disabled ? StateEnum.Disabled : StateEnum.Default}
@@ -405,7 +429,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (h("div", { key: 'd393c1812e06818c2a0dd266cfb8f1c849971b2c', class: `table_wrapper` }, h("gb-table-header", { key: '2398b782d79e6afccdd3047eb8b37cf23efbcbff', 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, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this) }), this.data.length === 0 ? (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" }))) : (h(Fragment, null, this.isMobile ? this.renderMobileView() : this.renderDesktopView())), this.paginationConfig && this.data.length > 0 && (h("gb-pagination", { key: '67b71bebffe1f1563520dd5eaac8cf0ffac6368a', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))));
+        return (h("div", { key: '4cce79da07cb105881c3ced72db8b67f8a3fde37', class: `table_wrapper` }, h("gb-table-header", { key: '936913895c8103d32047aa6a4c9084fc5fd40516', 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, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this) }), this.data.length === 0 ? (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" }))) : (h(Fragment, null, this.isMobile ? this.renderMobileView() : this.renderDesktopView())), this.paginationConfig && this.data.length > 0 && (h("gb-pagination", { key: '49889c14f6f7d649fda7ec0356f892c1e003d50f', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))));
     }
     static get watchers() { return {
         "data": ["onDataChange"],

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

@@ -1 +1 @@
-{"file":"gb-table.js","mappings":"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","names":["GbTable","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-table/gb-table.css?tag=gb-table&encapsulation=shadow","src/components/gb-table/gb-table.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.table_wrapper {\r\n  width: 100%;\r\n  overflow: visible;\r\n}\r\n\r\n/* .table_wrapper table th:first-child,\r\n.table_wrapper table td:first-child {\r\n  position: sticky;\r\n  left: 0;\r\n  background: white;\r\n  z-index: 2;\r\n} */\r\n\r\n.table_scroll {\r\n  width: 100%;\r\n  overflow-x: auto; /* horizontal scroll */\r\n}\r\n\r\ntable {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  min-width: max-content;\r\n  background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable.scrollable {\r\n  table-layout: fixed;\r\n}\r\n\r\nthead {\r\n  width: 100%;\r\n}\r\n\r\n.table_head_row {\r\n  width: 100%;\r\n  border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_head_row th {\r\n  /* display: flex; */\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 0.75rem 1.5rem;\r\n}\r\n\r\n.table_head_content {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.align_left {\r\n  flex-direction: row;\r\n}\r\n\r\n.align_right {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.head_text,\r\n.body_text {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.head_text.sortable:hover {\r\n  color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.table_head_icons {\r\n  display: flex;\r\n  gap: var(--spacing-1);\r\n}\r\n\r\n.body_text {\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n/* .table_body {\r\n  display: flex;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  width: 100%;\r\n} */\r\n\r\n.table_body .table_detail {\r\n  max-height: 4.5rem;\r\n  padding: 1rem 1.5rem;\r\n  border-bottom: 1px solid var(--color-border-disabled, #e3e8ef);\r\n}\r\n\r\n.sticky_left {\r\n  position: sticky;\r\n  left: 0;\r\n  z-index: 3;\r\n}\r\n\r\n.sticky_right {\r\n  position: sticky;\r\n  right: 0;\r\n  z-index: 3;\r\n}\r\n\r\nth.sticky_left,\r\nth.sticky_right {\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_detail.sticky_left,\r\n.table_detail.sticky_right {\r\n  background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable th.has_border.sticky_left::after,\r\ntable .table_detail.has_border.sticky_left::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  box-shadow: 2px 0 2px var(--color-border-subtle, #cdd5df);\r\n  pointer-events: none;\r\n}\r\n\r\n.actions_cell.has_border.sticky_right::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  box-shadow: -2px 0 2px var(--color-border-subtle, #cdd5df);\r\n  pointer-events: none;\r\n}\r\n\r\n.empty_div {\r\n  height: 100%;\r\n  width: 70px;\r\n}\r\n\r\n#dropdown_button {\r\n  position: relative;\r\n}\r\n\r\n.action_buttons {\r\n  display: flex;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.dropdown_wrapper {\r\n  width: 9.5rem;\r\n  border-radius: var(--rounded-sm);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  background: var(--color-surface, #ffffff);\r\n  box-shadow: var(--shadow-md);\r\n  position: absolute;\r\n  /* z-index: 1000; */\r\n}\r\n\r\n/* Mobile Table View Styles */\r\n.mobile_wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.mobile_card_wrapper {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.mobile-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: var(--spacing-6) var(--spacing-4);\r\n  align-items: center;\r\n  gap: var(--spacing-5);\r\n}\r\n\r\n.mobile-row {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  /* gap: var(--spacing-4); */\r\n  flex: 1 0 0;\r\n}\r\n\r\n.mobile-bottom {\r\n  align-items: flex-end;\r\n  text-align: right;\r\n}\r\n\r\n/* .mobile-top .mobile-cell:first-child {\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n}\r\n\r\n.mobile-top .mobile-cell.right {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n} */\r\n\r\n.mobile-cell {\r\n  min-width: 0;\r\n}\r\n\r\n.mobile-cell.right {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  flex: 1;\r\n  text-align: right;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n  max-width: 11rem;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  min-width: 0;\r\n  margin: 0;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.bottom_left_text {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.empty_state_wrapper {\r\n  display: flex;\r\n  padding: 2.5rem 2rem 3rem 2rem;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  overflow: hidden;\r\n}\r\n","import { Component, Event, EventEmitter, Prop, State, h, Fragment, Watch, Listen } from '@stencil/core';\r\nimport { DropdownOption, GeneralColors, RowAction, StateEnum, TableColumn, ThemeTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table',\r\n  styleUrl: 'gb-table.css',\r\n  shadow: true,\r\n})\r\nexport class GbTable {\r\n  @Prop() columns: TableColumn[] = [\r\n    { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },\r\n    { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },\r\n    { key: 'role', label: 'Role' },\r\n    { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n    {\r\n      key: 'status',\r\n      label: 'Status',\r\n      render: row => (\r\n        <gb-badge color={row.status === 'Completed' ? 'success' : 'error'} type=\"badge_modern\" size=\"sm\" icon=\"dot\">\r\n          <p>{row.status}</p>\r\n        </gb-badge>\r\n      ),\r\n      mobile: { position: 'bottom_right' },\r\n    },\r\n    // {\r\n    //   key: '',\r\n    //   label: '',\r\n    //   cellComponent: 'gb-button',\r\n    //   width: '50px',\r\n    //   cellProps: () => ({\r\n    //     hierarchy: 'tertiary_gray',\r\n    //     size: 'sm',\r\n    //     icon: 'only',\r\n    //     iconLeading: true,\r\n    //     iconLeadingSwap: 'assets/more-horizontal.svg',\r\n    //   }),\r\n    // },\r\n  ];\r\n  @Prop() data: any[] = [\r\n    {\r\n      id: '#3001',\r\n      date: 'Jan 1, 2022',\r\n      name: 'Emma Johnson',\r\n      role: 'Frontend Developer',\r\n      level: 'Today',\r\n      customer: 'John Doe',\r\n      amount: '$120.00',\r\n      status: 'Completed',\r\n    },\r\n    { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ];\r\n  @Prop() tableHeaderConfig: {\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    datePickerMode: 'single' | 'range';\r\n  } = {\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: true,\r\n    datePickerMode: 'single',\r\n  };\r\n  @Prop() paginationConfig: {\r\n    paginationMode: 'internal' | 'external';\r\n    entriesDropdownMenuPosition: 'top' | 'bottom';\r\n    currentPage?: number;\r\n    pageSize?: number;\r\n    totalItems?: number;\r\n  } = {\r\n    paginationMode: 'internal',\r\n    entriesDropdownMenuPosition: 'top',\r\n    currentPage: 1,\r\n    pageSize: 10,\r\n    totalItems: null,\r\n  };\r\n  @Prop() emptyStateConfig: { mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string } = {\r\n    mainText: 'No data available',\r\n    supportingText: 'Try adjusting your filters or check back later.',\r\n    color: 'gray',\r\n    illustrationIcon: 'assets/alert-circle.svg',\r\n    theme: 'light',\r\n  };\r\n  @Prop() showActionsColumn: boolean = true;\r\n  @Prop() rowActions: RowAction[] = [\r\n    { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ];\r\n  @Prop() dropdownOptions?: DropdownOption[] = [\r\n    { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ];\r\n  @Prop() stickyFirstColumn: boolean = true;\r\n  @Prop() stickyLastColumn: boolean = true;\r\n  @Prop() actionsType: 'none' | 'dropdown' | '' = 'none';\r\n  @Prop() showCheckbox: boolean = false;\r\n  // @Prop({ mutable: true }) currentPage?: number = 1;\r\n  // @Prop() pageSize: number = 10;\r\n  // @Prop() totalItems?: number;\r\n  @State() internalCurrentPage: number = 1;\r\n  @State() internalPageSize: number = 10;\r\n  @State() openRowIndex: number | null = null;\r\n  @State() sortKey?: string;\r\n  @State() sortDirection: 'asc' | 'desc' = 'asc';\r\n  @State() selectedRowIds: Set<string> = new Set();\r\n  @State() breakpoint: 'mobile' | 'desktop' = 'desktop';\r\n  @State() isMobile: boolean = false;\r\n  @State() isScrollable: boolean = false;\r\n  @Event() rowActionClick: EventEmitter<{ action: string; row: any }>;\r\n  @Event() pageItemSelected: EventEmitter<{ pageSize: any; pageNumber: number }>;\r\n  @Event() selectionChanged: EventEmitter<any[]>;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() dateChange: EventEmitter<string | string[]>;\r\n\r\n  private actionButtonRefs: HTMLGbButtonElement[] = [];\r\n  private currentAnchorEl?: HTMLElement;\r\n  private scrollContainer?: HTMLDivElement;\r\n\r\n  componentWillRender() {\r\n    this.checkViewport();\r\n    window.addEventListener('resize', this.checkViewport.bind(this));\r\n  }\r\n\r\n  componentDidRender() {\r\n    requestAnimationFrame(() => this.checkScrollability());\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  checkViewport() {\r\n    this.isMobile = window.innerWidth <= 768;\r\n    this.checkScrollability();\r\n  }\r\n\r\n  private checkScrollability() {\r\n    if (!this.scrollContainer) return;\r\n\r\n    const { scrollWidth, clientWidth } = this.scrollContainer;\r\n    const newScrollable = scrollWidth > clientWidth;\r\n\r\n    if (newScrollable !== this.isScrollable) {\r\n      this.isScrollable = newScrollable; // only update if different\r\n    }\r\n  }\r\n\r\n  private handleAction(action: string, row: any) {\r\n    this.rowActionClick.emit({ action, row });\r\n  }\r\n\r\n  private renderCell(col: TableColumn, row: any) {\r\n    if (col.cellComponent) {\r\n      const Tag = col.cellComponent as keyof HTMLElementTagNameMap;\r\n\r\n      // resolve props\r\n      const props = typeof col.cellProps === 'function' ? col.cellProps(row) : col.cellProps || {};\r\n\r\n      // resolve slots\r\n      const slots = typeof col.cellSlots === 'function' ? col.cellSlots(row) : row.status;\r\n\r\n      return h(Tag, props, slots);\r\n    }\r\n\r\n    return <p class=\"body_text text-sm-regular\">{row[col.key]}</p>;\r\n  }\r\n\r\n  emitPaginationDetails({ detail }) {\r\n    this.pageItemSelected.emit(detail);\r\n  }\r\n\r\n  private async toggleDropdown(rowIndex: number) {\r\n    if (this.openRowIndex === rowIndex) {\r\n      this.openRowIndex = null;\r\n      return;\r\n    }\r\n\r\n    const buttonInstance = this.actionButtonRefs[rowIndex];\r\n    const nativeBtn = await buttonInstance?.getNativeButton();\r\n\r\n    this.currentAnchorEl = nativeBtn ?? undefined;\r\n    this.openRowIndex = rowIndex;\r\n  }\r\n\r\n  private onSort(col: TableColumn) {\r\n    if (!col.sortable) return;\r\n\r\n    if (this.sortKey === col.key) {\r\n      this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\r\n    } else {\r\n      this.sortKey = col.key;\r\n      this.sortDirection = 'asc';\r\n    }\r\n  }\r\n\r\n  private get sortedData() {\r\n    if (!this.sortKey) return this.data;\r\n\r\n    const col = this.columns.find(c => c.key === this.sortKey);\r\n    if (!col) return this.data;\r\n\r\n    return [...this.data].sort((a, b) => {\r\n      let valA = a[this.sortKey!];\r\n      let valB = b[this.sortKey!];\r\n\r\n      // Null safety\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n\r\n      let result = 0;\r\n\r\n      switch (col.sortType) {\r\n        case 'number': {\r\n          const numA = Number(String(valA).replace(/[^0-9.-]+/g, ''));\r\n          const numB = Number(String(valB).replace(/[^0-9.-]+/g, ''));\r\n          result = numA - numB;\r\n          break;\r\n        }\r\n\r\n        case 'date': {\r\n          const timeA = new Date(valA).getTime();\r\n          const timeB = new Date(valB).getTime();\r\n          result = timeA - timeB;\r\n          break;\r\n        }\r\n\r\n        case 'string':\r\n        default: {\r\n          result = String(valA).localeCompare(String(valB), undefined, {\r\n            sensitivity: 'base',\r\n          });\r\n          break;\r\n        }\r\n      }\r\n\r\n      return this.sortDirection === 'asc' ? result : -result;\r\n    });\r\n  }\r\n\r\n  private get allSelected() {\r\n    return this.sortedData.length > 0 && this.selectedRowIds.size === this.sortedData.length;\r\n  }\r\n\r\n  private get isIndeterminate() {\r\n    return this.selectedRowIds.size > 0 && this.selectedRowIds.size < this.sortedData.length;\r\n  }\r\n\r\n  private toggleAll() {\r\n    if (this.allSelected) {\r\n      this.selectedRowIds = new Set();\r\n    } else {\r\n      this.selectedRowIds = new Set(this.sortedData.map(row => row.id));\r\n    }\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  private toggleRow(row: any) {\r\n    const updated = new Set(this.selectedRowIds);\r\n\r\n    if (updated.has(row.id)) {\r\n      updated.delete(row.id);\r\n    } else {\r\n      updated.add(row.id);\r\n    }\r\n\r\n    this.selectedRowIds = updated;\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  private emitSelection() {\r\n    const selected = this.sortedData.filter(row => this.selectedRowIds.has(row.id));\r\n\r\n    this.selectionChanged.emit(selected);\r\n  }\r\n\r\n  private get displayedData() {\r\n    if (!this.paginationConfig) {\r\n      return this.sortedData;\r\n    }\r\n\r\n    if (this.paginationConfig.paginationMode === 'external') {\r\n      return this.sortedData; // parent already paginated it\r\n    }\r\n\r\n    const start = (this.internalCurrentPage - 1) * this.internalPageSize;\r\n    const end = start + this.internalPageSize;\r\n\r\n    return this.sortedData.slice(start, end);\r\n  }\r\n\r\n  private handlePageChange = ({ detail }: any) => {\r\n    const { pageNumber, pageSize } = detail;\r\n\r\n    if (this.paginationConfig.paginationMode === 'internal') {\r\n      this.internalCurrentPage = pageNumber;\r\n      this.internalPageSize = pageSize;\r\n    } else {\r\n      this.pageItemSelected.emit(detail);\r\n    }\r\n  };\r\n\r\n  private get totalPages() {\r\n    if (!this.paginationConfig) return 1;\r\n\r\n    const pageSize = this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize;\r\n\r\n    const totalItems = this.paginationConfig.paginationMode === 'external' ? this.paginationConfig.totalItems : this.sortedData.length;\r\n\r\n    return Math.ceil(totalItems / pageSize);\r\n  }\r\n\r\n  @Watch('data')\r\n  onDataChange(newValue: any[], _oldValue: any[]) {\r\n    if (!newValue) return;\r\n\r\n    this.data = newValue;\r\n  }\r\n\r\n  @Watch('totalItems')\r\n  onTotalItemsChange(newValue: number, _oldValue: number) {\r\n    if (!newValue || newValue < 1) return;\r\n\r\n    this.paginationConfig.totalItems = Number(newValue);\r\n  }\r\n\r\n  private renderHeaderIcons(col: TableColumn) {\r\n    return (\r\n      <>\r\n        {col.sortable && (\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            width=\"16\"\r\n            height=\"16\"\r\n            viewBox=\"0 0 16 16\"\r\n            fill=\"none\"\r\n            style={{\r\n              transform: this.sortKey === col.key && this.sortDirection === 'desc' ? 'rotate(180deg)' : 'rotate(0deg)',\r\n              opacity: this.sortKey === col.key ? '1' : '0.4',\r\n              transition: 'transform 0.2s ease',\r\n            }}\r\n          >\r\n            <path\r\n              d=\"M7.99998 13.3332V2.6665M7.99998 13.3332C8.87837 13.3332 11.3333 9.99993 11.3333 9.99993M7.99998 13.3332C7.12158 13.3332 4.66663 9.9999 4.66663 9.9999\"\r\n              stroke=\"var(--color-icon, #4B5565)\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        )}\r\n\r\n        {col.helpIcon && (\r\n          <gb-help-tooltip show-supporting-text=\"true\">\r\n            <p slot=\"label\">This is a label</p>\r\n            <p slot=\"supporting_text\">This is a supporting text</p>\r\n          </gb-help-tooltip>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n\r\n  renderDesktopView() {\r\n    // compute table min-width to force horizontal scroll when > 5 columns\r\n    const defaultColWidth = 160;\r\n    let totalWidth = 0;\r\n\r\n    this.columns.forEach(col => {\r\n      if (col.width) {\r\n        const w = typeof col.width === 'number' ? col.width : parseInt(String(col.width), 10);\r\n        totalWidth += Number.isFinite(w) ? w : defaultColWidth;\r\n      } else {\r\n        totalWidth += defaultColWidth;\r\n      }\r\n    });\r\n\r\n    // const tableStyle = this.columns.length > 5 ? { minWidth: `${totalWidth}px` } : {};\r\n\r\n    return (\r\n      <div class={`table_scroll`} ref={el => (this.scrollContainer = el as HTMLDivElement)}>\r\n        <table>\r\n          <thead>\r\n            <tr class=\"table_head_row\">\r\n              {this.showCheckbox && (\r\n                <th\r\n                  style={{ width: '15px' }}\r\n                  class={{\r\n                    sticky_left: this.stickyFirstColumn,\r\n                  }}\r\n                >\r\n                  <gb-checkbox type=\"checkbox\" checked={this.allSelected} indeterminate={this.isIndeterminate} size=\"sm\" onClick={() => this.toggleAll()}></gb-checkbox>\r\n                </th>\r\n              )}\r\n              {this.columns.map((col, index) => {\r\n                const align = col.align ?? 'left';\r\n\r\n                return (\r\n                  <th\r\n                    style={{ width: col.width, cursor: col.sortable ? 'pointer' : 'default', textAlign: col.align || 'left' }}\r\n                    onClick={() => this.onSort(col)}\r\n                    class={{\r\n                      table_header: true,\r\n                      sticky_left: this.stickyFirstColumn && index === 0,\r\n                      sortable: col.sortable,\r\n                      has_border: this.isScrollable,\r\n                    }}\r\n                  >\r\n                    <div class={`table_head_content align-${align}`}>\r\n                      {align === 'right' && <div class=\"table_head_icons\">{this.renderHeaderIcons(col)}</div>}\r\n                      <p class={`head_text text-xs-medium`}>{col.label}</p>\r\n                      {align === 'left' && <div class=\"table_head_icons\">{this.renderHeaderIcons(col)}</div>}\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n              {this.showActionsColumn && (\r\n                <th\r\n                  class={{\r\n                    actions_cell: true,\r\n                    sticky_right: this.stickyLastColumn,\r\n                    has_border: this.isScrollable,\r\n                  }}\r\n                >\r\n                  <div class=\"empty_div\"></div>\r\n                </th>\r\n              )}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {this.displayedData.map((row, rowIndex) => (\r\n              <tr class=\"table_body\">\r\n                {this.showCheckbox && (\r\n                  <td class=\"table_detail\" style={{ width: '50px' }}>\r\n                    <gb-checkbox type=\"checkbox\" checked={this.selectedRowIds.has(row.id)} indeterminate={false} size=\"sm\" onClick={() => this.toggleRow(row)}></gb-checkbox>\r\n                  </td>\r\n                )}\r\n                {this.columns.map((col, index) => (\r\n                  <>\r\n                    {col.render ? (\r\n                      <td\r\n                        style={{ textAlign: col.align || 'left' }}\r\n                        class={`table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}`}\r\n                      >\r\n                        {col.render(row)}\r\n                      </td>\r\n                    ) : (\r\n                      <td\r\n                        style={{ textAlign: col.align || 'left' }}\r\n                        class={`table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}`}\r\n                      >\r\n                        {this.renderCell(col, row)}\r\n                      </td>\r\n                    )}\r\n                  </>\r\n                ))}\r\n                {this.showActionsColumn && (\r\n                  <td class={{ table_detail: true, actions_cell: true, sticky_right: this.stickyLastColumn, has_border: this.isScrollable }} style={{ width: '50px' }}>\r\n                    <>\r\n                      <div class=\"action_buttons\">\r\n                        {this.rowActions.map(action => (\r\n                          <>\r\n                            {action.type === 'dropdown' ? (\r\n                              <gb-button\r\n                                id={`gb-table-trigger-${rowIndex}`}\r\n                                ref={el => (this.actionButtonRefs[rowIndex] = el)}\r\n                                class=\"dropdown_button\"\r\n                                hierarchy=\"tertiary_gray\"\r\n                                size=\"sm\"\r\n                                icon=\"only\"\r\n                                iconLeading\r\n                                iconLeadingSwap=\"assets/more-horizontal.svg\"\r\n                                onClick={() => this.toggleDropdown(rowIndex)}\r\n                              ></gb-button>\r\n                            ) : (\r\n                              <gb-button\r\n                                hierarchy=\"tertiary_gray\"\r\n                                size=\"sm\"\r\n                                icon=\"only\"\r\n                                iconLeading\r\n                                iconLeadingSwap={action.icon}\r\n                                onClick={() => this.handleAction(action.action, row)}\r\n                              ></gb-button>\r\n                            )}\r\n                          </>\r\n                        ))}\r\n                      </div>\r\n                      <>\r\n                        {this.openRowIndex === rowIndex && (\r\n                          <gb-portal anchor-id={`gb-table-trigger-${rowIndex}`} placement=\"bottom-end\" anchorEl={this.currentAnchorEl} open>\r\n                            <div class=\"dropdown_wrapper\">\r\n                              {this.dropdownOptions.map(action => (\r\n                                // <gb-input-dropdown-menu-item\r\n                                //   type=\"default\"\r\n                                //   state={action.disabled ? StateEnum.Disabled : StateEnum.Default}\r\n                                //   icon-leading={action.icon ? true : false}\r\n                                //   icon-leading-swap={action.icon}\r\n                                // >\r\n                                //   <p slot=\"name\">{action.label}</p>\r\n                                // </gb-input-dropdown-menu-item>\r\n                                <gb-dropdown-items-with-shortcut\r\n                                  icon={action.icon ? true : false}\r\n                                  state={action.disabled ? StateEnum.Disabled : StateEnum.Default}\r\n                                  label={action.label}\r\n                                  icon-src={action.icon}\r\n                                  onClick={() => {\r\n                                    this.handleAction(action.action, row);\r\n                                    this.openRowIndex = null;\r\n                                  }}\r\n                                ></gb-dropdown-items-with-shortcut>\r\n                              ))}\r\n                            </div>\r\n                          </gb-portal>\r\n                        )}\r\n                      </>\r\n                    </>\r\n                  </td>\r\n                )}\r\n              </tr>\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  @Watch('columns')\r\n  validateMobilePositions() {\r\n    const positions = this.columns.map(c => c.mobile?.position).filter(Boolean);\r\n\r\n    const duplicates = positions.filter((item, index) => positions.indexOf(item) !== index);\r\n\r\n    if (duplicates.length) {\r\n      console.warn('[gb-table] Duplicate mobile positions detected:', duplicates);\r\n    }\r\n  }\r\n\r\n  renderMobileView() {\r\n    return (\r\n      <div class=\"mobile_wrapper\">\r\n        {this.displayedData.map(row => {\r\n          const topLeft = this.columns.find(c => c.mobile?.position === 'top_left');\r\n          const topRight = this.columns.find(c => c.mobile?.position === 'top_right');\r\n          const bottomLeft = this.columns.find(c => c.mobile?.position === 'bottom_left');\r\n          const bottomRight = this.columns.find(c => c.mobile?.position === 'bottom_right');\r\n\r\n          return (\r\n            <div class=\"mobile_card_wrapper\" style={{ paddingLeft: this.showCheckbox ? 'var(--spacing-4)' : '' }}>\r\n              {this.showCheckbox && (\r\n                <gb-checkbox\r\n                  style={{ paddingTop: 'var(--spacing-6)' }}\r\n                  type=\"checkbox\"\r\n                  checked={this.selectedRowIds.has(row.id)}\r\n                  indeterminate={false}\r\n                  size=\"sm\"\r\n                  onClick={() => this.toggleRow(row)}\r\n                ></gb-checkbox>\r\n              )}\r\n              <div class=\"mobile-card\">\r\n                <div class=\"mobile-row mobile-top\">\r\n                  <div class=\"mobile-cell\">\r\n                    <p class=\"top_left_text text-md-regular\">{topLeft && row[topLeft.key]}</p>\r\n                  </div>\r\n                  <div class=\"mobile-cell right\">\r\n                    <p class=\"top_right_text text-md-semi-bold\">{topRight && row[topRight.key]}</p>\r\n                  </div>\r\n                </div>\r\n                <div class=\"mobile-row mobile-bottom\">\r\n                  <div class=\"mobile-cell\">\r\n                    <p class=\"bottom_left_text text-sm-regular\">{bottomLeft && row[bottomLeft.key]}</p>\r\n                  </div>\r\n                  <div class=\"mobile-cell right\">{bottomRight && this.renderCell(bottomRight, row)}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  emitSearchValue(detail) {\r\n    this.inputValueChanged.emit(detail.detail);\r\n  }\r\n\r\n  emitDateChange(detail) {\r\n    this.dateChange.emit(detail.detail);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.checkViewport);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`table_wrapper`}>\r\n        <gb-table-header\r\n          mode={this.tableHeaderConfig.datePickerMode}\r\n          table-heading={this.tableHeaderConfig.tableHeading}\r\n          table-heading-label={this.tableHeaderConfig.tableHeadingLabel}\r\n          show-search={this.tableHeaderConfig.showSearch}\r\n          show-date-filter={this.tableHeaderConfig.showDateFilter}\r\n          show-filter={this.tableHeaderConfig.showFilter}\r\n          show-export={this.tableHeaderConfig.showExport}\r\n          show-column-options={this.tableHeaderConfig.showColumnOptions}\r\n          show-refresh-button={this.tableHeaderConfig.showRefreshButton}\r\n          onInputValueChanged={this.emitSearchValue.bind(this)}\r\n          onDateChange={this.emitDateChange.bind(this)}\r\n        ></gb-table-header>\r\n        {this.data.length === 0 ? (\r\n          <div class=\"empty_state_wrapper\">\r\n            <gb-empty-state\r\n              size=\"sm\"\r\n              main-text={this.emptyStateConfig.mainText}\r\n              supporting-text={this.emptyStateConfig.supportingText}\r\n              color={this.emptyStateConfig.color}\r\n              theme={this.emptyStateConfig.theme}\r\n              primary-button-icon-leading-swap=\"assets/plus.svg\"\r\n              illustration-icon={this.emptyStateConfig.illustrationIcon}\r\n              background={true}\r\n              background-type=\"grid\"\r\n              icon=\"illustration\"\r\n              illustration-style=\"cloud\"\r\n            ></gb-empty-state>\r\n          </div>\r\n        ) : (\r\n          <>{this.isMobile ? this.renderMobileView() : this.renderDesktopView()}</>\r\n        )}\r\n        {this.paginationConfig && this.data.length > 0 && (\r\n          <gb-pagination\r\n            entries-dropdown-menu-position={this.paginationConfig.entriesDropdownMenuPosition}\r\n            page-size={this.paginationConfig.pageSize}\r\n            current-page={this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage}\r\n            total-pages={this.totalPages}\r\n            onPageItemSelected={this.handlePageChange.bind(this)}\r\n          ></gb-pagination>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"gb-table.js","mappings":"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","names":["GbTable","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-table/gb-table.css?tag=gb-table&encapsulation=shadow","src/components/gb-table/gb-table.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.table_wrapper {\r\n  width: 100%;\r\n  overflow: visible;\r\n}\r\n\r\n/* .table_wrapper table th:first-child,\r\n.table_wrapper table td:first-child {\r\n  position: sticky;\r\n  left: 0;\r\n  background: white;\r\n  z-index: 2;\r\n} */\r\n\r\n.table_scroll {\r\n  width: 100%;\r\n  overflow-x: auto; /* horizontal scroll */\r\n}\r\n\r\ntable {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  min-width: max-content;\r\n  background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable.scrollable {\r\n  table-layout: fixed;\r\n}\r\n\r\nthead {\r\n  width: 100%;\r\n}\r\n\r\n.table_head_row {\r\n  width: 100%;\r\n  border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_head_row th {\r\n  /* display: flex; */\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 0.75rem 1.5rem;\r\n}\r\n\r\n.table_head_content {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.align_left {\r\n  flex-direction: row;\r\n}\r\n\r\n.align_right {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.head_text,\r\n.body_text {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.head_text.sortable:hover {\r\n  color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.table_head_icons {\r\n  display: flex;\r\n  gap: var(--spacing-1);\r\n}\r\n\r\n.body_text {\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n/* .table_body {\r\n  display: flex;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  width: 100%;\r\n} */\r\n\r\n.table_body .table_detail {\r\n  max-height: 4.5rem;\r\n  padding: 1rem 1.5rem;\r\n  border-bottom: 1px solid var(--color-border-disabled, #e3e8ef);\r\n}\r\n\r\n.sticky_left {\r\n  position: sticky;\r\n  left: 0;\r\n  z-index: 3;\r\n}\r\n\r\n.sticky_right {\r\n  position: sticky;\r\n  right: 0;\r\n  z-index: 3;\r\n}\r\n\r\nth.sticky_left,\r\nth.sticky_right {\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_detail.sticky_left,\r\n.table_detail.sticky_right {\r\n  background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable th.has_border.sticky_left::after,\r\ntable .table_detail.has_border.sticky_left::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  box-shadow: 2px 0 2px var(--color-border-subtle, #cdd5df);\r\n  pointer-events: none;\r\n}\r\n\r\n.actions_cell.has_border.sticky_right::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  box-shadow: -2px 0 2px var(--color-border-subtle, #cdd5df);\r\n  pointer-events: none;\r\n}\r\n\r\n.empty_div {\r\n  height: 100%;\r\n  width: 70px;\r\n}\r\n\r\n#dropdown_button {\r\n  position: relative;\r\n}\r\n\r\n.action_buttons {\r\n  display: flex;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.dropdown_wrapper {\r\n  width: 9.5rem;\r\n  border-radius: var(--rounded-sm);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  background: var(--color-surface, #ffffff);\r\n  box-shadow: var(--shadow-md);\r\n  position: absolute;\r\n  /* z-index: 1000; */\r\n}\r\n\r\n/* Mobile Table View Styles */\r\n.mobile_wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.mobile_card_wrapper {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.mobile-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: var(--spacing-6) var(--spacing-4);\r\n  align-items: center;\r\n  gap: var(--spacing-5);\r\n}\r\n\r\n.mobile-row {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  /* gap: var(--spacing-4); */\r\n  flex: 1 0 0;\r\n}\r\n\r\n.mobile-bottom {\r\n  align-items: flex-end;\r\n  text-align: right;\r\n}\r\n\r\n/* .mobile-top .mobile-cell:first-child {\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n}\r\n\r\n.mobile-top .mobile-cell.right {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n} */\r\n\r\n.mobile-cell {\r\n  min-width: 0;\r\n}\r\n\r\n.mobile-cell.right {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  flex: 1;\r\n  text-align: right;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n  max-width: 11rem;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  min-width: 0;\r\n  margin: 0;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.bottom_left_text {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.empty_state_wrapper {\r\n  display: flex;\r\n  padding: 2.5rem 2rem 3rem 2rem;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  overflow: hidden;\r\n}\r\n","import { Component, Event, EventEmitter, Prop, State, h, Fragment, Watch, Listen } from '@stencil/core';\r\nimport { DropdownOption, GeneralColors, RowAction, StateEnum, TableColumn, ThemeTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table',\r\n  styleUrl: 'gb-table.css',\r\n  shadow: true,\r\n})\r\nexport class GbTable {\r\n  @Prop() columns: TableColumn[] = [\r\n    { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },\r\n    { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },\r\n    { key: 'role', label: 'Role' },\r\n    { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\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, // Get status value from row\r\n        },\r\n      },\r\n      mobile: { position: 'bottom_right' },\r\n    },\r\n    // {\r\n    //   key: '',\r\n    //   label: '',\r\n    //   cellComponent: 'gb-button',\r\n    //   width: '50px',\r\n    //   cellProps: () => ({\r\n    //     hierarchy: 'tertiary_gray',\r\n    //     size: 'sm',\r\n    //     icon: 'only',\r\n    //     iconLeading: true,\r\n    //     iconLeadingSwap: 'assets/more-horizontal.svg',\r\n    //   }),\r\n    // },\r\n  ];\r\n  @Prop() data: any[] = [\r\n    {\r\n      id: '#3001',\r\n      date: 'Jan 1, 2022',\r\n      name: 'Emma Johnson',\r\n      role: 'Frontend Developer',\r\n      level: 'Today',\r\n      customer: 'John Doe',\r\n      amount: '$120.00',\r\n      status: 'Completed',\r\n    },\r\n    { id: '#3002', date: 'Jan 2, 2022', name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ];\r\n  @Prop() tableHeaderConfig: {\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    datePickerMode: 'single' | 'range';\r\n  } = {\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: true,\r\n    datePickerMode: 'single',\r\n  };\r\n  @Prop() paginationConfig: {\r\n    paginationMode: 'internal' | 'external';\r\n    entriesDropdownMenuPosition: 'top' | 'bottom';\r\n    currentPage?: number;\r\n    pageSize?: number;\r\n    totalItems?: number;\r\n  } = {\r\n    paginationMode: 'internal',\r\n    entriesDropdownMenuPosition: 'top',\r\n    currentPage: 1,\r\n    pageSize: 10,\r\n    totalItems: null,\r\n  };\r\n  @Prop() emptyStateConfig: { mainText: string; supportingText?: string; color?: GeneralColors; illustrationIcon?: string; theme?: ThemeTypes; primaryButtonIcon?: string } = {\r\n    mainText: 'No data available',\r\n    supportingText: 'Try adjusting your filters or check back later.',\r\n    color: 'gray',\r\n    illustrationIcon: 'assets/alert-circle.svg',\r\n    theme: 'light',\r\n  };\r\n  @Prop() showActionsColumn: boolean = true;\r\n  @Prop() rowActions: RowAction[] = [\r\n    { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ];\r\n  @Prop() dropdownOptions?: DropdownOption[] = [\r\n    { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ];\r\n  @Prop() stickyFirstColumn: boolean = true;\r\n  @Prop() stickyLastColumn: boolean = true;\r\n  @Prop() actionsType: 'none' | 'dropdown' | '' = 'none';\r\n  @Prop() showCheckbox: boolean = false;\r\n  // @Prop({ mutable: true }) currentPage?: number = 1;\r\n  // @Prop() pageSize: number = 10;\r\n  // @Prop() totalItems?: number;\r\n  @State() internalCurrentPage: number = 1;\r\n  @State() internalPageSize: number = 10;\r\n  @State() openRowIndex: number | null = null;\r\n  @State() sortKey?: string;\r\n  @State() sortDirection: 'asc' | 'desc' = 'asc';\r\n  @State() selectedRowIds: Set<string> = new Set();\r\n  @State() breakpoint: 'mobile' | 'desktop' = 'desktop';\r\n  @State() isMobile: boolean = false;\r\n  @State() isScrollable: boolean = false;\r\n  @Event() rowActionClick: EventEmitter<{ action: string; row: any }>;\r\n  @Event() pageItemSelected: EventEmitter<{ pageSize: any; pageNumber: number }>;\r\n  @Event() selectionChanged: EventEmitter<any[]>;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() dateChange: EventEmitter<string | string[]>;\r\n\r\n  private actionButtonRefs: HTMLGbButtonElement[] = [];\r\n  private currentAnchorEl?: HTMLElement;\r\n  private scrollContainer?: HTMLDivElement;\r\n\r\n  componentWillRender() {\r\n    this.checkViewport();\r\n    window.addEventListener('resize', this.checkViewport.bind(this));\r\n  }\r\n\r\n  componentDidRender() {\r\n    requestAnimationFrame(() => this.checkScrollability());\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  checkViewport() {\r\n    this.isMobile = window.innerWidth <= 768;\r\n    this.checkScrollability();\r\n  }\r\n\r\n  private checkScrollability() {\r\n    if (!this.scrollContainer) return;\r\n\r\n    const { scrollWidth, clientWidth } = this.scrollContainer;\r\n    const newScrollable = scrollWidth > clientWidth;\r\n\r\n    if (newScrollable !== this.isScrollable) {\r\n      this.isScrollable = newScrollable; // only update if different\r\n    }\r\n  }\r\n\r\n  private handleAction(action: string, row: any) {\r\n    this.rowActionClick.emit({ action, row });\r\n  }\r\n\r\n  private renderCell(col: TableColumn, row: any) {\r\n    if (col.cellComponent) {\r\n      const Tag = col.cellComponent as keyof HTMLElementTagNameMap;\r\n\r\n      // resolve props\r\n      const props = typeof col.cellProps === 'function' ? col.cellProps(row) : col.cellProps || {};\r\n\r\n      // resolve default slot content\r\n      let defaultSlotContent: any = null;\r\n      if (col.cellSlots?.default?.content) {\r\n        const content = col.cellSlots.default.content(row);\r\n        const slotTag = col.cellSlots.default.tag;\r\n        defaultSlotContent = slotTag ? h(slotTag, {}, content) : content;\r\n      }\r\n\r\n      // resolve named slots\r\n      const namedSlotElements: any[] = [];\r\n      if (col.cellSlots?.named) {\r\n        for (const [slotName, slotConfig] of Object.entries(col.cellSlots.named)) {\r\n          const content = slotConfig.content(row);\r\n          const element = h(slotConfig.tag, { slot: slotName }, content);\r\n          namedSlotElements.push(element);\r\n        }\r\n      }\r\n\r\n      // render component with slots\r\n      const allChildren = [defaultSlotContent, ...namedSlotElements].filter(child => child != null);\r\n\r\n      return h(Tag, props, allChildren.length > 0 ? allChildren : undefined);\r\n    }\r\n\r\n    return <p class=\"body_text text-sm-regular\">{row[col.key]}</p>;\r\n  }\r\n\r\n  emitPaginationDetails({ detail }) {\r\n    this.pageItemSelected.emit(detail);\r\n  }\r\n\r\n  private async toggleDropdown(rowIndex: number) {\r\n    if (this.openRowIndex === rowIndex) {\r\n      this.openRowIndex = null;\r\n      return;\r\n    }\r\n\r\n    const buttonInstance = this.actionButtonRefs[rowIndex];\r\n    const nativeBtn = await buttonInstance?.getNativeButton();\r\n\r\n    this.currentAnchorEl = nativeBtn ?? undefined;\r\n    this.openRowIndex = rowIndex;\r\n  }\r\n\r\n  private onSort(col: TableColumn) {\r\n    if (!col.sortable) return;\r\n\r\n    if (this.sortKey === col.key) {\r\n      this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\r\n    } else {\r\n      this.sortKey = col.key;\r\n      this.sortDirection = 'asc';\r\n    }\r\n  }\r\n\r\n  private get sortedData() {\r\n    if (!this.sortKey) return this.data;\r\n\r\n    const col = this.columns.find(c => c.key === this.sortKey);\r\n    if (!col) return this.data;\r\n\r\n    return [...this.data].sort((a, b) => {\r\n      let valA = a[this.sortKey!];\r\n      let valB = b[this.sortKey!];\r\n\r\n      // Null safety\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n\r\n      let result = 0;\r\n\r\n      switch (col.sortType) {\r\n        case 'number': {\r\n          const numA = Number(String(valA).replace(/[^0-9.-]+/g, ''));\r\n          const numB = Number(String(valB).replace(/[^0-9.-]+/g, ''));\r\n          result = numA - numB;\r\n          break;\r\n        }\r\n\r\n        case 'date': {\r\n          const timeA = new Date(valA).getTime();\r\n          const timeB = new Date(valB).getTime();\r\n          result = timeA - timeB;\r\n          break;\r\n        }\r\n\r\n        case 'string':\r\n        default: {\r\n          result = String(valA).localeCompare(String(valB), undefined, {\r\n            sensitivity: 'base',\r\n          });\r\n          break;\r\n        }\r\n      }\r\n\r\n      return this.sortDirection === 'asc' ? result : -result;\r\n    });\r\n  }\r\n\r\n  private get allSelected() {\r\n    return this.sortedData.length > 0 && this.selectedRowIds.size === this.sortedData.length;\r\n  }\r\n\r\n  private get isIndeterminate() {\r\n    return this.selectedRowIds.size > 0 && this.selectedRowIds.size < this.sortedData.length;\r\n  }\r\n\r\n  private toggleAll() {\r\n    if (this.allSelected) {\r\n      this.selectedRowIds = new Set();\r\n    } else {\r\n      this.selectedRowIds = new Set(this.sortedData.map(row => row.id));\r\n    }\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  private toggleRow(row: any) {\r\n    const updated = new Set(this.selectedRowIds);\r\n\r\n    if (updated.has(row.id)) {\r\n      updated.delete(row.id);\r\n    } else {\r\n      updated.add(row.id);\r\n    }\r\n\r\n    this.selectedRowIds = updated;\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  private emitSelection() {\r\n    const selected = this.sortedData.filter(row => this.selectedRowIds.has(row.id));\r\n\r\n    this.selectionChanged.emit(selected);\r\n  }\r\n\r\n  private get displayedData() {\r\n    if (!this.paginationConfig) {\r\n      return this.sortedData;\r\n    }\r\n\r\n    if (this.paginationConfig.paginationMode === 'external') {\r\n      return this.sortedData; // parent already paginated it\r\n    }\r\n\r\n    const start = (this.internalCurrentPage - 1) * this.internalPageSize;\r\n    const end = start + this.internalPageSize;\r\n\r\n    return this.sortedData.slice(start, end);\r\n  }\r\n\r\n  private handlePageChange = ({ detail }: any) => {\r\n    const { pageNumber, pageSize } = detail;\r\n\r\n    if (this.paginationConfig.paginationMode === 'internal') {\r\n      this.internalCurrentPage = pageNumber;\r\n      this.internalPageSize = pageSize;\r\n    } else {\r\n      this.pageItemSelected.emit(detail);\r\n    }\r\n  };\r\n\r\n  private get totalPages() {\r\n    if (!this.paginationConfig) return 1;\r\n\r\n    const pageSize = this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize;\r\n\r\n    const totalItems = this.paginationConfig.paginationMode === 'external' ? this.paginationConfig.totalItems : this.sortedData.length;\r\n\r\n    return Math.ceil(totalItems / pageSize);\r\n  }\r\n\r\n  @Watch('data')\r\n  onDataChange(newValue: any[], _oldValue: any[]) {\r\n    if (!newValue) return;\r\n\r\n    this.data = newValue;\r\n  }\r\n\r\n  @Watch('totalItems')\r\n  onTotalItemsChange(newValue: number, _oldValue: number) {\r\n    if (!newValue || newValue < 1) return;\r\n\r\n    this.paginationConfig.totalItems = Number(newValue);\r\n  }\r\n\r\n  private renderHeaderIcons(col: TableColumn) {\r\n    return (\r\n      <>\r\n        {col.sortable && (\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            width=\"16\"\r\n            height=\"16\"\r\n            viewBox=\"0 0 16 16\"\r\n            fill=\"none\"\r\n            style={{\r\n              transform: this.sortKey === col.key && this.sortDirection === 'desc' ? 'rotate(180deg)' : 'rotate(0deg)',\r\n              opacity: this.sortKey === col.key ? '1' : '0.4',\r\n              transition: 'transform 0.2s ease',\r\n            }}\r\n          >\r\n            <path\r\n              d=\"M7.99998 13.3332V2.6665M7.99998 13.3332C8.87837 13.3332 11.3333 9.99993 11.3333 9.99993M7.99998 13.3332C7.12158 13.3332 4.66663 9.9999 4.66663 9.9999\"\r\n              stroke=\"var(--color-icon, #4B5565)\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        )}\r\n\r\n        {col.helpIcon && (\r\n          <gb-help-tooltip show-supporting-text=\"true\">\r\n            <p slot=\"label\">This is a label</p>\r\n            <p slot=\"supporting_text\">This is a supporting text</p>\r\n          </gb-help-tooltip>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n\r\n  renderDesktopView() {\r\n    // compute table min-width to force horizontal scroll when > 5 columns\r\n    const defaultColWidth = 160;\r\n    let totalWidth = 0;\r\n\r\n    this.columns.forEach(col => {\r\n      if (col.width) {\r\n        const w = typeof col.width === 'number' ? col.width : parseInt(String(col.width), 10);\r\n        totalWidth += Number.isFinite(w) ? w : defaultColWidth;\r\n      } else {\r\n        totalWidth += defaultColWidth;\r\n      }\r\n    });\r\n\r\n    // const tableStyle = this.columns.length > 5 ? { minWidth: `${totalWidth}px` } : {};\r\n\r\n    return (\r\n      <div class={`table_scroll`} ref={el => (this.scrollContainer = el as HTMLDivElement)}>\r\n        <table>\r\n          <thead>\r\n            <tr class=\"table_head_row\">\r\n              {this.showCheckbox && (\r\n                <th\r\n                  style={{ width: '15px' }}\r\n                  class={{\r\n                    sticky_left: this.stickyFirstColumn,\r\n                  }}\r\n                >\r\n                  <gb-checkbox type=\"checkbox\" checked={this.allSelected} indeterminate={this.isIndeterminate} size=\"sm\" onClick={() => this.toggleAll()}></gb-checkbox>\r\n                </th>\r\n              )}\r\n              {this.columns.map((col, index) => {\r\n                const align = col.align ?? 'left';\r\n\r\n                return (\r\n                  <th\r\n                    style={{ width: col.width, cursor: col.sortable ? 'pointer' : 'default', textAlign: col.align || 'left' }}\r\n                    onClick={() => this.onSort(col)}\r\n                    class={{\r\n                      table_header: true,\r\n                      sticky_left: this.stickyFirstColumn && index === 0,\r\n                      sortable: col.sortable,\r\n                      has_border: this.isScrollable,\r\n                    }}\r\n                  >\r\n                    <div class={`table_head_content align-${align}`}>\r\n                      {align === 'right' && <div class=\"table_head_icons\">{this.renderHeaderIcons(col)}</div>}\r\n                      <p class={`head_text text-xs-medium`}>{col.label}</p>\r\n                      {align === 'left' && <div class=\"table_head_icons\">{this.renderHeaderIcons(col)}</div>}\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n              {this.showActionsColumn && (\r\n                <th\r\n                  class={{\r\n                    actions_cell: true,\r\n                    sticky_right: this.stickyLastColumn,\r\n                    has_border: this.isScrollable,\r\n                  }}\r\n                >\r\n                  <div class=\"empty_div\"></div>\r\n                </th>\r\n              )}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {this.displayedData.map((row, rowIndex) => (\r\n              <tr class=\"table_body\">\r\n                {this.showCheckbox && (\r\n                  <td class=\"table_detail\" style={{ width: '50px' }}>\r\n                    <gb-checkbox type=\"checkbox\" checked={this.selectedRowIds.has(row.id)} indeterminate={false} size=\"sm\" onClick={() => this.toggleRow(row)}></gb-checkbox>\r\n                  </td>\r\n                )}\r\n                {this.columns.map((col, index) => (\r\n                  <>\r\n                    <td\r\n                      style={{ textAlign: col.align || 'left' }}\r\n                      class={`table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}`}\r\n                    >\r\n                      {this.renderCell(col, row)}\r\n                    </td>\r\n                  </>\r\n                ))}\r\n                {this.showActionsColumn && (\r\n                  <td class={{ table_detail: true, actions_cell: true, sticky_right: this.stickyLastColumn, has_border: this.isScrollable }} style={{ width: '50px' }}>\r\n                    <>\r\n                      <div class=\"action_buttons\">\r\n                        {this.rowActions.map(action => (\r\n                          <>\r\n                            {action.type === 'dropdown' ? (\r\n                              <gb-button\r\n                                id={`gb-table-trigger-${rowIndex}`}\r\n                                ref={el => (this.actionButtonRefs[rowIndex] = el)}\r\n                                class=\"dropdown_button\"\r\n                                hierarchy=\"tertiary_gray\"\r\n                                size=\"sm\"\r\n                                icon=\"only\"\r\n                                iconLeading\r\n                                iconLeadingSwap=\"assets/more-horizontal.svg\"\r\n                                onClick={() => this.toggleDropdown(rowIndex)}\r\n                              ></gb-button>\r\n                            ) : (\r\n                              <gb-button\r\n                                hierarchy=\"tertiary_gray\"\r\n                                size=\"sm\"\r\n                                icon=\"only\"\r\n                                iconLeading\r\n                                iconLeadingSwap={action.icon}\r\n                                onClick={() => this.handleAction(action.action, row)}\r\n                              ></gb-button>\r\n                            )}\r\n                          </>\r\n                        ))}\r\n                      </div>\r\n                      <>\r\n                        {this.openRowIndex === rowIndex && (\r\n                          <gb-portal anchor-id={`gb-table-trigger-${rowIndex}`} placement=\"bottom-end\" anchorEl={this.currentAnchorEl} open>\r\n                            <div class=\"dropdown_wrapper\">\r\n                              {this.dropdownOptions.map(action => (\r\n                                // <gb-input-dropdown-menu-item\r\n                                //   type=\"default\"\r\n                                //   state={action.disabled ? StateEnum.Disabled : StateEnum.Default}\r\n                                //   icon-leading={action.icon ? true : false}\r\n                                //   icon-leading-swap={action.icon}\r\n                                // >\r\n                                //   <p slot=\"name\">{action.label}</p>\r\n                                // </gb-input-dropdown-menu-item>\r\n                                <gb-dropdown-items-with-shortcut\r\n                                  icon={action.icon ? true : false}\r\n                                  state={action.disabled ? StateEnum.Disabled : StateEnum.Default}\r\n                                  label={action.label}\r\n                                  icon-src={action.icon}\r\n                                  onClick={() => {\r\n                                    this.handleAction(action.action, row);\r\n                                    this.openRowIndex = null;\r\n                                  }}\r\n                                ></gb-dropdown-items-with-shortcut>\r\n                              ))}\r\n                            </div>\r\n                          </gb-portal>\r\n                        )}\r\n                      </>\r\n                    </>\r\n                  </td>\r\n                )}\r\n              </tr>\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  @Watch('columns')\r\n  validateMobilePositions() {\r\n    const positions = this.columns.map(c => c.mobile?.position).filter(Boolean);\r\n\r\n    const duplicates = positions.filter((item, index) => positions.indexOf(item) !== index);\r\n\r\n    if (duplicates.length) {\r\n      console.warn('[gb-table] Duplicate mobile positions detected:', duplicates);\r\n    }\r\n  }\r\n\r\n  renderMobileView() {\r\n    return (\r\n      <div class=\"mobile_wrapper\">\r\n        {this.displayedData.map(row => {\r\n          const topLeft = this.columns.find(c => c.mobile?.position === 'top_left');\r\n          const topRight = this.columns.find(c => c.mobile?.position === 'top_right');\r\n          const bottomLeft = this.columns.find(c => c.mobile?.position === 'bottom_left');\r\n          const bottomRight = this.columns.find(c => c.mobile?.position === 'bottom_right');\r\n\r\n          return (\r\n            <div class=\"mobile_card_wrapper\" style={{ paddingLeft: this.showCheckbox ? 'var(--spacing-4)' : '' }}>\r\n              {this.showCheckbox && (\r\n                <gb-checkbox\r\n                  style={{ paddingTop: 'var(--spacing-6)' }}\r\n                  type=\"checkbox\"\r\n                  checked={this.selectedRowIds.has(row.id)}\r\n                  indeterminate={false}\r\n                  size=\"sm\"\r\n                  onClick={() => this.toggleRow(row)}\r\n                ></gb-checkbox>\r\n              )}\r\n              <div class=\"mobile-card\">\r\n                <div class=\"mobile-row mobile-top\">\r\n                  <div class=\"mobile-cell\">\r\n                    <p class=\"top_left_text text-md-regular\">{topLeft && row[topLeft.key]}</p>\r\n                  </div>\r\n                  <div class=\"mobile-cell right\">\r\n                    <p class=\"top_right_text text-md-semi-bold\">{topRight && row[topRight.key]}</p>\r\n                  </div>\r\n                </div>\r\n                <div class=\"mobile-row mobile-bottom\">\r\n                  <div class=\"mobile-cell\">\r\n                    <p class=\"bottom_left_text text-sm-regular\">{bottomLeft && row[bottomLeft.key]}</p>\r\n                  </div>\r\n                  <div class=\"mobile-cell right\">{bottomRight && this.renderCell(bottomRight, row)}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  emitSearchValue(detail) {\r\n    this.inputValueChanged.emit(detail.detail);\r\n  }\r\n\r\n  emitDateChange(detail) {\r\n    this.dateChange.emit(detail.detail);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.checkViewport);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`table_wrapper`}>\r\n        <gb-table-header\r\n          mode={this.tableHeaderConfig.datePickerMode}\r\n          table-heading={this.tableHeaderConfig.tableHeading}\r\n          table-heading-label={this.tableHeaderConfig.tableHeadingLabel}\r\n          show-search={this.tableHeaderConfig.showSearch}\r\n          show-date-filter={this.tableHeaderConfig.showDateFilter}\r\n          show-filter={this.tableHeaderConfig.showFilter}\r\n          show-export={this.tableHeaderConfig.showExport}\r\n          show-column-options={this.tableHeaderConfig.showColumnOptions}\r\n          show-refresh-button={this.tableHeaderConfig.showRefreshButton}\r\n          onInputValueChanged={this.emitSearchValue.bind(this)}\r\n          onDateChange={this.emitDateChange.bind(this)}\r\n        ></gb-table-header>\r\n        {this.data.length === 0 ? (\r\n          <div class=\"empty_state_wrapper\">\r\n            <gb-empty-state\r\n              size=\"sm\"\r\n              main-text={this.emptyStateConfig.mainText}\r\n              supporting-text={this.emptyStateConfig.supportingText}\r\n              color={this.emptyStateConfig.color}\r\n              theme={this.emptyStateConfig.theme}\r\n              primary-button-icon-leading-swap=\"assets/plus.svg\"\r\n              illustration-icon={this.emptyStateConfig.illustrationIcon}\r\n              background={true}\r\n              background-type=\"grid\"\r\n              icon=\"illustration\"\r\n              illustration-style=\"cloud\"\r\n            ></gb-empty-state>\r\n          </div>\r\n        ) : (\r\n          <>{this.isMobile ? this.renderMobileView() : this.renderDesktopView()}</>\r\n        )}\r\n        {this.paginationConfig && this.data.length > 0 && (\r\n          <gb-pagination\r\n            entries-dropdown-menu-position={this.paginationConfig.entriesDropdownMenuPosition}\r\n            page-size={this.paginationConfig.pageSize}\r\n            current-page={this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage}\r\n            total-pages={this.totalPages}\r\n            onPageItemSelected={this.handlePageChange.bind(this)}\r\n          ></gb-pagination>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-cHn6O-Kf.js.map

@@ -1 +1 @@
-{"file":"p-cHn6O-Kf.js","mappings":"AAMY,IAAA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAMW,IAAA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,GAKxB,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;","names":[],"sources":["src/models/reusableModels.ts"],"sourcesContent":["import { JSX } from \"@stencil/core\";\r\n\r\nexport type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n  state: ProgressStepStates;\r\n  status: ProgressStepStatus;\r\n  label?: string;\r\n  supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n  icon: string;\r\n  label: string;\r\n  shortcut: string;\r\n}\r\n\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n  label: string;\r\n  time: string;\r\n  desc: string;\r\n  icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport type MobilePosition = 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';\r\n\r\nexport interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  sortComparator?: (a: any, b: any) => number;\r\n  render?: (row: any) => any;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void';\r\n  cellProps?: { [key: string]: any };\r\n  cellSlots?: JSX.Element | ((row: any) => JSX.Element);\r\n  onClick?: () => void;\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n}\r\n\r\nexport interface RowAction {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n  type?: 'button' | 'dropdown';\r\n}\r\n\r\nexport interface DropdownOption {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}\r\n\r\nexport type PortalPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';\r\n"],"version":3}
+{"file":"p-cHn6O-Kf.js","mappings":"AAIY,IAAA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAMW,IAAA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,GAKxB,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;","names":[],"sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n  state: ProgressStepStates;\r\n  status: ProgressStepStatus;\r\n  label?: string;\r\n  supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n  icon: string;\r\n  label: string;\r\n  shortcut: string;\r\n}\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n  label: string;\r\n  time: string;\r\n  desc: string;\r\n  icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport type MobilePosition = 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';\r\n\r\nexport interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  sortComparator?: (a: any, b: any) => number;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void';\r\n  cellProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any };\r\n  cellSlots?: {\r\n    default?: {\r\n      tag?: string; // e.g., 'p', 'span' to wrap content\r\n      content: (row: any) => string | any; // Function to get slot content\r\n    };\r\n    named?: {\r\n      [slotName: string]: {\r\n        tag: string; // e.g., 'p', 'h1', 'span'\r\n        content: (row: any) => string | any; // Function to get slot content\r\n      };\r\n    };\r\n  };\r\n  onClick?: () => void;\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n}\r\n\r\nexport interface RowAction {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n  type?: 'button' | 'dropdown';\r\n}\r\n\r\nexport interface DropdownOption {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}\r\n\r\nexport type PortalPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';\r\n"],"version":3}