globuswebcomponents 2.16.6 → 2.16.7

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-09T02:43:09",
+  "timestamp": "2026-06-10T12:56:28",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -5602,6 +5602,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "fullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "full-width",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "hierarchy",
           "type": "\"link_color\" | \"link_gray\" | \"primary\" | \"secondary_color\" | \"secondary_gray\" | \"tertiary_color\" | \"tertiary_gray\"",
@@ -11674,7 +11703,6 @@
         "gb-contact-help-dropdown",
         "gb-help-dropdown",
         "gb-nav-bar",
-        "gb-sidebar",
         "gb-table"
       ],
       "dependencies": [
@@ -11699,9 +11727,6 @@
         "gb-nav-bar": [
           "gb-dropdown-items-with-shortcut"
         ],
-        "gb-sidebar": [
-          "gb-dropdown-items-with-shortcut"
-        ],
         "gb-table": [
           "gb-dropdown-items-with-shortcut"
         ]
@@ -27633,10 +27658,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n  ]"
+              "text": "[\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/book-open-01.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n  ]",
+          "default": "[\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/book-open-01.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // {\r\n    //   label: 'Content',\r\n    //   icon: 'assets/dashboard-square-03.svg',\r\n    //   children: [\r\n    //     { label: 'Posts', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'News', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n    // { label: 'Overview', icon: 'assets/dashboard-square-03.svg' },\r\n  ]",
           "values": [
             {
               "type": "SubMenuItem[]"
@@ -27955,7 +27980,7 @@
       "dependencies": [
         "gb-collapse-button",
         "gb-sidebar-sub-dropdown",
-        "gb-dropdown-items-with-shortcut",
+        "gb-sidebar-child-item",
         "gb-simple-side-bar-item",
         "gb-complex-primary-side-bar-item",
         "gb-complex-secondary-side-bar-item"
@@ -27964,7 +27989,7 @@
         "gb-sidebar": [
           "gb-collapse-button",
           "gb-sidebar-sub-dropdown",
-          "gb-dropdown-items-with-shortcut",
+          "gb-sidebar-child-item",
           "gb-simple-side-bar-item",
           "gb-complex-primary-side-bar-item",
           "gb-complex-secondary-side-bar-item"
@@ -27976,12 +28001,6 @@
           "gb-sidebar-base-item",
           "gb-sidebar-child-item"
         ],
-        "gb-dropdown-items-with-shortcut": [
-          "gb-checkbox"
-        ],
-        "gb-checkbox": [
-          "gb-checkbox-base"
-        ],
         "gb-simple-side-bar-item": [
           "gb-badge",
           "gb-tooltip"
@@ -28408,10 +28427,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "gb-sidebar",
         "gb-sidebar-sub-dropdown"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "gb-sidebar": [
+          "gb-sidebar-child-item"
+        ],
         "gb-sidebar-sub-dropdown": [
           "gb-sidebar-child-item"
         ]
@@ -31661,10 +31684,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    // {\r\n    //   key: 'name',\r\n    //   label: 'Name',\r\n    //   sortable: true,\r\n    //   sortType: 'string',\r\n    //   helpIcon: true,\r\n    //   searchable: true,\r\n    //   hasAvatar: true,\r\n    //   cellAvatar: {\r\n    //     // image: '',\r\n    //     slots: {\r\n    //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),\r\n    //       image: row => row.image,\r\n    //     },\r\n    //   },\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role', searchable: true },\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    //   searchable: true,\r\n    //   hasAvatar: true,\r\n    //   cellAvatar: {\r\n    //     // image: '',\r\n    //     slots: {\r\n    //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),\r\n    //       image: row => row.image,\r\n    //     },\r\n    //   },\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role', searchable: true },\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    //   searchable: true,\r\n    //   hasAvatar: true,\r\n    //   cellAvatar: {\r\n    //     // image: '',\r\n    //     slots: {\r\n    //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),\r\n    //       image: row => row.image,\r\n    //     },\r\n    //   },\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role', searchable: true },\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    //   searchable: true,\r\n    //   hasAvatar: true,\r\n    //   cellAvatar: {\r\n    //     // image: '',\r\n    //     slots: {\r\n    //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),\r\n    //       image: row => row.image,\r\n    //     },\r\n    //   },\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role', searchable: true },\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[]"
@@ -31821,44 +31844,16 @@
           "mutable": false,
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "FilterConfig"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "filterMode",
-          "type": "\"external\" | \"internal\"",
-          "complexType": {
-            "original": "'internal' | 'external'",
-            "resolved": "\"external\" | \"internal\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "filter-mode",
-          "reflectToAttr": false,
-          "docs": "",
           "docsTags": [
             {
               "name": "default",
-              "text": "'internal'"
+              "text": "{\r\n    mode: 'internal',\r\n    title: '',\r\n    fields: [\r\n      // {\r\n      //   tag: 'gb-date-picker',\r\n      //   label: 'Date',\r\n      //   columnKey: 'date',\r\n      //   key: { start: 'startDate', end: 'endDate' },\r\n      //   event: 'dateChange',\r\n      // },\r\n      // {\r\n      //   tag: 'gb-input-dropdown',\r\n      //   key: 'status',\r\n      //   event: 'dropdownItemSelected',\r\n      //   props: {\r\n      //     type: 'tags',\r\n      //     showLabel: true,\r\n      //     label: 'Status',\r\n      //     placeholder: 'Select a status',\r\n      //     items: ['Completed', 'Pending', 'Cancelled'],\r\n      //   },\r\n      // },\r\n      // {\r\n      //   tag: 'gb-slider',\r\n      //   key: 'amount',\r\n      //   event: 'thumbValueChanged',\r\n      //   props: {\r\n      //     showHeading: true,\r\n      //     heading: 'Amount range',\r\n      //     max: 600,\r\n      //   },\r\n      // },\r\n    ],\r\n    initialValues: {\r\n      pageNumber: 0,\r\n      pageSize: 10,\r\n    },\r\n  }"
             }
           ],
-          "default": "'internal'",
+          "default": "{\r\n    mode: 'internal',\r\n    title: '',\r\n    fields: [\r\n      // {\r\n      //   tag: 'gb-date-picker',\r\n      //   label: 'Date',\r\n      //   columnKey: 'date',\r\n      //   key: { start: 'startDate', end: 'endDate' },\r\n      //   event: 'dateChange',\r\n      // },\r\n      // {\r\n      //   tag: 'gb-input-dropdown',\r\n      //   key: 'status',\r\n      //   event: 'dropdownItemSelected',\r\n      //   props: {\r\n      //     type: 'tags',\r\n      //     showLabel: true,\r\n      //     label: 'Status',\r\n      //     placeholder: 'Select a status',\r\n      //     items: ['Completed', 'Pending', 'Cancelled'],\r\n      //   },\r\n      // },\r\n      // {\r\n      //   tag: 'gb-slider',\r\n      //   key: 'amount',\r\n      //   event: 'thumbValueChanged',\r\n      //   props: {\r\n      //     showHeading: true,\r\n      //     heading: 'Amount range',\r\n      //     max: 600,\r\n      //   },\r\n      // },\r\n    ],\r\n    initialValues: {\r\n      pageNumber: 0,\r\n      pageSize: 10,\r\n    },\r\n  }",
           "values": [
             {
-              "value": "external",
-              "type": "string"
-            },
-            {
-              "value": "internal",
-              "type": "string"
+              "type": "FilterConfig"
             }
           ],
           "optional": false,
@@ -32012,40 +32007,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "searchMode",
-          "type": "\"external\" | \"internal\"",
-          "complexType": {
-            "original": "'internal' | 'external'",
-            "resolved": "\"external\" | \"internal\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "search-mode",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'internal'"
-            }
-          ],
-          "default": "'internal'",
-          "values": [
-            {
-              "value": "external",
-              "type": "string"
-            },
-            {
-              "value": "internal",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "showActionsColumn",
           "type": "boolean",
@@ -32198,10 +32159,10 @@
         },
         {
           "name": "tableHeaderConfig",
-          "type": "{ tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\" | \"applied\"; filterCount?: number; exportButtonState?: \"disabled\" | \"default\"; pdfState?: \"disabled\" | \"default\"; csvState?: \"disabled\" | \"default\"; datePickerMode?: \"single\" | \"range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; }",
+          "type": "{ type: \"default\" | \"table_control\"; tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\" | \"applied\"; filterCount?: number; exportButtonState?: \"disabled\" | \"default\"; pdfState?: \"disabled\" | \"default\"; csvState?: \"disabled\" | \"default\"; datePickerMode?: \"single\" | \"range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; searchMode?: \"external\" | \"internal\"; }",
           "complexType": {
-            "original": "{\r\n    tableHeading?: boolean;\r\n    tableHeadingLabel?: string;\r\n    showDateFilter?: boolean;\r\n    showFilter?: boolean;\r\n    showColumnOptions?: boolean;\r\n    showSearch?: boolean;\r\n    showExport?: boolean;\r\n    showRefreshButton?: boolean;\r\n    showEntireData?: boolean;\r\n    showLayoutToggle?: boolean;\r\n    filterState?: 'default' | 'applied';\r\n    filterCount?: number;\r\n    exportButtonState?: 'default' | 'disabled';\r\n    pdfState?: 'default' | 'disabled';\r\n    csvState?: 'default' | 'disabled';\r\n    datePickerMode?: 'single' | 'range';\r\n    inputPlaceholder?: string;\r\n    datePickerPlaceholder?: string;\r\n  }",
-            "resolved": "{ tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\" | \"applied\"; filterCount?: number; exportButtonState?: \"disabled\" | \"default\"; pdfState?: \"disabled\" | \"default\"; csvState?: \"disabled\" | \"default\"; datePickerMode?: \"single\" | \"range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; }",
+            "original": "{\r\n    type: 'default' | 'table_control';\r\n    tableHeading?: boolean;\r\n    tableHeadingLabel?: string;\r\n    showDateFilter?: boolean;\r\n    showFilter?: boolean;\r\n    showColumnOptions?: boolean;\r\n    showSearch?: boolean;\r\n    showExport?: boolean;\r\n    showRefreshButton?: boolean;\r\n    showEntireData?: boolean;\r\n    showLayoutToggle?: boolean;\r\n    filterState?: 'default' | 'applied';\r\n    filterCount?: number;\r\n    exportButtonState?: 'default' | 'disabled';\r\n    pdfState?: 'default' | 'disabled';\r\n    csvState?: 'default' | 'disabled';\r\n    datePickerMode?: 'single' | 'range';\r\n    inputPlaceholder?: string;\r\n    datePickerPlaceholder?: string;\r\n    searchMode?: 'internal' | 'external';\r\n  }",
+            "resolved": "{ type: \"default\" | \"table_control\"; tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\" | \"applied\"; filterCount?: number; exportButtonState?: \"disabled\" | \"default\"; pdfState?: \"disabled\" | \"default\"; csvState?: \"disabled\" | \"default\"; datePickerMode?: \"single\" | \"range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; searchMode?: \"external\" | \"internal\"; }",
             "references": {}
           },
           "mutable": false,
@@ -32210,7 +32171,11 @@
           "docsTags": [],
           "values": [
             {
-              "type": "{ tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\""
+              "type": "{ type: \"default\""
+            },
+            {
+              "value": "table_control\"; tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default",
+              "type": "string"
             },
             {
               "value": "applied\"; filterCount?: number; exportButtonState?: \"disabled",
@@ -32229,7 +32194,45 @@
               "type": "string"
             },
             {
-              "type": "\"range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; }"
+              "value": "range\"; inputPlaceholder?: string; datePickerPlaceholder?: string; searchMode?: \"external",
+              "type": "string"
+            },
+            {
+              "type": "\"internal\"; }"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "tableHeaderType",
+          "type": "\"default\" | \"table_control\"",
+          "complexType": {
+            "original": "'default' | 'table_control'",
+            "resolved": "\"default\" | \"table_control\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "table-header-type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "table_control",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -32393,6 +32396,20 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "tableControlClicked",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [
@@ -33432,6 +33449,40 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"default\" | \"table_control\"",
+          "complexType": {
+            "original": "'default' | 'table_control'",
+            "resolved": "\"default\" | \"table_control\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "table_control",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -33533,6 +33584,20 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "tableControlClicked",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [
@@ -38038,7 +38103,7 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::FilterConfig": {
-      "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}",
+      "declaration": "export interface FilterConfig {\r\n  mode?: 'internal' | 'external';\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"
     },