globuswebcomponents 1.5.5 → 1.5.6

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

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-DnumIn4X.js';
 import { S as StateEnum } from './p-cHn6O-Kf.js';
-import { d as defineCustomElement$b } from './p-uHfofnIh.js';
+import { d as defineCustomElement$b } from './p-Du043LkL.js';
 import { d as defineCustomElement$a } from './p-DoY3N2OM.js';
 import { d as defineCustomElement$9 } from './p-viHaUeDp.js';
 import { d as defineCustomElement$8 } from './p-CpTDw0B9.js';
-import { d as defineCustomElement$7 } from './p-Zor2GPzM.js';
-import { d as defineCustomElement$6 } from './p-DS3HwXsB.js';
-import { d as defineCustomElement$5 } from './p-DGwDwbkw.js';
-import { d as defineCustomElement$4 } from './p-D0n-C2y3.js';
-import { d as defineCustomElement$3 } from './p-vz4k4WlX.js';
-import { d as defineCustomElement$2 } from './p-CpLnupTc.js';
+import { d as defineCustomElement$7 } from './p-CLu6xZLO.js';
+import { d as defineCustomElement$6 } from './p-DVFgHOwS.js';
+import { d as defineCustomElement$5 } from './p-YORWSgxI.js';
+import { d as defineCustomElement$4 } from './p-NV4SnU76.js';
+import { d as defineCustomElement$3 } from './p-BgQof4Oi.js';
+import { d as defineCustomElement$2 } from './p-LJ1yJMrR.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}";
 
@@ -87,7 +87,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: '388bc49b5e788dc2db2556dfac1471cad676e911', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '0c9e6d605f33c1ebda744557d42b84960403db90', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '25af929d8648f5c27277ed69db23ed8bea7c3518', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'fe1f048aa172339ce9f19c57ae7def15d62189af', 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: '7349b1673028759357fc08d0867b9182395b2a92', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '70e1c616bc564565e57e76a675aedfd09ed9260c', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '5d19ca1ea0d462e6ba7cb910017c1431dc93433e', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'b236721e68f69bb586920c30da4d3af06db26126', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '96d0eb9b897c969aa4d66c5643591466fa9956ed', 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: '4359caea4faf1562cf67214ca8faff709bf1a132', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -96,7 +96,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: '73ffd238f00ac8695fdf220f3c4d959a54bc7dac', 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: '21e0fc1451d31f1e1b76263cf877f2c7e5166dee', 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": "2025-03-27T15:45:54",
+  "timestamp": "2025-03-27T16:17:43",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -3682,6 +3682,7 @@
       "dependents": [
         "gb-action-panel",
         "gb-checkbox-group-item",
+        "gb-comment",
         "gb-detail-cell",
         "gb-file-upload",
         "gb-file-upload-item-base",
@@ -3699,6 +3700,9 @@
         "gb-checkbox-group-item": [
           "gb-button"
         ],
+        "gb-comment": [
+          "gb-button"
+        ],
         "gb-detail-cell": [
           "gb-button"
         ],
@@ -5232,6 +5236,156 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/gb-comment/gb-comment.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-comment",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "comments",
+          "type": "any[]",
+          "complexType": {
+            "original": "any[]",
+            "resolved": "any[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "[\r\n    // {\r\n    //   name: 'Prince Ogheneriere',\r\n    //   role: 'Authorizer',\r\n    //   comment: 'This is error and fraud free. I concur',\r\n    //   timestamp: '07-Oct-2024 6:00PM' ,\r\n    // },\r\n    // {\r\n    //   name: 'Prince Ogheneriere',\r\n    //   role: 'Authorizer',\r\n    //   comment: 'This is error and fraud free. I concur',\r\n    //   timestamp: '07-Oct-2024 6:00PM',\r\n    // },\r\n    // {\r\n    //   name: 'Prince Ogheneriere',\r\n    //   role: 'Authorizer',\r\n    //   comment: 'I concur to the transactions in this call-over',\r\n    //   timestamp: '07-Oct-2024 6:00PM',\r\n    // },\r\n    // {\r\n    //   name: 'Gideon',\r\n    //   role: 'Designer',\r\n    //   comment: 'I concur to the transactions in this call-over',\r\n    //   timestamp: '07-Nov-2024 6:00PM',\r\n    // },\r\n  ]",
+          "values": [
+            {
+              "type": "any[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "heading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "noCommentText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-comment-text",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'No comment yet'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "noCommentTextSub",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-comment-text-sub",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'No reviewer has left a comment yet, you will be notified when a comment drops'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "state",
+          "type": "\"collapsed\" | \"expanded\"",
+          "complexType": {
+            "original": "'expanded' | 'collapsed'",
+            "resolved": "\"collapsed\" | \"expanded\"",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "state",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "collapsed",
+              "type": "string"
+            },
+            {
+              "value": "expanded",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "gb-button",
+        "gb-comment-item"
+      ],
+      "dependencyGraph": {
+        "gb-comment": [
+          "gb-button",
+          "gb-comment-item"
+        ]
+      }
+    },
     {
       "filePath": "src/components/gb-comment-item/gb-comment-item.tsx",
       "encapsulation": "shadow",
@@ -5368,9 +5522,15 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-comment"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "gb-comment": [
+          "gb-comment-item"
+        ]
+      }
     },
     {
       "filePath": "src/components/gb-complex-primary-side-bar-item/gb-complex-primary-side-bar-item.tsx",