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

globuswebcomponents 2.8.11 → 2.8.12

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 (226) 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 { 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', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n { key: 'date', label: 'Date', mobile: { position: 'bottom_left' } },\r\n { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, mobile: { position: 'top_right' } },\r\n { key: 'role', label: 'Role' },\r\n { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n {\r\n key: 'status',\r\n label: 'Status',\r\n cellComponent: 'gb-badge',\r\n cellProps: row => ({\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 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 { id: '#3001', date: 'Jan 1, 2022', name: 'Emma Johnson', role: 'Frontend Developer', level: 'Today', customer: 'John Doe', amount: '$120.00', status: 'Completed' },\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 } = {\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 };\r\n @Prop() paginationConfig: any = {\r\n entriesDropdownMenuPosition: 'top',\r\n }\r\n @Prop() showActionsColumn: boolean = true;\r\n @Prop() rowActions?: RowAction[] = [{ label: 'View', action: 'view', disabled: true }];\r\n @Prop() stickyFirstColumn: boolean = true;\r\n @Prop() stickyLastColumn: boolean = true;\r\n @Prop() actionsType: 'none' \| 'dropdown' \| '' = 'none';\r\n @Prop() showCheckbox: boolean = true;\r\n @Prop() paginationMode: 'internal' \| 'external' = 'internal';\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() 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 @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\r\n componentWillLoad() {\r\n this.checkViewport();\r\n window.addEventListener('resize', this.checkViewport);\r\n }\r\n\r\n @Listen('resize', { target: 'window' })\r\n checkViewport() {\r\n this.isMobile = window.innerWidth <= 768;\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.paginationMode === 'external') {\r\n return this.sortedData;\r\n }\r\n\r\n const start = (this.currentPage - 1) * this.pageSize;\r\n const end = start + this.pageSize;\r\n\r\n return this.sortedData.slice(start, end);\r\n }\r\n\r\n private handlePageChange({ detail }) {\r\n if (this.paginationMode === 'internal') {\r\n this.currentPage = detail.pageNumber;\r\n this.pageSize = detail.pageSize;\r\n } else {\r\n this.pageItemSelected.emit(detail);\r\n }\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.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 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`}>\r\n <table style={tableStyle}>\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 }}\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 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.displayedData.map((row, rowIndex) => (\r\n <tr class=\"table_body\">\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 {this.columns.map((col, index) => (\r\n <td style={{ textAlign: col.align \|\| 'left' }} class={`table_detail ${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.showActionsColumn && (\r\n <td style={{ width: '50px' }} class={`table_detail actions-cell ${this.stickyLastColumn ? 'sticky_right' : ''}`}>\r\n <>\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 {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.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 </>\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\">\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 {topLeft && this.renderCell(topLeft, row)}\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 {topRight && this.renderCell(topRight, row)}\r\n </div>\r\n </div>\r\n\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 {bottomLeft && this.renderCell(bottomLeft, row)}\r\n </div>\r\n {/ <div class=\"mobile-cell right\">{bottomRight && row[bottomRight.key]}</div> */}\r\n {bottomRight && this.renderCell(bottomRight, row)}\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);\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('resize', this.checkViewport);\r\n }\r\n\r\n render() {\r\n const totalPages = this.paginationMode === 'internal' ? Math.ceil(this.sortedData.length / this.pageSize) : Math.ceil((this.totalItems \|\| 0) / this.pageSize);\r\n\r\n return (\r\n <div class={`table_wrapper`}>\r\n <gb-table-header\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 ></gb-table-header>\r\n <>{this.isMobile ? this.renderMobileView() : this.renderDesktopView()}</>\r\n <gb-pagination\r\n entries-dropdown-menu-position={this.paginationConfig.entriesDropdownMenuPosition}\r\n page-size={this.pageSize}\r\n current-page={this.paginationMode === 'internal' ? this.internalCurrentPage : this.currentPage}\r\n total-pages={totalPages}\r\n onPageItemSelected={this.handlePageChange.bind(this)}\r\n ></gb-pagination>\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.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;
@@ -112,7 +112,7 @@ 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: '80ee204f9960f2e737dabcacacc8e86998c6acad', class: "table_header_div" }, this.tableHeading && h("p", { key: '5065eff6c0df6f078a1806a1d0e792c6113eb175', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '87bbe33763a5af6461566e950d0ae94c2b086f67', class: "date_filters" }, h("div", { key: '7927a029ffe6315c1ca8110dfe728aa779b7bfbc', class: "date_input" }, h("gb-date-picker", { key: '579271c54a060d86f70f9ce029b6b496812da0fb', 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: 'df117c7e767d683f6d5b8a8ed9e551d7230f1616', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '87c6aed137eddfb8a6973a3e6efa42290f6538c9', class: "input_field" }, h("gb-input-field", { key: 'ace3aa1ca07ce9be8393901d8ef9634128ec32bb', 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: 'ebaca37e60d5a9c17ba44e4a4b7ad9758bf1f44c', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'dedb6cf3a3e708dafad6bf7e80faf24cc5ca662d', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'a77a1ec93bdc4eb84eb432b6c30c4d6b2ace64f4', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '7cc67428c8e85ac39040d618f72a2b475ce60b82' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '4f635afff6a29f5a4949ee3c08d9e392d120876f', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '6a20777847f31867f5fe2b68977324b671393b01', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '054f8951b892557cb7c78736a6a1ea6f1ed72435', class: "export" }, h("gb-button", { key: 'ea315e0f915b1746a93eba68cef45f1bd9d987db', 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: '0588dfc92f5e9ff301851e87741b05d4de08970c' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '282edd0b55c665d85297e63fe148e386d4a741df', 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: 'c6bee9f0bc378c47e4df516cf266fab4012fcd63', class: "refresh_button" }, h("gb-button", { key: '3f72b689b939d79dbc3442e7212ad30944735ed0', 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 +186,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 +205,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 +225,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 +245,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 +265,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 +599,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);\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"]}

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

@@ -203,12 +203,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: '773911414cac39b5137c00784a125fce873fab3f', class: "textarea_container" }, h("div", { key: 'e5da83a0be929ca345719398d45b5314d6de2ea3', class: "input_with_label" }, this.showLabel && h("p", { key: 'c68912f409e835a3400507dd1881cf95993b6106', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'a33c2d04885f532e4cce4ed9c0d4dba284d55df5', 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: '1a705cb562fdee95c60aaad89ed65c3a627aa0b5', class: "textarea_tags" }, h("div", { key: '86afd7f55c44a8c1fa37969bb21116fcd61a1dbc', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'e12c751ae9e1904048e4278804d345805d25f808', 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: 'd23d959aa2cc502a186c56ce3cb2cc8d71d5ca44', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'b8ec6242cd2ae5a0f8b6ce4b05fd72e6f7a5e7b2', class: "input_field" }, h("input", { key: '33aa3c2d97a2a0f63bf020f9a3006a2af3c991c4', 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: '31a5ba7ae550da2cd404c84724eb1a0803d7b8a5', class: "help_icon" }, h("svg", { key: '160228869a8880df7f3ce21f2f3485f60c492147', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '62725780771a36d2401655baecbc89b1259e667c', 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: 'ccc0f6ac4e63d535b3b0f5ca31383da10cdc1810', 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 CHANGED Viewed

@@ -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: '6eff7d663a775947d7c4d591e01fb9e195ee3e42', class: `theme_tab_div` }, h("div", { key: '51bac3e65f2b85f160982712c785dbb38af00a4b', class: "tab" }, h("gb-icon-button-base", { key: 'c1e48764d42327b13a05ac589ee5cd3ad8f747c1', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'fd5839ea790e64e028e3fffa0cce8b4970b4d841', class: "tab" }, h("gb-icon-button-base", { key: '95fb88eb25034c38678267b6d6c2d77687166de7', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '3a0821984286e4b835e0e87e6a96a3f1c54b88d4', class: "tab" }, h("gb-icon-button-base", { key: '0f0e00e8a78c4600a54c0907f04a9b26dbc29897', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: 'c3c522cc72b9da3682e13f94f082ff6d4ee038fc', class: `theme_tab_div` }, h("div", { key: 'e0510599b32361d29dea86ef27796dda69427acf', class: "tab" }, h("gb-icon-button-base", { key: '294b11dc2eae88f1ac41fec28e43640a902defa7', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'b4d48b2a3e000f0c5e854902028fb9a5ace6c88f', class: "tab" }, h("gb-icon-button-base", { key: '1494e24b1be1c0ed46014072d242ef9df122248c', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '15a1b47fdf419a961ad01abfc0a7bc90c65173f4', class: "tab" }, h("gb-icon-button-base", { key: 'b11af9a4eefcc4322d8c6adbc7dfdc7188c4fe4e', 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"; }