globuswebcomponents 2.10.13 → 2.11.0

package/dist/components/test-input-tag.js

@@ -6,10 +6,10 @@ import { d as defineCustomElement$9 } from './p-C3Ajgg65.js';
 import { d as defineCustomElement$8 } from './p-BSWqodKJ.js';
 import { d as defineCustomElement$7 } from './p-CTquChw2.js';
 import { d as defineCustomElement$6 } from './p-DaM2q3ak.js';
-import { d as defineCustomElement$5 } from './p-CxmrLytr.js';
-import { d as defineCustomElement$4 } from './p-CMSgQk_J.js';
-import { d as defineCustomElement$3 } from './p-B6k24H6F.js';
-import { d as defineCustomElement$2 } from './p-QMvxRWGo.js';
+import { d as defineCustomElement$5 } from './p-hsu4Tgtg.js';
+import { d as defineCustomElement$4 } from './p-DhhgSVau.js';
+import { d as defineCustomElement$3 } from './p-CM2X5TQc.js';
+import { d as defineCustomElement$2 } from './p-ZxV_qL5x.js';
 
 const testInputTagCss = ".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";
 
@@ -89,7 +89,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: '23dc44e2de156da096c5e7cfba820814c2d8d800', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '198f0aaeaa73aff01f2f93cebf49a6d9cf938f7d', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '1fafe90f0068bbf4621178ff2075b84438cb3a72', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '965b799a0a7b7ffd8c3ffdd7ab6914ca872eb4ae', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'f74d88a8b7e37c1b257c513d5de377a18e8da339', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '2c5d0b6010f0d065fd8d1a65cb52c8cab1a64156', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: 'b68c35a76771761490ae8c3d6000b4fdeb46c992', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '41979b965f3387d2a2ada8468b6e64216aeb23a4', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '7229b3a59904bb1e6cafef973131cbc244aaee5b', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '8be0b5d07b8d64222538c90f5c126a48b31dc5a5', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -98,7 +98,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '2d9a828134476ebdd8c26339fdda6d8ba1079ca0', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '31826012249962e84a4ad9eeb763303565544e8e', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-24T23:47:39",
+  "timestamp": "2026-02-25T18:05:03",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -2196,6 +2196,7 @@
         "gb-header",
         "gb-input-dropdown",
         "gb-input-dropdown-menu-item",
+        "gb-table",
         "gb-tag"
       ],
       "dependencies": [
@@ -2231,6 +2232,9 @@
         "gb-input-dropdown-menu-item": [
           "gb-avatar"
         ],
+        "gb-table": [
+          "gb-avatar"
+        ],
         "gb-tag": [
           "gb-avatar"
         ]
@@ -4248,7 +4252,8 @@
         "gb-filter-button",
         "gb-metric-card",
         "gb-simple-side-bar-item",
-        "gb-tab-button-base"
+        "gb-tab-button-base",
+        "gb-table"
       ],
       "dependencies": [
         "gb-avatar",
@@ -4283,6 +4288,9 @@
         ],
         "gb-tab-button-base": [
           "gb-badge"
+        ],
+        "gb-table": [
+          "gb-badge"
         ]
       }
     },
