globuswebcomponents 1.4.8 → 1.5.0

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as a,h as i,a as s}from"./p-CrnEe5W0.js";const r='.top_bar_sidemenu_div{display:flex;width:17.5rem;height:100vh;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)}.vertical_tabs_div{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%;mix-blend-mode:multiply}.wrapper_pattern img{width:100%;height:100%}::slotted([slot="application_name"]){color:var(--color-text-information-bold, #042F59)}';const c=class{constructor(a){e(this,a);this.tabItemClicked=t(this,"tabItemClicked");this.applicationName="";this.applicationIcon="";this.activeIndex=0;this.firstTabName="";this.secondTabName="";this.thirdTabName="";this.fourthTabName="";this.fifthTabName="";this.leadingIconSvg=""}async loadIcon(e){const t=a(`${e}`);const i=await fetch(t);const s=await i.text();this.leadingIconSvg=s}onTabItemClicked(e){console.log(e.detail);this.tabItemClicked.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=a(`assets/pattern_wrapper.svg`);return i("div",{key:"8ec54f80dac03e070f48106423b850616defcfdd",class:"top_bar_sidemenu_div"},i("div",{key:"b6a34b591000a8b8f3235dee8c7352e32b148fe5",class:"vertical_tabs_div"},i("gb-vertical-tabs",{key:"692933d11cfbba1a209c4363b77b6b1371e30735",size:"md","first-tab-name":this.firstTabName,"second-tab-name":this.secondTabName,"third-tab-name":this.thirdTabName,"fourth-tab-name":this.fourthTabName,"fifth-tab-name":this.fifthTabName,type:"button_primary","active-index":this.activeIndex,onTabItemClicked:this.onTabItemClicked.bind(this)})),i("div",{key:"8ee452084a5959013db567705c06435f1a157ce6",class:"wrapper"},i("div",{key:"49971dce4a37b7cba9a562ba9ebc81e0c57a81f7",class:"wrapper_pattern"},i("img",{key:"1eb4d1c4704209848750bdf1bb34b298f84926e0",src:e,alt:""})),i("div",{key:"b0aadc7c1eb1c781d4554e0121478ba7676f8e3e",class:`application_icon`,innerHTML:this.leadingIconSvg}),i("div",{key:"e7e4a3ec9b12aeed8fdb9c703ac768c7148eb07d",class:"application_name"},i("slot",{key:"f2a3529ae08642f60a799ffd4f88599d307f5e76",name:"application_name"}))))}get el(){return s(this)}};c.style=r;export{c as gb_top_bar_sidemenu};
+//# sourceMappingURL=p-b146b81b.entry.js.map