globuswebcomponents 0.9.6 → 0.9.7

package/dist/globuscomponents/p-d0045a1d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i}from"./p-bf92be61.js";import{S as s}from"./p-47052b60.js";const a=".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 o=a;const r=class{constructor(i){e(this,i);this.exportValue=t(this,"exportValue",7);this.idOfInput=undefined;this.type=undefined;this.labelText=undefined;this.isReadOnly=false;this.placeholderText="Search for staff...";this.show=false;this.showSpinner=false;this.staffInfo=[];this.selectedStaff=[];this.paddingLeft="1rem";this.paddingTop="0rem";this.inputValue="";this.dropdownOpen=false}componentDidLoad(){this.inputElement.addEventListener("input",this.handleTagInput.bind(this))}disconnectedCallback(){this.inputElement.removeEventListener("input",this.handleTagInput.bind(this))}handleTagInput(e){const t=e.target;const i=t.value;this.inputValue=i;if(i.trim()===""){this.show=false;this.staffInfo=[];return}this.showSpinner=true;setTimeout((()=>{this.staffInfo=this.mockStaffSearch(i);this.show=this.staffInfo.length>0;this.showSpinner=false}),1e3)}mockStaffSearch(e){const t=[{fullname:"John Doe",email:"john.doe@example.com"},{fullname:"Jane Smith",email:"jane.smith@example.com"},{fullname:"Alice Johnson",email:"alice.johnson@example.com"},{fullname:"Emmanuel Kadiri",email:"kadiri2047@gmail.com"},{fullname:"Gideon Ogunkola",email:"gideon@example.com"}];return t.filter((t=>t.fullname.toLowerCase().includes(e.toLowerCase())))}selectStaff(e){this.selectedStaff=[...this.selectedStaff,e];this.inputValue="";this.staffInfo=[];this.show=false;this.updateStyles()}removeStaff(e){this.selectedStaff=[...this.selectedStaff.slice(0,e),...this.selectedStaff.slice(e+1)];this.updateStyles()}updateStyles(){setTimeout((()=>{if(this.resultsDisplayElement){const e=this.resultsDisplayElement.offsetWidth;this.paddingLeft=this.selectedStaff.length===0?"1rem":`${e+10}px`;this.paddingTop=this.selectedStaff.length>2?"1rem":"0rem"}}))}exportSelectedStaff(){this.exportValue.emit(this.selectedStaff)}render(){return i("div",{key:"bde62a4e2059ed1df74e30d3b732efd051c9c9d8",class:"input_group",ref:e=>this.inputGroupElement=e},i("label",{key:"4a76f76a9437aebb1c3057a1267c9e47788ac994",htmlFor:this.idOfInput},this.labelText),i("div",{key:"197705f10177f57705ceaf4ae86abd5fd2f00998",class:"input_like_parent",onClick:()=>this.dropdownOpen=!this.dropdownOpen},i("input",{key:"1a0637033e501909fe2473e0eeee23a089651ec6",id:this.idOfInput,class:"input_like",type:"text",placeholder:this.placeholderText,value:this.inputValue,readOnly:this.isReadOnly,ref:e=>this.inputElement=e,onBlur:()=>this.exportSelectedStaff()}),i("div",{key:"b5b3bb593f27d5983c87b1196c2d1ccd456f5b9a",class:`results_display ${this.selectedStaff.length>=1?"show_results":""}`,ref:e=>this.resultsDisplayElement=e},this.selectedStaff.map(((e,t)=>i("gb-tag",{size:"sm",action:"X_close",icon:"avatar",onClick:()=>this.removeStaff(t)},i("h1",{slot:"initials"},e.fullname.split(" ").map((e=>e.charAt(0).toUpperCase()))),i("p",null,e.fullname.split(" ")[0])))))),this.show&&i("div",{key:"20c9da7c07abcab7b527c5690772732106132da2",class:`dropdown_menu ${this.show?"show":""}`},this.staffInfo.map((e=>i("gb-input-dropdown-menu-item",{type:"checkbox","supporting-text":true,state:s.Default,onClick:()=>this.selectStaff(e)},i("p",{slot:"name"},e.fullname),i("p",{slot:"supporting_text"},e.email))))))}};r.style=o;export{r as test_input_tag};
-//# sourceMappingURL=p-d0045a1d.entry.js.map

package/dist/globuscomponents/p-eded0645.entry.js

@@ -1,2 +0,0 @@
-import{r as d,h as e}from"./p-bf92be61.js";const s="";const t=s;const i=class{constructor(e){d(this,e);this.size=undefined;this.type=undefined;this.color="gray_light_bg";this.framed=false}render(){return e("div",{key:"07ec77d53f8dd3cf495f5ba9ae75434677fd9400",class:"dot_group_div"},e("div",{key:"53c550aa31df4fdedb450bb725e75ced8ed07dca"}))}};i.style=t;export{i as gb_pagination_dot_group};
-//# sourceMappingURL=p-eded0645.entry.js.map