globuswebcomponents 2.6.1 → 2.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/cjs/{gb-action-panel_61.cjs.entry.js → gb-action-panel_63.cjs.entry.js} +260 -15
  2. package/dist/cjs/gb-action-panel_63.cjs.entry.js.map +1 -0
  3. package/dist/cjs/globuscomponents.cjs.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/components/gb-input-field/gb-input-field.js +15 -12
  6. package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
  7. package/dist/collection/components/gb-nav-bar/gb-nav-bar.js +98 -98
  8. package/dist/collection/components/gb-nav-bar/gb-nav-bar.js.map +1 -1
  9. package/dist/collection/components/gb-nav-bar-item/gb-nav-bar-item.css +4 -0
  10. package/dist/collection/components/gb-nav-bar-sidemenu/gb-nav-bar-sidemenu.js +1 -1
  11. package/dist/collection/components/gb-nav-bar-sidemenu/gb-nav-bar-sidemenu.js.map +1 -1
  12. package/dist/components/gb-header.js +1 -1
  13. package/dist/components/gb-input-dropdown.js +1 -1
  14. package/dist/components/gb-input-field.js +1 -1
  15. package/dist/components/gb-nav-bar-item.js +1 -1
  16. package/dist/components/gb-nav-bar-sidemenu.js +1 -1
  17. package/dist/components/gb-nav-bar-sidemenu.js.map +1 -1
  18. package/dist/components/gb-nav-bar.js +98 -98
  19. package/dist/components/gb-nav-bar.js.map +1 -1
  20. package/dist/components/gb-pagination.js +2 -2
  21. package/dist/components/gb-table-header.js +2 -2
  22. package/dist/components/{p-CZt4BvQa.js → p-B2CfUeJe.js} +3 -3
  23. package/dist/components/{p-CZt4BvQa.js.map → p-B2CfUeJe.js.map} +1 -1
  24. package/dist/components/{p-D8sTe7Rd.js → p-CEE4M4bL.js} +17 -14
  25. package/dist/components/p-CEE4M4bL.js.map +1 -0
  26. package/dist/components/{p-BB5zWLnP.js → p-Ck4z413l.js} +3 -3
  27. package/dist/components/{p-BB5zWLnP.js.map → p-Ck4z413l.js.map} +1 -1
  28. package/dist/docs.json +2 -2
  29. package/dist/esm/{gb-action-panel_61.entry.js → gb-action-panel_63.entry.js} +259 -16
  30. package/dist/esm/gb-action-panel_63.entry.js.map +1 -0
  31. package/dist/esm/globuscomponents.js +1 -1
  32. package/dist/esm/loader.js +1 -1
  33. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  34. package/dist/globuscomponents/{p-4ecee275.entry.js → p-4e4d5b26.entry.js} +2 -2
  35. package/dist/globuscomponents/p-4e4d5b26.entry.js.map +1 -0
  36. package/package.json +1 -1
  37. package/dist/cjs/gb-action-panel_61.cjs.entry.js.map +0 -1
  38. package/dist/cjs/gb-nav-bar-item.cjs.entry.js +0 -51
  39. package/dist/cjs/gb-nav-bar-item.cjs.entry.js.map +0 -1
  40. package/dist/cjs/gb-nav-bar-item.entry.cjs.js.map +0 -1
  41. package/dist/cjs/gb-nav-bar.cjs.entry.js +0 -205
  42. package/dist/cjs/gb-nav-bar.cjs.entry.js.map +0 -1
  43. package/dist/cjs/gb-nav-bar.entry.cjs.js.map +0 -1
  44. package/dist/components/p-D8sTe7Rd.js.map +0 -1
  45. package/dist/esm/gb-action-panel_61.entry.js.map +0 -1
  46. package/dist/esm/gb-nav-bar-item.entry.js +0 -49
  47. package/dist/esm/gb-nav-bar-item.entry.js.map +0 -1
  48. package/dist/esm/gb-nav-bar.entry.js +0 -203
  49. package/dist/esm/gb-nav-bar.entry.js.map +0 -1
  50. package/dist/globuscomponents/gb-nav-bar-item.entry.esm.js.map +0 -1
  51. package/dist/globuscomponents/gb-nav-bar.entry.esm.js.map +0 -1
  52. package/dist/globuscomponents/p-1473caf4.entry.js +0 -2
  53. package/dist/globuscomponents/p-1473caf4.entry.js.map +0 -1
  54. package/dist/globuscomponents/p-4ecee275.entry.js.map +0 -1
  55. package/dist/globuscomponents/p-81bfe1c7.entry.js +0 -2
  56. package/dist/globuscomponents/p-81bfe1c7.entry.js.map +0 -1
