globuswebcomponents 2.9.0 → 2.9.1

package/dist/cjs/gb-action-panel_75.cjs.entry.js

@@ -8907,7 +8907,14 @@ const GbTable = class {
             {
                 key: 'status',
                 label: 'Status',
-                render: row => (index.h("gb-badge", { color: row.status === 'Completed' ? 'success' : 'error', type: "badge_modern", size: "sm", icon: "dot" }, index.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' },
             },
             // {
@@ -9052,13 +9059,30 @@ const GbTable = class {
         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 index.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 ? index.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 = index.h(slotConfig.tag, { slot: slotName }, content);
+                    namedSlotElements.push(element);
+                }
+            }
+            // render component with slots
+            const allChildren = [defaultSlotContent, ...namedSlotElements].filter(child => child != null);
+            return index.h(Tag, props, allChildren.length > 0 ? allChildren : undefined);
         }
         return index.h("p", { class: "body_text text-sm-regular" }, row[col.key]);
     }
@@ -9209,7 +9233,7 @@ const GbTable = class {
                 actions_cell: true,
                 sticky_right: this.stickyLastColumn,
                 has_border: this.isScrollable,
-            } }, index.h("div", { class: "empty_div" }))))), index.h("tbody", null, this.displayedData.map((row, rowIndex) => (index.h("tr", { class: "table_body" }, this.showCheckbox && (index.h("td", { class: "table_detail", style: { width: '50px' } }, index.h("gb-checkbox", { type: "checkbox", checked: this.selectedRowIds.has(row.id), indeterminate: false, size: "sm", onClick: () => this.toggleRow(row) }))), this.columns.map((col, index$1) => (index.h(index.Fragment, null, col.render ? (index.h("td", { style: { textAlign: col.align || 'left' }, class: `table_detail ${this.stickyFirstColumn && index$1 === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}` }, col.render(row))) : (index.h("td", { style: { textAlign: col.align || 'left' }, class: `table_detail ${this.stickyFirstColumn && index$1 === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}` }, this.renderCell(col, row)))))), this.showActionsColumn && (index.h("td", { class: { table_detail: true, actions_cell: true, sticky_right: this.stickyLastColumn, has_border: this.isScrollable }, style: { width: '50px' } }, index.h(index.Fragment, null, index.h("div", { class: "action_buttons" }, this.rowActions.map(action => (index.h(index.Fragment, null, action.type === 'dropdown' ? (index.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) })) : (index.h("gb-button", { hierarchy: "tertiary_gray", size: "sm", icon: "only", iconLeading: true, iconLeadingSwap: action.icon, onClick: () => this.handleAction(action.action, row) })))))), index.h(index.Fragment, null, this.openRowIndex === rowIndex && (index.h("gb-portal", { "anchor-id": `gb-table-trigger-${rowIndex}`, placement: "bottom-end", anchorEl: this.currentAnchorEl, open: true }, index.h("div", { class: "dropdown_wrapper" }, this.dropdownOptions.map(action => (
+            } }, index.h("div", { class: "empty_div" }))))), index.h("tbody", null, this.displayedData.map((row, rowIndex) => (index.h("tr", { class: "table_body" }, this.showCheckbox && (index.h("td", { class: "table_detail", style: { width: '50px' } }, index.h("gb-checkbox", { type: "checkbox", checked: this.selectedRowIds.has(row.id), indeterminate: false, size: "sm", onClick: () => this.toggleRow(row) }))), this.columns.map((col, index$1) => (index.h(index.Fragment, null, index.h("td", { style: { textAlign: col.align || 'left' }, class: `table_detail ${this.stickyFirstColumn && index$1 === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}` }, this.renderCell(col, row))))), this.showActionsColumn && (index.h("td", { class: { table_detail: true, actions_cell: true, sticky_right: this.stickyLastColumn, has_border: this.isScrollable }, style: { width: '50px' } }, index.h(index.Fragment, null, index.h("div", { class: "action_buttons" }, this.rowActions.map(action => (index.h(index.Fragment, null, action.type === 'dropdown' ? (index.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) })) : (index.h("gb-button", { hierarchy: "tertiary_gray", size: "sm", icon: "only", iconLeading: true, iconLeadingSwap: action.icon, onClick: () => this.handleAction(action.action, row) })))))), index.h(index.Fragment, null, this.openRowIndex === rowIndex && (index.h("gb-portal", { "anchor-id": `gb-table-trigger-${rowIndex}`, placement: "bottom-end", anchorEl: this.currentAnchorEl, open: true }, index.h("div", { class: "dropdown_wrapper" }, this.dropdownOptions.map(action => (
         // <gb-input-dropdown-menu-item
         //   type="default"
         //   state={action.disabled ? StateEnum.Disabled : StateEnum.Default}
@@ -9249,7 +9273,7 @@ const GbTable = class {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (index.h("div", { key: 'd393c1812e06818c2a0dd266cfb8f1c849971b2c', class: `table_wrapper` }, index.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 ? (index.h("div", { class: "empty_state_wrapper" }, index.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" }))) : (index.h(index.Fragment, null, this.isMobile ? this.renderMobileView() : this.renderDesktopView())), this.paginationConfig && this.data.length > 0 && (index.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 (index.h("div", { key: '4cce79da07cb105881c3ced72db8b67f8a3fde37', class: `table_wrapper` }, index.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 ? (index.h("div", { class: "empty_state_wrapper" }, index.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" }))) : (index.h(index.Fragment, null, this.isMobile ? this.renderMobileView() : this.renderDesktopView())), this.paginationConfig && this.data.length > 0 && (index.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/cjs/reusableModels-_LRAKnsh.js.map

@@ -1 +1 @@
-{"version":3,"file":"reusableModels-_LRAKnsh.js","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"],"names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"mappings":";;AAMYA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,GAGpB,EAAA,CAAA,CAAA;AAMWC;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,EALWA,qBAAa,KAAbA,qBAAa,GAKxB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"reusableModels-_LRAKnsh.js","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"],"names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"mappings":";;AAIYA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,GAGpB,EAAA,CAAA,CAAA;AAMWC;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,EALWA,qBAAa,KAAbA,qBAAa,GAKxB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAAA,CAAA,CAAA;;"}

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

@@ -11,7 +11,14 @@ export class GbTable {
             {
                 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' },
             },
             // {
@@ -156,13 +163,30 @@ export class GbTable {
         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]);
     }
@@ -323,7 +347,7 @@ export class GbTable {
                 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}
@@ -363,7 +387,7 @@ export class GbTable {
         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 is() { return "gb-table"; }
     static get encapsulation() { return "shadow"; }
@@ -401,7 +425,7 @@ export class GbTable {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\r\n    { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    { key: 'date', label: 'Date', 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  ]"
+                "defaultValue": "[\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  ]"
             },
             "data": {
                 "type": "unknown",

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

@@ -1 +1 @@
-{"version":3,"file":"gb-table.js","sourceRoot":"","sources":["../../../src/components/gb-table/gb-table.tsx"],"names":[],"mappings":"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","sourcesContent":["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","sourceRoot":"","sources":["../../../src/components/gb-table/gb-table.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/models/reusableModels.js.map

@@ -1 +1 @@
-{"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAMA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAED,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC/B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","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":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAED,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC/B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","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"]}