globuswebcomponents 2.6.16 → 2.6.17

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 (102) hide show
  1. package/dist/cjs/{gb-action-panel_72.cjs.entry.js → gb-action-panel_76.cjs.entry.js} +156 -16
  2. package/dist/cjs/gb-horizontal-tabs.cjs.entry.js +96 -96
  3. package/dist/cjs/gb-horizontal-tabs.entry.cjs.js.map +1 -1
  4. package/dist/cjs/globuscomponents.cjs.js +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/collection/assets/database_entire_data.svg +3 -0
  7. package/dist/collection/assets/filter_filtered_data.svg +3 -0
  8. package/dist/collection/assets/laptop_data_on_view.svg +3 -0
  9. package/dist/collection/components/gb-badge/gb-badge.css +18 -17
  10. package/dist/collection/components/gb-badge/gb-badge.js +10 -12
  11. package/dist/collection/components/gb-badge/gb-badge.js.map +1 -1
  12. package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.css +39 -37
  13. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +97 -97
  14. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map +1 -1
  15. package/dist/collection/components/gb-metric-card/gb-metric-card.css +1 -0
  16. package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.css +1 -1
  17. package/dist/components/gb-approval-modal.js +1 -1
  18. package/dist/components/gb-avatar-dropdown.js +1 -1
  19. package/dist/components/gb-badge.js +1 -1
  20. package/dist/components/gb-detail-cell.js +1 -1
  21. package/dist/components/gb-export-dropdown.js +1 -1
  22. package/dist/components/gb-export-sub-dropdown-item.js +1 -1
  23. package/dist/components/gb-export-sub-dropdown.js +1 -1
  24. package/dist/components/gb-filter-button.js +1 -1
  25. package/dist/components/gb-header.js +2 -2
  26. package/dist/components/gb-horizontal-tabs.js +98 -98
  27. package/dist/components/gb-horizontal-tabs.js.map +1 -1
  28. package/dist/components/gb-metric-card.js +2 -2
  29. package/dist/components/gb-metric-card.js.map +1 -1
  30. package/dist/components/gb-nav-bar-sidemenu.js +3 -3
  31. package/dist/components/gb-sidebar.js +2 -2
  32. package/dist/components/gb-simple-side-bar-item.js +1 -1
  33. package/dist/components/gb-tab-button-base.js +1 -1
  34. package/dist/components/gb-table-header.js +5 -5
  35. package/dist/components/gb-vertical-tabs.js +1 -1
  36. package/dist/components/{p-B6Z1If-j.js → p-BKB5vmN0.js} +3 -3
  37. package/dist/components/{p-B6Z1If-j.js.map → p-BKB5vmN0.js.map} +1 -1
  38. package/dist/components/{p-536_b1gw.js → p-CzpMi2Ey.js} +4 -4
  39. package/dist/components/{p-536_b1gw.js.map → p-CzpMi2Ey.js.map} +1 -1
  40. package/dist/components/{p-DG_7DZUp.js → p-DHGN0L71.js} +3 -3
  41. package/dist/components/{p-DG_7DZUp.js.map → p-DHGN0L71.js.map} +1 -1
  42. package/dist/components/{p-D79gnPMN.js → p-DNZe5Vow.js} +4 -4
  43. package/dist/components/{p-D79gnPMN.js.map → p-DNZe5Vow.js.map} +1 -1
  44. package/dist/components/{p-BB1gga7T.js → p-Di0-lmQZ.js} +13 -15
  45. package/dist/components/p-Di0-lmQZ.js.map +1 -0
  46. package/dist/components/{p-DJbdxVvB.js → p-Js2rzLFz.js} +3 -3
  47. package/dist/components/{p-DJbdxVvB.js.map → p-Js2rzLFz.js.map} +1 -1
  48. package/dist/components/{p-DT3Yi5-d.js → p-Mq8AbEzG.js} +3 -3
  49. package/dist/components/p-Mq8AbEzG.js.map +1 -0
  50. package/dist/components/{p-BhZ1P8SA.js → p-UTnw0K3Z.js} +3 -3
  51. package/dist/components/{p-BhZ1P8SA.js.map → p-UTnw0K3Z.js.map} +1 -1
  52. package/dist/components/{p-CcTDzUFP.js → p-mrbNXdaC.js} +4 -4
  53. package/dist/components/{p-CcTDzUFP.js.map → p-mrbNXdaC.js.map} +1 -1
  54. package/dist/docs.json +3 -3
  55. package/dist/esm/{gb-action-panel_72.entry.js → gb-action-panel_76.entry.js} +153 -17
  56. package/dist/esm/gb-horizontal-tabs.entry.js +96 -96
  57. package/dist/esm/gb-horizontal-tabs.entry.js.map +1 -1
  58. package/dist/esm/globuscomponents.js +1 -1
  59. package/dist/esm/loader.js +1 -1
  60. package/dist/globuscomponents/assets/database_entire_data.svg +3 -0
  61. package/dist/globuscomponents/assets/filter_filtered_data.svg +3 -0
  62. package/dist/globuscomponents/assets/laptop_data_on_view.svg +3 -0
  63. package/dist/globuscomponents/gb-horizontal-tabs.entry.esm.js.map +1 -1
  64. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  65. package/dist/globuscomponents/{p-09483955.entry.js → p-2c0e4236.entry.js} +2 -2
  66. package/dist/globuscomponents/p-2c0e4236.entry.js.map +1 -0
  67. package/dist/globuscomponents/{p-d809bb24.entry.js → p-dbffdab7.entry.js} +2 -2
  68. package/dist/globuscomponents/p-dbffdab7.entry.js.map +1 -0
  69. package/dist/types/components.d.ts +2 -2
  70. package/package.json +1 -1
  71. package/dist/cjs/gb-comment-item.cjs.entry.js +0 -27
  72. package/dist/cjs/gb-comment-item.entry.cjs.js.map +0 -1
  73. package/dist/cjs/gb-comment.cjs.entry.js +0 -82
  74. package/dist/cjs/gb-comment.entry.cjs.js.map +0 -1
  75. package/dist/cjs/gb-metric-card.cjs.entry.js +0 -25
  76. package/dist/cjs/gb-metric-card.entry.cjs.js.map +0 -1
  77. package/dist/cjs/gb-metric-featured-icon.cjs.entry.js +0 -28
  78. package/dist/cjs/gb-metric-featured-icon.entry.cjs.js.map +0 -1
  79. package/dist/components/p-BB1gga7T.js.map +0 -1
  80. package/dist/components/p-DT3Yi5-d.js.map +0 -1
  81. package/dist/esm/gb-comment-item.entry.js +0 -25
  82. package/dist/esm/gb-comment-item.entry.js.map +0 -1
  83. package/dist/esm/gb-comment.entry.js +0 -80
  84. package/dist/esm/gb-comment.entry.js.map +0 -1
  85. package/dist/esm/gb-metric-card.entry.js +0 -23
  86. package/dist/esm/gb-metric-card.entry.js.map +0 -1
  87. package/dist/esm/gb-metric-featured-icon.entry.js +0 -26
  88. package/dist/esm/gb-metric-featured-icon.entry.js.map +0 -1
  89. package/dist/globuscomponents/gb-comment-item.entry.esm.js.map +0 -1
  90. package/dist/globuscomponents/gb-comment.entry.esm.js.map +0 -1
  91. package/dist/globuscomponents/gb-metric-card.entry.esm.js.map +0 -1
  92. package/dist/globuscomponents/gb-metric-featured-icon.entry.esm.js.map +0 -1
  93. package/dist/globuscomponents/p-09483955.entry.js.map +0 -1
  94. package/dist/globuscomponents/p-b1c50349.entry.js +0 -2
  95. package/dist/globuscomponents/p-b1c50349.entry.js.map +0 -1
  96. package/dist/globuscomponents/p-ba3a30ba.entry.js +0 -2
  97. package/dist/globuscomponents/p-ba3a30ba.entry.js.map +0 -1
  98. package/dist/globuscomponents/p-bcb42b20.entry.js +0 -2
  99. package/dist/globuscomponents/p-bcb42b20.entry.js.map +0 -1
  100. package/dist/globuscomponents/p-d809bb24.entry.js.map +0 -1
  101. package/dist/globuscomponents/p-e447025f.entry.js +0 -2
  102. package/dist/globuscomponents/p-e447025f.entry.js.map +0 -1
