globuswebcomponents 2.13.3 → 2.13.5

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-13T08:55:46",
+  "timestamp": "2026-03-16T12:30:12",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -8970,7 +8970,13 @@
           "attr": "category",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'colored_background'"
+            }
+          ],
+          "default": "'colored_background'",
           "values": [
             {
               "value": "colored_background",
@@ -9030,10 +9036,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'Appraisal'"
+              "text": "''"
             }
           ],
-          "default": "'Appraisal'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -9085,7 +9091,13 @@
           "attr": "state",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
           "values": [
             {
               "value": "active",
@@ -9113,7 +9125,13 @@
           "attr": "type",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'full_with_label'"
+            }
+          ],
+          "default": "'full_with_label'",
           "values": [
             {
               "value": "full_with_label",
@@ -13778,7 +13796,7 @@
               "type": "FilterConfig"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -17694,29 +17712,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "labelText",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "label-text",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "loading",
           "type": "boolean",
@@ -17781,7 +17776,13 @@
           "attr": "menu-position",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'bottom'"
+            }
+          ],
+          "default": "'bottom'",
           "values": [
             {
               "value": "bottom",
@@ -17834,10 +17835,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { objectName: '+296', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+297', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+298', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+299', objectValue: 'john.doe@example.com' },\r\n    '+234',\r\n    '+224',\r\n    '+1 246',\r\n    // 57,\r\n    // 43,\r\n    // 'NGN',\r\n    // 'GBP',\r\n    // 'USD'\r\n  ]"
+              "text": "[\r\n    // { objectName: '+296', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+297', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+298', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+299', objectValue: 'john.doe@example.com' },\r\n    // '+234',\r\n    // '+224',\r\n    // '+1 246',\r\n    // 57,\r\n    // 43,\r\n    // 'NGN',\r\n    // 'GBP',\r\n    // 'USD'\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { objectName: '+296', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+297', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+298', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+299', objectValue: 'john.doe@example.com' },\r\n    '+234',\r\n    '+224',\r\n    '+1 246',\r\n    // 57,\r\n    // 43,\r\n    // 'NGN',\r\n    // 'GBP',\r\n    // 'USD'\r\n  ]",
+          "default": "[\r\n    // { objectName: '+296', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+297', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+298', objectValue: 'john.doe@example.com' },\r\n    // { objectName: '+299', objectValue: 'john.doe@example.com' },\r\n    // '+234',\r\n    // '+224',\r\n    // '+1 246',\r\n    // 57,\r\n    // 43,\r\n    // 'NGN',\r\n    // 'GBP',\r\n    // 'USD'\r\n  ]",
           "values": [
             {
               "type": "any[]"
@@ -17920,10 +17921,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
+              "text": "false"
             }
           ],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -18267,13 +18268,7 @@
           "attr": "value",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "[\r\n    // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    // 10,\r\n  ]"
-            }
-          ],
-          "default": "[\r\n    // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    // 10,\r\n  ]",
+          "docsTags": [],
           "values": [
             {
               "type": "any"
@@ -23840,10 +23835,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'Staff'"
+              "text": "''"
             }
           ],
-          "default": "'Staff'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -23855,27 +23850,27 @@
           "setter": false
         },
         {
-          "name": "activeSecondaryItem",
-          "type": "string",
+          "name": "activeSecondaryIndex",
+          "type": "number",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": true,
-          "attr": "active-secondary-item",
+          "attr": "active-secondary-index",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [
             {
               "name": "default",
-              "text": "'Attendance Tracking'"
+              "text": "0"
             }
           ],
-          "default": "'Attendance Tracking'",
+          "default": "0",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
@@ -23938,10 +23933,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "{\r\n    // Recruitment: {\r\n    //   icon: 'assets/user-search-01.svg',\r\n    //   items: [\r\n    //     { label: 'Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'My Profile', icon: 'assets/star.svg' },\r\n    //     { label: 'Appraisal', icon: 'assets/star.svg' },\r\n    //     { label: 'Staff Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Leave Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n    //   ],\r\n    // },\r\n    // Staff: {\r\n    //   icon: 'assets/user-account.svg',\r\n    //   items: [\r\n    //     { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n  }"
+              "text": "{\r\n    // Recruitment: {\r\n    //   icon: 'assets/user-search-01.svg',\r\n    //   items: [\r\n    //     { label: 'Overview', icon: 'assets/sent.svg' },\r\n    //     { label: 'My Profile', icon: 'assets/star.svg' },\r\n    //     { label: 'Appraisal', icon: 'assets/star.svg' },\r\n    //     { label: 'Staff Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Leave Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n    //   ],\r\n    // },\r\n    // Staff: {\r\n    //   icon: 'assets/user-account.svg',\r\n    //   items: [\r\n    //     { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n  }"
             }
           ],
-          "default": "{\r\n    // Recruitment: {\r\n    //   icon: 'assets/user-search-01.svg',\r\n    //   items: [\r\n    //     { label: 'Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'My Profile', icon: 'assets/star.svg' },\r\n    //     { label: 'Appraisal', icon: 'assets/star.svg' },\r\n    //     { label: 'Staff Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Leave Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n    //   ],\r\n    // },\r\n    // Staff: {\r\n    //   icon: 'assets/user-account.svg',\r\n    //   items: [\r\n    //     { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n  }",
+          "default": "{\r\n    // Recruitment: {\r\n    //   icon: 'assets/user-search-01.svg',\r\n    //   items: [\r\n    //     { label: 'Overview', icon: 'assets/sent.svg' },\r\n    //     { label: 'My Profile', icon: 'assets/star.svg' },\r\n    //     { label: 'Appraisal', icon: 'assets/star.svg' },\r\n    //     { label: 'Staff Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Leave Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n    //   ],\r\n    // },\r\n    // Staff: {\r\n    //   icon: 'assets/user-account.svg',\r\n    //   items: [\r\n    //     { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n  }",
           "values": [
             {
               "type": "any"
@@ -27961,10 +27956,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    //   cellComponent: 'gb-avatar-label-group',\r\n    //   cellProps: (row) => ({\r\n    //     size: 'sm',\r\n    //     text: true\r\n    //   }),\r\n    //   cellSlots: {\r\n    //     named:{ \r\n    //       name: {\r\n    //         tag: 'p',\r\n    //         content: row => row.name\r\n    //       },\r\n    //       initials: {\r\n    //         tag: 'h1',\r\n    //         content: row => row.name.split(' ').map((nm) => nm.charAt(0))\r\n    //       },\r\n    //       supporting_text: {\r\n    //         tag: 'p',\r\n    //         content: row => row.role\r\n    //       }\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    //   cellComponent: 'gb-avatar-label-group',\r\n    //   cellProps: (row) => ({\r\n    //     size: 'sm',\r\n    //     text: true\r\n    //   }),\r\n    //   cellSlots: {\r\n    //     named:{ \r\n    //       name: {\r\n    //         tag: 'p',\r\n    //         content: row => row.name\r\n    //       },\r\n    //       initials: {\r\n    //         tag: 'h1',\r\n    //         content: row => row.name.split(' ').map((nm) => nm.charAt(0))\r\n    //       },\r\n    //       supporting_text: {\r\n    //         tag: 'p',\r\n    //         content: row => row.role\r\n    //       }\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[]"
@@ -31231,11 +31226,17 @@
               }
             }
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "breakpoint",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'desktop'"
+            }
+          ],
+          "default": "'desktop'",
           "values": [
             {
               "value": "desktop",