globuswebcomponents 2.6.7 → 2.6.8
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.
- package/dist/cjs/gb-action-panel_70.cjs.entry.js +97 -97
- package/dist/cjs/gb-action-panel_70.cjs.entry.js.map +1 -1
- package/dist/collection/components/gb-nav-bar/gb-nav-bar.js +98 -98
- package/dist/collection/components/gb-nav-bar/gb-nav-bar.js.map +1 -1
- package/dist/components/gb-nav-bar.js +97 -97
- package/dist/components/gb-nav-bar.js.map +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/gb-action-panel_70.entry.js +97 -97
- package/dist/esm/gb-action-panel_70.entry.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-bc3fce6c.entry.js → p-0692411f.entry.js} +2 -2
- package/dist/globuscomponents/{p-bc3fce6c.entry.js.map → p-0692411f.entry.js.map} +1 -1
- package/package.json +1 -1
|
@@ -5623,102 +5623,102 @@ const GbNavBar = class {
|
|
|
5623
5623
|
index.registerInstance(this, hostRef);
|
|
5624
5624
|
this.navBarItemClicked = index.createEvent(this, "navBarItemClicked");
|
|
5625
5625
|
this.items = [
|
|
5626
|
-
|
|
5627
|
-
|
|
5628
|
-
|
|
5629
|
-
|
|
5630
|
-
|
|
5631
|
-
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
|
|
5635
|
-
|
|
5636
|
-
|
|
5637
|
-
|
|
5638
|
-
|
|
5639
|
-
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5645
|
-
|
|
5646
|
-
|
|
5647
|
-
|
|
5648
|
-
|
|
5649
|
-
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5654
|
-
|
|
5655
|
-
|
|
5656
|
-
|
|
5657
|
-
|
|
5658
|
-
|
|
5659
|
-
|
|
5660
|
-
|
|
5661
|
-
|
|
5662
|
-
|
|
5663
|
-
|
|
5664
|
-
|
|
5665
|
-
|
|
5666
|
-
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
|
|
5671
|
-
|
|
5672
|
-
|
|
5673
|
-
|
|
5674
|
-
|
|
5675
|
-
|
|
5676
|
-
|
|
5677
|
-
|
|
5678
|
-
|
|
5679
|
-
|
|
5680
|
-
|
|
5681
|
-
|
|
5682
|
-
|
|
5683
|
-
|
|
5684
|
-
|
|
5685
|
-
|
|
5686
|
-
|
|
5687
|
-
|
|
5688
|
-
|
|
5689
|
-
|
|
5690
|
-
|
|
5691
|
-
|
|
5692
|
-
|
|
5693
|
-
|
|
5694
|
-
|
|
5695
|
-
|
|
5696
|
-
|
|
5697
|
-
|
|
5698
|
-
|
|
5699
|
-
|
|
5700
|
-
|
|
5701
|
-
|
|
5702
|
-
|
|
5703
|
-
|
|
5704
|
-
|
|
5705
|
-
|
|
5706
|
-
|
|
5707
|
-
|
|
5708
|
-
|
|
5709
|
-
|
|
5710
|
-
|
|
5711
|
-
|
|
5712
|
-
|
|
5713
|
-
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
|
|
5717
|
-
|
|
5718
|
-
|
|
5719
|
-
|
|
5720
|
-
|
|
5721
|
-
|
|
5626
|
+
// {
|
|
5627
|
+
// label: 'First',
|
|
5628
|
+
// icon: 'assets/home-02.svg',
|
|
5629
|
+
// iconOnly: false,
|
|
5630
|
+
// index: 0,
|
|
5631
|
+
// },
|
|
5632
|
+
// {
|
|
5633
|
+
// label: 'Second',
|
|
5634
|
+
// icon: 'assets/bank.svg',
|
|
5635
|
+
// iconOnly: false,
|
|
5636
|
+
// index: 1,
|
|
5637
|
+
// },
|
|
5638
|
+
// {
|
|
5639
|
+
// label: 'Second',
|
|
5640
|
+
// icon: 'assets/money-02.svg',
|
|
5641
|
+
// iconOnly: false,
|
|
5642
|
+
// index: 2,
|
|
5643
|
+
// },
|
|
5644
|
+
// {
|
|
5645
|
+
// label: 'Second',
|
|
5646
|
+
// icon: 'assets/invoice-01.svg',
|
|
5647
|
+
// iconOnly: false,
|
|
5648
|
+
// index: 3,
|
|
5649
|
+
// },
|
|
5650
|
+
// {
|
|
5651
|
+
// label: 'Second',
|
|
5652
|
+
// icon: 'assets/money-exchange-03.svg',
|
|
5653
|
+
// iconOnly: false,
|
|
5654
|
+
// index: 4,
|
|
5655
|
+
// },
|
|
5656
|
+
// {
|
|
5657
|
+
// label: 'Second',
|
|
5658
|
+
// icon: 'assets/percent.svg',
|
|
5659
|
+
// iconOnly: false,
|
|
5660
|
+
// index: 5,
|
|
5661
|
+
// },
|
|
5662
|
+
// {
|
|
5663
|
+
// label: 'Second',
|
|
5664
|
+
// icon: 'assets/qr-code.svg',
|
|
5665
|
+
// iconOnly: false,
|
|
5666
|
+
// index: 6,
|
|
5667
|
+
// },
|
|
5668
|
+
// {
|
|
5669
|
+
// label: 'Second',
|
|
5670
|
+
// icon: 'assets/coins-dollar.svg',
|
|
5671
|
+
// iconOnly: false,
|
|
5672
|
+
// index: 7,
|
|
5673
|
+
// },
|
|
5674
|
+
// {
|
|
5675
|
+
// label: 'Second',
|
|
5676
|
+
// icon: 'assets/star.svg',
|
|
5677
|
+
// iconOnly: false,
|
|
5678
|
+
// index: 8,
|
|
5679
|
+
// },
|
|
5680
|
+
// {
|
|
5681
|
+
// label: 'Second',
|
|
5682
|
+
// icon: 'assets/star.svg',
|
|
5683
|
+
// iconOnly: false,
|
|
5684
|
+
// index: 9,
|
|
5685
|
+
// },
|
|
5686
|
+
// {
|
|
5687
|
+
// label: 'Second',
|
|
5688
|
+
// icon: 'assets/star.svg',
|
|
5689
|
+
// iconOnly: false,
|
|
5690
|
+
// index: 10,
|
|
5691
|
+
// },
|
|
5692
|
+
// {
|
|
5693
|
+
// label: 'Second',
|
|
5694
|
+
// icon: 'assets/star.svg',
|
|
5695
|
+
// iconOnly: false,
|
|
5696
|
+
// index: 11,
|
|
5697
|
+
// },
|
|
5698
|
+
// {
|
|
5699
|
+
// label: 'Second',
|
|
5700
|
+
// icon: 'assets/star.svg',
|
|
5701
|
+
// iconOnly: false,
|
|
5702
|
+
// index: 12,
|
|
5703
|
+
// },
|
|
5704
|
+
// {
|
|
5705
|
+
// label: 'Second',
|
|
5706
|
+
// icon: 'assets/star.svg',
|
|
5707
|
+
// iconOnly: false,
|
|
5708
|
+
// index: 13,
|
|
5709
|
+
// },
|
|
5710
|
+
// {
|
|
5711
|
+
// label: 'Second',
|
|
5712
|
+
// icon: 'assets/star.svg',
|
|
5713
|
+
// iconOnly: false,
|
|
5714
|
+
// index: 14,
|
|
5715
|
+
// },
|
|
5716
|
+
// {
|
|
5717
|
+
// label: 'Second',
|
|
5718
|
+
// icon: 'assets/star.svg',
|
|
5719
|
+
// iconOnly: false,
|
|
5720
|
+
// index: 15,
|
|
5721
|
+
// },
|
|
5722
5722
|
];
|
|
5723
5723
|
this.showBorder = true;
|
|
5724
5724
|
this.activeIndex = 0;
|
|
@@ -5803,7 +5803,7 @@ const GbNavBar = class {
|
|
|
5803
5803
|
}
|
|
5804
5804
|
render() {
|
|
5805
5805
|
const patternSrc = index.getAssetPath(`assets/top_bar_pattern.svg`);
|
|
5806
|
-
return (index.h("div", { key: '
|
|
5806
|
+
return (index.h("div", { key: '56acec89b538d433d0aeb1ba590b818e98224441', class: `top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}` }, this.category === 'colored_background' && (index.h("div", { key: '5e6d0b08671b93af5727aaba256c83ff415260f5', class: "pattern" }, index.h("img", { key: '967014fa31c2122978a81dd258e7adcadf7d2a3a', src: patternSrc, alt: "" }))), index.h("div", { key: '63323215e096be820cef7d6f134f421c7cb7a280', class: "top_bar_content" }, index.h("div", { key: '75335a9d39e2feb31fbe4969acad282e4c249541', style: { visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' } }, this.internalItems.map(tab => (index.h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label })))), index.h("div", { key: 'ffe12836480c6b37127ab0e7991755d77a70655c', class: `content ${this.dropdownOpen ? 'shown' : ''}`, ref: el => (this.containerEl = el) }, (this.measured ? this.visibleItems : this.internalItems).map(tab => (index.h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index) }))), this.measured && this.overflowItems.length > 0 && (index.h("div", { key: 'ff438d2e2d5961a5a255ea081d5030a842b32572', class: "more" }, index.h("gb-nav-bar-item", { key: '005b6e447b3de6347083eb4fa11c9009ae5c6de1', 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 && (index.h("div", { key: '22cdb40ce98562361420dce9239b78a00bfb2bd6', class: "dropdown_menu" }, this.overflowItems.map(tab => (index.h("gb-dropdown-items-with-shortcut", { icon: true, state: "default", iconSrc: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index, true) })))))))))));
|
|
5807
5807
|
}
|
|
5808
5808
|
get el() { return index.getElement(this); }
|
|
5809
5809
|
static get watchers() { return {
|