globuswebcomponents 2.8.0 → 2.8.2

package/dist/globuscomponents/{p-6d558e90.entry.js → p-b68c5922.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,F as o}from"./p-Dv9bjxT6.js";const c=".icons_centered_div{display:inline-flex;padding:0rem 9rem;flex-direction:column}.step_div{display:flex}.connector_div{min-width:-50px;width:100%;background:transparent;padding:13px}.icon_top_connector{background-color:blue;margin-left:-6rem;margin-right:-6rem;height:0.13rem;border-radius:5px}.icon_top_connector.default.incomplete,.icon_top_connector.default.current{background-color:var(--color-border-subtler, #e3e8ef);}.icon_top_connector.default.complete{background-color:var(--color-border-selected, #075db2)}.icon_top_connector.incomplete.destructive,.icon_top_connector.current.destructive,.icon_top_connector.complete.destructive{background-color:var(--color-border-danger, #b51726)}";const s=class{constructor(t){e(this,t);this.steps=[]}render(){return t(o,null,this.type==="icon"&&t("div",{key:"8864b845a383cfd963357ed6dfba8628f6901058",class:"icons_centered_div"},this.breakpoint==="desktop"&&t("div",{key:"38d9b880e5eecac7731f127c9909f8849273965d",class:"step_div"},this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"icon_top",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText,breakpoint:"desktop"}),c!==this.steps.length-1?t("div",{class:"connector_div"},t("div",{class:`icon_top_connector ${e.state} `})):null)))),this.breakpoint==="mobile"&&t(o,null,this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"icon_left",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText})))))),this.type==="featured_icon"&&t("div",{key:"e25229f672328ce44401d3c1e71106cf1ace7dd5",class:"icons_centered_div"},this.breakpoint==="desktop"&&t("div",{key:"bdead12fb8705ab5fb9929fa6364c7546541a5f4",class:"step_div"},this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"icon_top",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText,breakpoint:"desktop"}),c!==this.steps.length-1?t("div",{class:"connector_div"},t("div",{class:`icon_top_connector ${e.state} `})):null)))),this.breakpoint==="mobile"&&t(o,null,this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"featured_icon_left",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText})))))))}};s.style=c;export{s as gb_stepper_horizontal_icons_centered};
-//# sourceMappingURL=p-6d558e90.entry.js.map
+import{r as e,h as t,F as o}from"./p-Dv9bjxT6.js";const c=".icons_centered_div{display:inline-flex;padding:0rem 9rem;flex-direction:column}.step_div{display:flex}.connector_div{min-width:-50px;width:100%;background:transparent;padding:13px}.icon_top_connector{background-color:blue;margin-left:-6rem;margin-right:-6rem;height:0.13rem;border-radius:5px}.icon_top_connector.default.incomplete,.icon_top_connector.default.current{background-color:var(--color-border-subtler, #e3e8ef);}.icon_top_connector.default.complete{background-color:var(--color-border-selected, #075db2)}.icon_top_connector.incomplete.destructive,.icon_top_connector.current.destructive,.icon_top_connector.complete.destructive{background-color:var(--color-border-danger, #b51726)}";const s=class{constructor(t){e(this,t);this.steps=[]}render(){return t(o,null,this.type==="icon"&&t("div",{key:"81cdaee37426192cd11a1d9a90d07a1b18e8225f",class:"icons_centered_div"},this.breakpoint==="desktop"&&t("div",{key:"c51aa6c715ff677f0e7d1f09c6e6490b298eaad5",class:"step_div"},this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"icon_top",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText,breakpoint:"desktop"}),c!==this.steps.length-1?t("div",{class:"connector_div"},t("div",{class:`icon_top_connector ${e.state} `})):null)))),this.breakpoint==="mobile"&&t(o,null,this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"icon_left",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText})))))),this.type==="featured_icon"&&t("div",{key:"917cac284e6a3af3e69c4c9fda25b0381660c9f4",class:"icons_centered_div"},this.breakpoint==="desktop"&&t("div",{key:"64ebce16761bc8a7b14b6804eff07ebf28320355",class:"step_div"},this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"icon_top",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText,breakpoint:"desktop"}),c!==this.steps.length-1?t("div",{class:"connector_div"},t("div",{class:`icon_top_connector ${e.state} `})):null)))),this.breakpoint==="mobile"&&t(o,null,this.steps.map(((e,c)=>t(o,null,t("gb-step-base",{size:this.size,type:"featured_icon_left",state:e.state,status:e.status,connector:c===this.steps.length-1?false:true,label:e.label,"supporting-text":e.supportingText})))))))}};s.style=c;export{s as gb_stepper_horizontal_icons_centered};
+//# sourceMappingURL=p-b68c5922.entry.js.map

