globuswebcomponents 2.10.13 → 2.11.1

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-24T23:47:39",
+  "timestamp": "2026-02-26T10:59:02",
   "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"
         ]
       }
     },
@@ -9765,13 +9773,7 @@
           "mutable": true,
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "null"
-            }
-          ],
-          "default": "null",
+          "docsTags": [],
           "values": [
             {
               "type": "Date"
@@ -13850,13 +13852,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 +27478,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[]"
@@ -27544,10 +27540,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]"
+              "text": "[\r\n    // { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: false },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]",
+          "default": "[\r\n    // { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: false },\r\n  ]",
           "values": [
             {
               "type": "DropdownOption[]"
@@ -27653,6 +27649,28 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "gridCardConfig",
+          "type": "{ name?: { key: string; }; badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }",
+          "complexType": {
+            "original": "{\r\n    name?: { key: string };\r\n    badges?: { key: string; label?: string }[];\r\n    button?: { icon: string; text: string; action: string };\r\n  }",
+            "resolved": "{ name?: { key: string; }; badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "{ name?: { key: string; }; badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "loading",
           "type": "boolean",
@@ -27737,10 +27755,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]"
+              "text": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]",
+          "default": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]",
           "values": [
             {
               "type": "RowAction[]"
@@ -27947,10 +27965,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: true,\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: true,\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\""
@@ -27985,11 +28003,11 @@
       "events": [
         {
           "event": "applyFilters",
-          "detail": "{ filters: any; pagination: any; }",
+          "detail": "any",
           "bubbles": true,
           "complexType": {
-            "original": "{\r\n    filters: any;\r\n    pagination: any;\r\n  }",
-            "resolved": "{ filters: any; pagination: any; }",
+            "original": "any",
+            "resolved": "any",
             "references": {}
           },
           "cancelable": true,
@@ -28039,6 +28057,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 +28085,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 +28160,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 +28176,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 +28197,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 +28228,6 @@
           "gb-avatar",
           "gb-checkbox"
         ],
-        "gb-avatar": [
-          "gb-avatar-contrast-inner-border",
-          "gb-status-indicator"
-        ],
         "gb-password-button": [
           "gb-btn",
           "gb-button"
@@ -28197,10 +28251,6 @@
           "gb-button",
           "gb-badge"
         ],
-        "gb-badge": [
-          "gb-avatar",
-          "gb-badge-close"
-        ],
         "gb-export-dropdown": [
           "gb-export-dropdown-item",
           "gb-export-sub-dropdown"
@@ -33148,7 +33198,7 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::FilterConfig": {
-      "declaration": "export interface FilterConfig {\r\n  title: string;\r\n  enableDateRange: boolean;\r\n  dateRangeLabel?: string;\r\n  showClearButton?: boolean;\r\n  additionalFields?: {\r\n    tag: string;\r\n    key: string;\r\n    event: string;\r\n    props: any;\r\n    default?: any;\r\n  }[];\r\n  initialValues: {\r\n    pageNumber: number;\r\n    pageSize: number;\r\n  };\r\n}",
+      "declaration": "export interface FilterConfig {\r\n  title: string;\r\n  showClearButton?: boolean;\r\n  fields: FilterField[];\r\n  initialValues: {\r\n    pageNumber: number;\r\n    pageSize: number;\r\n  };\r\n  appliedValues?: Record<string, any>;\r\n}",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
@@ -33233,7 +33283,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-dropdown_5.entry.js

@@ -160,7 +160,7 @@ const GbHeaderIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '8b2857022d4c3fac3f87bda317db9a237d56a5c0', class: `background ${this.state}` }, h("div", { key: '8dc71f9591a90f94c6486e8972e56411064ab927', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: '553bc02dddaac06dfba6f35a50f9a48c85b971ee', class: "red_dot" }))));
+        return (h("div", { key: 'c2b35b94959a73bb8efd23fd35a9d2d8420f52d1', class: `background ${this.state}` }, h("div", { key: '7470944f7aa79113951f0908e5325521406aa5de', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: 'd69db92c26d5148915b75d6b3c9e16e98a923f85', class: "red_dot" }))));
     }
 };
 GbHeaderIcon.style = gbHeaderIconCss;
