globuswebcomponents 2.6.7 → 2.6.9
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 +101 -98
- package/dist/cjs/gb-action-panel_70.cjs.entry.js.map +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gb-empty-state/gb-empty-state.js +7 -1
- package/dist/collection/components/gb-empty-state/gb-empty-state.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-empty-state.js +6 -1
- package/dist/components/gb-empty-state.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 +101 -98
- package/dist/esm/gb-action-panel_70.entry.js.map +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-bc3fce6c.entry.js → p-67c4f4aa.entry.js} +2 -2
- package/dist/globuscomponents/p-67c4f4aa.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/globuscomponents/p-bc3fce6c.entry.js.map +0 -1
|
@@ -4034,8 +4034,11 @@ const GbEmptyState = class {
|
|
|
4034
4034
|
this.changeTheme();
|
|
4035
4035
|
}
|
|
4036
4036
|
render() {
|
|
4037
|
-
return (index.h("div", { key: '
|
|
4037
|
+
return (index.h("div", { key: 'cee5d201fc10619b220f2d3990d2bc5233b3ddbf', class: "overall_container" }, index.h("div", { key: '39ad73ef7df6e31069475e1a3c83c19cc99c9774', class: `empty_state_wrapper ${this.size}` }, index.h("div", { key: '084f646b8b6f740cbcec214d6eacc4c90f538a32', class: "pattern" }), this.background && index.h("gb-pattern", { key: '0066b7c75fcf897c02854cfa12d2b794878b7442', type: this.backgroundType, theme: this.theme, class: `pattern ${this.icon}` }), index.h("div", { key: '845b3d469a0b15a6fed7622f27ad9c1da9d0a396', class: `top ${this.size}` }, this.icon === 'featured_icon' && index.h("gb-featured-icon", { key: 'fbfbf0d7734e3974d89baba83764a2a54173b627', size: "lg", icon: this.featuredIconSwap }), this.icon === 'illustration' && (index.h("gb-illustration", { key: '84c3e6c97d47d58772c0165dc577b3ab13dd489b', size: this.size, color: this.color, "illustration-style": this.illustrationStyle, "illustration-icon": this.illustrationIcon })), this.icon === 'file_type_icon' && (index.h("div", { key: '36cc0d2ba999816f873976200682568bd74a4cc2', class: "file_type_icon_div" }, index.h("gb-file-type-icon", { key: 'a2e78f82013985f940e52a69e589449a2b969f83', "file-style": this.fileStyle, "file-type": this.fileType }))), index.h("div", { key: '815f1a488c3872cdff33665e1ec9cc4893eefc84', class: "text_wrapper" }, index.h("p", { key: 'e205c97042f2a74d91d503adce6ad0628c519820', class: "heading text-md-semi-bold" }, this.mainText), index.h("p", { key: '5c006d02c5a00bdc2caac5faaa86db72daffe253', class: "supporting_text text-sm-regular" }, this.supportingText))), index.h("div", { key: 'ad5e039027845881841ae7acf91ccdb67e2bc6a1', class: "actions" }, this.secondaryButtonText && (index.h("div", { key: '2dee03f7d0e857525cc17588745293f8750ca825', class: "btn" }, index.h("gb-button", { key: 'af7be989a415290d68305deed495538c767da629', size: "lg", hierarchy: "secondary_gray", icon: "default", onClick: () => this.onSecondaryButtonClicked() }, index.h("p", { key: 'd6013e5c7fa6d95bce6e5a639adcd7028d255358' }, this.secondaryButtonText)))), this.primaryButtonText && (index.h("div", { key: 'c151ba3132c256733c130bc0d75523c7074084cd', class: "btn" }, index.h("gb-button", { key: 'ccd806adaa5b09a9ccb23da3a9b01e5d2fdc57a4', size: "lg", state: this.primaryButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.primaryButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.primaryButtonIconLeadingSwap, onClick: () => this.onPrimaryButtonClicked() }, index.h("p", { key: 'ea17a2e12356ba7bf9d75fe974ab6e75b260fb8d' }, this.primaryButtonText))))))));
|
|
4038
4038
|
}
|
|
4039
|
+
static get watchers() { return {
|
|
4040
|
+
"theme": ["changeTheme"]
|
|
4041
|
+
}; }
|
|
4039
4042
|
};
|
|
4040
4043
|
GbEmptyState.style = gbEmptyStateCss;
|
|
4041
4044
|
|
|
@@ -5623,102 +5626,102 @@ const GbNavBar = class {
|
|
|
5623
5626
|
index.registerInstance(this, hostRef);
|
|
5624
5627
|
this.navBarItemClicked = index.createEvent(this, "navBarItemClicked");
|
|
5625
5628
|
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
|
-
|
|
5629
|
+
// {
|
|
5630
|
+
// label: 'First',
|
|
5631
|
+
// icon: 'assets/home-02.svg',
|
|
5632
|
+
// iconOnly: false,
|
|
5633
|
+
// index: 0,
|
|
5634
|
+
// },
|
|
5635
|
+
// {
|
|
5636
|
+
// label: 'Second',
|
|
5637
|
+
// icon: 'assets/bank.svg',
|
|
5638
|
+
// iconOnly: false,
|
|
5639
|
+
// index: 1,
|
|
5640
|
+
// },
|
|
5641
|
+
// {
|
|
5642
|
+
// label: 'Second',
|
|
5643
|
+
// icon: 'assets/money-02.svg',
|
|
5644
|
+
// iconOnly: false,
|
|
5645
|
+
// index: 2,
|
|
5646
|
+
// },
|
|
5647
|
+
// {
|
|
5648
|
+
// label: 'Second',
|
|
5649
|
+
// icon: 'assets/invoice-01.svg',
|
|
5650
|
+
// iconOnly: false,
|
|
5651
|
+
// index: 3,
|
|
5652
|
+
// },
|
|
5653
|
+
// {
|
|
5654
|
+
// label: 'Second',
|
|
5655
|
+
// icon: 'assets/money-exchange-03.svg',
|
|
5656
|
+
// iconOnly: false,
|
|
5657
|
+
// index: 4,
|
|
5658
|
+
// },
|
|
5659
|
+
// {
|
|
5660
|
+
// label: 'Second',
|
|
5661
|
+
// icon: 'assets/percent.svg',
|
|
5662
|
+
// iconOnly: false,
|
|
5663
|
+
// index: 5,
|
|
5664
|
+
// },
|
|
5665
|
+
// {
|
|
5666
|
+
// label: 'Second',
|
|
5667
|
+
// icon: 'assets/qr-code.svg',
|
|
5668
|
+
// iconOnly: false,
|
|
5669
|
+
// index: 6,
|
|
5670
|
+
// },
|
|
5671
|
+
// {
|
|
5672
|
+
// label: 'Second',
|
|
5673
|
+
// icon: 'assets/coins-dollar.svg',
|
|
5674
|
+
// iconOnly: false,
|
|
5675
|
+
// index: 7,
|
|
5676
|
+
// },
|
|
5677
|
+
// {
|
|
5678
|
+
// label: 'Second',
|
|
5679
|
+
// icon: 'assets/star.svg',
|
|
5680
|
+
// iconOnly: false,
|
|
5681
|
+
// index: 8,
|
|
5682
|
+
// },
|
|
5683
|
+
// {
|
|
5684
|
+
// label: 'Second',
|
|
5685
|
+
// icon: 'assets/star.svg',
|
|
5686
|
+
// iconOnly: false,
|
|
5687
|
+
// index: 9,
|
|
5688
|
+
// },
|
|
5689
|
+
// {
|
|
5690
|
+
// label: 'Second',
|
|
5691
|
+
// icon: 'assets/star.svg',
|
|
5692
|
+
// iconOnly: false,
|
|
5693
|
+
// index: 10,
|
|
5694
|
+
// },
|
|
5695
|
+
// {
|
|
5696
|
+
// label: 'Second',
|
|
5697
|
+
// icon: 'assets/star.svg',
|
|
5698
|
+
// iconOnly: false,
|
|
5699
|
+
// index: 11,
|
|
5700
|
+
// },
|
|
5701
|
+
// {
|
|
5702
|
+
// label: 'Second',
|
|
5703
|
+
// icon: 'assets/star.svg',
|
|
5704
|
+
// iconOnly: false,
|
|
5705
|
+
// index: 12,
|
|
5706
|
+
// },
|
|
5707
|
+
// {
|
|
5708
|
+
// label: 'Second',
|
|
5709
|
+
// icon: 'assets/star.svg',
|
|
5710
|
+
// iconOnly: false,
|
|
5711
|
+
// index: 13,
|
|
5712
|
+
// },
|
|
5713
|
+
// {
|
|
5714
|
+
// label: 'Second',
|
|
5715
|
+
// icon: 'assets/star.svg',
|
|
5716
|
+
// iconOnly: false,
|
|
5717
|
+
// index: 14,
|
|
5718
|
+
// },
|
|
5719
|
+
// {
|
|
5720
|
+
// label: 'Second',
|
|
5721
|
+
// icon: 'assets/star.svg',
|
|
5722
|
+
// iconOnly: false,
|
|
5723
|
+
// index: 15,
|
|
5724
|
+
// },
|
|
5722
5725
|
];
|
|
5723
5726
|
this.showBorder = true;
|
|
5724
5727
|
this.activeIndex = 0;
|
|
@@ -5803,7 +5806,7 @@ const GbNavBar = class {
|
|
|
5803
5806
|
}
|
|
5804
5807
|
render() {
|
|
5805
5808
|
const patternSrc = index.getAssetPath(`assets/top_bar_pattern.svg`);
|
|
5806
|
-
return (index.h("div", { key: '
|
|
5809
|
+
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
5810
|
}
|
|
5808
5811
|
get el() { return index.getElement(this); }
|
|
5809
5812
|
static get watchers() { return {
|