package/dist/globuscomponents/{p-08b864ad.entry.js → p-b6acb1cb.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,d as t,h as i,a as r}from"./p-Dv9bjxT6.js";const o=".nav_bar_wrapper{display:flex;width:17.5rem;height:100%;padding:var(--spacing-6) var(--spacing-7);flex-direction:column;justify-content:space-between;align-items:flex-start;border-right:1px solid var(--color-border-subtler, #e3e8ef);background:var(--color-surface, #ffffff);box-sizing:border-box}.vertical_tabs{width:100%}.wrapper{display:flex;padding:var(--spacing-4) var(--spacing-5) var(--spacing-5) var(--spacing-5);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-4);align-self:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #e3e8ef);background:var(--color-background-gray-subtlest, #f6f8fa);position:relative;height:auto;overflow:hidden}.wrapper_pattern{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}::slotted([slot='application_name']){color:var(--color-text-information-bold, #042f59) !important}.application_icon path[stroke]{stroke:var(--color-icon-information-bold, #042F59)}.application_icon path[fill]{fill:var(--color-icon-information-bold, #042F59)}";const s=class{constructor(t){e(this,t);this.navBarItemClicked=a(this,"navBarItemClicked");this.applicationName="";this.applicationIcon="";this.activeIndex=0;this.tabs=[];this.leadingIconSvg=""}async loadIcon(e){const a=t(`${e}`);const i=await fetch(a);const r=await i.text();this.leadingIconSvg=r}onTabItemClicked(e){this.navBarItemClicked.emit(e.detail)}componentWillLoad(){this.loadIcon(this.applicationIcon)}componentDidLoad(){const e=this.el.querySelector('[slot="application_name"]');if(e){e.classList.add("text-lg-bold")}}render(){const e=t(`assets/pattern_wrapper.svg`);return i("div",{key:"b5d8e6c7ed7998c2136109dabef39084767e3c1b",class:"nav_bar_wrapper"},i("gb-vertical-tabs",{key:"ed26d7f66bb02c1a62e45f661420cd78f0c16eee",class:"vertical_tabs",size:"sm",tabs:this.tabs,type:"button_primary","active-index":this.activeIndex,onTabItemClicked:this.onTabItemClicked.bind(this)}),i("div",{key:"dd36723ecb570285858e8a69b7d96c1c5ecb9fde",class:"wrapper"},i("div",{key:"34946bb0ef7bcfc6752d17f27295526aadafc5b5",class:"wrapper_pattern"},i("img",{key:"e9d16429db18b924d902be55f3c99b85ff8ee6eb",src:e,alt:""})),i("div",{key:"7d47a7bc84a86e14dd124e25629e8cc714e8d3c6",class:`application_icon`,innerHTML:this.leadingIconSvg}),i("slot",{key:"a11e70e240a6368471dd0e8d8ca2c1632271cd7d",name:"application_name"})))}get el(){return r(this)}};s.style=o;export{s as gb_nav_bar_sidemenu};
-//# sourceMappingURL=p-08b864ad.entry.js.map
+import{r as a,c as e,d as t,h as i,a as r}from"./p-Dv9bjxT6.js";const o=".nav_bar_wrapper{display:flex;width:17.5rem;height:100%;padding:var(--spacing-6) var(--spacing-7);flex-direction:column;justify-content:space-between;align-items:flex-start;border-right:1px solid var(--color-border-subtler, #e3e8ef);background:var(--color-surface, #ffffff);box-sizing:border-box}.vertical_tabs{width:100%}.wrapper{display:flex;padding:var(--spacing-4) var(--spacing-5) var(--spacing-5) var(--spacing-5);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-4);align-self:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #e3e8ef);background:var(--color-background-gray-subtlest, #f6f8fa);position:relative;height:auto;overflow:hidden}.wrapper_pattern{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}::slotted([slot='application_name']){color:var(--color-text-information-bold, #042f59) !important}.application_icon path[stroke]{stroke:var(--color-icon-information-bold, #042F59)}.application_icon path[fill]{fill:var(--color-icon-information-bold, #042F59)}";const s=class{constructor(t){a(this,t);this.navBarItemClicked=e(this,"navBarItemClicked");this.applicationName="";this.applicationIcon="";this.activeIndex=0;this.tabs=[];this.leadingIconSvg=""}async loadIcon(a){const e=t(`${a}`);const i=await fetch(e);const r=await i.text();this.leadingIconSvg=r}onTabItemClicked(a){this.navBarItemClicked.emit(a.detail)}componentWillLoad(){this.loadIcon(this.applicationIcon)}componentDidLoad(){const a=this.el.querySelector('[slot="application_name"]');if(a){a.classList.add("text-lg-bold")}}render(){const a=t(`assets/pattern_wrapper.svg`);return i("div",{key:"ca355ddb4640e19e662603805fda612bf62223c1",class:"nav_bar_wrapper"},i("gb-vertical-tabs",{key:"cc8353b8e67511a52286673c803c4aaf59a3b4df",class:"vertical_tabs",size:"sm",tabs:this.tabs,type:"button_primary","active-index":this.activeIndex,onTabItemClicked:this.onTabItemClicked.bind(this)}),i("div",{key:"f2b94e5ed9e9ffbd2b0a6c33c128d0efd4feddb6",class:"wrapper"},i("div",{key:"029ec155c7b7e68494f7e239e051d2610437876e",class:"wrapper_pattern"},i("img",{key:"a999f94845bbcb3df8d6088fb58f22edf9534dd1",src:a,alt:""})),i("div",{key:"234df70b69db045fe2d857f531aec06c2d56aea7",class:`application_icon`,innerHTML:this.leadingIconSvg}),i("slot",{key:"bf997aed910755110d17b64ef38d4051fa9e99d9",name:"application_name"})))}get el(){return r(this)}};s.style=o;export{s as gb_nav_bar_sidemenu};
+//# sourceMappingURL=p-b6acb1cb.entry.js.map