@@ -13850,13 +13858,7 @@
           "mutable": false,
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "{\r\n    title: 'Filter',\r\n    enableDateRange: true,\r\n    showClearButton: true,\r\n    additionalFields: [\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'approvalStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'tags',\r\n          icon: false,\r\n          showLabel: true,\r\n          label: 'Approval status',\r\n          placeholder: 'Select approval status',\r\n          items: ['Draft', 'Pending', 'Approved', 'Rejected'],\r\n          destructive: false,\r\n        },\r\n        default: {\r\n          value: [],\r\n        },\r\n      },\r\n      {\r\n        tag: 'gb-slider',\r\n        key: 'amountRange',\r\n        event: 'thumbValueChanged',\r\n        props: {\r\n          showHeading: true,\r\n          heading: 'Amount range',\r\n        },\r\n        default: {\r\n          leftControl: 50,\r\n          rightControl: 100,\r\n        },\r\n      },\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'disbursementStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'default',\r\n          showLabel: true,\r\n          label: 'Disbursement status',\r\n          placeholder: 'Select disbursement status',\r\n          items: ['Disbursed', 'Not Disbursed'],\r\n        },\r\n      },\r\n      //   {\r\n      //     tag: 'gb-input-dropdown',\r\n      //     key: 'facilityCategory',\r\n      //     props: {\r\n      //       showLabel: true,\r\n      //       label: 'Facility category',\r\n      //       placeholder: 'Select facility category',\r\n      //       items: ['Retail', 'Commercial', 'Corporate'],\r\n      //     },\r\n      //   },\r\n    ],\r\n    initialValues: {\r\n      pageNumber: 1,\r\n      pageSize: 10,\r\n    },\r\n  }"
-            }
-          ],
-          "default": "{\r\n    title: 'Filter',\r\n    enableDateRange: true,\r\n    showClearButton: true,\r\n    additionalFields: [\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'approvalStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'tags',\r\n          icon: false,\r\n          showLabel: true,\r\n          label: 'Approval status',\r\n          placeholder: 'Select approval status',\r\n          items: ['Draft', 'Pending', 'Approved', 'Rejected'],\r\n          destructive: false,\r\n        },\r\n        default: {\r\n          value: [],\r\n        },\r\n      },\r\n      {\r\n        tag: 'gb-slider',\r\n        key: 'amountRange',\r\n        event: 'thumbValueChanged',\r\n        props: {\r\n          showHeading: true,\r\n          heading: 'Amount range',\r\n        },\r\n        default: {\r\n          leftControl: 50,\r\n          rightControl: 100,\r\n        },\r\n      },\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'disbursementStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'default',\r\n          showLabel: true,\r\n          label: 'Disbursement status',\r\n          placeholder: 'Select disbursement status',\r\n          items: ['Disbursed', 'Not Disbursed'],\r\n        },\r\n      },\r\n      //   {\r\n      //     tag: 'gb-input-dropdown',\r\n      //     key: 'facilityCategory',\r\n      //     props: {\r\n      //       showLabel: true,\r\n      //       label: 'Facility category',\r\n      //       placeholder: 'Select facility category',\r\n      //       items: ['Retail', 'Commercial', 'Corporate'],\r\n      //     },\r\n      //   },\r\n    ],\r\n    initialValues: {\r\n      pageNumber: 1,\r\n      pageSize: 10,\r\n    },\r\n  }",
+          "docsTags": [],
           "values": [
             {
               "type": "FilterConfig"
@@ -27482,10 +27484,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: (row) => ({color: row.amount > 200 ? 'green' : ''}) },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    //   cellSlots: {\r\n    //     default: {\r\n    //       tag: 'p',\r\n    //       content: row => row.status,\r\n    //     },\r\n    //   },\r\n    // },\r\n  ]"
+              "text": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // {\r\n    //   key: 'name',\r\n    //   label: 'Name',\r\n    //   sortable: true,\r\n    //   sortType: 'string',\r\n    //   helpIcon: true,\r\n    //   supportingText: row => row.role,\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    //   cellSlots: {\r\n    //     default: {\r\n    //       tag: 'p',\r\n    //       content: row => row.status,\r\n    //     },\r\n    //   },\r\n    // },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: (row) => ({color: row.amount > 200 ? 'green' : ''}) },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    //   cellSlots: {\r\n    //     default: {\r\n    //       tag: 'p',\r\n    //       content: row => row.status,\r\n    //     },\r\n    //   },\r\n    // },\r\n  ]",
+          "default": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // {\r\n    //   key: 'name',\r\n    //   label: 'Name',\r\n    //   sortable: true,\r\n    //   sortType: 'string',\r\n    //   helpIcon: true,\r\n    //   supportingText: row => row.role,\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    //   cellSlots: {\r\n    //     default: {\r\n    //       tag: 'p',\r\n    //       content: row => row.status,\r\n    //     },\r\n    //   },\r\n    // },\r\n  ]",
           "values": [
             {
               "type": "TableColumn[]"
@@ -27653,6 +27655,28 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "gridCardConfig",
+          "type": "{ badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }",
+          "complexType": {
+            "original": "{\r\n    badges?: { key: string; label?: string }[];\r\n    button?: { icon: string; text: string; action: string };\r\n  }",
+            "resolved": "{ badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "{ badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "loading",
           "type": "boolean",
@@ -27947,10 +27971,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "{\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: false,\r\n    datePickerMode: 'range',\r\n    inputPlaceholder: 'Transaction reference',\r\n  }"
+              "text": "{\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: false,\r\n    showLayoutToggle: false,\r\n    datePickerMode: 'range',\r\n    inputPlaceholder: 'Transaction reference',\r\n  }"
             }
           ],
-          "default": "{\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: false,\r\n    datePickerMode: 'range',\r\n    inputPlaceholder: 'Transaction reference',\r\n  }",
+          "default": "{\r\n    tableHeading: false,\r\n    tableHeadingLabel: 'Suspicious outflows',\r\n    showDateFilter: true,\r\n    showFilter: true,\r\n    showColumnOptions: true,\r\n    showSearch: true,\r\n    showExport: true,\r\n    showRefreshButton: false,\r\n    showLayoutToggle: false,\r\n    datePickerMode: 'range',\r\n    inputPlaceholder: 'Transaction reference',\r\n  }",
           "values": [
             {
               "type": "{ tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\""
@@ -28039,6 +28063,20 @@
           "docs": "",
           "docsTags": []
         },
+        {
+          "event": "layoutButtonClicked",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "pageItemSelected",
           "detail": "{ pageSize: any; pageNumber: number; }",
@@ -28053,6 +28091,20 @@
           "docs": "",
           "docsTags": []
         },
+        {
+          "event": "refreshButtonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "rowActionClicked",
           "detail": "{ action: string; row: any; }",
@@ -28114,8 +28166,10 @@
         "gb-button",
         "gb-portal",
         "gb-dropdown-items-with-shortcut",
-        "gb-table-header",
+        "gb-avatar",
+        "gb-badge",
         "gb-button-close",
+        "gb-table-header",
         "gb-toggle",
         "gb-filter-modal",
         "gb-empty-state",
@@ -28128,8 +28182,10 @@
           "gb-button",
           "gb-portal",
           "gb-dropdown-items-with-shortcut",
-          "gb-table-header",
+          "gb-avatar",
+          "gb-badge",
           "gb-button-close",
+          "gb-table-header",
           "gb-toggle",
           "gb-filter-modal",
           "gb-empty-state",
@@ -28147,6 +28203,14 @@
         "gb-dropdown-items-with-shortcut": [
           "gb-checkbox"
         ],
+        "gb-avatar": [
+          "gb-avatar-contrast-inner-border",
+          "gb-status-indicator"
+        ],
+        "gb-badge": [
+          "gb-avatar",
+          "gb-badge-close"
+        ],
         "gb-table-header": [
           "gb-date-picker",
           "gb-input-field",
@@ -28170,10 +28234,6 @@
           "gb-avatar",
           "gb-checkbox"
         ],
-        "gb-avatar": [
-          "gb-avatar-contrast-inner-border",
-          "gb-status-indicator"
-        ],
         "gb-password-button": [
           "gb-btn",
           "gb-button"
@@ -28197,10 +28257,6 @@
           "gb-button",
           "gb-badge"
         ],
-        "gb-badge": [
-          "gb-avatar",
-          "gb-badge-close"
-        ],
         "gb-export-dropdown": [
           "gb-export-dropdown-item",
           "gb-export-sub-dropdown"
@@ -33233,7 +33289,7 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::TableColumn": {
-      "declaration": "export interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  transform?: {};\r\n  value?: (row: any) => any;\r\n  supportingText?: string | ((row: any) => string);\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  visible?: boolean;\r\n  sortComparator?: (a: any, b: any) => number;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void';\r\n  cellProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any };\r\n  cellSlots?: {\r\n    default?: {\r\n      tag?: string; // e.g., 'p', 'span' to wrap content\r\n      content: (row: any) => string | any; // Function to get slot content\r\n    };\r\n    named?: {\r\n      [slotName: string]: {\r\n        tag: string; // e.g., 'p', 'h1', 'span'\r\n        content: (row: any) => string | any; // Function to get slot content\r\n      };\r\n    };\r\n  };\r\n  cellClass?: string | ((row: any) => string);\r\n  cellStyle?: { [key: string]: string } | ((row: any) => { [key: string]: string });\r\n  onClick?: () => void;\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n}",
+      "declaration": "export interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  transform?: {};\r\n  value?: (row: any) => any;\r\n  supportingText?: string | ((row: any) => string);\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  stickyRight?: boolean;\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  visible?: boolean;\r\n  sortComparator?: (a: any, b: any) => number;\r\n  cellComponent?: string;\r\n  cellActionType?: 'dropdown' | 'void';\r\n  cellProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any };\r\n  cellSlots?: {\r\n    default?: {\r\n      tag?: string; // e.g., 'p', 'span' to wrap content\r\n      content: (row: any) => string | any; // Function to get slot content\r\n    };\r\n    named?: {\r\n      [slotName: string]: {\r\n        tag: string; // e.g., 'p', 'h1', 'span'\r\n        content: (row: any) => string | any; // Function to get slot content\r\n      };\r\n    };\r\n  };\r\n  cellClass?: string | ((row: any) => string);\r\n  cellStyle?: { [key: string]: string } | ((row: any) => { [key: string]: string });\r\n  onClick?: () => void;\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n  gridCard?: {\r\n    buttonIcon?: string;\r\n    buttonText?: string;\r\n  }\r\n}",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },

package/dist/esm/gb-avatar-label-group_3.entry.js

@@ -141,7 +141,7 @@ const GbThemeTab = class {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '85052f0e09431447e9f255c691477510864e853b', class: `theme_tab_div` }, h("div", { key: 'f1c2b06650e4956ee9f2778446d3929c86f21fb7', class: "tab" }, h("gb-icon-button-base", { key: '5795be0ca411d12161a64073bfb948df1c00c6b6', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '54e08167d3ab0abca6deb92bcaeb0e7111610747', class: "tab" }, h("gb-icon-button-base", { key: '31f45a2d0a454c62d131dbed4c5eeb6e310670f8', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '45ba651fc4cfb7006be44ff455347da1e1744773', class: "tab" }, h("gb-icon-button-base", { key: '41dc70324d010f7bb3776b967b6d1e450fd33ce3', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '62f4175aab344f294593c428b95de08e3603b012', class: `theme_tab_div` }, h("div", { key: '74b378bcb005329bfe0ba19f61400864fbafa78e', class: "tab" }, h("gb-icon-button-base", { key: 'ba7618115facc50dd2851b2fd2b10dd5570d0503', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'bf153bf4ff2852533630b07809abf08470fef96b', class: "tab" }, h("gb-icon-button-base", { key: '18df328bbab0da8172feeae68f68658e0046072f', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '3275e19fa94d2ab6ce120da22ae820b254c66384', class: "tab" }, h("gb-icon-button-base", { key: '93b1c07c9bf370704a6090a43a09b73c1a88f12f', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };