globuswebcomponents 2.13.0 → 2.13.1

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

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-C9dqTMUJ.js';
 import { S as StateEnum } from './p-cHn6O-Kf.js';
-import { d as defineCustomElement$b } from './p-mhOJFBsc.js';
+import { d as defineCustomElement$b } from './p-D_YD59D1.js';
 import { d as defineCustomElement$a } from './p-CjsCOmNI.js';
 import { d as defineCustomElement$9 } from './p-tidaK-hf.js';
 import { d as defineCustomElement$8 } from './p-BTouLKKP.js';
-import { d as defineCustomElement$7 } from './p-BpLzCERN.js';
-import { d as defineCustomElement$6 } from './p-DgNS4mbY.js';
-import { d as defineCustomElement$5 } from './p-BnqfHn6M.js';
-import { d as defineCustomElement$4 } from './p-CbGGgTdJ.js';
-import { d as defineCustomElement$3 } from './p-3n_Rg7xU.js';
-import { d as defineCustomElement$2 } from './p-BxwAkuro.js';
+import { d as defineCustomElement$7 } from './p-D7ISVr5X.js';
+import { d as defineCustomElement$6 } from './p-BhVoEnfv.js';
+import { d as defineCustomElement$5 } from './p-DQzSNn6d.js';
+import { d as defineCustomElement$4 } from './p-CnwFBTLJ.js';
+import { d as defineCustomElement$3 } from './p-BqTCck1h.js';
+import { d as defineCustomElement$2 } from './p-CyPw5YoV.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: '6cf399e864a8529a7c37b20a7f81833e35fb273c', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '85390c1b4da2512e7a330ed83aadaae7e339dc4a', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '8ac2bcac3c8c08f3ec4b3587f5e82d247916a21f', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '824160e62881da8b47dd6f8676f9a9cdcc2c122e', 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: '9c23276acbc08a4303c369f60682abb6974f50e8', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: 'e265282f76a759d969599c185ad5e9a3c46db44a', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '732b65546f9f004ae104517c410121ad8725e89d', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '26e4ec22abedfbdbc09e36970f5b9a5d5b218fee', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '5d297acfcd26a3df02100bb15b8bda330dcaf7a4', 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: '3b942313cc8808ee9ac9a32fce77bc8646e6eec2', 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: '29190fde170e1521d192ff2393bc77a320f4ea42', 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: '6c3533aca559fcf2b05cfa7e0d7424a3dd45037f', 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-03-05T10:19:50",
+  "timestamp": "2026-03-10T13:25:13",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -23404,7 +23404,7 @@
           "setter": false
         },
         {
-          "name": "errorMessage",
+          "name": "errorText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -23412,16 +23412,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "error-message",
+          "attr": "error-text",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [
             {
               "name": "default",
-              "text": "'This is an error message'"
+              "text": "''"
             }
           ],
-          "default": "'This is an error message'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -23433,7 +23433,7 @@
           "setter": false
         },
         {
-          "name": "hint",
+          "name": "hintText",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -23441,10 +23441,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "hint",
+          "attr": "hint-text",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -23470,10 +23476,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'Description'"
+              "text": "''"
             }
           ],
-          "default": "'Description'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -23499,10 +23505,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'Enter your text...'"
+              "text": "''"
             }
           ],
-          "default": "'Enter your text...'",
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -23513,6 +23519,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "showHintText",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-hint-text",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "value",
           "type": "any",
@@ -23879,7 +23914,13 @@
           "attr": "category",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'colored_background'"
+            }
+          ],
+          "default": "'colored_background'",
           "values": [
             {
               "value": "colored_background",
@@ -23910,10 +23951,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "{\r\n    Recruitment: {\r\n      icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment\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/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', // Icon class or path for Recruitment\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/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  }",
           "values": [
             {
               "type": "any"
@@ -24255,7 +24296,13 @@
           "attr": "nav-item-style",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'standard'"
+            }
+          ],
+          "default": "'standard'",
           "values": [
             {
               "value": "compact",
@@ -24767,7 +24814,13 @@
           "attr": "type",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'simple'"
+            }
+          ],
+          "default": "'simple'",
           "values": [
             {
               "value": "complex",
@@ -31290,10 +31343,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "''"
+              "text": "'View changes'"
             }
           ],
-          "default": "''",
+          "default": "'View changes'",
           "values": [
             {
               "type": "string"
@@ -31377,10 +31430,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "''"
+              "text": "'Dismiss'"
             }
           ],
-          "default": "''",
+          "default": "'Dismiss'",
           "values": [
             {
               "type": "string"
@@ -34275,7 +34328,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  value?: (row: any) => any;\r\n  supportingText?: string | ((row: any) => string);\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  visible?: boolean;\r\n  cellComponent?: string;\r\n  searchable?: boolean;\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  splitCell?: {\r\n    left: (row: any) => string | number;\r\n    right: (row: any) => string | number;\r\n    separator?: string;\r\n    leftStyle?: (row: any) => { [key: string]: string };\r\n    rightStyle?: (row: any) => { [key: string]: string };\r\n  };\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}",
+      "declaration": "export interface TableColumn {\r\n  key: string;\r\n  label: string;\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  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  visible?: boolean;\r\n  cellComponent?: string;\r\n  searchable?: boolean;\r\n  cellProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any };\r\n  hasAvatar?: boolean;\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  splitCell?: {\r\n    left: (row: any) => string | number;\r\n    right: (row: any) => string | number;\r\n    separator?: string;\r\n    leftStyle?: (row: any) => { [key: string]: string };\r\n    rightStyle?: (row: any) => { [key: string]: string };\r\n  };\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"
     },