npm - globuswebcomponents - Versions diffs - 2.10.13 → 2.11.1 - Mend

globuswebcomponents 2.10.13 → 2.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (464) hide show

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

	@@ -1 +1 @@
1	- {"file":"gb-table.js","mappings":"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","names":["GbTable","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-table/gb-table.css?tag=gb-table&encapsulation=shadow","src/components/gb-table/gb-table.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.table_wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n border: 0.7px solid var(--color-border-subtler, #e3e8ef);\r\n box-shadow: var(--shadow-xs);\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\n/* .table_wrapper table th:first-child,\r\n.table_wrapper table td:first-child {\r\n position: sticky;\r\n left: 0;\r\n background: white;\r\n z-index: 2;\r\n } /\r\n\r\ngb-table-header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 9;\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\n.table_scroll {\r\n width: 100%;\r\n overflow-x: auto; / horizontal scroll /\r\n}\r\n\r\ntable {\r\n width: 100%;\r\n border-collapse: collapse;\r\n min-width: max-content;\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable.scrollable {\r\n table-layout: fixed;\r\n}\r\n\r\nthead {\r\n width: 100%;\r\n}\r\n\r\n.table_head_row {\r\n width: 100%;\r\n border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_head_row th {\r\n padding: 0.75rem 1.5rem;\r\n}\r\n\r\n.table_head_row th.checkbox,\r\n.table_body .table_detail.checkbox {\r\n width: 16px !important;\r\n padding: 0.75rem 0 0.75rem 1.5rem;\r\n}\r\n\r\n.table_header_gray {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_header_blue {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.table_head_content {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.align_left {\r\n flex-direction: row;\r\n}\r\n\r\n.align_right {\r\n flex-direction: row-reverse;\r\n}\r\n\r\n.head_text,\r\n.body_text {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.head_text.sortable:hover {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.table_head_icons {\r\n display: flex;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n.body_text {\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.text_and_supporting_text {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.primary p {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.supporting p {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.table_body:hover,\r\n.table_body:hover .table_detail.sticky_left,\r\n.table_body:hover .table_detail.sticky_right {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n cursor: pointer;\r\n}\r\n\r\n.table_body .table_detail {\r\n max-height: 4.5rem;\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--color-border-disabled, #e3e8ef);\r\n}\r\n\r\n.sticky_left {\r\n position: sticky;\r\n left: 0;\r\n z-index: 3;\r\n}\r\n\r\n.sticky_right {\r\n position: sticky;\r\n right: 0;\r\n z-index: 3;\r\n}\r\n\r\n.table_detail.sticky_left,\r\n.table_detail.sticky_right {\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable th.has_border.sticky_left::after,\r\ntable .table_detail.has_border.sticky_left::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 4px;\r\n height: 100%;\r\n box-shadow: 2px 0 2px var(--color-border-subtle, #cdd5df);\r\n pointer-events: none;\r\n}\r\n\r\n.actions_cell.has_border.sticky_right::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 4px;\r\n height: 100%;\r\n box-shadow: -2px 0 2px var(--color-border-subtle, #cdd5df);\r\n pointer-events: none;\r\n}\r\n\r\n.empty_div {\r\n height: 100%;\r\n width: 70px;\r\n}\r\n\r\n#dropdown_button {\r\n position: relative;\r\n}\r\n\r\n.action_buttons {\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n/ Overlay /\r\n.filter_modal_wrapper {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n\r\n / Backgroun Blur/Bg blur sm /\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n justify-content: flex-end; / align modal to right /\r\n opacity: 0;\r\n transition: transform 0.3s ease, opacity 0.3s ease;\r\n z-index: 1000;\r\n}\r\n\r\n/ Modal Panel /\r\n.filter_modal {\r\n / transform: translateX(100%); /\r\n transition: transform 0.3s ease-in-out;\r\n overflow-y: auto;\r\n position: relative;\r\n}\r\n\r\n.filter_modal_wrapper.open {\r\n transform: translateX(0);\r\n opacity: 1;\r\n}\r\n\r\n.filter_modal_wrapper.closing {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n}\r\n\r\n/ Dropdown wrapper styles moved to global/dropdown-portal.css to support portal rendering /\r\n\r\n/ Mobile Table View Styles /\r\n.mobile_wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.mobile_card_wrapper {\r\n display: flex;\r\n align-items: flex-start;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.mobile-card {\r\n display: flex;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: var(--spacing-6) var(--spacing-4);\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.mobile_card_wrapper:active {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.mobile-row {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n}\r\n\r\n.mobile-row.left {\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.mobile-row.right {\r\n width: fit-content;\r\n align-items: flex-end;\r\n text-align: right;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.mobile-bottom {\r\n align-items: flex-end;\r\n text-align: right;\r\n}\r\n\r\n/ .mobile-top .mobile-cell:first-child {\r\n font-weight: 500;\r\n font-size: 16px;\r\n}\r\n\r\n.mobile-top .mobile-cell.right {\r\n font-weight: 600;\r\n font-size: 16px;\r\n} /\r\n\r\n.mobile-cell {\r\n min-width: 0;\r\n}\r\n\r\n.mobile-cell.right {\r\n display: flex;\r\n justify-content: flex-end;\r\n flex: 1;\r\n text-align: right;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n max-width: 100%;\r\n width: 100%;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n min-width: 0;\r\n margin: 0;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.bottom_left_text {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.empty_state_wrapper {\r\n display: flex;\r\n padding: 2.5rem 2rem 3rem 2rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n align-self: stretch;\r\n overflow: hidden;\r\n}\r\n\r\n/ Column Options Modal Styles /\r\n.dialog {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 9999;\r\n background: var(--color-surface, #ffffff);\r\n width: 23.1875rem;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n border: 1px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.content_wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n padding: var(--spacing-5) var(--spacing-6);\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n align-self: stretch;\r\n}\r\n\r\n.modal_header {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n position: relative;\r\n cursor: grab;\r\n}\r\n\r\n.modal_header_content {\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-6);\r\n align-items: flex-start;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.heading {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.close_button {\r\n position: absolute;\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n}\r\n\r\n.modal_content {\r\n display: flex;\r\n width: 100%;\r\n padding: 0 0 var(--spacing-none) 0;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n}\r\n\r\n.column_option {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-none);\r\n align-self: stretch;\r\n}\r\n\r\n.label_and_dragger {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n flex: 1 0 0;\r\n}\r\n\r\n.label {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.label_and_dragger svg {\r\n cursor: grab;\r\n}\r\n\r\n/ Loading Styles /\r\n.loader {\r\n width: 100%;\r\n}\r\n\r\n.skeleton {\r\n animation: skeleton-loading 0.5s linear infinite alternate;\r\n}\r\n\r\n@keyframes skeleton-loading {\r\n 0% {\r\n background-color: var(--color-skeleton, #e3e8ef);\r\n }\r\n\r\n 100% {\r\n background-color: var(--color-skeleton-bold, #cdd5df);\r\n }\r\n}\r\n\r\n.skeleton-text,\r\n.skeleton-action {\r\n width: 100%;\r\n height: 0.5rem;\r\n margin-bottom: 0.5rem;\r\n border-radius: 0.25rem;\r\n}\r\n","import { Component, Event, EventEmitter, Prop, State, h, Fragment, Watch, Listen } from '@stencil/core';\r\nimport {\r\n DropdownOption,\r\n FileIconStyles,\r\n FileIconTypes,\r\n FilterConfig,\r\n GeneralColors,\r\n GeneralSizes,\r\n IllustrationTypes,\r\n RowAction,\r\n StateEnum,\r\n StateType,\r\n TableColumn,\r\n ThemeTypes,\r\n} 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() loading: boolean = false;\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', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n // { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },\r\n // { key: 'role', label: 'Role' },\r\n // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: (row) => ({color: row.amount > 200 ? 'green' : ''}) },\r\n // {\r\n // key: 'status',\r\n // label: 'Status',\r\n // cellComponent: 'gb-badge',\r\n // cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n // cellSlots: {\r\n // default: {\r\n // tag: 'p',\r\n // content: row => row.status,\r\n // },\r\n // },\r\n // },\r\n ];\r\n @Prop() data: any[] = [\r\n // {\r\n // id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\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: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3006', date: new Date(), 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 showEntireData?: boolean;\r\n showLayoutToggle?: boolean;\r\n filterState?: 'default' \| 'applied';\r\n filterCount?: number;\r\n exportButtonState?: 'default' \| 'disabled';\r\n pdfState?: 'default' \| 'disabled';\r\n csvState?: 'default' \| 'disabled';\r\n datePickerMode?: 'single' \| 'range';\r\n inputPlaceholder?: string;\r\n datePickerPlaceholder?: string;\r\n } = {\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: false,\r\n datePickerMode: 'range',\r\n inputPlaceholder: 'Transaction reference',\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 };\r\n @Prop() emptyStateConfig: {\r\n size: GeneralSizes;\r\n mainText: string;\r\n supportingText?: string;\r\n color?: GeneralColors;\r\n illustrationIcon?: string;\r\n illustrationStyle: IllustrationTypes;\r\n background: boolean;\r\n backgroundType: 'grid' \| 'circles';\r\n theme?: ThemeTypes;\r\n primaryButtonState?: StateType;\r\n primaryButtonIconLeadingSwap?: string;\r\n primaryButtonIconTrailingSwap?: string;\r\n secondaryButtonIconLeadingSwap?: string;\r\n secondaryButtonIconTrailingSwap?: string;\r\n primaryButtonText?: string;\r\n secondaryButtonText?: string;\r\n fileStyle?: FileIconStyles;\r\n fileType?: FileIconTypes;\r\n featuredIconSwap?: string;\r\n } = {\r\n size: 'md',\r\n background: true,\r\n backgroundType: 'grid',\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 illustrationStyle: 'box',\r\n theme: 'light',\r\n };\r\n @Prop() filterConfig: FilterConfig;\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 = false;\r\n @Prop() stickyLastColumn: boolean = false;\r\n @Prop() actionsType: 'none' \| 'dropdown' \| '' = 'none';\r\n @Prop() showCheckbox: boolean = false;\r\n @Prop() tableHeadColor: 'gray' \| 'blue' = 'gray';\r\n @Prop() rowKey: string \| ((row: any) => string) = 'id';\r\n @State() slicedData: any[] = [];\r\n @State() internalCurrentPage: number = 1;\r\n @State() internalPageSize: number = 10;\r\n @State() openRowIndex: number \| null = null;\r\n @State() dropdownPlacement: 'top-end' \| 'bottom-end' = 'bottom-end';\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 @State() showColumnsPanel = false;\r\n @State() showFilterModal = false;\r\n @State() internalColumns: TableColumn[];\r\n @State() modalPosition = { x: 0, y: 0 };\r\n @State() showFilterModalInternal: boolean = false;\r\n @State() isFilterModalVisible: boolean = false;\r\n @State() internalLoading: boolean = false;\r\n @Event() rowActionClicked: 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 @Event() exportClicked: EventEmitter<{ dataType: string; exportType: string }>;\r\n @Event() rowClicked: EventEmitter<{ row: any }>;\r\n @Event() applyFilters: EventEmitter<{\r\n filters: any;\r\n pagination: any;\r\n }>;\r\n\r\n private isDraggingModal = false;\r\n private dragOffset = { x: 0, y: 0 };\r\n private actionButtonRefs: HTMLGbButtonElement[] = [];\r\n private currentAnchorEl?: HTMLElement;\r\n private scrollContainer?: HTMLDivElement;\r\n private draggedIndex: number \| null = null;\r\n private dropdownRef: HTMLDivElement;\r\n\r\n componentWillLoad() {\r\n this.initializeColumns(this.columns);\r\n this.internalLoading = this.loading;\r\n }\r\n\r\n componentWillRender() {\r\n this.checkViewport();\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 <= 900;\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.rowActionClicked.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 if (col.supportingText) {\r\n const primary = row[col.key];\r\n\r\n const supporting = typeof col.supportingText === 'function' ? col.supportingText(row) : col.supportingText ? row[col.supportingText] : undefined;\r\n\r\n return (\r\n <div class=\"text_and_supporting_text\">\r\n <div class=\"primary\">\r\n <p class=\"text-sm-medium\">{primary}</p>\r\n </div>\r\n {supporting && (\r\n <div class=\"supporting\">\r\n <p class=\"text-xs-regular\">{supporting}</p>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n\r\n const value = this.getCellValue(col, row);\r\n const resolvedClass = typeof col.cellClass === 'function' ? col.cellClass(row) : (col.cellClass ?? '');\r\n const resolvedStyle: { [key: string]: string } = typeof col.cellStyle === 'function' ? col.cellStyle(row) : col.cellStyle ?? {};\r\n\r\n return <p class={`body_text text-sm-regular ${resolvedClass}`} style={resolvedStyle}>{value}</p>;\r\n }\r\n\r\n private getCellValue(col: TableColumn, row: any) {\r\n if (col.value) {\r\n return col.value(row);\r\n }\r\n\r\n return row[col.key];\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 // Calculate available space for dropdown positioning\r\n requestAnimationFrame(() => this.calculateDropdownPlacement(nativeBtn, this.dropdownRef));\r\n }\r\n\r\n private calculateDropdownPlacement(buttonElement?: HTMLElement, dropdownElement?: HTMLDivElement) {\r\n if (!buttonElement \|\| !dropdownElement) return;\r\n\r\n const buttonRect = buttonElement.getBoundingClientRect();\r\n const tableRect = this.scrollContainer.getBoundingClientRect();\r\n const dropdownHeight = requestAnimationFrame(() => dropdownElement.scrollHeight);\r\n\r\n // Space within the TABLE, not viewport\r\n const spaceBelow = tableRect.bottom - buttonRect.bottom;\r\n const spaceAbove = buttonRect.top - tableRect.top;\r\n\r\n if (spaceBelow < dropdownHeight && spaceAbove > dropdownHeight) {\r\n this.dropdownPlacement = 'top-end';\r\n } else {\r\n this.dropdownPlacement = 'bottom-end';\r\n }\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.internalColumns.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 = col.value ? col.value(a) : a[this.sortKey!];\r\n let valB = col.value ? col.value(b) : 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 getRowId(row: any): string {\r\n if (typeof this.rowKey === 'function') {\r\n return this.rowKey(row);\r\n }\r\n\r\n return row[this.rowKey];\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 => this.getRowId(row)));\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(this.getRowId(row))) {\r\n updated.delete(this.getRowId(row));\r\n } else {\r\n updated.add(this.getRowId(row));\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(this.getRowId(row)));\r\n\r\n this.selectionChanged.emit(selected);\r\n }\r\n\r\n private get displayedData(): any[] {\r\n // console.log('sortedData length:', this.sortedData.length);\r\n // console.log('mode:', this.paginationConfig?.paginationMode);\r\n // console.log('page:', this.internalCurrentPage, 'size:', this.internalPageSize);\r\n\r\n if (!this.paginationConfig \|\| this.paginationConfig.paginationMode === 'external') {\r\n return this.sortedData;\r\n }\r\n const start = (this.internalCurrentPage - 1) this.internalPageSize;\r\n const end = start + this.internalPageSize;\r\n // console.log('slice:', start, end);\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 // console.log(detail);\r\n\r\n // Update these state variables to trigger a re-render\r\n this.internalPageSize = pageSize;\r\n this.internalCurrentPage = pageNumber;\r\n\r\n if (this.paginationConfig.paginationMode === 'external') {\r\n this.pageItemSelected.emit(detail);\r\n }\r\n };\r\n\r\n private get totalPages() {\r\n // console.log('sortedData length:', this.sortedData.length);\r\n // console.log('internalPageSize:', this.internalPageSize);\r\n // console.log('paginationMode:', this.paginationConfig?.paginationMode);\r\n\r\n if (!this.paginationConfig) return 1;\r\n const pageSize = this.internalPageSize \|\| 1;\r\n const totalItems = this.paginationConfig.paginationMode === 'internal' ? this.sortedData.length : (this.paginationConfig.totalItems ?? 0);\r\n\r\n return Math.max(1, Math.ceil(totalItems / pageSize));\r\n }\r\n\r\n @Watch('data')\r\n onDataChange() {\r\n if (this.paginationConfig.paginationMode === 'internal') {\r\n this.internalCurrentPage = 1;\r\n }\r\n }\r\n\r\n @Watch('paginationConfig')\r\n handlePaginationConfigChange(newValue: any) {\r\n if (newValue) {\r\n if (newValue.pageSize !== undefined) {\r\n this.internalPageSize = newValue.pageSize;\r\n }\r\n\r\n if (newValue.paginationMode === 'external' && newValue.currentPage) {\r\n this.internalCurrentPage = newValue.currentPage;\r\n }\r\n }\r\n }\r\n\r\n @Watch('loading')\r\n onLoadingChange(newValue: boolean, _oldValue: boolean) {\r\n this.internalLoading = 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 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={this.sortKey === col.key ? 'var(--color-icon, #4B5565)' : 'var(--color-icon-disabled, #808c9e)'}\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.internalColumns.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 checkbox: this.showCheckbox,\r\n sticky_left: this.stickyFirstColumn,\r\n [`table_header_${this.tableHeadColor}`]: true,\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.internalColumns\r\n .filter(col => col.visible)\r\n .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 [`table_header_${this.tableHeadColor}`]: 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 [`table_header_${this.tableHeadColor}`]: true,\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 ${this.showCheckbox ? 'checkbox' : ''}`}>\r\n <gb-checkbox\r\n type=\"checkbox\"\r\n checked={this.selectedRowIds.has(this.getRowId(row))}\r\n indeterminate={false}\r\n size=\"sm\"\r\n onClick={() => this.toggleRow(row)}\r\n ></gb-checkbox>\r\n </td>\r\n )}\r\n {this.internalColumns\r\n .filter(col => col.visible)\r\n .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=\"md\"\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=\"md\"\r\n icon=\"only\"\r\n destructive={action.destructive}\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\r\n anchor-id={`gb-table-trigger-${rowIndex}`}\r\n placement={this.dropdownPlacement}\r\n anchorEl={this.currentAnchorEl}\r\n boundaryEl={this.scrollContainer}\r\n dropdownHeight={requestAnimationFrame(() => this.dropdownRef.scrollHeight)}\r\n open\r\n >\r\n <div class=\"portal_dropdown_wrapper\" ref={el => (this.dropdownRef = el as HTMLDivElement)}>\r\n {this.dropdownOptions.map(action => (\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(newCols: TableColumn[]) {\r\n const positions = this.internalColumns.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 this.initializeColumns(newCols);\r\n }\r\n\r\n emitRowData(row: any) {\r\n this.rowClicked.emit(row);\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.internalColumns.find(c => c.mobile?.position === 'top_left');\r\n const topRight = this.internalColumns.find(c => c.mobile?.position === 'top_right');\r\n const bottomLeft = this.internalColumns.find(c => c.mobile?.position === 'bottom_left');\r\n const bottomRight = this.internalColumns.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(this.getRowId(row))}\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 class=\"mobile-card\" onClick={() => this.emitRowData(row)}>\r\n <div class=\"mobile-row left\">\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\">\r\n <p class=\"bottom_left_text text-sm-regular\">{bottomLeft && row[bottomLeft.key]}</p>\r\n </div>\r\n </div>\r\n <div class=\"mobile-row right\">\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 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 private initializeColumns(cols: TableColumn[]) {\r\n this.internalColumns = (cols \|\| []).map(col => ({\r\n ...col,\r\n visible: col.visible ?? true, // default to true\r\n }));\r\n }\r\n\r\n private reorderColumns(fromIndex: number, toIndex: number) {\r\n const updated = [...this.internalColumns];\r\n const [movedItem] = updated.splice(fromIndex, 1);\r\n updated.splice(toIndex, 0, movedItem);\r\n\r\n this.internalColumns = updated;\r\n }\r\n\r\n columnOptionsButtonClicked() {\r\n return () => {\r\n this.showColumnsPanel = !this.showColumnsPanel;\r\n };\r\n }\r\n\r\n exportButtonClicked(detail) {\r\n this.exportClicked.emit(detail.detail);\r\n }\r\n\r\n private toggleColumn(event: CustomEvent<boolean>, columnKey: string) {\r\n const isVisible = event.detail;\r\n\r\n this.internalColumns = this.internalColumns.map(col => (col.key === columnKey ? { ...col, visible: isVisible } : col));\r\n }\r\n\r\n private onModalPointerDown = (event: PointerEvent) => {\r\n this.isDraggingModal = true;\r\n\r\n this.dragOffset = {\r\n x: event.clientX - this.modalPosition.x,\r\n y: event.clientY - this.modalPosition.y,\r\n };\r\n\r\n window.addEventListener('pointermove', this.onModalPointerMove);\r\n window.addEventListener('pointerup', this.onModalPointerUp);\r\n };\r\n\r\n private onModalPointerMove = (event: PointerEvent) => {\r\n if (!this.isDraggingModal) return;\r\n\r\n this.modalPosition = {\r\n x: event.clientX - this.dragOffset.x,\r\n y: event.clientY - this.dragOffset.y,\r\n };\r\n };\r\n\r\n private onModalPointerUp = () => {\r\n this.isDraggingModal = false;\r\n\r\n window.removeEventListener('pointermove', this.onModalPointerMove);\r\n window.removeEventListener('pointerup', this.onModalPointerUp);\r\n };\r\n\r\n private openFilterModal() {\r\n this.showFilterModalInternal = true;\r\n\r\n requestAnimationFrame(() => {\r\n this.isFilterModalVisible = true;\r\n });\r\n }\r\n\r\n private closeFilterModal() {\r\n this.isFilterModalVisible = false;\r\n\r\n setTimeout(() => {\r\n this.showFilterModalInternal = false;\r\n }, 300); // match CSS duration\r\n }\r\n\r\n onApplyFilters(detail) {\r\n // console.log(detail.detail);\r\n this.applyFilters.emit(detail.detail);\r\n this.showFilterModalInternal = false;\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 input-placeholder={this.tableHeaderConfig.inputPlaceholder}\r\n date-picker-placeholder={this.tableHeaderConfig.datePickerPlaceholder}\r\n show-entire-data={this.tableHeaderConfig.showEntireData}\r\n show-layout-toggle={this.tableHeaderConfig.showLayoutToggle}\r\n filter-state={this.tableHeaderConfig.filterState}\r\n filter-count={this.tableHeaderConfig.filterCount}\r\n export-button-state={this.tableHeaderConfig.exportButtonState}\r\n pdf-state={this.tableHeaderConfig.pdfState}\r\n csv-state={this.tableHeaderConfig.csvState}\r\n onInputValueChanged={this.emitSearchValue.bind(this)}\r\n onDateChange={this.emitDateChange.bind(this)}\r\n onColumnOptionsButtonClicked={this.columnOptionsButtonClicked()}\r\n onExportClicked={e => this.exportButtonClicked(e)}\r\n onFilterButtonClicked={() => this.openFilterModal()}\r\n ></gb-table-header>\r\n {this.showColumnsPanel && (\r\n <div\r\n class=\"dialog\"\r\n style={{\r\n transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,\r\n }}\r\n >\r\n <div class=\"column-modal\">\r\n <div class=\"modal_header\">\r\n <div class=\"modal_header_content\" onPointerDown={this.onModalPointerDown}>\r\n <h4 class=\"heading display-xs-semi-bold\">Column Options</h4>\r\n <gb-button-close class=\"close_button\" color=\"gray\" size=\"sm\" onClick={() => (this.showColumnsPanel = false)}></gb-button-close>\r\n </div>\r\n </div>\r\n <div class=\"content_wrapper\">\r\n <div class=\"modal_content\">\r\n {this.internalColumns.map((col, index) => (\r\n <div\r\n class=\"column_option\"\r\n draggable\r\n onDragStart={() => (this.draggedIndex = index)}\r\n onDragOver={e => e.preventDefault()}\r\n onDrop={() => {\r\n if (this.draggedIndex !== null && this.draggedIndex !== index) {\r\n this.reorderColumns(this.draggedIndex, index);\r\n }\r\n this.draggedIndex = null;\r\n }}\r\n >\r\n <div class=\"label_and_dragger\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n <p class=\"label text-md-regular\">{col.label}</p>\r\n </div>\r\n <gb-toggle\r\n size=\"sm\"\r\n state={StateEnum.Default}\r\n position=\"right\"\r\n pressed={col.visible}\r\n text={false}\r\n onToggleClicked={e => {\r\n this.toggleColumn(e, col.key);\r\n }}\r\n ></gb-toggle>\r\n </div>\r\n ))}\r\n <div class=\"modal-actions\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n {this.showFilterModalInternal && (\r\n <div class={`filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}`}>\r\n <gb-filter-modal\r\n class=\"filter_modal\"\r\n filterConfig={this.filterConfig}\r\n onClose={e => {\r\n e.stopPropagation();\r\n this.closeFilterModal();\r\n }}\r\n onApplyFilters={e => this.onApplyFilters(e)}\r\n ></gb-filter-modal>\r\n </div>\r\n )}\r\n {this.internalLoading ? (\r\n // ✅ ALWAYS show loading when loading = true\r\n <table>\r\n <thead>\r\n <tr class=\"table_head_row\">\r\n {this.showCheckbox && (\r\n <th\r\n class={{\r\n checkbox: true,\r\n sticky_left: this.stickyFirstColumn,\r\n [`table_header_${this.tableHeadColor}`]: true,\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\r\n {this.internalColumns\r\n .filter(col => col.visible)\r\n .map((col, index) => {\r\n const align = col.align ?? 'left';\r\n\r\n return (\r\n <th\r\n style={{\r\n width: col.width,\r\n textAlign: col.align \|\| 'left',\r\n }}\r\n class={{\r\n table_header: true,\r\n [`table_header_${this.tableHeadColor}`]: true,\r\n sticky_left: this.stickyFirstColumn && index === 0,\r\n has_border: this.isScrollable,\r\n }}\r\n >\r\n <div class={`table_head_content align-${align}`}>\r\n <p class=\"head_text text-xs-medium\">{col.label}</p>\r\n </div>\r\n </th>\r\n );\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 [`table_header_${this.tableHeadColor}`]: true,\r\n }}\r\n >\r\n <div class=\"empty_div\"></div>\r\n </th>\r\n )}\r\n </tr>\r\n </thead>\r\n\r\n <tbody>\r\n {Array.from({ length: 5 }).map(_ => (\r\n <tr class=\"table_body\">\r\n {this.showCheckbox && (\r\n <td class=\"table_detail checkbox\">\r\n <gb-checkbox type=\"checkbox\" checked={this.allSelected} indeterminate={this.isIndeterminate} size=\"sm\" onClick={() => this.toggleAll()}></gb-checkbox>\r\n </td>\r\n )}\r\n\r\n {this.internalColumns\r\n .filter(col => col.visible)\r\n .map((_col, index) => (\r\n <td class={`table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}`}>\r\n <div class=\"loader\">\r\n <div class=\"skeleton skeleton-text\"></div>\r\n </div>\r\n </td>\r\n ))}\r\n\r\n {this.showActionsColumn && (\r\n <td\r\n class={{\r\n table_detail: true,\r\n actions_cell: true,\r\n sticky_right: this.stickyLastColumn,\r\n has_border: this.isScrollable,\r\n }}\r\n style={{ width: '50px' }}\r\n >\r\n <div class=\"loader\">\r\n <div class=\"skeleton skeleton-action\"></div>\r\n </div>\r\n </td>\r\n )}\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n ) : this.data.length === 0 ? (\r\n // ✅ No loading + no data = empty state\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 // ✅ Has data + not loading\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.paginationMode === 'internal' ? this.internalPageSize : 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}
1	+ {"file":"gb-table.js","mappings":"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","names":["GbTable","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-table/gb-table.css?tag=gb-table&encapsulation=shadow","src/components/gb-table/gb-table.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.table_wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n}\r\n\r\n.table_wrapper.list {\r\n border-radius: var(--rounded-md);\r\n border: 0.7px solid var(--color-border-subtler, #e3e8ef);\r\n box-shadow: var(--shadow-xs);\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\n/* .table_wrapper table th:first-child,\r\n.table_wrapper table td:first-child {\r\n position: sticky;\r\n left: 0;\r\n background: white;\r\n z-index: 2;\r\n } /\r\n\r\ngb-table-header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 9;\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\n.table-header.grid {\r\n overflow-y: visible;\r\n border-radius: var(--rounded-md);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.table_scroll {\r\n width: 100%;\r\n overflow-x: auto; / horizontal scroll /\r\n}\r\n\r\ntable {\r\n width: 100%;\r\n border-collapse: collapse;\r\n min-width: max-content;\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable.scrollable {\r\n table-layout: fixed;\r\n}\r\n\r\nthead {\r\n width: 100%;\r\n}\r\n\r\n.table_head_row {\r\n width: 100%;\r\n border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_head_row th {\r\n padding: 0.75rem 1.5rem;\r\n}\r\n\r\n.table_head_row th.checkbox,\r\n.table_body .table_detail.checkbox {\r\n width: 16px !important;\r\n padding: 0.75rem 0 0.75rem 1.5rem;\r\n}\r\n\r\n.table_header_gray {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.table_header_blue {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.table_head_content {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.align_left {\r\n flex-direction: row;\r\n}\r\n\r\n.align_right {\r\n flex-direction: row-reverse;\r\n}\r\n\r\n.head_text,\r\n.body_text {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.head_text.sortable:hover {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.table_head_icons {\r\n display: flex;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n.body_text {\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.text_and_supporting_text {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.primary p {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.supporting p {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.table_body:hover,\r\n.table_body:hover .table_detail.sticky_left,\r\n.table_body:hover .table_detail.sticky_right {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n cursor: pointer;\r\n}\r\n\r\n.table_body .table_detail {\r\n max-height: 4.5rem;\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--color-border-disabled, #e3e8ef);\r\n}\r\n\r\n.sticky_left {\r\n position: sticky;\r\n left: 0;\r\n z-index: 3;\r\n}\r\n\r\n.sticky_right {\r\n position: sticky;\r\n right: 0;\r\n z-index: 3;\r\n}\r\n\r\n.table_detail.sticky_left,\r\n.table_detail.sticky_right {\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\ntable th.has_border.sticky_left::after,\r\ntable .table_detail.has_border.sticky_left::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 4px;\r\n height: 100%;\r\n box-shadow: 2px 0 2px var(--color-border-subtle, #cdd5df);\r\n pointer-events: none;\r\n}\r\n\r\n.actions_cell.has_border.sticky_right::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 4px;\r\n height: 100%;\r\n box-shadow: -2px 0 2px var(--color-border-subtle, #cdd5df);\r\n pointer-events: none;\r\n}\r\n\r\n.empty_div {\r\n height: 100%;\r\n width: 70px;\r\n}\r\n\r\n#dropdown_button {\r\n position: relative;\r\n}\r\n\r\n.action_buttons {\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n/ Overlay /\r\n.filter_modal_wrapper {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n\r\n / Backgroun Blur/Bg blur sm /\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n justify-content: flex-end; / align modal to right /\r\n opacity: 0;\r\n transition:\r\n transform 0.3s ease,\r\n opacity 0.3s ease;\r\n z-index: 1000;\r\n}\r\n\r\n/ Modal Panel /\r\n.filter_modal {\r\n / transform: translateX(100%); /\r\n transition: transform 0.3s ease-in-out;\r\n overflow-y: auto;\r\n position: relative;\r\n}\r\n\r\n.filter_modal_wrapper.open {\r\n transform: translateX(0);\r\n opacity: 1;\r\n}\r\n\r\n.filter_modal_wrapper.closing {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n}\r\n\r\n/ Grid View Styles /\r\n.table_grid_wrapper {\r\n display: flex;\r\n padding: var(--spacing-5) 0;\r\n justify-content: center;\r\n align-items: center;\r\n align-content: center;\r\n gap: 1.5rem var(--spacing-6);\r\n align-self: stretch;\r\n flex-wrap: wrap;\r\n opacity: 1;\r\n}\r\n\r\n.table_grid_card {\r\n position: relative;\r\n display: flex;\r\n min-width: 21.25rem;\r\n max-width: 21.875rem;\r\n padding: var(--spacing-none);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-none);\r\n flex: 1 0 0;\r\n border-radius: var(--rounded-md);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-background-card, #ffffff);\r\n overflow: hidden;\r\n}\r\n\r\n.grid_card_profile {\r\n display: flex;\r\n padding: 0 var(--spacing-5);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n align-self: stretch;\r\n}\r\n\r\n.grid_card_profile_content {\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-none);\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n align-self: stretch;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.profile_details {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-3);\r\n flex: 1 0 0;\r\n align-self: stretch;\r\n}\r\n\r\n.profile_name p {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.profile_badges {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n align-self: stretch;\r\n}\r\n\r\n.grid_card_buttons {\r\n display: flex;\r\n padding: var(--spacing-5);\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n align-self: stretch;\r\n}\r\n\r\n.btn {\r\n flex: 1 0 0;\r\n}\r\n\r\n.grid_dropdown_modal_overlay {\r\n display: flex;\r\n justify-content: flex-end;\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n background: var(--color-blanket-subtler, rgba(33, 44, 101, 0.4));\r\n transition:\r\n transform 0.3s ease,\r\n opacity 0.3s ease;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n opacity: 0;\r\n}\r\n\r\n.grid_dropdown_modal_overlay.open {\r\n transform: translateX(0);\r\n opacity: 1;\r\n}\r\n\r\n.grid_dropdown_modal_overlay.closing {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n}\r\n\r\n.grid_dropdown_modal {\r\n width: 12.1875rem;\r\n height: 100%;\r\n border-radius: var(--rounded-sm) 0 0 var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-background-card, #ffffff);\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.grid_card_modal_close_button {\r\n position: absolute;\r\n left: 0.5rem;\r\n top: 0.5rem;\r\n}\r\n\r\n/ Mobile Table View Styles /\r\n.mobile_wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.mobile_card_wrapper {\r\n display: flex;\r\n align-items: flex-start;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.mobile-card {\r\n display: flex;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: var(--spacing-6) var(--spacing-4);\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.mobile_card_wrapper:active {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.mobile-row {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n}\r\n\r\n.mobile-row.left {\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.mobile-row.right {\r\n width: fit-content;\r\n align-items: flex-end;\r\n text-align: right;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.mobile-bottom {\r\n align-items: flex-end;\r\n text-align: right;\r\n}\r\n\r\n/ .mobile-top .mobile-cell:first-child {\r\n font-weight: 500;\r\n font-size: 16px;\r\n}\r\n\r\n.mobile-top .mobile-cell.right {\r\n font-weight: 600;\r\n font-size: 16px;\r\n} /\r\n\r\n.mobile-cell {\r\n min-width: 0;\r\n}\r\n\r\n.mobile-cell.right {\r\n display: flex;\r\n justify-content: flex-end;\r\n flex: 1;\r\n text-align: right;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n max-width: 100%;\r\n width: 100%;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n min-width: 0;\r\n margin: 0;\r\n}\r\n\r\n.top_left_text,\r\n.top_right_text {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.bottom_left_text {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.empty_state_wrapper {\r\n display: flex;\r\n padding: 2.5rem 2rem 3rem 2rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n align-self: stretch;\r\n overflow: hidden;\r\n}\r\n\r\n/ Column Options Modal Styles /\r\n.dialog {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 9999;\r\n background: var(--color-surface, #ffffff);\r\n width: 23.1875rem;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n border: 1px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.content_wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n padding: var(--spacing-5) var(--spacing-6);\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n align-self: stretch;\r\n}\r\n\r\n.modal_header {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n position: relative;\r\n cursor: grab;\r\n}\r\n\r\n.modal_header_content {\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-6);\r\n align-items: flex-start;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.heading {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.close_button {\r\n position: absolute;\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n}\r\n\r\n.modal_content {\r\n display: flex;\r\n width: 100%;\r\n padding: 0 0 var(--spacing-none) 0;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n}\r\n\r\n.column_option {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-none);\r\n align-self: stretch;\r\n}\r\n\r\n.label_and_dragger {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n flex: 1 0 0;\r\n}\r\n\r\n.label {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.label_and_dragger svg {\r\n cursor: grab;\r\n}\r\n\r\n/ Loading Styles /\r\n.loader {\r\n width: 100%;\r\n}\r\n\r\n.skeleton {\r\n animation: skeleton-loading 0.5s linear infinite alternate;\r\n}\r\n\r\n@keyframes skeleton-loading {\r\n 0% {\r\n background-color: var(--color-skeleton, #e3e8ef);\r\n }\r\n\r\n 100% {\r\n background-color: var(--color-skeleton-bold, #cdd5df);\r\n }\r\n}\r\n\r\n.skeleton-text,\r\n.skeleton-action {\r\n width: 100%;\r\n height: 0.5rem;\r\n margin-bottom: 0.5rem;\r\n border-radius: 0.25rem;\r\n}\r\n","import { Component, Event, EventEmitter, Prop, State, h, Fragment, Watch, Listen } from '@stencil/core';\r\nimport {\r\n DropdownOption,\r\n FileIconStyles,\r\n FileIconTypes,\r\n FilterConfig,\r\n GeneralColors,\r\n GeneralSizes,\r\n IllustrationTypes,\r\n RowAction,\r\n StateEnum,\r\n StateType,\r\n TableColumn,\r\n ThemeTypes,\r\n} 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() loading: boolean = false;\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', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n // {\r\n // key: 'name',\r\n // label: 'Name',\r\n // sortable: true,\r\n // sortType: 'string',\r\n // helpIcon: true,\r\n // supportingText: row => row.role,\r\n // mobile: { position: 'top_right' },\r\n // },\r\n // { key: 'role', label: 'Role' },\r\n // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\r\n // {\r\n // key: 'status',\r\n // label: 'Status',\r\n // cellComponent: 'gb-badge',\r\n // cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n // cellSlots: {\r\n // default: {\r\n // tag: 'p',\r\n // content: row => row.status,\r\n // },\r\n // },\r\n // },\r\n ];\r\n @Prop() data: any[] = [\r\n // {\r\n // id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\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: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3006', date: new Date(), 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() gridCardConfig?: {\r\n name?: { key: string };\r\n badges?: { key: string; label?: string }[];\r\n button?: { icon: string; text: string; action: string };\r\n } \r\n // = {\r\n // name: { key: 'customer' },\r\n // badges: [\r\n // { key: 'role', label: 'Role' },\r\n // { key: 'amount', label: 'Amount' },\r\n // ],\r\n // button: { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },\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 showEntireData?: boolean;\r\n showLayoutToggle?: boolean;\r\n filterState?: 'default' \| 'applied';\r\n filterCount?: number;\r\n exportButtonState?: 'default' \| 'disabled';\r\n pdfState?: 'default' \| 'disabled';\r\n csvState?: 'default' \| 'disabled';\r\n datePickerMode?: 'single' \| 'range';\r\n inputPlaceholder?: string;\r\n datePickerPlaceholder?: string;\r\n } = {\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: false,\r\n showLayoutToggle: true,\r\n datePickerMode: 'range',\r\n inputPlaceholder: 'Transaction reference',\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 };\r\n @Prop() emptyStateConfig: {\r\n size: GeneralSizes;\r\n mainText: string;\r\n supportingText?: string;\r\n color?: GeneralColors;\r\n illustrationIcon?: string;\r\n illustrationStyle: IllustrationTypes;\r\n background: boolean;\r\n backgroundType: 'grid' \| 'circles';\r\n theme?: ThemeTypes;\r\n primaryButtonState?: StateType;\r\n primaryButtonIconLeadingSwap?: string;\r\n primaryButtonIconTrailingSwap?: string;\r\n secondaryButtonIconLeadingSwap?: string;\r\n secondaryButtonIconTrailingSwap?: string;\r\n primaryButtonText?: string;\r\n secondaryButtonText?: string;\r\n fileStyle?: FileIconStyles;\r\n fileType?: FileIconTypes;\r\n featuredIconSwap?: string;\r\n } = {\r\n size: 'md',\r\n background: true,\r\n backgroundType: 'grid',\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 illustrationStyle: 'box',\r\n theme: 'light',\r\n };\r\n @Prop() filterConfig: FilterConfig\r\n // = {\r\n // title: 'Filter',\r\n // fields: [\r\n // {\r\n // tag: 'gb-date-picker',\r\n // label: 'Post date',\r\n // key: { start: 'postStartDate', end: 'postEndDate' },\r\n // event: 'dateChange',\r\n // },\r\n // {\r\n // tag: 'gb-date-picker',\r\n // label: 'Value date',\r\n // key: { start: 'valueStartDate', end: 'valueEndDate' },\r\n // event: 'dateChange',\r\n // },\r\n // {\r\n // tag: 'gb-input-dropdown',\r\n // key: 'status',\r\n // event: 'dropdownItemSelected',\r\n // props: {\r\n // type: 'tags',\r\n // showLabel: true,\r\n // label: 'Status',\r\n // placeholder: 'Select a status',\r\n // items: ['Successful', 'Reversed'],\r\n // },\r\n // },\r\n // {\r\n // tag: 'gb-input-dropdown',\r\n // key: 'transactionType',\r\n // event: 'dropdownItemSelected',\r\n // props: {\r\n // type: 'default',\r\n // showLabel: true,\r\n // label: 'Transaction type',\r\n // placeholder: 'Select type',\r\n // items: ['Credit', 'Debit'],\r\n // },\r\n // },\r\n // {\r\n // tag: 'gb-slider',\r\n // key: 'amountRange',\r\n // event: 'thumbValueChanged',\r\n // props: {\r\n // showHeading: true,\r\n // heading: 'Amount range',\r\n // },\r\n // },\r\n // ],\r\n // initialValues: {\r\n // pageNumber: 0,\r\n // pageSize: 10,\r\n // },\r\n // };\r\n @Prop() showActionsColumn: boolean = true;\r\n @Prop() rowActions: RowAction[] = [\r\n // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n ];\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: false },\r\n ];\r\n @Prop() stickyFirstColumn: boolean = false;\r\n @Prop() stickyLastColumn: boolean = false;\r\n @Prop() actionsType: 'none' \| 'dropdown' \| '' = 'none';\r\n @Prop() showCheckbox: boolean = false;\r\n @Prop() tableHeadColor: 'gray' \| 'blue' = 'gray';\r\n @Prop() rowKey: string \| ((row: any) => string) = 'id';\r\n @State() slicedData: any[] = [];\r\n @State() internalCurrentPage: number = 1;\r\n @State() internalPageSize: number = 10;\r\n @State() openRowIndex: number \| null = null;\r\n @State() dropdownPlacement: 'top-end' \| 'bottom-end' = 'bottom-end';\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 @State() showColumnsPanel = false;\r\n @State() showFilterModal = false;\r\n @State() internalColumns: TableColumn[];\r\n @State() modalPosition = { x: 0, y: 0 };\r\n @State() showFilterModalInternal: boolean = false;\r\n @State() isFilterModalVisible: boolean = false;\r\n @State() isGridModalVisible: boolean = false;\r\n @State() internalLoading: boolean = false;\r\n @State() currentTableLayout: 'grid' \| 'list' = 'list';\r\n @State() showGridCardModal: boolean = false;\r\n @State() appliedFilterValues: Record<string, any> = {};\r\n @Event() rowActionClicked: 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 @Event() exportClicked: EventEmitter<{ dataType: string; exportType: string }>;\r\n @Event() refreshButtonClicked: EventEmitter<void>;\r\n @Event() layoutButtonClicked: EventEmitter<string>;\r\n @Event() rowClicked: EventEmitter<{ row: any }>;\r\n @Event() applyFilters: EventEmitter<any>;\r\n\r\n private isDraggingModal = false;\r\n private dragOffset = { x: 0, y: 0 };\r\n private actionButtonRefs: HTMLGbButtonElement[] = [];\r\n private currentAnchorEl?: HTMLElement;\r\n private scrollContainer?: HTMLDivElement;\r\n private draggedIndex: number \| null = null;\r\n private dropdownRef: HTMLDivElement;\r\n\r\n componentWillLoad() {\r\n this.initializeColumns(this.columns);\r\n this.internalLoading = this.loading;\r\n }\r\n\r\n componentWillRender() {\r\n this.checkViewport();\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 <= 900;\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 \r\n this.rowActionClicked.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 if (col.supportingText) {\r\n const primary = row[col.key];\r\n\r\n const supporting = typeof col.supportingText === 'function' ? col.supportingText(row) : col.supportingText ? row[col.supportingText] : undefined;\r\n\r\n return (\r\n <div class=\"text_and_supporting_text\">\r\n <div class=\"primary\">\r\n <p class=\"text-sm-medium\">{primary}</p>\r\n </div>\r\n {supporting && (\r\n <div class=\"supporting\">\r\n <p class=\"text-xs-regular\">{supporting}</p>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n\r\n const value = this.getCellValue(col, row);\r\n const resolvedClass = typeof col.cellClass === 'function' ? col.cellClass(row) : (col.cellClass ?? '');\r\n const resolvedStyle: { [key: string]: string } = typeof col.cellStyle === 'function' ? col.cellStyle(row) : (col.cellStyle ?? {});\r\n\r\n return (\r\n <p class={`body_text text-sm-regular ${resolvedClass}`} style={resolvedStyle}>\r\n {value}\r\n </p>\r\n );\r\n }\r\n\r\n private getCellValue(col: TableColumn, row: any) {\r\n if (col.value) {\r\n return col.value(row);\r\n }\r\n\r\n return row[col.key];\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 // Calculate available space for dropdown positioning\r\n requestAnimationFrame(() => this.calculateDropdownPlacement(nativeBtn, this.dropdownRef));\r\n }\r\n\r\n openGridModal(rowIndex: number) {\r\n this.openRowIndex = rowIndex;\r\n this.isGridModalVisible = true;\r\n\r\n requestAnimationFrame(() => {\r\n this.isGridModalVisible = true;\r\n });\r\n }\r\n\r\n closeGridModal() {\r\n this.openRowIndex = null;\r\n this.isGridModalVisible = false;\r\n\r\n setTimeout(() => {\r\n this.showFilterModalInternal = false;\r\n }, 300);\r\n }\r\n\r\n private calculateDropdownPlacement(buttonElement?: HTMLElement, dropdownElement?: HTMLDivElement) {\r\n if (!buttonElement \|\| !dropdownElement) return;\r\n\r\n const buttonRect = buttonElement.getBoundingClientRect();\r\n const tableRect = this.scrollContainer.getBoundingClientRect();\r\n const dropdownHeight = requestAnimationFrame(() => dropdownElement.scrollHeight);\r\n\r\n // Space within the TABLE, not viewport\r\n const spaceBelow = tableRect.bottom - buttonRect.bottom;\r\n const spaceAbove = buttonRect.top - tableRect.top;\r\n\r\n if (spaceBelow < dropdownHeight && spaceAbove > dropdownHeight) {\r\n this.dropdownPlacement = 'top-end';\r\n } else {\r\n this.dropdownPlacement = 'bottom-end';\r\n }\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.internalColumns.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 = col.value ? col.value(a) : a[this.sortKey!];\r\n let valB = col.value ? col.value(b) : 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 getRowId(row: any): string {\r\n if (typeof this.rowKey === 'function') {\r\n return this.rowKey(row);\r\n }\r\n\r\n return row[this.rowKey];\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 => this.getRowId(row)));\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(this.getRowId(row))) {\r\n updated.delete(this.getRowId(row));\r\n } else {\r\n updated.add(this.getRowId(row));\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(this.getRowId(row)));\r\n\r\n this.selectionChanged.emit(selected);\r\n }\r\n\r\n private get displayedData(): any[] {\r\n if (!this.paginationConfig \|\| this.paginationConfig.paginationMode === 'external') {\r\n return this.sortedData;\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 // Update these state variables to trigger a re-render\r\n this.internalPageSize = pageSize;\r\n this.internalCurrentPage = pageNumber;\r\n\r\n if (this.paginationConfig.paginationMode === 'external') {\r\n this.pageItemSelected.emit(detail);\r\n }\r\n };\r\n\r\n private get totalPages() {\r\n // console.log('sortedData length:', this.sortedData.length);\r\n // console.log('internalPageSize:', this.internalPageSize);\r\n // console.log('paginationMode:', this.paginationConfig?.paginationMode);\r\n\r\n if (!this.paginationConfig) return 1;\r\n const pageSize = this.internalPageSize \|\| 1;\r\n const totalItems = this.paginationConfig.paginationMode === 'internal' ? this.sortedData.length : (this.paginationConfig.totalItems ?? 0);\r\n\r\n return Math.max(1, Math.ceil(totalItems / pageSize));\r\n }\r\n\r\n @Watch('data')\r\n onDataChange() {\r\n if (this.paginationConfig.paginationMode === 'internal') {\r\n this.internalCurrentPage = 1;\r\n }\r\n }\r\n\r\n @Watch('paginationConfig')\r\n handlePaginationConfigChange(newValue: any) {\r\n if (newValue) {\r\n if (newValue.pageSize !== undefined) {\r\n this.internalPageSize = newValue.pageSize;\r\n }\r\n\r\n if (newValue.paginationMode === 'external' && newValue.currentPage) {\r\n this.internalCurrentPage = newValue.currentPage;\r\n }\r\n }\r\n }\r\n\r\n @Watch('loading')\r\n onLoadingChange(newValue: boolean, _oldValue: boolean) {\r\n this.internalLoading = 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 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={this.sortKey === col.key ? 'var(--color-icon, #4B5565)' : 'var(--color-icon-disabled, #808c9e)'}\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 @Watch('columns')\r\n validateMobilePositions(newCols: TableColumn[]) {\r\n const positions = this.internalColumns.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 this.initializeColumns(newCols);\r\n }\r\n\r\n emitRowData(row: any) {\r\n this.rowClicked.emit(row);\r\n }\r\n\r\n generateNameInitials(name: string) {\r\n const splitNames = name.split(' ');\r\n\r\n return splitNames.map((nm: string) => nm.charAt(0));\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.internalColumns.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 checkbox: this.showCheckbox,\r\n sticky_left: this.stickyFirstColumn,\r\n [`table_header_${this.tableHeadColor}`]: true,\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.internalColumns\r\n .filter(col => col.visible)\r\n .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 [`table_header_${this.tableHeadColor}`]: 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 [`table_header_${this.tableHeadColor}`]: true,\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 ${this.showCheckbox ? 'checkbox' : ''}`}>\r\n <gb-checkbox\r\n type=\"checkbox\"\r\n checked={this.selectedRowIds.has(this.getRowId(row))}\r\n indeterminate={false}\r\n size=\"sm\"\r\n onClick={() => this.toggleRow(row)}\r\n ></gb-checkbox>\r\n </td>\r\n )}\r\n {this.internalColumns\r\n .filter(col => col.visible)\r\n .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=\"md\"\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=\"md\"\r\n icon=\"only\"\r\n destructive={action.destructive}\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\r\n anchor-id={`gb-table-trigger-${rowIndex}`}\r\n placement={this.dropdownPlacement}\r\n anchorEl={this.currentAnchorEl}\r\n boundaryEl={this.scrollContainer}\r\n dropdownHeight={requestAnimationFrame(() => this.dropdownRef.scrollHeight)}\r\n open\r\n >\r\n <div class=\"portal_dropdown_wrapper\" ref={el => (this.dropdownRef = el as HTMLDivElement)}>\r\n {this.dropdownOptions.map(action => (\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 renderGridView() {\r\n return (\r\n <div class={`table_grid_wrapper`}>\r\n {this.displayedData.map((row, rowIndex) => {\r\n return (\r\n <div class=\"table_grid_card\">\r\n <div class=\"grid_card_profile\">\r\n <div class=\"grid_card_profile_content\">\r\n <div class=\"profile_avatar\">\r\n <gb-avatar size=\"lg\" show-border=\"false\">\r\n <h1 slot=\"initials\">{this.generateNameInitials(row[this.gridCardConfig.name.key])}</h1>\r\n </gb-avatar>\r\n </div>\r\n <div class=\"profile_details\">\r\n <div class=\"profile_name\">\r\n <p class=\"text-lg-semi-bold\">{this.gridCardConfig?.name ? row[this.gridCardConfig.name.key] : ''}</p>\r\n </div>\r\n {this.gridCardConfig?.badges?.map(badge => (\r\n <gb-badge size=\"lg\" type=\"badge_modern\" color=\"gray\">\r\n <p>{row[badge.key]}</p>\r\n </gb-badge>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"grid_card_buttons\">\r\n <div class=\"btn\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={this.gridCardConfig.button.icon ? true : false}\r\n iconLeadingSwap={this.gridCardConfig.button.icon}\r\n onClick={() => this.handleAction(this.gridCardConfig.button.action, row)}\r\n >\r\n <p>{this.gridCardConfig.button.text}</p>\r\n </gb-button>\r\n </div>\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n iconLeading\r\n icon-leading-swap=\"assets/more-vertical.svg\"\r\n icon=\"only\"\r\n onClick={() => this.openGridModal(rowIndex)}\r\n ></gb-button>\r\n </div>\r\n {this.openRowIndex === rowIndex && this.isGridModalVisible && (\r\n <div class={`grid_dropdown_modal_overlay ${this.isGridModalVisible ? 'open' : 'closing'}`}>\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"grid_card_modal_close_button\" onClick={() => this.closeGridModal()}></gb-button-close>\r\n <div class=\"grid_dropdown_modal\">\r\n {this.dropdownOptions.map(action => (\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 </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\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.internalColumns.find(c => c.mobile?.position === 'top_left');\r\n const topRight = this.internalColumns.find(c => c.mobile?.position === 'top_right');\r\n const bottomLeft = this.internalColumns.find(c => c.mobile?.position === 'bottom_left');\r\n const bottomRight = this.internalColumns.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(this.getRowId(row))}\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 class=\"mobile-card\" onClick={() => this.emitRowData(row)}>\r\n <div class=\"mobile-row left\">\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\">\r\n <p class=\"bottom_left_text text-sm-regular\">{bottomLeft && row[bottomLeft.key]}</p>\r\n </div>\r\n </div>\r\n <div class=\"mobile-row right\">\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 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 private initializeColumns(cols: TableColumn[]) {\r\n this.internalColumns = (cols \|\| []).map(col => ({\r\n ...col,\r\n visible: col.visible ?? true, // default to true\r\n }));\r\n }\r\n\r\n private reorderColumns(fromIndex: number, toIndex: number) {\r\n const updated = [...this.internalColumns];\r\n const [movedItem] = updated.splice(fromIndex, 1);\r\n updated.splice(toIndex, 0, movedItem);\r\n\r\n this.internalColumns = updated;\r\n }\r\n\r\n columnOptionsButtonClicked() {\r\n return () => {\r\n this.showColumnsPanel = !this.showColumnsPanel;\r\n };\r\n }\r\n\r\n exportButtonClicked(detail) {\r\n this.exportClicked.emit(detail.detail);\r\n }\r\n\r\n onRefreshButtonClicked() {\r\n this.refreshButtonClicked.emit();\r\n }\r\n\r\n switchTableLayout(layout) {\r\n this.currentTableLayout = layout.detail;\r\n }\r\n\r\n private toggleColumn(event: CustomEvent<boolean>, columnKey: string) {\r\n const isVisible = event.detail;\r\n\r\n this.internalColumns = this.internalColumns.map(col => (col.key === columnKey ? { ...col, visible: isVisible } : col));\r\n }\r\n\r\n private onModalPointerDown = (event: PointerEvent) => {\r\n this.isDraggingModal = true;\r\n\r\n this.dragOffset = {\r\n x: event.clientX - this.modalPosition.x,\r\n y: event.clientY - this.modalPosition.y,\r\n };\r\n\r\n window.addEventListener('pointermove', this.onModalPointerMove);\r\n window.addEventListener('pointerup', this.onModalPointerUp);\r\n };\r\n\r\n private onModalPointerMove = (event: PointerEvent) => {\r\n if (!this.isDraggingModal) return;\r\n\r\n this.modalPosition = {\r\n x: event.clientX - this.dragOffset.x,\r\n y: event.clientY - this.dragOffset.y,\r\n };\r\n };\r\n\r\n private onModalPointerUp = () => {\r\n this.isDraggingModal = false;\r\n\r\n window.removeEventListener('pointermove', this.onModalPointerMove);\r\n window.removeEventListener('pointerup', this.onModalPointerUp);\r\n };\r\n\r\n private openFilterModal() {\r\n this.showFilterModalInternal = true;\r\n\r\n requestAnimationFrame(() => {\r\n this.isFilterModalVisible = true;\r\n });\r\n }\r\n\r\n private closeFilterModal() {\r\n this.isFilterModalVisible = false;\r\n\r\n setTimeout(() => {\r\n this.showFilterModalInternal = false;\r\n }, 300); // match CSS duration\r\n }\r\n\r\n onApplyFilters(e) {\r\n // console.log(detail.detail);\r\n const { filters } = e.detail; // ← destructure, don't store the whole thing\r\n this.appliedFilterValues = { ...this.appliedFilterValues, ...filters }; // ← merge, not replace\r\n this.applyFilters.emit(this.appliedFilterValues);\r\n console.log(this.appliedFilterValues)\r\n this.closeFilterModal();\r\n }\r\n\r\n get mergedFilterConfig(): FilterConfig {\r\n return {\r\n ...this.filterConfig,\r\n appliedValues: this.appliedFilterValues,\r\n };\r\n }\r\n\r\n handleClearFilters() {\r\n this.appliedFilterValues = {};\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 ${this.currentTableLayout}`}>\r\n <div class={`table-header ${this.currentTableLayout}`}>\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 input-placeholder={this.tableHeaderConfig.inputPlaceholder}\r\n date-picker-placeholder={this.tableHeaderConfig.datePickerPlaceholder}\r\n show-entire-data={this.tableHeaderConfig.showEntireData}\r\n show-layout-toggle={this.tableHeaderConfig.showLayoutToggle}\r\n filter-state={Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default'}\r\n filter-count={Object.keys(this.appliedFilterValues).length}\r\n export-button-state={this.tableHeaderConfig.exportButtonState}\r\n pdf-state={this.tableHeaderConfig.pdfState}\r\n csv-state={this.tableHeaderConfig.csvState}\r\n onInputValueChanged={this.emitSearchValue.bind(this)}\r\n onDateChange={this.emitDateChange.bind(this)}\r\n onColumnOptionsButtonClicked={this.columnOptionsButtonClicked()}\r\n onExportClicked={e => this.exportButtonClicked(e)}\r\n onFilterButtonClicked={() => this.openFilterModal()}\r\n onRefreshButtonClicked={() => this.onRefreshButtonClicked()}\r\n onLayoutButtonClicked={e => this.switchTableLayout(e)}\r\n ></gb-table-header>\r\n </div>\r\n {this.showColumnsPanel && this.columns.length > 0 && (\r\n <div\r\n class=\"dialog\"\r\n style={{\r\n transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,\r\n }}\r\n >\r\n <div class=\"column-modal\">\r\n <div class=\"modal_header\">\r\n <div class=\"modal_header_content\" onPointerDown={this.onModalPointerDown}>\r\n <h4 class=\"heading display-xs-semi-bold\">Column Options</h4>\r\n <gb-button-close class=\"close_button\" color=\"gray\" size=\"sm\" onClick={() => (this.showColumnsPanel = false)}></gb-button-close>\r\n </div>\r\n </div>\r\n <div class=\"content_wrapper\">\r\n <div class=\"modal_content\">\r\n {this.internalColumns.map((col, index) => (\r\n <div\r\n class=\"column_option\"\r\n draggable\r\n onDragStart={() => (this.draggedIndex = index)}\r\n onDragOver={e => e.preventDefault()}\r\n onDrop={() => {\r\n if (this.draggedIndex !== null && this.draggedIndex !== index) {\r\n this.reorderColumns(this.draggedIndex, index);\r\n }\r\n this.draggedIndex = null;\r\n }}\r\n >\r\n <div class=\"label_and_dragger\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n <p class=\"label text-md-regular\">{col.label}</p>\r\n </div>\r\n <gb-toggle\r\n size=\"sm\"\r\n state={StateEnum.Default}\r\n position=\"right\"\r\n pressed={col.visible}\r\n text={false}\r\n onToggleClicked={e => {\r\n this.toggleColumn(e, col.key);\r\n }}\r\n ></gb-toggle>\r\n </div>\r\n ))}\r\n <div class=\"modal-actions\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n {this.showFilterModalInternal && this.filterConfig && (\r\n <div class={`filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}`}>\r\n <gb-filter-modal\r\n class=\"filter_modal\"\r\n filterConfig={this.mergedFilterConfig}\r\n onClose={e => {\r\n e.stopPropagation();\r\n this.closeFilterModal();\r\n }}\r\n onApplyFilters={e => this.onApplyFilters(e)}\r\n onClearFilters={() => this.handleClearFilters()}\r\n ></gb-filter-modal>\r\n </div>\r\n )}\r\n {this.internalLoading ? (\r\n // ✅ ALWAYS show loading when loading = true\r\n <table>\r\n <thead>\r\n <tr class=\"table_head_row\">\r\n {this.showCheckbox && (\r\n <th\r\n class={{\r\n checkbox: true,\r\n sticky_left: this.stickyFirstColumn,\r\n [`table_header_${this.tableHeadColor}`]: true,\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\r\n {this.internalColumns\r\n .filter(col => col.visible)\r\n .map((col, index) => {\r\n const align = col.align ?? 'left';\r\n\r\n return (\r\n <th\r\n style={{\r\n width: col.width,\r\n textAlign: col.align \|\| 'left',\r\n }}\r\n class={{\r\n table_header: true,\r\n [`table_header_${this.tableHeadColor}`]: true,\r\n sticky_left: this.stickyFirstColumn && index === 0,\r\n has_border: this.isScrollable,\r\n }}\r\n >\r\n <div class={`table_head_content align-${align}`}>\r\n <p class=\"head_text text-xs-medium\">{col.label}</p>\r\n </div>\r\n </th>\r\n );\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 [`table_header_${this.tableHeadColor}`]: true,\r\n }}\r\n >\r\n <div class=\"empty_div\"></div>\r\n </th>\r\n )}\r\n </tr>\r\n </thead>\r\n\r\n <tbody>\r\n {Array.from({ length: 5 }).map(_ => (\r\n <tr class=\"table_body\">\r\n {this.showCheckbox && (\r\n <td class=\"table_detail checkbox\">\r\n <gb-checkbox type=\"checkbox\" checked={this.allSelected} indeterminate={this.isIndeterminate} size=\"sm\" onClick={() => this.toggleAll()}></gb-checkbox>\r\n </td>\r\n )}\r\n\r\n {this.internalColumns\r\n .filter(col => col.visible)\r\n .map((_col, index) => (\r\n <td class={`table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}`}>\r\n <div class=\"loader\">\r\n <div class=\"skeleton skeleton-text\"></div>\r\n </div>\r\n </td>\r\n ))}\r\n\r\n {this.showActionsColumn && (\r\n <td\r\n class={{\r\n table_detail: true,\r\n actions_cell: true,\r\n sticky_right: this.stickyLastColumn,\r\n has_border: this.isScrollable,\r\n }}\r\n style={{ width: '50px' }}\r\n >\r\n <div class=\"loader\">\r\n <div class=\"skeleton skeleton-action\"></div>\r\n </div>\r\n </td>\r\n )}\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n ) : this.data.length === 0 ? (\r\n // ✅ No loading + no data = empty state\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 // ✅ Has data + not loading\r\n <>\r\n {this.isMobile\r\n ? this.renderMobileView()\r\n : this.currentTableLayout === 'list'\r\n ? this.renderDesktopView()\r\n : this.currentTableLayout === 'grid'\r\n ? this.renderGridView()\r\n : null}\r\n </>\r\n )}\r\n {this.paginationConfig && this.data.length > 0 && (\r\n <div class={`pagination ${this.currentTableLayout}`}>\r\n <gb-pagination\r\n entries-dropdown-menu-position={this.paginationConfig.entriesDropdownMenuPosition}\r\n page-size={this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : 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 </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/gb-tag-checkbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbTagCheckbox$1, d as defineCustomElement$1 } from './p-CMSgQk_J.js';
+import { G as GbTagCheckbox$1, d as defineCustomElement$1 } from './p-C7Z71gB9.js';
 const GbTagCheckbox = GbTagCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag-close.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbTagClose$1, d as defineCustomElement$1 } from './p-B6k24H6F.js';
+import { G as GbTagClose$1, d as defineCustomElement$1 } from './p-DIsxhyr1.js';
 const GbTagClose = GbTagClose$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag-count.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbTagCount$1, d as defineCustomElement$1 } from './p-QMvxRWGo.js';
+import { G as GbTagCount$1, d as defineCustomElement$1 } from './p-Bx-ZLO6f.js';
 const GbTagCount = GbTagCount$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbTag$1, d as defineCustomElement$1 } from './p-CxmrLytr.js';
+import { G as GbTag$1, d as defineCustomElement$1 } from './p-DbYSDIEE.js';
 const GbTag = GbTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-textarea-input-field.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbTextareaInputField$1, d as defineCustomElement$1 } from './p-B5gEkPoU.js';
+import { G as GbTextareaInputField$1, d as defineCustomElement$1 } from './p-CyxLUgVQ.js';
 const GbTextareaInputField = GbTextareaInputField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-theme-tab.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbThemeTab$1, d as defineCustomElement$1 } from './p-DhGPhyRl.js';
+import { G as GbThemeTab$1, d as defineCustomElement$1 } from './p-DCIm0ulG.js';
 const GbThemeTab = GbThemeTab$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-toast-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbToastButton$1, d as defineCustomElement$1 } from './p-B8xTwy6a.js';
+import { G as GbToastButton$1, d as defineCustomElement$1 } from './p-_b9j72nq.js';
 const GbToastButton = GbToastButton$1;
 const defineCustomElement = defineCustomElement$1;