globuswebcomponents 0.4.2 → 0.4.5

package/dist/globuscomponents/p-2fa5bdb6.entry.js

@@ -1,2 +0,0 @@
-import{r as e,a as t,h as i,g as s}from"./p-e8f2fe42.js";import{S as c}from"./p-47052b60.js";const a=".header_div{display:flex;flex-direction:column;align-items:center;border-bottom:0.7px solid var(--color-border-subtle, #CDD5DF);background:var(--color-surface, #FFFFFF)}.content{display:flex;height:4.5rem;padding:0rem 2rem;justify-content:space-between;align-items:center;align-self:stretch}.inner_content{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-Positive-spacing-4, 1rem);flex:1 0 0}";const n=a;const o=class{constructor(t){e(this,t);this.state=undefined;this.showIndicator=false;this.text=false;this.placeholder=false}componentDidLoad(){const e=this.el.querySelector("[slot='initials']");if(e){e.classList.add("text-md-semi-bold")}}async helpIconClicked(){}async notificationIconClicked(){}async profileIconClicked(){}render(){const e=t(`assets/help-circle.svg`);const s=t(`assets/notification-03.svg`);return i("div",{key:"0699cac516cee147413c49fc0c78928d5fe6972c",class:`header_div`},i("div",{key:"b90bf469272842ec9e8dbecd515f355c0b7bd5db",class:"content"},i("div",{key:"88f31ff1b4bed25e7f3432453b65299c2644d746",class:"inner_content"},i("gb-header-icon",{key:"5ccff54eb5e456d24530d9a7f6a1fe7429558ddb",state:c.Default,icon:e,onClick:()=>this.helpIconClicked()}),i("gb-header-icon",{key:"074539c3e897fe739eba76f862798da3be31c94a",state:this.state,icon:s,"show-indicator":this.showIndicator,onClick:()=>this.notificationIconClicked()}),i("gb-avatar",{key:"e7a8d4fb68a63a9217a5be74cffb97ed5cf79ba1",size:"md",text:this.text,placeholder:this.placeholder,onClick:()=>this.profileIconClicked()},this.text?i("slot",{slot:"initials",name:"initials"}):i("slot",{name:"image",slot:"image"})))))}get el(){return s(this)}};o.style=n;export{o as gb_header};
-//# sourceMappingURL=p-2fa5bdb6.entry.js.map

package/dist/globuscomponents/p-2fa5bdb6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbHeaderCss","GbHeaderStyle0","GbHeader","componentDidLoad","initials","this","el","querySelector","classList","add","helpIconClicked","notificationIconClicked","profileIconClicked","render","helpIconSrc","getAssetPath","notificationIconSrc","h","key","class","state","StateEnum","Default","icon","onClick","showIndicator","size","text","placeholder","slot","name"],"sources":["src/components/gb-header/gb-header.css?tag=gb-header&encapsulation=shadow","src/components/gb-header/gb-header.tsx"],"sourcesContent":[".header_div{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \r\n    border-bottom: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n    background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.content{\r\n    display: flex;\r\n    height: 4.5rem;\r\n    padding: 0rem 2rem;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    align-self: stretch;\r\n}\r\n\r\n.inner_content{\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    align-items: center;\r\n    gap: var(--spacing-Positive-spacing-4, 1rem);\r\n    flex: 1 0 0;\r\n}","import { Component, Element, getAssetPath, h, Method, Prop } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-header',\r\n  styleUrl: 'gb-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbHeader {\r\n  @Prop() state: StateEnum;\r\n  @Prop() showIndicator: boolean = false;\r\n  @Prop() text: boolean = false;\r\n  @Prop() placeholder: boolean = false;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n    if (initials) {\r\n      initials.classList.add('text-md-semi-bold');\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async helpIconClicked() {}\r\n\r\n  @Method()\r\n  async notificationIconClicked() {}\r\n\r\n  @Method()\r\n  async profileIconClicked() {}\r\n\r\n  render() {\r\n    const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n    const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n\r\n    return (\r\n      <div class={`header_div`}>\r\n        <div class=\"content\">\r\n          <div class=\"inner_content\">\r\n            <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.helpIconClicked()}></gb-header-icon>\r\n            <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.notificationIconClicked()}></gb-header-icon>\r\n            <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} onClick={() => this.profileIconClicked()}>\r\n              {this.text ? <slot slot=\"initials\" name=\"initials\"></slot> : <slot name=\"image\" slot=\"image\"></slot>}\r\n            </gb-avatar>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"6FAAA,MAAMA,EAAc,qaACpB,MAAAC,EAAeD,E,MCOFE,EAAQ,M,iEAEc,M,UACT,M,iBACO,K,CAG/B,gBAAAC,GACE,MAAMC,EAAWC,KAAKC,GAAGC,cAAc,qBAEvC,GAAIH,EAAU,CACZA,EAASI,UAAUC,IAAI,oB,EAK3B,qBAAMC,GAAe,CAGrB,6BAAMC,GAAuB,CAG7B,wBAAMC,GAAkB,CAExB,MAAAC,GACE,MAAMC,EAAcC,EAAa,0BACjC,MAAMC,EAAsBD,EAAa,8BAEzC,OACEE,EAAA,OAAAC,IAAA,2CAAKC,MAAO,cACVF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,kBAAAC,IAAA,2CAAgBE,MAAOC,EAAUC,QAASC,KAAMT,EAAaU,QAAS,IAAMnB,KAAKK,oBACjFO,EAAA,kBAAAC,IAAA,2CAAgBE,MAAOf,KAAKe,MAAOG,KAAMP,EAAmB,iBAAkBX,KAAKoB,cAAeD,QAAS,IAAMnB,KAAKM,4BACtHM,EAAA,aAAAC,IAAA,2CAAWQ,KAAK,KAAKC,KAAMtB,KAAKsB,KAAMC,YAAavB,KAAKuB,YAAaJ,QAAS,IAAMnB,KAAKO,sBACtFP,KAAKsB,KAAOV,EAAA,QAAMY,KAAK,WAAWC,KAAK,aAAqBb,EAAA,QAAMa,KAAK,QAAQD,KAAK,a","ignoreList":[]}