package/dist/globuscomponents/{p-bb449f8c.entry.js → p-b91dac9e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,d as i,h as s,a as o}from"./p-Dv9bjxT6.js";const a=".top_bar_div{display:flex;width:100%;height:5rem;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;position:relative}.top_bar_div.border.plain_background{border-bottom:1px solid var(--color-border-subtler, #e3e8ef)}.top_bar_div.border.colored_background{border-bottom:1px solid var(--color-border-subtler, #e3e8ef)}.top_bar_div.colored_background{background:linear-gradient(63deg, #075db2 16.72%, #053e77 68.99%, #042f59 83.39%)}.top_bar_div.plain_background{background:var(--color-surface)}.top_bar_content{display:flex;padding:0rem 2rem;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.content{display:flex;align-items:center;gap:1rem;flex:1 0 0;overflow:hidden}.content.shown{overflow:visible}.pattern{position:absolute;top:0;width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply}.more{position:relative}.dropdown_menu{position:absolute;top:112%;right:0;display:flex;width:fit-content;min-width:10rem;padding-right:var(--spacing-2);flex-direction:column;align-items:flex-start;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;gap:var(--spacing-none);transition:1s ease-in-out;z-index:9}";const r=class{constructor(i){e(this,i);this.navBarItemClicked=t(this,"navBarItemClicked");this.items=[];this.showBorder=true;this.activeIndex=0;this.internalItems=[...this.items];this.visibleItems=[];this.overflowItems=[];this.measured=false;this.dropdownOpen=false;this.dropdownItemClicked=false;this.handleResize=()=>{setTimeout((()=>{this.calculateOverflow()}),0)}}onTabItemClicked(e,t){this.dropdownItemClicked=false;this.activeIndex=e;this.navBarItemClicked.emit(e);if(t){this.dropdownItemClicked=true;this.dropdownOpen=false}}onItemsChanged(e,t){this.internalItems=[...e];setTimeout((()=>{this.calculateOverflow();this.measured=true}),0);window.addEventListener("resize",this.handleResize)}componentWillLoad(){this.internalItems=this.items}connectedCallback(){window.addEventListener("resize",this.handleResize)}componentWillRender(){setTimeout((()=>{this.calculateOverflow();this.measured=true}),0)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}calculateOverflow(){const e=this.el.shadowRoot.querySelector('[style*="visibility: hidden"]');if(!e)return;let t=this.containerEl.offsetWidth;let i=0;const s=[];const o=[];const a=Array.from(e.querySelectorAll("gb-nav-bar-item"));a.forEach(((e,a)=>{const r=e.offsetWidth+16;if(i+r<t-120){i+=r;s.push(this.internalItems[a])}else{o.push(this.internalItems[a])}}));this.visibleItems=s;this.overflowItems=o}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}render(){const e=i(`assets/top_bar_pattern.svg`);return s("div",{key:"b4adaad10493abcb2834a6a70b8e6d33630811ab",class:`top_bar_div ${this.category} ${this.showBorder?"border":""}`},this.category==="colored_background"&&s("div",{key:"6b92664bd90c4e42a8f80ab14a0f26b511bf05f5",class:"pattern"},s("img",{key:"65bad0c8ee07830fe6b1ed17bfc0ddc0da68798e",src:e,alt:""})),s("div",{key:"7d405bf71b6d11126dd67339525f585eb215e846",class:"top_bar_content"},s("div",{key:"824dd8c3a0b126dc68e968c1650a41c9744d89df",style:{visibility:"hidden",position:"absolute",height:"0",overflow:"hidden",pointerEvents:"none"}},this.internalItems.map((e=>s("gb-nav-bar-item",{state:this.activeIndex===e.index?"active":"default","icon-only":e.iconOnly,category:this.category,icon:e.icon,label:e.label})))),s("div",{key:"0c15d64d5ba4629ada8734d70454d8ccd5950424",class:`content ${this.dropdownOpen?"shown":""}`,ref:e=>this.containerEl=e},(this.measured?this.visibleItems:this.internalItems).map((e=>s("gb-nav-bar-item",{state:this.activeIndex===e.index?"active":"default","icon-only":e.iconOnly,category:this.category,icon:e.icon,label:e.label,onClick:()=>this.onTabItemClicked(e.index)}))),this.measured&&this.overflowItems.length>0&&s("div",{key:"07c2453620963ffe4a6875856c7add59911146f8",class:"more"},s("gb-nav-bar-item",{key:"20b9ce04d3e42e589fce9ac70794a48701bf2ecf",state:this.dropdownItemClicked?"active":"default","icon-only":false,category:this.category,icon:"assets/more.svg",label:"More",class:"more_button",onClick:()=>this.toggleDropdown()}),this.dropdownOpen&&s("div",{key:"85edb5d42ffea3b28a06054f48cdabce9cbb1530",class:"dropdown_menu"},this.overflowItems.map((e=>s("gb-dropdown-items-with-shortcut",{icon:true,state:"default",iconSrc:e.icon,label:e.label,onClick:()=>this.onTabItemClicked(e.index,true)}))))))))}get el(){return o(this)}static get watchers(){return{items:["onItemsChanged"]}}};r.style=a;export{r as gb_nav_bar};
-//# sourceMappingURL=p-bb449f8c.entry.js.map
+import{r as t,c as e,d as i,h as s,a as o}from"./p-Dv9bjxT6.js";const a=".top_bar_div{display:flex;width:100%;height:5rem;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;position:relative}.top_bar_div.border.plain_background{border-bottom:1px solid var(--color-border-subtler, #e3e8ef)}.top_bar_div.border.colored_background{border-bottom:1px solid var(--color-border-subtler, #e3e8ef)}.top_bar_div.colored_background{background:linear-gradient(63deg, #075db2 16.72%, #053e77 68.99%, #042f59 83.39%)}.top_bar_div.plain_background{background:var(--color-surface)}.top_bar_content{display:flex;padding:0rem 2rem;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.content{display:flex;align-items:center;gap:1rem;flex:1 0 0;overflow:hidden}.content.shown{overflow:visible}.pattern{position:absolute;top:0;width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply}.more{position:relative}.dropdown_menu{position:absolute;top:112%;right:0;display:flex;width:fit-content;min-width:10rem;padding-right:var(--spacing-2);flex-direction:column;align-items:flex-start;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;gap:var(--spacing-none);transition:1s ease-in-out;z-index:9}";const r=class{constructor(i){t(this,i);this.navBarItemClicked=e(this,"navBarItemClicked");this.items=[];this.showBorder=true;this.activeIndex=0;this.internalItems=[...this.items];this.visibleItems=[];this.overflowItems=[];this.measured=false;this.dropdownOpen=false;this.dropdownItemClicked=false;this.handleResize=()=>{setTimeout((()=>{this.calculateOverflow()}),0)}}onTabItemClicked(t,e){this.dropdownItemClicked=false;this.activeIndex=t;this.navBarItemClicked.emit(t);if(e){this.dropdownItemClicked=true;this.dropdownOpen=false}}onItemsChanged(t,e){this.internalItems=[...t];setTimeout((()=>{this.calculateOverflow();this.measured=true}),0);window.addEventListener("resize",this.handleResize)}componentWillLoad(){this.internalItems=this.items}connectedCallback(){window.addEventListener("resize",this.handleResize)}componentWillRender(){setTimeout((()=>{this.calculateOverflow();this.measured=true}),0)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}calculateOverflow(){const t=this.el.shadowRoot.querySelector('[style*="visibility: hidden"]');if(!t)return;let e=this.containerEl.offsetWidth;let i=0;const s=[];const o=[];const a=Array.from(t.querySelectorAll("gb-nav-bar-item"));a.forEach(((t,a)=>{const r=t.offsetWidth+16;if(i+r<e-120){i+=r;s.push(this.internalItems[a])}else{o.push(this.internalItems[a])}}));this.visibleItems=s;this.overflowItems=o}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}render(){const t=i(`assets/top_bar_pattern.svg`);return s("div",{key:"5a5221912566c6fadc8a8affff0f14df0150d2e8",class:`top_bar_div ${this.category} ${this.showBorder?"border":""}`},this.category==="colored_background"&&s("div",{key:"a39cac2b4ce319523ff215890956bf7df6975c4a",class:"pattern"},s("img",{key:"3085803b59081c6d1bbddf8dfe74651df0ecd920",src:t,alt:""})),s("div",{key:"d8f8df81bdfa913aa8fccb0fa3a7c885c5633823",class:"top_bar_content"},s("div",{key:"283b0a9a9e8a1979b4d7a39341fd27532bcb7766",style:{visibility:"hidden",position:"absolute",height:"0",overflow:"hidden",pointerEvents:"none"}},this.internalItems.map((t=>s("gb-nav-bar-item",{state:this.activeIndex===t.index?"active":"default","icon-only":t.iconOnly,category:this.category,icon:t.icon,label:t.label})))),s("div",{key:"a90570dbe66bd2939cb02c42323969121adfd1e8",class:`content ${this.dropdownOpen?"shown":""}`,ref:t=>this.containerEl=t},(this.measured?this.visibleItems:this.internalItems).map((t=>s("gb-nav-bar-item",{state:this.activeIndex===t.index?"active":"default","icon-only":t.iconOnly,category:this.category,icon:t.icon,label:t.label,onClick:()=>this.onTabItemClicked(t.index)}))),this.measured&&this.overflowItems.length>0&&s("div",{key:"fdce7103a4c51bc7628dedd67b642f0ff97666cb",class:"more"},s("gb-nav-bar-item",{key:"577431dd96ee1531e0910e080335284145f21c4b",state:this.dropdownItemClicked?"active":"default","icon-only":false,category:this.category,icon:"assets/more.svg",label:"More",class:"more_button",onClick:()=>this.toggleDropdown()}),this.dropdownOpen&&s("div",{key:"b88fe123766881673aa54a40e937a1f479a6ec4d",class:"dropdown_menu"},this.overflowItems.map((t=>s("gb-dropdown-items-with-shortcut",{icon:true,state:"default",iconSrc:t.icon,label:t.label,onClick:()=>this.onTabItemClicked(t.index,true)}))))))))}get el(){return o(this)}static get watchers(){return{items:["onItemsChanged"]}}};r.style=a;export{r as gb_nav_bar};
+//# sourceMappingURL=p-b91dac9e.entry.js.map