@@ -1,2 +0,0 @@
1
- import{r as e,c as t,a as i,h as s,g as o}from"./p-Dlqa7tPI.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){console.log(e);this.internalItems=[...e];setTimeout((()=>{this.calculateOverflow();this.measured=true}),0);window.addEventListener("resize",this.handleResize)}componentWillLoad(){this.internalItems=this.items}componentDidLoad(){setTimeout((()=>{this.calculateOverflow();this.measured=true}),0);window.addEventListener("resize",this.handleResize)}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;console.log(this.visibleItems);this.overflowItems=o}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}render(){const e=i(`assets/top_bar_pattern.svg`);return s("div",{key:"d27d1dbb434ccb25fea865bf0c26e5981daf9bbc",class:`top_bar_div ${this.category} ${this.showBorder?"border":""}`},this.category==="colored_background"&&s("div",{key:"2c1caacf96cff3cda1385ef92238d68328c0440b",class:"pattern"},s("img",{key:"bac908018000656ca27c39121e660d1c4a11fc14",src:e,alt:""})),s("div",{key:"5e4d235e3e413522a896af276051f6b84816cad9",class:"top_bar_content"},s("div",{key:"e21ab90d0f72dd77cdabcf63a8b60e43853980c2",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:"8159c482d0be2bb78fc215f349b59decd181add5",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:"2d60b3642e15fa9af41d654d3e0e230210efe553",class:"more"},s("gb-nav-bar-item",{key:"e7dfdf785b75bd736e2bf81d0ee5d63f7de2ef1d",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:"f69f85e4621d8ac3f458f300e3f48460bbd11b39",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};
2
- //# sourceMappingURL=p-81bfe1c7.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["gbNavBarCss","GbNavBar","constructor","hostRef","this","items","showBorder","activeIndex","internalItems","visibleItems","overflowItems","measured","dropdownOpen","dropdownItemClicked","handleResize","setTimeout","calculateOverflow","onTabItemClicked","index","clicked","navBarItemClicked","emit","onItemsChanged","newValue","_oldValue","console","log","window","addEventListener","componentWillLoad","componentDidLoad","disconnectedCallback","removeEventListener","hiddenContainer","el","shadowRoot","querySelector","containerWidth","containerEl","offsetWidth","usedWidth","visible","hidden","allItems","Array","from","querySelectorAll","forEach","i","itemWidth","push","toggleDropdown","render","patternSrc","getAssetPath","h","key","class","category","src","alt","style","visibility","position","height","overflow","pointerEvents","map","tab","state","iconOnly","icon","label","ref","onClick","length","iconSrc"],"sources":["src/components/gb-nav-bar/gb-nav-bar.css?tag=gb-nav-bar&encapsulation=shadow","src/components/gb-nav-bar/gb-nav-bar.tsx"],"sourcesContent":[".top_bar_div {\r\n display: flex;\r\n width: 100%;\r\n height: 5rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n}\r\n\r\n.top_bar_div.border.plain_background {\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.top_bar_div.border.colored_background {\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.top_bar_div.colored_background {\r\n background: linear-gradient(63deg, #075db2 16.72%, #053e77 68.99%, #042f59 83.39%);\r\n}\r\n\r\n.top_bar_div.plain_background {\r\n background: var(--color-surface);\r\n}\r\n\r\n.top_bar_content {\r\n display: flex;\r\n padding: 0rem 2rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n align-self: stretch;\r\n}\r\n\r\n.content {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n flex: 1 0 0;\r\n overflow: hidden;\r\n}\r\n\r\n.content.shown {\r\n overflow: visible;\r\n}\r\n\r\n.pattern {\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n mix-blend-mode: multiply;\r\n}\r\n\r\n.more {\r\n position: relative;\r\n}\r\n\r\n.dropdown_menu {\r\n position: absolute;\r\n top: 112%;\r\n right: 0;\r\n\r\n display: flex;\r\n width: fit-content;\r\n min-width: 10rem;\r\n padding-right: var(--spacing-2);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n align-items: stretch;\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: absolute;\r\n gap: var(--spacing-none);\r\n transition: 1s ease-in-out;\r\n z-index: 9;\r\n}\r\n","import { Component, Element, Event, EventEmitter, Prop, State, Watch, getAssetPath, h } from '@stencil/core';\r\nimport { GeneralBackgroundCategories } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-nav-bar',\r\n styleUrl: 'gb-nav-bar.css',\r\n shadow: true,\r\n})\r\nexport class GbNavBar {\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop({ mutable: true }) items: { label: string; icon?: string; iconOnly: boolean; index: number }[] = [\r\n // {\r\n // label: 'First',\r\n // icon: 'assets/home-02.svg',\r\n // iconOnly: false,\r\n // index: 0,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/bank.svg',\r\n // iconOnly: false,\r\n // index: 1,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/money-02.svg',\r\n // iconOnly: false,\r\n // index: 2,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/invoice-01.svg',\r\n // iconOnly: false,\r\n // index: 3,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/money-exchange-03.svg',\r\n // iconOnly: false,\r\n // index: 4,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/percent.svg',\r\n // iconOnly: false,\r\n // index: 5,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/qr-code.svg',\r\n // iconOnly: false,\r\n // index: 6,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/coins-dollar.svg',\r\n // iconOnly: false,\r\n // index: 7,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 8,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 9,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 10,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 11,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 12,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 13,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 14,\r\n // },\r\n // {\r\n // label: 'Second',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 15,\r\n // },\r\n ];\r\n @Prop() showBorder: boolean = true;\r\n @Prop({ mutable: true }) activeIndex: number = 0;\r\n @Element() el: HTMLElement;\r\n @State() internalItems: { label: string; icon?: string; iconOnly: boolean; index: number }[] = [...this.items];\r\n @State() visibleItems: typeof this.items = [];\r\n @State() overflowItems: typeof this.items = [];\r\n @State() measured: boolean = false;\r\n @State() dropdownOpen: boolean = false;\r\n @State() dropdownItemClicked: boolean = false;\r\n @Event() navBarItemClicked: EventEmitter<number>;\r\n\r\n private containerEl!: HTMLElement;\r\n\r\n onTabItemClicked(index: number, clicked?: boolean) {\r\n this.dropdownItemClicked = false;\r\n this.activeIndex = index;\r\n this.navBarItemClicked.emit(index);\r\n\r\n if (clicked) {\r\n this.dropdownItemClicked = true;\r\n this.dropdownOpen = false;\r\n }\r\n }\r\n\r\n @Watch('items')\r\n onItemsChanged(newValue: { label: string; icon: string; iconOnly: boolean; index: number }[], _oldValue) {\r\n console.log(newValue);\r\n this.internalItems = [...newValue];\r\n // console.log(this.internalItems);\r\n\r\n setTimeout(() => {\r\n this.calculateOverflow();\r\n this.measured = true;\r\n }, 0);\r\n window.addEventListener('resize', this.handleResize);\r\n }\r\n\r\n componentWillLoad() {\r\n // setTimeout(() => {\r\n // this.items = [\r\n // {\r\n // label: 'First',\r\n // icon: 'assets/star.svg',\r\n // iconOnly: false,\r\n // index: 0,\r\n // },\r\n // ];\r\n // }, 3000);\r\n\r\n this.internalItems = this.items; // copy initial prop value safely\r\n }\r\n\r\n private handleResize = () => {\r\n setTimeout(() => {\r\n this.calculateOverflow();\r\n }, 0);\r\n };\r\n\r\n componentDidLoad() {\r\n setTimeout(() => {\r\n this.calculateOverflow();\r\n this.measured = true;\r\n }, 0);\r\n window.addEventListener('resize', this.handleResize);\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('resize', this.handleResize);\r\n }\r\n\r\n calculateOverflow() {\r\n const hiddenContainer = this.el.shadowRoot.querySelector('[style*=\"visibility: hidden\"]');\r\n if (!hiddenContainer) return;\r\n\r\n let containerWidth = this.containerEl.offsetWidth;\r\n let usedWidth = 0;\r\n const visible = [];\r\n const hidden = [];\r\n\r\n const allItems = Array.from(hiddenContainer.querySelectorAll('gb-nav-bar-item'));\r\n\r\n allItems.forEach((el, i) => {\r\n const itemWidth = (el as HTMLElement).offsetWidth + 16;\r\n if (usedWidth + itemWidth < containerWidth - 120) {\r\n usedWidth += itemWidth;\r\n visible.push(this.internalItems[i]);\r\n } else {\r\n hidden.push(this.internalItems[i]);\r\n }\r\n });\r\n\r\n this.visibleItems = visible;\r\n console.log(this.visibleItems);\r\n this.overflowItems = hidden;\r\n }\r\n\r\n toggleDropdown() {\r\n this.dropdownOpen = !this.dropdownOpen;\r\n }\r\n\r\n render() {\r\n const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);\r\n\r\n return (\r\n <div class={`top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}`}>\r\n {this.category === 'colored_background' && (\r\n <div class=\"pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"top_bar_content\">\r\n {/* Hidden measurement container for overflow calculation */}\r\n <div style={{ visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' }}>\r\n {this.internalItems.map(tab => (\r\n <gb-nav-bar-item\r\n state={this.activeIndex === tab.index ? 'active' : 'default'}\r\n icon-only={tab.iconOnly}\r\n category={this.category}\r\n icon={tab.icon}\r\n label={tab.label}\r\n ></gb-nav-bar-item>\r\n ))}\r\n </div>\r\n <div class={`content ${this.dropdownOpen ? 'shown' : ''}`} ref={el => (this.containerEl = el)}>\r\n {(this.measured ? this.visibleItems : this.internalItems).map(tab => (\r\n <gb-nav-bar-item\r\n state={this.activeIndex === tab.index ? 'active' : 'default'}\r\n icon-only={tab.iconOnly}\r\n category={this.category}\r\n icon={tab.icon}\r\n label={tab.label}\r\n onClick={() => this.onTabItemClicked(tab.index)}\r\n ></gb-nav-bar-item>\r\n ))}\r\n {this.measured && this.overflowItems.length > 0 && (\r\n <div class=\"more\">\r\n <gb-nav-bar-item\r\n state={this.dropdownItemClicked ? 'active' : 'default'}\r\n icon-only={false}\r\n category={this.category}\r\n icon=\"assets/more.svg\"\r\n label=\"More\"\r\n class=\"more_button\"\r\n onClick={() => this.toggleDropdown()}\r\n ></gb-nav-bar-item>\r\n {this.dropdownOpen && (\r\n <div class=\"dropdown_menu\">\r\n {this.overflowItems.map(tab => (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n state=\"default\"\r\n iconSrc={tab.icon}\r\n label={tab.label}\r\n onClick={() => this.onTabItemClicked(tab.index, true)}\r\n ></gb-dropdown-items-with-shortcut>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}