@@ -176,7 +176,7 @@ const GbHelpDropdown = class {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (h("div", { key: '0f2d9789ed937440884e6cc1aca90a8c8eed0c3a', class: "dropdown-container" }, h("div", { key: 'dc66fde3cc2984113b2b6c68d67a2573d2eaa212', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '1613961f24ecab2f4649341a4606660a98909d80', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '377b81f9a34c3a69fd1c91103ee23a34b5c500d0', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: 'f9e50ca82a77b23de5d3b13df5fe1a0c59381d8f', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: '6c2f919dcfab19faf2b871d08a8befefd5189d6e', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '12ddcc0da13fc0a03da2a59b1971c656cd377762', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (h("div", { key: '61337f91c01ac8f4d4a907cee175a7aa759d2141', class: "dropdown-container" }, h("div", { key: '23cc4a416e7b557fe0d69ff464de2904e102d99b', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '89be013685b38b598100f356d475b0efa6f941ae', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: 'f5c50f12bc0992a6906adfe56cb9abb2270e1e25', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '8223227b3f3b303de0274886d5cfde33fb7b2c55', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'c1af32fcd03a3c75c53061e5933d42b3b88aa3fb', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '9491dd497acfa5326a47a2e5a3d42886bfb7bdf6', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
 };
 GbHelpDropdown.style = gbHelpDropdownCss;
@@ -235,9 +235,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '9c35577b10eabe35e60e5826d9678561f1a2f5e3', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '0f400cf7fb1c033564dd832246707150459c5d45', class: `container` }, h("div", { key: '86a1d1ed76f54d1d2bbe6369dfa4765ed8be0a7a', class: "frame" }, h("img", { key: '612bc90633af2d588f296662cc878ed53cdfa649', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'e773938ff63bb54d5fee650e34272ba166d0fc99', class: "empty_state" }, h("div", { key: '545fdfb7b0599deab3530c4ad8c2053464c73ee7', class: "content" }, h("img", { key: '81452e77c499c53bd0787db1a03bffa441c6b6b6', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '68bc946f9a175b174cdb300b83d217a102e5ba0f', class: "text" }, h("slot", { key: '69a76e8e7a2b530b3cffbcac5ed345a96c5c1f97', name: "label" }), h("slot", { key: '2dde84b57c81ef24e850a6d7d1a3c9b62ef31157', name: "supporting_text" })))))),
-            h("div", { key: 'd81b889f2b79ebf1bcc1d215a0cef8dc49e6280a', class: `button` }, h("gb-button", { key: '3b16d97e44830412f78bb540381aa3cbc9188e1c', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'a2e4eafc6fdc210426fbc7b06b3e6e2e2416536e' }, "Mark all as read"))),
+        return (h("div", { key: '19829c5a9d820688040fdd9eb0913da29cb9549f', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '0bd14500dec1504a9aa495eba655a8b625312847', class: `container` }, h("div", { key: 'a6efa21af015a31f7f8dd35c1fd84997ee9df106', class: "frame" }, h("img", { key: 'f024ec1422985fc2e739cae51945e38a92f7073e', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '08857f9e6324910d6c0bb4ea64e469e1d0164aae', class: "empty_state" }, h("div", { key: '2e129e9f291d778492fc41efca0c4e8346c0bbd5', class: "content" }, h("img", { key: '88ab968f16b1099db5aa3964c3cbace2c7709caa', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '0bb9793f1b7460b8f4eb90358ead4302b493ae37', class: "text" }, h("slot", { key: 'aad0c1ba7885add32bed8bb3d45734a9475c3156', name: "label" }), h("slot", { key: '4bc6f6b72b064f608ecd26b12326d081ac638efe', name: "supporting_text" })))))),
+            h("div", { key: '71d8580457a7101d014af8d1924058b8d05354f8', class: `button` }, h("gb-button", { key: '01957d29215989b053b11fa1f64d4b63f9b018e7', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '5f4c9d56e207b7f09c48d3985996fe19c0fa07ed' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg", onClick: () => this.markAllAsRead() }, h("p", null, "Mark all as read")))) : ([
             h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))),
             h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),

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

@@ -113,7 +113,7 @@ const GbIconButtonBase = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '1ef8350a2208822db793c79c0c8271e4751577ee', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '4a26d37b8e970b912a8de4fac1f69ae3f42b93d1', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '3c00e6fdcf9e22d93148f898c52123b56df814d6', slot: "label" }, this.label))), h("div", { key: 'f1e5124cf44194bc1407218dc562b7c945a5ef30', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '683b9a759ecaac5a2d64a5581f6879dc8ab0f3da', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
+        return (h("div", { key: '3e7e5ab6f46220fc930d19a9dbc30b4ab8fa3968', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '920942d655a793c893a06078407a92e51ae43743', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '909c328de8f6219490a57c687022ecb85a8d8f78', slot: "label" }, this.label))), h("div", { key: '5c0078013c0cdef3b0142b0d548112bc53cb942d', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '9afa84ae064c2ff7c4da21b8b96ef891b8c7052a', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
     }
 };
 GbIconButtonBase.style = gbIconButtonBaseCss;
@@ -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: '9300c124445b9802a91ab4e202f03ebe1d83e6f3', class: `theme_tab_div` }, h("div", { key: 'd4ad94be292317c7071f21993472078f265bed2b', class: "tab" }, h("gb-icon-button-base", { key: 'c37fca6e7fcb0ce49aec0b5436c6c0a237ddd085', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '97480403f208403f7b227baf415b42aaf9c4d66d', class: "tab" }, h("gb-icon-button-base", { key: '4579fbb6d6743fc4265ba2b0fc348e57ca84f606', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'df929085bdc53a1bd824878d4b966e08efbf2fd6', class: "tab" }, h("gb-icon-button-base", { key: '858a622c79631176f3c49799e99b9f1d59b9f9ce', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };