globuswebcomponents 0.9.3 → 0.9.4

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

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-e1b8bc90.js';
 import { S as StateEnum } from './p-4f31ae97.js';
-import { d as defineCustomElement$b } from './p-0e3190c5.js';
+import { d as defineCustomElement$b } from './p-0e4d1693.js';
 import { d as defineCustomElement$a } from './p-6a00453d.js';
 import { d as defineCustomElement$9 } from './p-172c2487.js';
 import { d as defineCustomElement$8 } from './p-9b0f7f28.js';
-import { d as defineCustomElement$7 } from './p-31155611.js';
-import { d as defineCustomElement$6 } from './p-318a73ff.js';
-import { d as defineCustomElement$5 } from './p-5c77ee21.js';
-import { d as defineCustomElement$4 } from './p-73c903c0.js';
-import { d as defineCustomElement$3 } from './p-18800371.js';
-import { d as defineCustomElement$2 } from './p-ef5f92ef.js';
+import { d as defineCustomElement$7 } from './p-5d26997a.js';
+import { d as defineCustomElement$6 } from './p-641dba3f.js';
+import { d as defineCustomElement$5 } from './p-697e1460.js';
+import { d as defineCustomElement$4 } from './p-360d915d.js';
+import { d as defineCustomElement$3 } from './p-0e0fe104.js';
+import { d as defineCustomElement$2 } from './p-9c0f11ef.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: 'f38c4206960ee90f2ae7df587ba1bf0dbc5f9e67', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '75ad43707e5d2f9100b238a4d55aac0d817b0cf7', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '62343bb7416cb866668a3e4ba218b17e3239639b', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '3a8435b75a60b6bd97d30d5d45c805dcb55b9362', 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: '3137dcb62dd6cfe03347e16ec6a489289eb72913', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '71b8785f98f36cfda249605590c65125ba86db80', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '91d26c0562ac63d4393b28818e530588ff1fbd9c', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '9ed7e6d2bd93d2c1c63fdd7002c25092bfa0a7b8', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'f8bd8dbcdce4ec5bacbb733b4e1d075899ab7e92', 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: '3dfe8777d19d16fd9314301bcb07ed85ae92c38f', 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: 'd5098796a74b4ce41f740f8e7fb39dfe9f48fc32', 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: 'cd71f59d7dd43ba7e685e160dfed59e2874a0783', 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>