globuswebcomponents 0.9.6 → 0.9.8

package/dist/globuscomponents/p-cc42edb7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbExportDropdownCss","GbExportDropdownStyle0","GbExportDropdown","onExportClicked","exportType","dataType","console","log","render","h","Fragment","key","class","type","state","StateEnum","Default","onMouseOver","this","showFirstSubDropdown","onMouseOut","showSecondSubDropdown","slot","onClick"],"sources":["src/components/gb-export-dropdown/gb-export-dropdown.css?tag=gb-export-dropdown&encapsulation=shadow","src/components/gb-export-dropdown/gb-export-dropdown.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.export_dropdown{\r\n    display: flex;\r\n    width: fit-content;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: var(--spacing-none);\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n    position: relative;\r\n}\r\n\r\n.first_dropdown{\r\n    position: absolute;\r\n    top: 6rem;\r\n    left: -9.8rem;\r\n}\r\n\r\n.second_dropdown{\r\n    position: absolute;\r\n    top: 9rem;\r\n    left: -9.8rem;\r\n}","import { Component, Event, EventEmitter, h, Prop, State, Fragment, Element } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-export-dropdown',\r\n  styleUrl: 'gb-export-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbExportDropdown {\r\n  @Prop() state: StateEnum;\r\n  @State() showFirstSubDropdown: boolean = false;\r\n  @State() showSecondSubDropdown: boolean = false;\r\n  @Event() exportClicked: EventEmitter<{exportType: string, dataType: string}>;\r\n  @Element() el: HTMLElement;\r\n\r\n  async onExportClicked(exportType: string, dataType: string) {\r\n    // this.exportClicked.emit({exportType, dataType});\r\n    console.log({ exportType, dataType });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <div class={`export_dropdown`}>\r\n          <gb-export-dropdown-item\r\n            type=\"pdf\"\r\n            state={StateEnum.Default}\r\n            onMouseOver={() => (this.showFirstSubDropdown = true)}\r\n            onMouseOut={() => (this.showFirstSubDropdown = false)}\r\n          ></gb-export-dropdown-item>\r\n          <gb-export-dropdown-item\r\n            type=\"csv\"\r\n            state={StateEnum.Default}\r\n            onMouseOver={() => (this.showSecondSubDropdown = true)}\r\n            onMouseOut={() => (this.showSecondSubDropdown = false)}\r\n          ></gb-export-dropdown-item>\r\n        </div>\r\n        {this.showFirstSubDropdown && (\r\n          <gb-export-sub-dropdown class={`first_dropdown`} onMouseOver={() => (this.showFirstSubDropdown = true)} onMouseOut={() => (this.showFirstSubDropdown = false)}>\r\n            <p slot=\"label_one\" onClick={() => this.onExportClicked('pdf', 'entire_data')}>\r\n              Entire Data\r\n            </p>\r\n            <p slot=\"label_two\" onClick={() => this.onExportClicked('pdf', 'data_on_view')}>\r\n              Data on view\r\n            </p>\r\n            <p slot=\"label_three\" onClick={() => this.onExportClicked('pdf', 'filtered_data')}>\r\n              Filtered Data\r\n            </p>\r\n          </gb-export-sub-dropdown>\r\n        )}\r\n        {this.showSecondSubDropdown && (\r\n          <gb-export-sub-dropdown class={`second_dropdown`} onMouseOver={() => (this.showSecondSubDropdown = true)} onMouseOut={() => (this.showSecondSubDropdown = false)}>\r\n            <p slot=\"label_one\" onClick={() => this.onExportClicked('csv', 'entire_data')}>\r\n              Entire Data\r\n            </p>\r\n            <p slot=\"label_two\" onClick={() => this.onExportClicked('csv', 'data_on_view')}>\r\n              Data on view\r\n            </p>\r\n            <p slot=\"label_three\" onClick={() => this.onExportClicked('csv', 'filtered_data')}>\r\n              Filtered Data\r\n            </p>\r\n          </gb-export-sub-dropdown>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}"],"mappings":"+FAAA,MAAMA,EAAsB,y8oEAC5B,MAAAC,EAAeD,E,MCOFE,EAAgB,M,qHAEc,M,2BACC,K,CAI1C,qBAAMC,CAAgBC,EAAoBC,GAExCC,QAAQC,IAAI,CAAEH,aAAYC,Y,CAG5B,MAAAG,GACE,OACEC,EAAAC,EAAA,KACED,EAAA,OAAAE,IAAA,2CAAKC,MAAO,mBACVH,EAAA,2BAAAE,IAAA,2CACEE,KAAK,MACLC,MAAOC,EAAUC,QACjBC,YAAa,IAAOC,KAAKC,qBAAuB,KAChDC,WAAY,IAAOF,KAAKC,qBAAuB,QAEjDV,EAAA,2BAAAE,IAAA,2CACEE,KAAK,MACLC,MAAOC,EAAUC,QACjBC,YAAa,IAAOC,KAAKG,sBAAwB,KACjDD,WAAY,IAAOF,KAAKG,sBAAwB,SAGnDH,KAAKC,sBACJV,EAAA,0BAAAE,IAAA,2CAAwBC,MAAO,iBAAkBK,YAAa,IAAOC,KAAKC,qBAAuB,KAAOC,WAAY,IAAOF,KAAKC,qBAAuB,OACrJV,EAAA,KAAAE,IAAA,2CAAGW,KAAK,YAAYC,QAAS,IAAML,KAAKf,gBAAgB,MAAO,gBAAc,eAG7EM,EAAA,KAAAE,IAAA,2CAAGW,KAAK,YAAYC,QAAS,IAAML,KAAKf,gBAAgB,MAAO,iBAAe,gBAG9EM,EAAA,KAAAE,IAAA,2CAAGW,KAAK,cAAcC,QAAS,IAAML,KAAKf,gBAAgB,MAAO,kBAAgB,kBAKpFe,KAAKG,uBACJZ,EAAA,0BAAAE,IAAA,2CAAwBC,MAAO,kBAAmBK,YAAa,IAAOC,KAAKG,sBAAwB,KAAOD,WAAY,IAAOF,KAAKG,sBAAwB,OACxJZ,EAAA,KAAAE,IAAA,2CAAGW,KAAK,YAAYC,QAAS,IAAML,KAAKf,gBAAgB,MAAO,gBAAc,eAG7EM,EAAA,KAAAE,IAAA,2CAAGW,KAAK,YAAYC,QAAS,IAAML,KAAKf,gBAAgB,MAAO,iBAAe,gBAG9EM,EAAA,KAAAE,IAAA,2CAAGW,KAAK,cAAcC,QAAS,IAAML,KAAKf,gBAAgB,MAAO,kBAAgB,kB","ignoreList":[]}

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