package/dist/globuscomponents/{p-4a1b0fff.entry.js → p-baa375e0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i}from"./p-Dv9bjxT6.js";import{S as e}from"./p-cHn6O-Kf.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=class{constructor(i){t(this,i);this.exportValue=s(this,"exportValue");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(t){const s=t.target;const i=s.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(t){const s=[{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 s.filter((s=>s.fullname.toLowerCase().includes(t.toLowerCase())))}selectStaff(t){this.selectedStaff=[...this.selectedStaff,t];this.inputValue="";this.staffInfo=[];this.show=false;this.updateStyles()}removeStaff(t){this.selectedStaff=[...this.selectedStaff.slice(0,t),...this.selectedStaff.slice(t+1)];this.updateStyles()}updateStyles(){setTimeout((()=>{if(this.resultsDisplayElement){const t=this.resultsDisplayElement.offsetWidth;this.paddingLeft=this.selectedStaff.length===0?"1rem":`${t+10}px`;this.paddingTop=this.selectedStaff.length>2?"1rem":"0rem"}}))}exportSelectedStaff(){this.exportValue.emit(this.selectedStaff)}render(){return i("div",{key:"313ec80406652c47781f8cab483a66f349aba741",class:"input_group",ref:t=>this.inputGroupElement=t},i("label",{key:"4ea5295effc43bea1a15fa609abad09f4d1cd859",htmlFor:this.idOfInput},this.labelText),i("div",{key:"fe7c03215780734071b117d39ad97db99988e0cc",class:"input_like_parent",onClick:()=>this.dropdownOpen=!this.dropdownOpen},i("input",{key:"37c6ad68fd85c91ed7de4e286af954b5c9983337",id:this.idOfInput,class:"input_like",type:"text",placeholder:this.placeholderText,value:this.inputValue,readOnly:this.isReadOnly,ref:t=>this.inputElement=t,onBlur:()=>this.exportSelectedStaff()}),i("div",{key:"48e78abffaac187bb904b66cc8ee6c658fe30165",class:`results_display ${this.selectedStaff.length>=1?"show_results":""}`,ref:t=>this.resultsDisplayElement=t},this.selectedStaff.map(((t,s)=>i("gb-tag",{size:"sm",action:"X_close",icon:"avatar",onClick:()=>this.removeStaff(s)},i("h1",{slot:"initials"},t.fullname.split(" ").map((t=>t.charAt(0).toUpperCase()))),i("p",null,t.fullname.split(" ")[0])))))),this.show&&i("div",{key:"1087f6009b26c51b6f695089978c6f85ad0045cd",class:`dropdown_menu ${this.show?"show":""}`},this.staffInfo.map((t=>i("gb-input-dropdown-menu-item",{type:"checkbox","supporting-text":true,state:e.Default,onClick:()=>this.selectStaff(t)},i("p",{slot:"name"},t.fullname),i("p",{slot:"supporting_text"},t.email))))))}};o.style=a;export{o as test_input_tag};
-//# sourceMappingURL=p-4a1b0fff.entry.js.map
+import{r as t,c as e,h as s}from"./p-Dv9bjxT6.js";import{S as i}from"./p-cHn6O-Kf.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=class{constructor(s){t(this,s);this.exportValue=e(this,"exportValue");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(t){const e=t.target;const s=e.value;this.inputValue=s;if(s.trim()===""){this.show=false;this.staffInfo=[];return}this.showSpinner=true;setTimeout((()=>{this.staffInfo=this.mockStaffSearch(s);this.show=this.staffInfo.length>0;this.showSpinner=false}),1e3)}mockStaffSearch(t){const e=[{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 e.filter((e=>e.fullname.toLowerCase().includes(t.toLowerCase())))}selectStaff(t){this.selectedStaff=[...this.selectedStaff,t];this.inputValue="";this.staffInfo=[];this.show=false;this.updateStyles()}removeStaff(t){this.selectedStaff=[...this.selectedStaff.slice(0,t),...this.selectedStaff.slice(t+1)];this.updateStyles()}updateStyles(){setTimeout((()=>{if(this.resultsDisplayElement){const t=this.resultsDisplayElement.offsetWidth;this.paddingLeft=this.selectedStaff.length===0?"1rem":`${t+10}px`;this.paddingTop=this.selectedStaff.length>2?"1rem":"0rem"}}))}exportSelectedStaff(){this.exportValue.emit(this.selectedStaff)}render(){return s("div",{key:"57d996f03ffeec314d50fa4aadb6df3adb1784bd",class:"input_group",ref:t=>this.inputGroupElement=t},s("label",{key:"3ade286a0e95b805bd45439efe33a3eb5e1be9ec",htmlFor:this.idOfInput},this.labelText),s("div",{key:"482cc3e64f41f9c60a19747816b4c199c6b5ea4a",class:"input_like_parent",onClick:()=>this.dropdownOpen=!this.dropdownOpen},s("input",{key:"f2dcf541cc15660107680af0aafcdbbc3707e9d2",id:this.idOfInput,class:"input_like",type:"text",placeholder:this.placeholderText,value:this.inputValue,readOnly:this.isReadOnly,ref:t=>this.inputElement=t,onBlur:()=>this.exportSelectedStaff()}),s("div",{key:"bacb1e00a9bd4867c045ef536125f92054b7753b",class:`results_display ${this.selectedStaff.length>=1?"show_results":""}`,ref:t=>this.resultsDisplayElement=t},this.selectedStaff.map(((t,e)=>s("gb-tag",{size:"sm",action:"X_close",icon:"avatar",onClick:()=>this.removeStaff(e)},s("h1",{slot:"initials"},t.fullname.split(" ").map((t=>t.charAt(0).toUpperCase()))),s("p",null,t.fullname.split(" ")[0])))))),this.show&&s("div",{key:"3527253734656fbdc0d616bb5896df285a1f4dfa",class:`dropdown_menu ${this.show?"show":""}`},this.staffInfo.map((t=>s("gb-input-dropdown-menu-item",{type:"checkbox","supporting-text":true,state:i.Default,onClick:()=>this.selectStaff(t)},s("p",{slot:"name"},t.fullname),s("p",{slot:"supporting_text"},t.email))))))}};o.style=a;export{o as test_input_tag};
+//# sourceMappingURL=p-baa375e0.entry.js.map