package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js CHANGED
@@ -4,101 +4,101 @@ export class GbHorizontalTabs {
4
4
  this.fullWidth = false;
5
5
  this.badge = false;
6
6
  this.tabs = [
7
- {
8
- name: 'First',
9
- index: 0,
10
- badgeCount: '5',
11
- },
12
- {
13
- name: 'Second',
14
- index: 1,
15
- badgeCount: '10',
16
- },
17
- {
18
- name: 'Second',
19
- index: 1,
20
- badgeCount: '10',
21
- },
22
- {
23
- name: 'Second',
24
- index: 1,
25
- badgeCount: '10',
26
- },
27
- {
28
- name: 'Second',
29
- index: 1,
30
- badgeCount: '10',
31
- },
32
- {
33
- name: 'Second',
34
- index: 1,
35
- badgeCount: '10',
36
- },
37
- {
38
- name: 'Second',
39
- index: 1,
40
- badgeCount: '10',
41
- },
42
- {
43
- name: 'Second',
44
- index: 1,
45
- badgeCount: '10',
46
- },
47
- {
48
- name: 'Second',
49
- index: 1,
50
- badgeCount: '10',
51
- },
52
- {
53
- name: 'Second',
54
- index: 1,
55
- badgeCount: '10',
56
- },
57
- {
58
- name: 'Second',
59
- index: 1,
60
- badgeCount: '10',
61
- },
62
- {
63
- name: 'Second',
64
- index: 1,
65
- badgeCount: '10',
66
- },
67
- {
68
- name: 'Second',
69
- index: 1,
70
- badgeCount: '10',
71
- },
72
- {
73
- name: 'Second',
74
- index: 1,
75
- badgeCount: '10',
76
- },
77
- {
78
- name: 'Second',
79
- index: 1,
80
- badgeCount: '10',
81
- },
82
- {
83
- name: 'Second',
84
- index: 1,
85
- badgeCount: '10',
86
- },
87
- {
88
- name: 'Second',
89
- index: 1,
90
- badgeCount: '10',
91
- },
92
- {
93
- name: 'Second',
94
- index: 1,
95
- badgeCount: '10',
96
- },
97
- {
98
- name: 'Second',
99
- index: 1,
100
- badgeCount: '10',
101
- },
7
+ // {
8
+ // name: 'First',
9
+ // index: 0,
10
+ // badgeCount: '5',
11
+ // },
12
+ // {
13
+ // name: 'Second',
14
+ // index: 1,
15
+ // badgeCount: '10',
16
+ // },
17
+ // {
18
+ // name: 'Second',
19
+ // index: 1,
20
+ // badgeCount: '10',
21
+ // },
22
+ // {
23
+ // name: 'Second',
24
+ // index: 1,
25
+ // badgeCount: '10',
26
+ // },
27
+ // {
28
+ // name: 'Second',
29
+ // index: 1,
30
+ // badgeCount: '10',
31
+ // },
32
+ // {
33
+ // name: 'Second',
34
+ // index: 1,
35
+ // badgeCount: '10',
36
+ // },
37
+ // {
38
+ // name: 'Second',
39
+ // index: 1,
40
+ // badgeCount: '10',
41
+ // },
42
+ // {
43
+ // name: 'Second',
44
+ // index: 1,
45
+ // badgeCount: '10',
46
+ // },
47
+ // {
48
+ // name: 'Second',
49
+ // index: 1,
50
+ // badgeCount: '10',
51
+ // },
52
+ // {
53
+ // name: 'Second',
54
+ // index: 1,
55
+ // badgeCount: '10',
56
+ // },
57
+ // {
58
+ // name: 'Second',
59
+ // index: 1,
60
+ // badgeCount: '10',
61
+ // },
62
+ // {
63
+ // name: 'Second',
64
+ // index: 1,
65
+ // badgeCount: '10',
66
+ // },
67
+ // {
68
+ // name: 'Second',
69
+ // index: 1,
70
+ // badgeCount: '10',
71
+ // },
72
+ // {
73
+ // name: 'Second',
74
+ // index: 1,
75
+ // badgeCount: '10',
76
+ // },
77
+ // {
78
+ // name: 'Second',
79
+ // index: 1,
80
+ // badgeCount: '10',
81
+ // },
82
+ // {
83
+ // name: 'Second',
84
+ // index: 1,
85
+ // badgeCount: '10',
86
+ // },
87
+ // {
88
+ // name: 'Second',
89
+ // index: 1,
90
+ // badgeCount: '10',
91
+ // },
92
+ // {
93
+ // name: 'Second',
94
+ // index: 1,
95
+ // badgeCount: '10',
96
+ // },
97
+ // {
98
+ // name: 'Second',
99
+ // index: 1,
100
+ // badgeCount: '10',
101
+ // },
102
102
  ];
103
103
  this.internalTabs = [...this.tabs];
104
104
  this.internalActiveIndex = 0;
@@ -147,7 +147,7 @@ export class GbHorizontalTabs {
147
147
  this.tabItemClicked.emit(index);
148
148
  }
149
149
  render() {
150
- return (h("div", { key: '6a6bb350ce2d79b6c6049690052ccb89d0f392f6', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (h("div", { key: 'b20ed5608cc0c4af69f27edfb5d3cd0be076836b', class: "scroll_button_div left" }, h("div", { key: 'f6f0421dcfded035250707ed8390f2c94b1adb31', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '6cb53df32fd816055a1ecb81e564140188ca51a5', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '01dd0ad7c4129d2b209e362da235ba6c712ee2ea', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: 'cc436171218779cfb38d2acdb1cd0a78bb3ea5b2', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, h("div", { key: '2cb15ca00a2fd8b3d14cbeed3ae3e34eab28fb0e', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: '32763bc9596cae499b98a6b39fa4f208301e502b', class: "scroll_button_div right" }, h("div", { key: '4cc78902b66877f3716d0cff2784b1387de06c4c', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '8268d836a194460188e10554036c3b5424931ea5', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '36467ec4fa01a054f3bd9a8dcdf102935e57c57d', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
150
+ return (h("div", { key: '5e49811e60310c5536afef24cfedcf289ea3cd23', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (h("div", { key: 'fe0a8438451f5373d8abd379d9721014045a004a', class: "scroll_button_div left" }, h("div", { key: '11c8fb40aeebee7c40df34c0d963418b44cf5a3b', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '8d5c8fb3449d86ef6a5bd71e64175b6cc59ecf36', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'a6e39c30e8e2227e6c82def7f9b8d2f5a8e5b3b2', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '661eba1755d414349613bf7efa0d09a4a4ab57cd', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, h("div", { key: '4d51cf96f456f7c82da15b81d28284e2184e3c36', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: 'e47547300f16a1b3705013b50e5b44ae3d20f7bf', class: "scroll_button_div right" }, h("div", { key: '75a0024921960c1b93697e102147c811cf2b89d7', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '675c14311c22f55e2a8b664bf37231f255a2814a', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '736d0b845249d0585cae01128e0a57d62f6d6a12', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
151
151
  }
152
152
  static get is() { return "gb-horizontal-tabs"; }
153
153
  static get encapsulation() { return "shadow"; }
@@ -288,7 +288,7 @@ export class GbHorizontalTabs {
288
288
  },
289
289
  "getter": false,
290
290
  "setter": false,
291
- "defaultValue": "[\r\n {\r\n name: 'First',\r\n index: 0,\r\n badgeCount: '5',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n ]"
291
+ "defaultValue": "[\r\n // {\r\n // name: 'First',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ]"
292
292
  }
293
293
  };
294
294
  }
package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n {\r\n name: 'First',\r\n index: 0,\r\n badgeCount: '5',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\r\n }\r\n\r\n scrollLeft() {\r\n this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n }\r\n\r\n scrollRight() {\r\n this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n }\r\n\r\n handleScroll() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n }\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('resize', this.updateScrollButtons.bind(this));\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"horizontal_tab_div_wrapper\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button_div left\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n </div>\r\n {this.showRightButton && (\r\n <div class=\"scroll_button_div right\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1
+ {"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n // {\r\n // name: 'First',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\r\n }\r\n\r\n scrollLeft() {\r\n this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n }\r\n\r\n scrollRight() {\r\n this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n }\r\n\r\n handleScroll() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n }\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('resize', this.updateScrollButtons.bind(this));\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"horizontal_tab_div_wrapper\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button_div left\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n </div>\r\n {this.showRightButton && (\r\n <div class=\"scroll_button_div right\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
package/dist/collection/components/gb-metric-card/gb-metric-card.css CHANGED
@@ -2784,6 +2784,7 @@
2784
2784
  } */
2785
2785
 
2786
2786
  .metric_card_wrapper {
2787
+ box-sizing: border-box;
2787
2788
  width: 100%;
2788
2789
  display: flex;
2789
2790
  flex-direction: column;
package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.css CHANGED
@@ -2998,7 +2998,7 @@
2998
2998
  .icon.colored_background.default g.has_opacity,
2999
2999
  .icon.colored_background.default circle.has_opacity {
3000
3000
  opacity: 0;
3001
- }
3001
+ }
3002
3002
 
3003
3003
  .icon.plain_background.active path.has_opacity,
3004
3004
  .icon.plain_background.active g.has_opacity,
package/dist/components/gb-approval-modal.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-C0GSXbma.js';
2
2
  import { d as defineCustomElement$j } from './p-DzWMYldJ.js';
3
3
  import { d as defineCustomElement$i } from './p-Dpfhn3mW.js';
4
- import { d as defineCustomElement$h } from './p-BB1gga7T.js';
4
+ import { d as defineCustomElement$h } from './p-Di0-lmQZ.js';
5
5
  import { d as defineCustomElement$g } from './p-DUZw8PGP.js';
6
6
  import { d as defineCustomElement$f } from './p-zUbXw_d0.js';
7
7
  import { d as defineCustomElement$e } from './p-DJo7bchc.js';
package/dist/components/gb-avatar-dropdown.js CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GbAvatarDropdown$1, d as defineCustomElement$1 } from './p-BhZ1P8SA.js';
1
+ import { G as GbAvatarDropdown$1, d as defineCustomElement$1 } from './p-UTnw0K3Z.js';
2
2
 
3
3
  const GbAvatarDropdown = GbAvatarDropdown$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/gb-badge.js CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GbBadges, d as defineCustomElement$1 } from './p-BB1gga7T.js';
1
+ import { G as GbBadges, d as defineCustomElement$1 } from './p-Di0-lmQZ.js';
2
2
 
3
3
  const GbBadge = GbBadges;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/gb-detail-cell.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-C0GSXbma.js';
2
2
  import { d as defineCustomElement$9 } from './p-DzWMYldJ.js';
3
3
  import { d as defineCustomElement$8 } from './p-Dpfhn3mW.js';
4
- import { d as defineCustomElement$7 } from './p-BB1gga7T.js';
4
+ import { d as defineCustomElement$7 } from './p-Di0-lmQZ.js';
5
5
  import { d as defineCustomElement$6 } from './p-DUZw8PGP.js';
6
6
  import { d as defineCustomElement$5 } from './p-zUbXw_d0.js';
7
7
  import { d as defineCustomElement$4 } from './p-BaTFuPA8.js';
package/dist/components/gb-export-dropdown.js CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GbExportDropdown$1, d as defineCustomElement$1 } from './p-CcTDzUFP.js';
1
+ import { G as GbExportDropdown$1, d as defineCustomElement$1 } from './p-mrbNXdaC.js';
2
2
 
3
3
  const GbExportDropdown = GbExportDropdown$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/gb-export-sub-dropdown-item.js CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GbExportSubDropdownItem$1, d as defineCustomElement$1 } from './p-DT3Yi5-d.js';
1
+ import { G as GbExportSubDropdownItem$1, d as defineCustomElement$1 } from './p-Mq8AbEzG.js';
2
2
 
3
3
  const GbExportSubDropdownItem = GbExportSubDropdownItem$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/gb-export-sub-dropdown.js CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GbExportSubDropdown$1, d as defineCustomElement$1 } from './p-B6Z1If-j.js';
1
+ import { G as GbExportSubDropdown$1, d as defineCustomElement$1 } from './p-BKB5vmN0.js';
2
2
 
3
3
  const GbExportSubDropdown = GbExportSubDropdown$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/gb-filter-button.js CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GbFilterButton$1, d as defineCustomElement$1 } from './p-DG_7DZUp.js';
1
+ import { G as GbFilterButton$1, d as defineCustomElement$1 } from './p-DHGN0L71.js';
2
2
 
3
3
  const GbFilterButton = GbFilterButton$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/gb-header.js CHANGED
@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, g as getAssetPath, h } fr
2
2
  import { S as StateEnum } from './p-cHn6O-Kf.js';
3
3
  import { d as defineCustomElement$s } from './p-DzWMYldJ.js';
4
4
  import { d as defineCustomElement$r } from './p-Dpfhn3mW.js';
5
- import { d as defineCustomElement$q } from './p-BhZ1P8SA.js';
5
+ import { d as defineCustomElement$q } from './p-UTnw0K3Z.js';
6
6
  import { d as defineCustomElement$p } from './p-BM7k30uX.js';
7
- import { d as defineCustomElement$o } from './p-BB1gga7T.js';
7
+ import { d as defineCustomElement$o } from './p-Di0-lmQZ.js';
8
8
  import { d as defineCustomElement$n } from './p-DUZw8PGP.js';
9
9
  import { d as defineCustomElement$m } from './p-2MbU-WnE.js';
10
10
  import { d as defineCustomElement$l } from './p-zUbXw_d0.js';