globuswebcomponents 1.1.7 → 1.1.8

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

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-ad960c29.js';
 import { S as StateEnum } from './p-47052b60.js';
-import { d as defineCustomElement$b } from './p-296fd628.js';
+import { d as defineCustomElement$b } from './p-871baf09.js';
 import { d as defineCustomElement$a } from './p-a61e1321.js';
 import { d as defineCustomElement$9 } from './p-b88d7077.js';
 import { d as defineCustomElement$8 } from './p-ee783303.js';
-import { d as defineCustomElement$7 } from './p-74988bb9.js';
-import { d as defineCustomElement$6 } from './p-47a971e2.js';
-import { d as defineCustomElement$5 } from './p-e678c096.js';
-import { d as defineCustomElement$4 } from './p-2807f7ae.js';
-import { d as defineCustomElement$3 } from './p-cbd28c9c.js';
-import { d as defineCustomElement$2 } from './p-34af0a7f.js';
+import { d as defineCustomElement$7 } from './p-4951b87c.js';
+import { d as defineCustomElement$6 } from './p-232503d0.js';
+import { d as defineCustomElement$5 } from './p-451d4840.js';
+import { d as defineCustomElement$4 } from './p-ef0190da.js';
+import { d as defineCustomElement$3 } from './p-064e26e3.js';
+import { d as defineCustomElement$2 } from './p-f1bcde96.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}";
 const TestInputTagStyle0 = testInputTagCss;
@@ -91,7 +91,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: 'bd69854e0eb240afc1d30d29ac8c4b94c41e0a2a', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: 'b5c9e3394e73e2e32a461372d7c017cbce6eee33', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'c4ae9d375e301e8c9fe3ab618aa631f075f2ccef', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'a3c56ec57d19b5c37ae96c6fce40cbcdbaeb6434', 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: '158d439003f1d8617e29dfbf898e280255395f99', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '526cf0a6d42baae97803c3595ca91e2908cd29c9', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: 'd06c612c9c4ea5c92ed579ce675abb6cfad0c492', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '327184766a73e53c805e822033483c6e76cd8b45', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '4b761b5b212c8bd9b0287698e3d425873c1cf22a', 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: '11ddf382746e8714921d0c813b1f9533a5fa4b8d', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -100,7 +100,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: '0173d07a2a3731fa01c1d8f6be673de20656c833', 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: 'b84dc6340a3e382fb7d9b8371396845460b06d88', 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>