globuswebcomponents 0.9.6 → 0.9.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-4aa73a61.js';
+import { d as defineCustomElement$b } from './p-24625c69.js';
 import { d as defineCustomElement$a } from './p-bd1c23b9.js';
 import { d as defineCustomElement$9 } from './p-0880c70c.js';
 import { d as defineCustomElement$8 } from './p-db744951.js';
-import { d as defineCustomElement$7 } from './p-6e7c1b3f.js';
-import { d as defineCustomElement$6 } from './p-5512321a.js';
-import { d as defineCustomElement$5 } from './p-e673b425.js';
-import { d as defineCustomElement$4 } from './p-2ee8e211.js';
-import { d as defineCustomElement$3 } from './p-b02e796f.js';
-import { d as defineCustomElement$2 } from './p-47f3f4e8.js';
+import { d as defineCustomElement$7 } from './p-855667d7.js';
+import { d as defineCustomElement$6 } from './p-0c6b277d.js';
+import { d as defineCustomElement$5 } from './p-29ca4063.js';
+import { d as defineCustomElement$4 } from './p-472f11a3.js';
+import { d as defineCustomElement$3 } from './p-1c1003b6.js';
+import { d as defineCustomElement$2 } from './p-c8f12e95.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: 'bde62a4e2059ed1df74e30d3b732efd051c9c9d8', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '4a76f76a9437aebb1c3057a1267c9e47788ac994', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '197705f10177f57705ceaf4ae86abd5fd2f00998', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '1a0637033e501909fe2473e0eeee23a089651ec6', 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: 'b5b3bb593f27d5983c87b1196c2d1ccd456f5b9a', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '5eb3fa68cefe92b4c431160c707528ab77378ac6', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '949760c6f0b8c5fe3aed139d0658e497f6cc3114', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '4829a00682ddedc7aba0b4ab3407d13a60075e09', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'f6c0d48fd6a3271e38976c9d0413f69aac287f67', 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: 'f12a02dbe63dd82f7e33e2d6f7a9dfa7a1fdff5f', 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: '20c9da7c07abcab7b527c5690772732106132da2', 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: 'd4d0475356e0759ef665da1c0fe1a178cfa2c7c7', 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>