npm - globuswebcomponents - Versions diffs - 2.8.11 → 2.9.0 - Mend

globuswebcomponents 2.8.11 → 2.9.0

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

Files changed (241) hide show

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

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

package/dist/collection/components/gb-table-cell/gb-table-cell.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTableCell {
     render() {
-        return (h("div", { key: 'd9aae02fc9d4044b857182e7a46bf9979a15c94c', class: "table_cell_div" }));
+        return (h("div", { key: '4c64109f0abf823154fa659884b2c66d8f0014df', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2792,12 +2792,13 @@
   align-items: center;
   gap: var(--spacing-5);
   align-self: stretch;
-  background: var(--color-background-card);
+  background: var(--color-background-card, #ffffff);
   border-bottom: 1px solid var(--color-border-subtle, #cdd5df);
+  overflow: visible;
 }
 .table_heading {
-  color: var(--color-text-bold);
+  color: var(--color-text-bold, #202939);
 }
 .date_filters {
@@ -2844,19 +2845,20 @@
 .export {
   position: relative;
+  overflow: visible;
 }
 .dropdown {
   position: absolute;
+  z-index: 10;
+  top: calc(100% + 0.5rem);
 }
-.dropdown.left{
-  top: 100%;
+.dropdown.left {
   left: 0;
 }
-.dropdown.right{
-  top: 100%;
+.dropdown.right {
   right: 0;
 }
@@ -2884,7 +2886,7 @@
     align-items: flex-start;
   }
-  .table_header_div{
+  .table_header_div {
     flex-direction: column;
   }
@@ -2898,7 +2900,7 @@
     max-width: none;
   }
-  .input_field{
+  .input_field {
     max-width: none;
   }
 }
@@ -2908,5 +2910,4 @@
     display: flex;
     width: 100%;
   }
 }

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

@@ -4,11 +4,11 @@ export class GbTableHeader {
     constructor() {
         this.showFilter = false;
         this.showColumnOptions = false;
-        this.tableHeading = true;
+        this.tableHeading = false;
+        this.tableHeadingLabel = '';
         this.showSearch = false;
         this.showExport = false;
         this.showRefreshButton = false;
-        this.tableHeadingLabel = '';
         this.showLayoutToggle = false;
         this.filterCount = 0;
         this.showEntireData = false;
@@ -44,7 +44,7 @@ export class GbTableHeader {
         this.datePickerDisabled = false;
         this.datePickerPlaceholder = 'Start date - end date';
         this.datePickerIconPosition = 'left';
-        this.datePickerDropdownPosition = 'right';
+        this.datePickerDropdownPosition = 'left';
         this.exportDropdownPosition = 'right';
         this.enableTime = false;
         this.noCalendar = false;
@@ -57,11 +57,11 @@ export class GbTableHeader {
         this.isMobile = this.width < 768;
     }
     componentDidLoad() {
-        document.addEventListener('click', this.handleClickOutside);
+        document.addEventListener('click', this.handleClickOutside.bind(this));
     }
     componentWillLoad() {
-        this.updateParameters(); // Set initial variant
-        window.addEventListener('resize', this.handleResize);
+        this.updateParameters();
+        window.addEventListener('resize', this.handleResize.bind(this));
         this.dateItems.unshift('Custom');
     }
     extractDropdownItemSelected(item) {
@@ -99,7 +99,6 @@ export class GbTableHeader {
         this.refreshButtonClicked.emit();
     }
     onLayoutButtonClicked(layout) {
-        // console.log(layout.detail)
         this.layoutButtonClicked.emit(layout.detail);
     }
     handleClickOutside(event) {
@@ -112,7 +111,10 @@ export class GbTableHeader {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: '5fa35e01c6236a51032b4084d0f59a120823f2e2', class: "table_header_div" }, this.tableHeading && h("p", { key: '56169d32f44957cc6295dd731a2e46d01b288796', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '6981e073a1d08ad0a9a66f598bcda3bf38e1e68f', class: "date_filters" }, h("div", { key: 'ab394b65a4eced58db94b9286462c63b61fe2eb1', class: "date_input" }, h("gb-date-picker", { key: '159ea58be09faa1544a72f3e93bc9ee174a4fffd', 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: '963290d11c0ba5a119f09b3886bb4340a55616a2', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '140a555c54bad9aeae779fb2818bfc0189c78df1', class: "input_field" }, h("gb-input-field", { key: 'b18ce8e56bb33b237170d4be26ac5f4f3a896b1b', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'b87bfd3762ce5651e40877c473b43130276a8171', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'd6d3eb593755fe372deb662af52e676e4549b523', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '37b8aa6f0c4802003daef27f3ae6693b7050af46', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'e8cf986318d112549ace02a3c39125bdb0d59bcb' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'aeae51de4b8f17d7850368b7a5f624665dc8a3f3', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '72a4a15a33370ebf748600e34158aab2031614b9', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '7a75cf41e36374f6d0eff1a96f582831f1130bb6', class: "export" }, h("gb-button", { key: '00d3dfb0ea1bf1a62afcb21790f45983fe6a1701', 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: () => this.toggleDropdown() }, h("p", { key: 'ff09778e5dea3ec785ca8c2ca4739ea3323c4f4a' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '56adba99bf5833cfd867d64324d22db2b707a232', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'e0918f30e16b51024cfa387a0370455a0d9cc96e', class: "refresh_button" }, h("gb-button", { key: '7040e04fb7d03461649dbdd1da88ac4aa947d06e', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
+        return (h("div", { key: '0ef6d8c7384fa3f45fa6d6b706363073adc12618', class: "table_header_div" }, this.tableHeading && h("p", { key: '34f1099c68cd7c6f9c60f0378a51accf63ec2a50', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: 'bacc0278168d3fd1be0feec71529d8694072ec72', class: "date_filters" }, h("div", { key: '57e72278f847b25c8c1f8db84012d6ac9702aa1d', class: "date_input" }, h("gb-date-picker", { key: '2c40c65c7c57f3f431cc5581e5d3ad79a750c11e', 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: '573a29fe84d8648869b202de56ca58e859de34c6', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '4ff05b7a02f4d53d54ec546ec1fd4e1130211d01', class: "input_field" }, h("gb-input-field", { key: 'ccd83ff842e26bfb780c95f2cc17821f496db787', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '4d359ab3f76220363fa2c8dde8e9b2278b241181', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'd21e2c764b95a02e95505029e31bf8dd7ae618a5', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '4b206224e5b20c17c80df0598d88504855af8ccc', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '23cece5ce3550a988092e8a5d7b11721328f1567' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '8c5e924fe734fbc537de6bf5676c9cac74729669', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '95696ac7eb98eda06e218785259b4e1be0239b6e', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'c207178997321a5a2bb65e790ae2df1c85fabb48', class: "export" }, h("gb-button", { key: '7ace1683bdf4794794d5a926243a5156f321ba22', 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: 'ca1c280244aecd7dfcf24be3b48ff637b5eb2576' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '6034e92bdd80c470e3866e76c0e78d4818dabeb1', 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: '4dcf9beaeafd22e26a6e91e06a7bd0f2303d1859', class: "refresh_button" }, h("gb-button", { key: 'abf4288cce46745fb152f4eb92f3e3a92df10d4c', 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"; }
@@ -186,14 +188,14 @@ export class GbTableHeader {
                 "setter": false,
                 "reflect": false,
                 "attribute": "table-heading",
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
-            "showSearch": {
-                "type": "boolean",
+            "tableHeadingLabel": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -205,10 +207,10 @@ export class GbTableHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-search",
-                "defaultValue": "false"
+                "attribute": "table-heading-label",
+                "defaultValue": "''"
             },
-            "showExport": {
+            "showSearch": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -225,10 +227,10 @@ export class GbTableHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-export",
+                "attribute": "show-search",
                 "defaultValue": "false"
             },
-            "showRefreshButton": {
+            "showExport": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -245,15 +247,15 @@ export class GbTableHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "show-refresh-button",
+                "attribute": "show-export",
                 "defaultValue": "false"
             },
-            "tableHeadingLabel": {
-                "type": "string",
+            "showRefreshButton": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -265,8 +267,8 @@ export class GbTableHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "table-heading-label",
-                "defaultValue": "''"
+                "attribute": "show-refresh-button",
+                "defaultValue": "false"
             },
             "showLayoutToggle": {
                 "type": "boolean",
@@ -599,7 +601,7 @@ export class GbTableHeader {
                 "setter": false,
                 "reflect": false,
                 "attribute": "date-picker-dropdown-position",
-                "defaultValue": "'right'"
+                "defaultValue": "'left'"
             },
             "exportDropdownPosition": {
                 "type": "string",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h } from '@stencil/core';\r\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-table-header',\r\n styleUrl: 'gb-table-header.css',\r\n shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n @Prop() showFilter: boolean = false;\r\n @Prop() showColumnOptions: boolean = false;\r\n @Prop() tableHeading: boolean = true;\r\n @Prop() showSearch: boolean = false;\r\n @Prop() showExport: boolean = false;\r\n @Prop() showRefreshButton: boolean = false;\r\n @Prop() tableHeadingLabel: string = '';\r\n @Prop() showLayoutToggle: boolean = false;\r\n @Prop() filterState: StateType;\r\n @Prop() filterCount: number = 0;\r\n @Prop() showEntireData: boolean = false;\r\n @Prop() exportButtonState: StateType = 'default';\r\n @Prop() pdfState: StateEnum = StateEnum.Default;\r\n @Prop() csvState: StateEnum = StateEnum.Default;\r\n @Prop() showDateFilter: boolean = false;\r\n @State() items = [\r\n { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n ];\r\n @Prop() dateItems: any[] = [\r\n // { name: 'Mock Item A iusbrviubw vwiuhvw vwiurhvwr vwoiuh', username: 1 },\r\n // { name: 'Mock Item B', username: 3 },\r\n // { name: 'Mock Item C', username: 3 },\r\n // { name: 'Mock Item D', username: 3 },\r\n // { name: 'Mock Item E', username: 3 },\r\n // 45,\r\n // 50,\r\n // 20,\r\n // 25,\r\n // 90,\r\n // 92,\r\n // 53,\r\n // 'Activated',\r\n // 'Deactivated',\r\n // 'John Doe',\r\n // 'John smith',\r\n // 'Jane leo'\r\n ];\r\n @Prop() mode: 'single' \| 'range' = 'single';\r\n @Prop() format: string = 'M j, Y';\r\n @Prop() datePickerDisabled: boolean = false;\r\n @Prop() datePickerPlaceholder: string = 'Start date - end date';\r\n @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\r\n @Prop() datePickerDropdownPosition: CloseButtonPositions = 'right';\r\n @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\r\n @Prop() enableTime: boolean = false;\r\n @Prop() noCalendar: boolean = false;\r\n @Prop() twentyfourHr: boolean = false;\r\n @Prop() showMonths: number = 2;\r\n @State() width: number = window.innerWidth;\r\n @State() buttonIcon: 'default' \| 'only';\r\n @State() showExportDropdown: boolean = false;\r\n @State() isDatePickerShown: boolean = false;\r\n @State() isDatePickerFullWidth: boolean = false;\r\n @Event() inputValueChanged: EventEmitter<void>;\r\n @Event() filterButtonClicked: EventEmitter<void>;\r\n @Event() exportClicked: EventEmitter<void>;\r\n @Event() refreshButtonClicked: EventEmitter<void>;\r\n @Event() layoutButtonClicked: EventEmitter<string>;\r\n @Event() dateChange: EventEmitter<string \| string[]>;\r\n @Element() el: HTMLElement;\r\n\r\n exportDropdown!: HTMLElement;\r\n\r\n isMobile = this.width < 768;\r\n\r\n componentDidLoad() {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n componentWillLoad() {\r\n this.updateParameters(); // Set initial variant\r\n window.addEventListener('resize', this.handleResize);\r\n this.dateItems.unshift('Custom');\r\n }\r\n\r\n extractDropdownItemSelected(item) {\r\n if (item.detail === 'Custom') {\r\n this.isDatePickerShown = true;\r\n } else {\r\n this.isDatePickerShown = false;\r\n }\r\n }\r\n\r\n emitDateSelected(date) {\r\n this.dateChange.emit(date.detail);\r\n }\r\n\r\n toggleDropdown() {\r\n this.showExportDropdown = !this.showExportDropdown;\r\n }\r\n\r\n @Listen('resize', { target: 'window' })\r\n handleResize() {\r\n this.width = window.innerWidth;\r\n this.updateParameters();\r\n }\r\n\r\n private updateParameters() {\r\n this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n this.isDatePickerFullWidth = this.width <= 700 ? true : false;\r\n }\r\n\r\n emitValue(inputValue) {\r\n this.inputValueChanged.emit(inputValue);\r\n }\r\n\r\n onFilterButtonClicked() {\r\n this.filterButtonClicked.emit();\r\n }\r\n\r\n emitSelection(selection) {\r\n this.exportClicked.emit(selection);\r\n }\r\n\r\n onRefreshButtonClicked() {\r\n this.refreshButtonClicked.emit();\r\n }\r\n\r\n onLayoutButtonClicked(layout) {\r\n // console.log(layout.detail)\r\n this.layoutButtonClicked.emit(layout.detail);\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\r\n this.showExportDropdown = false;\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n window.removeEventListener('resize', this.handleResize);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"table_header_div\">\r\n {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n {this.showDateFilter && (\r\n <div class=\"date_filters\">\r\n {/* <div class=\"date_dropdown\">\r\n <gb-input-dropdown\r\n show-placeholder=\"true\"\r\n placeholder=\"Select a period\"\r\n size=\"sm\"\r\n state=\"default\"\r\n type=\"icon_leading\"\r\n color=\"blue\"\r\n show-leading-icon=\"true\"\r\n leading-icon=\"assets/calendar-02.svg\"\r\n menu-position=\"bottom\"\r\n icon=\"false\"\r\n items={this.dateItems}\r\n onDropdownItemSelected={this.extractDropdownIt1emSelected.bind(this)}\r\n >\r\n <h1 slot=\"initials\">EK</h1>\r\n <p slot=\"tooltip_label\">This is a label</p>\r\n <p slot=\"tooltip_supporting_text\">This is a supporting text for the tooltip</p>\r\n </gb-input-dropdown>\r\n </div> */}\r\n <div class=\"date_input\">\r\n <gb-date-picker\r\n mode={this.mode}\r\n disabled={this.datePickerDisabled}\r\n format={this.format}\r\n icon-position={this.datePickerIconPosition}\r\n placeholder={this.datePickerPlaceholder}\r\n dropdown-alignment={this.datePickerDropdownPosition}\r\n enable-time={this.enableTime}\r\n no-calendar={this.noCalendar}\r\n twentyfour-hr={this.twentyfourHr}\r\n show-months={this.showMonths}\r\n full-width={this.isDatePickerFullWidth}\r\n onDateChange={this.emitDateSelected.bind(this)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )}\r\n <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n {this.showSearch && (\r\n <div class=\"input_field\">\r\n <gb-input-field\r\n size=\"sm\"\r\n type=\"icon_leading\"\r\n icon-swap=\"assets/search-01.svg\"\r\n placeholder=\"Search\"\r\n enable-cancel-button-function={true}\r\n onInputValueChanged={this.emitValue.bind(this)}\r\n ></gb-input-field>\r\n </div>\r\n )}\r\n <div class=\"action\">\r\n {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n {this.showColumnOptions && (\r\n <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n <p>Columns</p>\r\n </gb-button>\r\n )}\r\n {this.showFilter && (\r\n <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n <p slot=\"filter_count\">{this.filterCount}</p>\r\n </gb-filter-button>\r\n )}\r\n {this.showExport && (\r\n <div class=\"export\">\r\n <gb-button\r\n size=\"md\"\r\n state={this.exportButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/file-export.svg\"\r\n icon-trailing={this.width <= 1007 ? false : true}\r\n icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n onClick={() => this.toggleDropdown()}\r\n >\r\n <p>Export</p>\r\n </gb-button>\r\n {this.showExportDropdown && (\r\n <gb-export-dropdown\r\n ref={el => (this.exportDropdown = el)}\r\n show-entire-data={this.showEntireData}\r\n pdf-state={this.pdfState}\r\n csv-state={this.csvState}\r\n onExportClicked={() => this.emitSelection.bind(this)}\r\n class={`dropdown ${this.exportDropdownPosition}`}\r\n ></gb-export-dropdown>\r\n )}\r\n </div>\r\n )}\r\n {this.showRefreshButton && (\r\n <div class=\"refresh_button\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/refresh.svg\"\r\n onClick={() => this.onRefreshButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h } from '@stencil/core';\r\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-table-header',\r\n styleUrl: 'gb-table-header.css',\r\n shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n @Prop() showFilter: boolean = false;\r\n @Prop() showColumnOptions: boolean = false;\r\n @Prop() tableHeading: boolean = false;\r\n @Prop() tableHeadingLabel: string = '';\r\n @Prop() showSearch: boolean = false;\r\n @Prop() showExport: boolean = false;\r\n @Prop() showRefreshButton: boolean = false;\r\n @Prop() showLayoutToggle: boolean = false;\r\n @Prop() filterState: StateType;\r\n @Prop() filterCount: number = 0;\r\n @Prop() showEntireData: boolean = false;\r\n @Prop() exportButtonState: StateType = 'default';\r\n @Prop() pdfState: StateEnum = StateEnum.Default;\r\n @Prop() csvState: StateEnum = StateEnum.Default;\r\n @Prop() showDateFilter: boolean = false;\r\n @State() items = [\r\n { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n ];\r\n @Prop() dateItems: any[] = [\r\n // { name: 'Mock Item A iusbrviubw vwiuhvw vwiurhvwr vwoiuh', username: 1 },\r\n // { name: 'Mock Item B', username: 3 },\r\n // { name: 'Mock Item C', username: 3 },\r\n // { name: 'Mock Item D', username: 3 },\r\n // { name: 'Mock Item E', username: 3 },\r\n // 45,\r\n // 50,\r\n // 20,\r\n // 25,\r\n // 90,\r\n // 92,\r\n // 53,\r\n // 'Activated',\r\n // 'Deactivated',\r\n // 'John Doe',\r\n // 'John smith',\r\n // 'Jane leo'\r\n ];\r\n @Prop() mode: 'single' \| 'range' = 'single';\r\n @Prop() format: string = 'M j, Y';\r\n @Prop() datePickerDisabled: boolean = false;\r\n @Prop() datePickerPlaceholder: string = 'Start date - end date';\r\n @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\r\n @Prop() datePickerDropdownPosition: CloseButtonPositions = 'left';\r\n @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\r\n @Prop() enableTime: boolean = false;\r\n @Prop() noCalendar: boolean = false;\r\n @Prop() twentyfourHr: boolean = false;\r\n @Prop() showMonths: number = 2;\r\n @State() width: number = window.innerWidth;\r\n @State() buttonIcon: 'default' \| 'only';\r\n @State() showExportDropdown: boolean = false;\r\n @State() isDatePickerShown: boolean = false;\r\n @State() isDatePickerFullWidth: boolean = false;\r\n @Event() inputValueChanged: EventEmitter<void>;\r\n @Event() filterButtonClicked: EventEmitter<void>;\r\n @Event() exportClicked: EventEmitter<void>;\r\n @Event() refreshButtonClicked: EventEmitter<void>;\r\n @Event() layoutButtonClicked: EventEmitter<string>;\r\n @Event() dateChange: EventEmitter<string \| string[]>;\r\n @Element() el: HTMLElement;\r\n\r\n exportDropdown!: HTMLElement;\r\n\r\n isMobile = this.width < 768;\r\n\r\n componentDidLoad() {\r\n document.addEventListener('click', this.handleClickOutside.bind(this));\r\n }\r\n\r\n componentWillLoad() {\r\n this.updateParameters();\r\n window.addEventListener('resize', this.handleResize.bind(this));\r\n this.dateItems.unshift('Custom');\r\n }\r\n\r\n extractDropdownItemSelected(item) {\r\n if (item.detail === 'Custom') {\r\n this.isDatePickerShown = true;\r\n } else {\r\n this.isDatePickerShown = false;\r\n }\r\n }\r\n\r\n emitDateSelected(date) {\r\n this.dateChange.emit(date.detail);\r\n }\r\n\r\n toggleDropdown() {\r\n this.showExportDropdown = !this.showExportDropdown;\r\n }\r\n\r\n @Listen('resize', { target: 'window' })\r\n handleResize() {\r\n this.width = window.innerWidth;\r\n this.updateParameters();\r\n }\r\n\r\n private updateParameters() {\r\n this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n this.isDatePickerFullWidth = this.width <= 700 ? true : false;\r\n }\r\n\r\n emitValue(inputValue) {\r\n this.inputValueChanged.emit(inputValue);\r\n }\r\n\r\n onFilterButtonClicked() {\r\n this.filterButtonClicked.emit();\r\n }\r\n\r\n emitSelection(selection) {\r\n this.exportClicked.emit(selection);\r\n }\r\n\r\n onRefreshButtonClicked() {\r\n this.refreshButtonClicked.emit();\r\n }\r\n\r\n onLayoutButtonClicked(layout) {\r\n this.layoutButtonClicked.emit(layout.detail);\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\r\n this.showExportDropdown = false;\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n window.removeEventListener('resize', this.handleResize);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"table_header_div\">\r\n {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n {this.showDateFilter && (\r\n <div class=\"date_filters\">\r\n {/* <div class=\"date_dropdown\">\r\n <gb-input-dropdown\r\n show-placeholder=\"true\"\r\n placeholder=\"Select a period\"\r\n size=\"sm\"\r\n state=\"default\"\r\n type=\"icon_leading\"\r\n color=\"blue\"\r\n show-leading-icon=\"true\"\r\n leading-icon=\"assets/calendar-02.svg\"\r\n menu-position=\"bottom\"\r\n icon=\"false\"\r\n items={this.dateItems}\r\n onDropdownItemSelected={this.extractDropdownIt1emSelected.bind(this)}\r\n >\r\n <h1 slot=\"initials\">EK</h1>\r\n <p slot=\"tooltip_label\">This is a label</p>\r\n <p slot=\"tooltip_supporting_text\">This is a supporting text for the tooltip</p>\r\n </gb-input-dropdown>\r\n </div> */}\r\n <div class=\"date_input\">\r\n <gb-date-picker\r\n mode={this.mode}\r\n disabled={this.datePickerDisabled}\r\n format={this.format}\r\n icon-position={this.datePickerIconPosition}\r\n placeholder={this.datePickerPlaceholder}\r\n dropdown-alignment={this.datePickerDropdownPosition}\r\n enable-time={this.enableTime}\r\n no-calendar={this.noCalendar}\r\n twentyfour-hr={this.twentyfourHr}\r\n show-months={this.showMonths}\r\n full-width={this.isDatePickerFullWidth}\r\n onDateChange={this.emitDateSelected.bind(this)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )}\r\n <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n {this.showSearch && (\r\n <div class=\"input_field\">\r\n <gb-input-field\r\n size=\"sm\"\r\n type=\"icon_leading\"\r\n icon-swap=\"assets/search-01.svg\"\r\n placeholder=\"Search\"\r\n enable-cancel-button-function={true}\r\n onInputValueChanged={this.emitValue.bind(this)}\r\n ></gb-input-field>\r\n </div>\r\n )}\r\n <div class=\"action\">\r\n {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n {this.showColumnOptions && (\r\n <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n <p>Columns</p>\r\n </gb-button>\r\n )}\r\n {this.showFilter && (\r\n <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n <p slot=\"filter_count\">{this.filterCount}</p>\r\n </gb-filter-button>\r\n )}\r\n {this.showExport && (\r\n <div class=\"export\">\r\n <gb-button\r\n size=\"md\"\r\n state={this.exportButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/file-export.svg\"\r\n icon-trailing={this.width <= 1007 ? false : true}\r\n icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n onClick={e => {\r\n e.stopPropagation();\r\n this.toggleDropdown();\r\n }}\r\n >\r\n <p>Export</p>\r\n </gb-button>\r\n {this.showExportDropdown && (\r\n <gb-export-dropdown\r\n ref={el => (this.exportDropdown = el)}\r\n show-entire-data={this.showEntireData}\r\n pdf-state={this.pdfState}\r\n csv-state={this.csvState}\r\n onExportClicked={event => this.emitSelection(event)}\r\n class={`dropdown ${this.exportDropdownPosition}`}\r\n ></gb-export-dropdown>\r\n )}\r\n </div>\r\n )}\r\n {this.showRefreshButton && (\r\n <div class=\"refresh_button\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/refresh.svg\"\r\n onClick={() => this.onRefreshButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: 'd077f7d24f35b17a8319d3ffcd67b760c0677319', class: `container ${this.size} ${this.action}` }, h("div", { key: '6e580ae11e78c483e112dead6dcaaa8c57a03715', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '6e11bc5ed263fa84e8a7b7fab99f5c77fc66865b', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'e18dbe42f05c137b5f28e6f9fb1e45594b0d11c2', class: "icon left-icon" }, h("img", { key: '99ee8d8ec2511c826837e47b0107e145b2c21eb2', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'ca19a311207de5bb0304df5964e9ff95133ccb6c', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'f134179359ef45c9452fe082a4f7fca9e846416b', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '346af4a9160297cb830bd78c74258ffc21bf95b5', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '081baa0ae66218d1ee11f863a422a1b506282d66', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '60a1e648b1b1a806c18870d3a200f6853f66fcbb', class: "label" }, h("slot", { key: '0bf0cad1c80106a90270f6618d0ac78a1aa77ca2' })), this.action === 'count' && (h("gb-tag-count", { key: '28bf8e7451d96b8433bfd7d418c38852b301e1aa', size: this.size }, h("slot", { key: '881ac71ec5546a098dc360c0d23efe4adca4688d', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'c7ee828d2b6ef6180903d227bfd59c0ac7cf6b19', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'ec190dc5ec19cc88cc41f630046bd67109883be7', class: `container ${this.size} ${this.action}` }, h("div", { key: 'fdc143f00e94ed157fb2d29b4fadaf4cc7f90fb7', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '7a5aa7d7c3afe0a299215d46a7e1b77aec95046f', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '3412ca4ea1aa9bdd72bace2e42ce8d57b761dbd0', class: "icon left-icon" }, h("img", { key: '0d870fdd71ae287c9a8747a3c7c5f759ede28dc9', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '281719d3cb6d43d70ead90ee3a7c520ef92fb1c2', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: '8a05f07296e668631aefe34165a1e3a01f5045de', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '603271595d74c78404314badbfb01ba3fe0b3326', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'e51b45b7ecbac5cfe9649b8955d4cef799198478', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '9d4607187f47a5a28d0a041fb03937b130b2e923', class: "label" }, h("slot", { key: 'c2b138c33f75e2a0cf37350f06d2ef1de5588ce3' })), this.action === 'count' && (h("gb-tag-count", { key: '0fd8d652d8148008de19bc792416c344a83654c8', size: this.size }, h("slot", { key: 'b583f745eb51985da7a79e38749d8aa5147cbdde', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '95555eefd40f0e1452937e6e1e9de3d6ddc1fd0d', 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 CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: 'b781e16a88e6d0749c48cc8d14b25ed4c650dd8e', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '2de683a920294505e6a16ef52239e1f184c72ee3', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '953e95663b5ff6786f93278284f957feb49ec27c', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'bc85b0e3e023c2c4e11041801c21fba217540f88', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'dc263f3becbc9f0c447f2b4ad9ce6a215daba464', 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: 'f48e4623e7f478358552161aeaa31f0b3f407fb2', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'b94e81dfd60b707f94c256a70d10a890814dbe28', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'b89b2925df475150f93008e04fe6674f16483832', class: `custom-checkbox ${this.size}` }, h("svg", { key: '1a0f8c70562b89265ce065c5893eae69a57433e5', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'f2eecd32deb47c800e6d1119e206390e07315aec', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: 'bdd13a193729fe8fb3a4eddad241d60902c44bda', class: this.size }, h("svg", { key: '3310fe2b963e9f84cfb11ca1d39aa293381e4865', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '26b7c9b177280a0be3591161c5e614625cd8fd26', 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: 'f87cd72dbed9bcfd23db0d16e6ad3a05b751ecd9', class: this.size }, h("svg", { key: '29775e29fb35f870d9de2a0460e4c3d2577758f7', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '47afd228ab23a2d5b095befb79236abab9fa59f3', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: 'bc984c14b8145b1c3fbaa0e18eb647945b9fea14', class: this.size }, h("slot", { key: '403db3b1e545413a5e2600dc2b75cacebd195149', name: "count" })));
+        return (h("div", { key: '634323ec518f44dfa4430f0eb9392a0f6f812e2a', class: this.size }, h("slot", { key: '387c05fdffeebe8104cd2ddbfaeba1001b3ee679', 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 CHANGED Viewed

@@ -166,7 +166,6 @@ export class GbTextareaInputField {
             const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));
             if (isSelected) {
                 this.value = this.value.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));
-                console.log(this.value);
                 this.textareaValueChanged.emit(this.value);
             }
             else {
@@ -203,12 +202,12 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '135bbcdfc97e5a62b79af0d480e080bc8a4a94b2', class: "textarea_container" }, h("div", { key: 'c56e28e92f2a888f5619352cd6c44fc5a562aba2', class: "input_with_label" }, this.showLabel && h("p", { key: 'e71ed8c3f9c374b208d4c28c8324b3df198b3b12', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '08c28fcc3dd7a3792cd5cdd46a6338a2a0f1e082', 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: 'b4f5f422831379380075f21d2dce285394fe181a', class: "textarea_tags" }, h("div", { key: 'bea71abb0b7593ddb05d22957d76c93f80cca867', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'd404dbbe67478b50476679dbc8d17bbcb29a900c', 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: '996c170ddb935f5b67647fbac0d01aa43905b82e', class: "textarea_container" }, h("div", { key: 'bfc6abd9213cf5f608f522893bec8c603eb81f22', class: "input_with_label" }, this.showLabel && h("p", { key: 'ca4aa8bc5fe63a3246ec1aac348e5a5c681c9f6a', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '5fe89682c14055834b9897cbab1b5e16fdb2b21b', 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: 'c48e63c15b1a695f52764bcc732969e2d6043ece', class: "textarea_tags" }, h("div", { key: '5e1d246f2c1a4df1d1842099c81ac1c180a2a7bd', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '257062e9ff0b6fc9523fb790f045ecc22191df4b', 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: 'c9e50db37c777a9c0623726a753a857e7437b838', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '2bc140877a76b5bbd71007fd402ef20b53cc7398', class: "input_field" }, h("input", { key: '2719ca015b13b4ad80b584d7ce3656867230b76d', 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: '3539214934499dc7c9c3e97aa9d5fff79e88079f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'ecf7caaf94e383d33f3aae28997dfd308100db2a', class: "input_field" }, h("input", { key: 'a0c9a4aafe3adf308718378eb0e8a27aa7a9e9fc', 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: 'ae803b7de5daacfda31b55e4aa554a5c52866a7b', class: "help_icon" }, h("svg", { key: '1cfb4120db624a88b445bf6ba15e442b9d6a0ccb', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'ae77bab53696e1ce6b9061ef79f9d8f4f8eb8d24', 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: '7e69955cf9c9e11111eb5f8d48bda81530b99983', 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: '4f9d7f55190702a39f541a06a7a2e5bfc76b2592', class: "help_icon" }, h("svg", { key: 'faec7640c4ddfc057f4e178214fad5b04bd7aeb1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '859140bdacecb4872415ba717127c126f1340a5c', 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: '26063d5072a4483251c020b83f00e2c169d87407', 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))));
     }