globuswebcomponents 2.10.2 → 2.10.4

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

@@ -1 +1 @@
-{"version":3,"file":"gb-table.js","sourceRoot":"","sources":["../../../src/components/gb-table/gb-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h, Fragment, Watch, Listen } from '@stencil/core';\r\nimport {\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' },\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    title: 'Filter',\r\n    enableDateRange: true,\r\n    showClearButton: true,\r\n    additionalFields: [\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'approvalStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'default',\r\n          showLabel: true,\r\n          label: 'Approval status',\r\n          placeholder: 'Select approval status',\r\n          items: ['Draft', 'Pending', 'Approved', 'Rejected'],\r\n          destructive: false,\r\n        },\r\n        default: {\r\n          value: [],\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        default: {\r\n          leftControl: 50,\r\n          rightControl: 100,\r\n        },\r\n      },\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'disbursementStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'default',\r\n          showLabel: true,\r\n          label: 'Disbursement status',\r\n          placeholder: 'Select disbursement status',\r\n          items: ['Disbursed', 'Not Disbursed'],\r\n        },\r\n      },\r\n      //   {\r\n      //     tag: 'gb-input-dropdown',\r\n      //     key: 'facilityCategory',\r\n      //     props: {\r\n      //       showLabel: true,\r\n      //       label: 'Facility category',\r\n      //       placeholder: 'Select facility category',\r\n      //       items: ['Retail', 'Commercial', 'Corporate'],\r\n      //     },\r\n      //   },\r\n    ],\r\n    initialValues: {\r\n      pageNumber: 1,\r\n      pageSize: 10,\r\n    },\r\n  };\r\n  @Prop() showActionsColumn: boolean = false;\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 = true;\r\n  @Prop() tableHeadColor: 'gray' | 'blue' = 'gray';\r\n  @Prop() rowKey: string | ((row: any) => string) = 'id';\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\r\n    this.internalLoading = this.loading;\r\n  }\r\n\r\n  componentWillRender() {\r\n    this.checkViewport();\r\n    window.addEventListener('resize', this.checkViewport.bind(this));\r\n  }\r\n\r\n  componentDidRender() {\r\n    requestAnimationFrame(() => this.checkScrollability());\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  checkViewport() {\r\n    this.isMobile = window.innerWidth <= 768;\r\n    this.checkScrollability();\r\n  }\r\n\r\n  private checkScrollability() {\r\n    if (!this.scrollContainer) return;\r\n\r\n    const { scrollWidth, clientWidth } = this.scrollContainer;\r\n    const newScrollable = scrollWidth > clientWidth;\r\n\r\n    if (newScrollable !== this.isScrollable) {\r\n      this.isScrollable = newScrollable; // only update if different\r\n    }\r\n  }\r\n\r\n  private handleAction(action: string, row: any) {\r\n    this.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    return <p class=\"body_text text-sm-regular\">{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 <p class=\"body_text text-sm-regular\">{row[col.key]}</p>;\r\n  }\r\n\r\n  emitPaginationDetails({ detail }) {\r\n    this.pageItemSelected.emit(detail);\r\n  }\r\n\r\n  private async toggleDropdown(rowIndex: number) {\r\n    if (this.openRowIndex === rowIndex) {\r\n      this.openRowIndex = null;\r\n      return;\r\n    }\r\n\r\n    const buttonInstance = this.actionButtonRefs[rowIndex];\r\n    const nativeBtn = await buttonInstance?.getNativeButton();\r\n\r\n    this.currentAnchorEl = nativeBtn ?? undefined;\r\n    this.openRowIndex = rowIndex;\r\n\r\n    // 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() {\r\n    if (!this.paginationConfig) {\r\n      return this.sortedData;\r\n    }\r\n\r\n    if (this.paginationConfig.paginationMode === 'external') {\r\n      return this.sortedData; // parent already paginated it\r\n    }\r\n\r\n    const start = (this.internalCurrentPage - 1) * this.internalPageSize;\r\n    const end = start + this.internalPageSize;\r\n\r\n    return this.sortedData.slice(start, end);\r\n  }\r\n\r\n  private handlePageChange = ({ detail }: any) => {\r\n    const { pageNumber, pageSize } = detail;\r\n\r\n    if (this.paginationConfig.paginationMode === 'internal') {\r\n      this.internalCurrentPage = pageNumber;\r\n      this.internalPageSize = pageSize;\r\n    } else {\r\n      this.pageItemSelected.emit(detail);\r\n    }\r\n  };\r\n\r\n  private get totalPages() {\r\n    if (!this.paginationConfig) return 1;\r\n\r\n    const pageSize = this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize;\r\n\r\n    const totalItems = this.paginationConfig.paginationMode === 'external' ? this.paginationConfig.totalItems : this.sortedData.length;\r\n\r\n    return Math.ceil(totalItems / pageSize);\r\n  }\r\n\r\n  @Watch('data')\r\n  onDataChange(newValue: any[], _oldValue: any[]) {\r\n    if (!newValue) return;\r\n\r\n    this.data = newValue;\r\n  }\r\n\r\n  @Watch('totalItems')\r\n  onTotalItemsChange(newValue: number, _oldValue: number) {\r\n    if (!newValue || newValue < 1) return;\r\n\r\n    this.paginationConfig.totalItems = Number(newValue);\r\n  }\r\n\r\n  @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              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.pageSize}\r\n            current-page={this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage}\r\n            total-pages={this.totalPages}\r\n            onPageItemSelected={this.handlePageChange.bind(this)}\r\n          ></gb-pagination>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-table.js","sourceRoot":"","sources":["../../../src/components/gb-table/gb-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h, Fragment, Watch, Listen } from '@stencil/core';\r\nimport {\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' },\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() 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    // Initialize internal pagination state from config\r\n    if (this.paginationConfig) {\r\n      this.internalPageSize = this.paginationConfig.pageSize || 10;\r\n      this.internalCurrentPage = this.paginationConfig.currentPage || 1;\r\n    }\r\n  }\r\n\r\n  componentWillRender() {\r\n    this.checkViewport();\r\n    window.addEventListener('resize', this.checkViewport.bind(this));\r\n  }\r\n\r\n  componentDidRender() {\r\n    requestAnimationFrame(() => this.checkScrollability());\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  checkViewport() {\r\n    this.isMobile = window.innerWidth <= 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    return <p class=\"body_text text-sm-regular\">{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 <p class=\"body_text text-sm-regular\">{row[col.key]}</p>;\r\n  }\r\n\r\n  emitPaginationDetails({ detail }) {\r\n    this.pageItemSelected.emit(detail);\r\n  }\r\n\r\n  private async toggleDropdown(rowIndex: number) {\r\n    if (this.openRowIndex === rowIndex) {\r\n      this.openRowIndex = null;\r\n      return;\r\n    }\r\n\r\n    const buttonInstance = this.actionButtonRefs[rowIndex];\r\n    const nativeBtn = await buttonInstance?.getNativeButton();\r\n\r\n    this.currentAnchorEl = nativeBtn ?? undefined;\r\n    this.openRowIndex = rowIndex;\r\n\r\n    // 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() {\r\n    if (!this.paginationConfig) {\r\n      return this.sortedData;\r\n    }\r\n\r\n    if (this.paginationConfig.paginationMode === 'external') {\r\n      return this.sortedData;\r\n    }\r\n\r\n    // Use internal state for slicing\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    this.internalPageSize = pageSize;\r\n\r\n    if (this.paginationConfig.paginationMode === 'internal') {\r\n      this.internalCurrentPage = pageNumber;\r\n    } else {\r\n      this.pageItemSelected.emit(detail);\r\n    }\r\n  };\r\n\r\n  private get totalPages() {\r\n    if (!this.paginationConfig) return 1;\r\n\r\n    const pageSize = this.internalPageSize || 1;\r\n\r\n    // For internal mode, use the local data length\r\n    // For external mode, rely on the provided totalItems prop\r\n    const totalItems = this.paginationConfig.paginationMode === 'internal' ? this.data.length : (this.paginationConfig.totalItems ?? 0);\r\n\r\n    return Math.max(1, Math.ceil(totalItems / pageSize));\r\n  }\r\n\r\n  // Inside your GbTable class in gb-table.tsx\r\n\r\n  get paginatedData() {\r\n    // If mode is external, return all data (parent handles slicing)\r\n    if (this.paginationConfig?.paginationMode !== 'internal') {\r\n      return this.data;\r\n    }\r\n\r\n    // If mode is internal, slice the array locally\r\n    const pageSize = this.paginationConfig.pageSize || 10;\r\n    const currentPage = this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage;\r\n\r\n    const startIndex = (currentPage - 1) * pageSize;\r\n    const endIndex = startIndex + pageSize;\r\n\r\n    return this.data.slice(startIndex, endIndex);\r\n  }\r\n\r\n  @Watch('data')\r\n  onDataChange() {\r\n    this.internalCurrentPage = 1;\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  @Watch('paginationConfig')\r\n  handlePaginationChange(newValue: any, oldValue: any) {\r\n    if (newValue.pageSize !== oldValue?.pageSize) {\r\n      this.internalCurrentPage = 1;\r\n    }\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.pageSize}\r\n            current-page={this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage}\r\n            total-pages={this.totalPages}\r\n            onPageItemSelected={this.handlePageChange.bind(this)}\r\n          ></gb-pagination>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-table-header/gb-table-header.css

@@ -2831,7 +2831,6 @@
   display: flex;
   align-items: center;
   gap: var(--spacing-4);
-  flex: 1 0 0;
   min-width: 0;
 }
 

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

@@ -94,10 +94,10 @@ export class GbTableHeader {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: 'a2dbdad9551cc00cc6a508cac4b52f7a1aa93ac5', class: "table_header_div" }, this.tableHeading && h("p", { key: 'c1d3f248bfccc625fc6ff7b185368a925a63b531', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '18fc05d27b8669eb9abae737f9c830ca4a05cb2b', class: "date_filters" }, h("div", { key: '0312973ca2061cfff23180ee4d0db29d2e4b1993', class: "date_input" }, h("gb-date-picker", { key: '93884f80a20929340489cec01e6dc9c65b2cb795', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: 'd14b3c579a102184489d1ce56b95099ec9e5a60f', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '35038869bc0013c61e0de27ad6866fd080d92ce0', class: "input_field" }, h("gb-input-field", { key: '921768b3d3a78830f8b006153c64be381c8fccd5', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '200774452dfc6e26c56021527d6315c43a469817', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'df881e6c9b9b11843d306273d62062d6c8f2c2b0', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '2b63e17ae8c07d173eabe2f5d5ce699c38932a57', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: '375304f9fbdcb50f0e74184bac7e47f4f95f8980' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '83fe51433a11096d667650807401dfc8e4caa6d5', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '258d6ef6624f2a885440d608851a103efe23b8d0', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'efea82c27f3a9be25e06947ba406041747aa6494', class: "export" }, h("gb-button", { key: 'ea38e1ea8961c0545a610c33af351295c2922855', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
+        return (h("div", { key: '7be96658f2cc8d77935ab27d91c81ed7eb1223d5', class: "table_header_div" }, this.tableHeading && h("p", { key: '98650f724f881fc8eeda21affe09dd055ae870fd', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '57367fde6dbf79a82aadfb9976494cb70e15f07b', class: "date_filters" }, h("div", { key: 'c57131120316c71a0b8dfcdf0717de36a8fb7198', class: "date_input" }, h("gb-date-picker", { key: '1d66065c30d2241b731958923789b50184aa7e9b', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: 'c6f2d74edffc3195a74573369b778ddaef3ea7ca', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: 'baf3505b6c9ab233ac4acc88d4965350bc0c28d8', class: "input_field" }, h("gb-input-field", { key: 'dd965543f7e4277de1cb9737581932815cfa7dca', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'f7827422e5cf52f0850140217964172020891fce', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '03cec150bed74e104acb109c1759fd13e66c8a8b', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: 'c79d197889b5fd562e7704328666cc760dd9c050', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: '51a5aa4f51ddc67f1fc8339c07a715fee971ce37' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'e6bf72ec67ceaeff64a392dc973aecc53b997a08', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '85f49e0dec6e1cc8fc87b760f7c5fb1cb0397541', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '246afd05177fb70247543a6989ac565ccf7054bc', class: "export" }, h("gb-button", { key: 'b35c68575043e8c0bc097615308d24807414cf57', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            } }, h("p", { key: 'c8333be0a31615bfddbee544a05d45c3e621cd58' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '6f4a268c2dfd4e1d871642a8bd828839cba3c963', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '6d2f85d5da9381d0960f061df1ddde16914ace64', class: "refresh_button" }, h("gb-button", { key: '6590ee13a5d0823f7ac5b2a106267525fbd2ea36', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
+            } }, h("p", { key: 'e8dc4ab4ab83120d7fc31270121adff41dfedbc6' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'f2015f72aaf3272f933a0b5522703659b0dfde4d', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '46c4b9ff1f097ab155e1d45035f67e75657d70de', class: "refresh_button" }, h("gb-button", { key: '3386f9c3d9cf367b55ca0ebca3528f09ccab7d39', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: 'ad7b08f048920e2a90332fc01f9e0bf83958e5b3', class: `container ${this.size} ${this.action}` }, h("div", { key: '5837eca4bd1ae3c9ba13420e516bbd28b2ed1005', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'f0a9084220d5339a24803c3bee5bcd892991ae87', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '0665236337191224a0bdfecb42e7ee61f3f17fee', class: "icon left-icon" }, h("img", { key: '7b7ded63d8a25f521db8d8c9269cab0d5f7ee56c', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'cacdaa5f2c57863e02fe89bca8ddad28c5265090', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'a1f0a17dcca615031f311b666d08c458efee13c8', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '4561020651c6c55fc5e0a51379b3c2b23e66fbe7', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '011bf5fb164883df15ba7a407104481ec4fb6e8a', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'd66a2e143ac306a407edeb6e57c186856853775d', class: "label" }, h("slot", { key: 'b1856ffaf8366d581a52b5a9867b32659fd0405c' })), this.action === 'count' && (h("gb-tag-count", { key: '4b82cd67e2d03129f56b3fe0a8a3cbff52c90f40', size: this.size }, h("slot", { key: '0cd7ff373f06590480012c6e16e075632d8908fc', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'a1c9cb3479fcdb6c5b531c76eb3f221cec99fbd0', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'f574f0dd726cfbbde4fcb65762e78958609cb767', class: `container ${this.size} ${this.action}` }, h("div", { key: '0d629e3587b601f520a6d236898336f0a00746c0', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '63bd9d12513a4428457660ae72b5e8b9a1820dd0', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'abb029c662c77388893619c6d8e598aebf48dfed', class: "icon left-icon" }, h("img", { key: '2055be233c80c0a52d8fb46324bc057d3bdd8099', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '7c4de682200545c744d49857c4fb8bcd453bb350', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'c433972d6d3f6fa228b3838bd692c44150e552e1', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '9f22779ea5ab603fef4616b5834789e2f7c1c344', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'ca00e78b1637aee20ed67f82227209af9faaad55', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '467ce97121e71d12eaf4c0ce068a20744c3ab585', class: "label" }, h("slot", { key: '11d5119deb2e324a10d165c3d458ea5a3aaffd02' })), this.action === 'count' && (h("gb-tag-count", { key: 'bfbb31f31407c905dcf9c93ce987b724a8fdeca0', size: this.size }, h("slot", { key: '895379287cd5baa9b70709489725389a7f2fefad', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '08c9b12fdcade9d595e565445f46b8dd0f2237df', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '232470b3ebeda7ff74216a2abf5bdc77ac53ad50', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'b83b5964827bd2d5fd8b20d1fec0121aaaf40087', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '6c20d1bb40d0d06f9e92de339d62fd9fd331408b', class: `custom-checkbox ${this.size}` }, h("svg", { key: '510a03a88a6bc44c2b7b9e29abc545c0b6430d00', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '678d21cb2b8ab84caed1eb890962f53563060406', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: '87ab48f046d00e0b08dba09fc3e3917884d3e3cd', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '429827bb682b1c352af126470e15269315cd3d75', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'b95e6a508127bd84f8ef5a6ffc156d26fa05ce52', class: `custom-checkbox ${this.size}` }, h("svg", { key: '7dbd75d4c26eaa591547e58fa0278a0def541aba', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'c38bd61bab6a6c26a04d32d692735853c1632417', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-close/gb-tag-close.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: '67fc004355cc9eca62db82cd69f7fc986477b4fb', class: this.size }, h("svg", { key: 'b3cd9b65060718d9f171d2c372faf6e75732bbeb', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '09b5048c42b44c6e47edf437db5fe93bb3d2cb60', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: '6707838e0677bc19db2409990e1caac09f4eca96', class: this.size }, h("svg", { key: 'a947f8a5aaf7ba7d442dfd5c9c122d9371a7d930', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '71e6ae1fad1ed16459ba726115d3efbed7fb0c9d', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-count/gb-tag-count.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: '519a13c6831eee5bf1e7717d41d21571e431e6c7', class: this.size }, h("slot", { key: '76774ce1f4471750b1da42d0d9f831121e22813c', name: "count" })));
+        return (h("div", { key: '831416411bd503f0b89b78f401b59e67cc9e30a7', class: this.size }, h("slot", { key: '4151182eda01e69c0f047dda2dbf595c7aec0486', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js

@@ -202,12 +202,12 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: 'b92df550bd7afcf4dd490e252039f983b325d7ce', class: "textarea_container" }, h("div", { key: '2d2db98c6f1775045cdc14f87afe919f685fe0a0', class: "input_with_label" }, this.showLabel && h("p", { key: '184442c0ef6e00e1da9cdf0eaa84f97c3f2d0122', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '89e2f8cf986a2192f5f5148f2344804f3a384903', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '576f6b0bda0ba7dd6f2ed364c0c47da92b192249', class: "textarea_tags" }, h("div", { key: '1fe448e65c80334464b1ce4c5c815f9490c5eaa8', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '52b61aceb456989f4ae7c3de9ed1ff43798ace6f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '513c2756d4ee621ee67318f841c3d71e7c395df2', class: "textarea_container" }, h("div", { key: 'b4831ccbdc0b4c4a404221716c70c91b4d432753', class: "input_with_label" }, this.showLabel && h("p", { key: 'ae6da1d3a22b817941315a805cba55d10b32286e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '549b58d4de84f9db8b2c8714ac13faec70d4f23d', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '68372ad2ab9ab373c1d3ef712c52dbc726724a5c', class: "textarea_tags" }, h("div", { key: '9984eba3760a929730588d3ca03f81d072b8a74d', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'dc31c50d3ec241be309aa3114249016a3e8d1bf8', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'cf433554567d2fd74017de4f9e4f83f066950a35', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'bd12e582828c545dd56cea58f471b542a7595cb3', class: "input_field" }, h("input", { key: 'aa83c4ff94ffd241d517baf492a32d904f692f77', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '6695b3e78983771438c0fd77e6e0f9bfa4bcd52a', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '96df68c8780220db684afb9134b1ef2cf89b6f76', class: "input_field" }, h("input", { key: '372a7f9765cd3990f1397e181980ff869be05c90', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'f111c1c57bace828b6730c0a9863c044ead2c56e', class: "help_icon" }, h("svg", { key: 'c14560ae200d06156153adb69c4f5a51d827e564', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'f80106f8ef542bbda636f582b7c22bd75618abe8', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '52aeaec4a4d27c18d49d5090d16ed96a382db2fe', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '015fa5b3c403db3b5795cc57427c70810cd54737', class: "help_icon" }, h("svg", { key: '7b2a1ceec99cf38f48eb4793907cfc01fb35afe6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c1c33295284b0e12214167bf248fc0ef3b68fe7c', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '9addeaa47815111a07b14bb4670c8b48a5922a45', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
             : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }

package/dist/collection/components/gb-theme-tab/gb-theme-tab.js

@@ -18,7 +18,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '21765174381801e6ab0aee202168613e998ec439', class: `theme_tab_div` }, h("div", { key: '2e147aa3c3c229b1a41fb24c3e09b8da9d5f4340', class: "tab" }, h("gb-icon-button-base", { key: '1f034b57d3a880d8db810ed0c5e4f760d8829b3c', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'c61328ef629c54465901f3f03c91176a4977e91a', class: "tab" }, h("gb-icon-button-base", { key: '382d1957894c17ffe94c466c56d7b41b39356ace', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '1e28f572300a326a3fa94d83f62fceb80eaf5539', class: "tab" }, h("gb-icon-button-base", { key: '5ac2c8577f4c166b7f89d745ef55cd48f28bac85', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '85052f0e09431447e9f255c691477510864e853b', class: `theme_tab_div` }, h("div", { key: 'f1c2b06650e4956ee9f2778446d3929c86f21fb7', class: "tab" }, h("gb-icon-button-base", { key: '5795be0ca411d12161a64073bfb948df1c00c6b6', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '54e08167d3ab0abca6deb92bcaeb0e7111610747', class: "tab" }, h("gb-icon-button-base", { key: '31f45a2d0a454c62d131dbed4c5eeb6e310670f8', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '45ba651fc4cfb7006be44ff455347da1e1744773', class: "tab" }, h("gb-icon-button-base", { key: '41dc70324d010f7bb3776b967b6d1e450fd33ce3', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }