@sapudex/web-components 0.230.1 → 0.230.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 (70) hide show
  1. package/dist/MastheadCountrySelector.d.ts +6 -0
  2. package/dist/MastheadCountrySelector.js +26 -3
  3. package/dist/MastheadCountrySelector.js.map +1 -1
  4. package/dist/MastheadItem.d.ts +21 -0
  5. package/dist/MastheadItem.js +23 -5
  6. package/dist/MastheadItem.js.map +1 -1
  7. package/dist/MastheadMenu.d.ts +3 -0
  8. package/dist/MastheadMenu.js +9 -0
  9. package/dist/MastheadMenu.js.map +1 -1
  10. package/dist/MastheadMenuItem.d.ts +1 -1
  11. package/dist/MastheadMenuItem.js +1 -1
  12. package/dist/MastheadMenuItem.js.map +1 -1
  13. package/dist/MastheadMobileMenu.d.ts +4 -0
  14. package/dist/MastheadMobileMenu.js +25 -2
  15. package/dist/MastheadMobileMenu.js.map +1 -1
  16. package/dist/MastheadProfileMenu.d.ts +4 -4
  17. package/dist/MastheadProfileMenu.js +22 -0
  18. package/dist/MastheadProfileMenu.js.map +1 -1
  19. package/dist/MastheadShell.d.ts +18 -0
  20. package/dist/MastheadShell.js +32 -17
  21. package/dist/MastheadShell.js.map +1 -1
  22. package/dist/assets/{bundle.esm-9c2eba44.js → bundle.esm-edd066ac.js} +197 -197
  23. package/dist/assets/messagebundle_en-d0c2d2d4.js +1 -0
  24. package/dist/css/themes/RatingIndicator.css +1 -1
  25. package/dist/css/themes/Slider.css +1 -1
  26. package/dist/css/themes/TabInOverflow.css +1 -1
  27. package/dist/custom-elements-internal.json +93 -60
  28. package/dist/custom-elements.json +92 -60
  29. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  30. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  31. package/dist/generated/i18n/i18n-defaults.js +2 -1
  32. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  33. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +1 -1
  34. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
  35. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +8 -8
  36. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
  37. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  38. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  39. package/dist/generated/themes/Slider.css.js +1 -1
  40. package/dist/generated/themes/Slider.css.js.map +1 -1
  41. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  42. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  43. package/dist/i18n/messagebundle.properties +3 -0
  44. package/dist/i18n/messagebundle_en.properties +1 -0
  45. package/dist/types/AnalyticsName.d.ts +5 -0
  46. package/dist/types/AnalyticsName.js +7 -0
  47. package/dist/types/AnalyticsName.js.map +1 -0
  48. package/dist/vscode.html-custom-data.json +5 -0
  49. package/dist/web-types.json +11 -1
  50. package/package.json +1 -1
  51. package/src/MastheadCountrySelector.ts +31 -4
  52. package/src/MastheadItem.ts +35 -10
  53. package/src/MastheadMenu.ts +11 -1
  54. package/src/MastheadMenuItem.hbs +1 -1
  55. package/src/MastheadMenuItem.ts +2 -2
  56. package/src/MastheadMobileMenu.hbs +8 -8
  57. package/src/MastheadMobileMenu.ts +29 -3
  58. package/src/MastheadProfileMenu.ts +29 -8
  59. package/src/MastheadShell.ts +34 -17
  60. package/src/generated/i18n/i18n-defaults.ts +2 -2
  61. package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +1 -1
  62. package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +8 -8
  63. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  64. package/src/generated/themes/Slider.css.ts +1 -1
  65. package/src/generated/themes/TabInOverflow.css.ts +1 -1
  66. package/src/i18n/messagebundle.properties +3 -0
  67. package/src/i18n/messagebundle_en.properties +1 -0
  68. package/src/themes/TabInOverflow.css +1 -1
  69. package/src/types/AnalyticsName.ts +6 -0
  70. package/dist/assets/messagebundle_en-f0b5e0d9.js +0 -1
@@ -11,7 +11,7 @@ import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
11
11
  import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
12
12
  import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
13
13
  import {
14
- OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, SUPPORT,
14
+ OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, SUPPORT, SEARCH,
15
15
  } from "./generated/i18n/i18n-defaults.js";
16
16
  import UDExMastheadMenu from "./MastheadMenu.js";
17
17
  import UDExAvatar from "./Avatar.js";
@@ -20,6 +20,8 @@ import UDExMastheadShell from "./MastheadShell.js";
20
20
  import MastheadItemTemplate from "./generated/templates/MastheadItemTemplate.lit.js";
21
21
  import { Target } from "./types/common.js";
22
22
  import { BreakpointUtils } from "./utils/Breakpoints.js";
23
+ import AnalyticsName from "./types/AnalyticsName.js";
24
+
23
25
  // Styles
24
26
  import MastheadItemCss from "./generated/themes/MastheadItem.css.js";
25
27
 
@@ -56,11 +58,14 @@ export type MenuItem = {
56
58
  export type ItemClickEventDetail = {
57
59
  originalEvent: Event,
58
60
  item: UDExMastheadItem,
61
+ analyticsName: AnalyticsName,
62
+ sourceNode: HTMLElement,
59
63
  }
60
64
 
61
65
  export type DropdownEventDetail = {
62
66
  title: string,
63
67
  action: DropdownItemAction,
68
+ analyticsName: AnalyticsName,
64
69
  }
65
70
 
66
71
  export const DropdownBaseEventDetail = {
@@ -78,6 +83,12 @@ export const ItemBaseEvent = {
78
83
  originalEvent: {
79
84
  type: Event,
80
85
  },
86
+ analyticsName: {
87
+ type: AnalyticsName,
88
+ },
89
+ sourceNode: {
90
+ type: HTMLElement,
91
+ },
81
92
  },
82
93
  };
83
94
 
@@ -98,6 +109,7 @@ export const ItemBaseEvent = {
98
109
  * @extends UI5Element
99
110
  * @public
100
111
  */
112
+
101
113
  @customElement({
102
114
  tag: "udex-masthead-item",
103
115
  renderer: litRender,
@@ -266,6 +278,14 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
266
278
  @property({ type: Boolean })
267
279
  _isMobileMode!: boolean;
268
280
 
281
+ /**
282
+ * Defines the label for analytics
283
+ *
284
+ * @public
285
+ */
286
+ @property({ type: String })
287
+ label!: string;
288
+
269
289
  /**
270
290
  * Slot for the dropdown
271
291
  *
@@ -300,6 +320,10 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
300
320
  }
301
321
  }
302
322
 
323
+ onBeforeRendering(): void {
324
+ this.label = this.eventItemTitle;
325
+ }
326
+
303
327
  onAfterRendering(): void {
304
328
  this._profileAvatar = this.profileAvatar;
305
329
  this._mastheadShell = this.mastheadShell;
@@ -386,17 +410,19 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
386
410
  }
387
411
 
388
412
  fireDropdownCloseEvent(title: string, action: DropdownItemAction): void {
389
- this.fireEvent<DropdownEventDetail>("dropdown-closed", { title, action });
413
+ this.fireEvent<DropdownEventDetail>("dropdown-closed", { title, action, analyticsName: AnalyticsName.Header });
390
414
  }
391
415
 
392
416
  fireDropdownOpenEvent(title: string, action: DropdownItemAction): void {
393
- this.fireEvent<DropdownEventDetail>("dropdown-opened", { title, action });
417
+ this.fireEvent<DropdownEventDetail>("dropdown-opened", { title, action, analyticsName: AnalyticsName.Header });
394
418
  }
395
419
 
396
420
  fireItemClickEvent(e: Event): void {
397
421
  this.fireEvent<ItemClickEventDetail>("item-click", {
398
422
  item: this,
399
423
  originalEvent: e,
424
+ analyticsName: AnalyticsName.Header,
425
+ sourceNode: e.currentTarget as HTMLElement,
400
426
  });
401
427
  }
402
428
 
@@ -541,6 +567,10 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
541
567
  return this.getAttribute("slot") === "cart";
542
568
  }
543
569
 
570
+ get isSearchBtn(): boolean {
571
+ return this.icon === "search";
572
+ }
573
+
544
574
  get isSupportBtn(): boolean {
545
575
  return this.getAttribute("slot") === "support";
546
576
  }
@@ -560,24 +590,19 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
560
590
  get openInNewWindowText(): string {
561
591
  return UDExMastheadItem.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);
562
592
  }
563
-
564
593
  get eventItemTitle(): string {
565
- if (this.accessibleName) {
566
- return this.accessibleName.trim();
594
+ if (this.isSearchBtn) {
595
+ return UDExMastheadItem.i18nBundle.getText(SEARCH);
567
596
  }
568
-
569
597
  if (this.isCartBtn) {
570
598
  return UDExMastheadItem.i18nBundle.getText(CART);
571
599
  }
572
-
573
600
  if (this.isProfileBtn) {
574
601
  return UDExMastheadItem.i18nBundle.getText(PROFILE);
575
602
  }
576
-
577
603
  if (this.isCountrySelectorBtn) {
578
604
  return UDExMastheadItem.i18nBundle.getText(COUNTRY_SELECTOR);
579
605
  }
580
-
581
606
  if (this.isSupportBtn) {
582
607
  return UDExMastheadItem.i18nBundle.getText(SUPPORT);
583
608
  }
@@ -11,6 +11,7 @@ import UDExBadge from "./Badge.js";
11
11
  import UDExMastheadMenuItem, { ItemType } from "./MastheadMenuItem.js";
12
12
  import UDExDivider from "./Divider.js";
13
13
  import MastheadMenuTemplate from "./generated/templates/MastheadMenuTemplate.lit.js";
14
+ import AnalyticsName from "./types/AnalyticsName.js";
14
15
 
15
16
  // Styles
16
17
  import MastheadMenuCss from "./generated/themes/MastheadMenu.css.js";
@@ -38,6 +39,8 @@ export type MenuItemClickEventDetail = {
38
39
  category?: string,
39
40
  originalEvent: Event,
40
41
  item: UDExMastheadMenuItem,
42
+ analyticsName: AnalyticsName,
43
+ sourceNode: HTMLElement,
41
44
  }
42
45
 
43
46
  /**
@@ -82,6 +85,12 @@ export type MenuItemClickEventDetail = {
82
85
  originalEvent: {
83
86
  type: Event,
84
87
  },
88
+ analyticsName: {
89
+ type: AnalyticsName,
90
+ },
91
+ sourceNode: {
92
+ type: HTMLElement,
93
+ },
85
94
  },
86
95
  })
87
96
 
@@ -136,10 +145,11 @@ class UDExMastheadMenu extends UI5Element {
136
145
  handleMenuItemClick(e: Event): void {
137
146
  const item = e.target as UDExMastheadMenuItem;
138
147
  const { url, type } = item;
139
-
140
148
  if (url?.length) {
141
149
  const list = item.closest(".udex-masthead-menu__list") as HTMLElement;
142
150
  this.fireEvent<MenuItemClickEventDetail>("menu-item-click", {
151
+ sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
152
+ analyticsName: AnalyticsName.Header,
143
153
  item,
144
154
  originalEvent: e,
145
155
  ...(type !== ItemType.Heading && { category: list?.getAttribute("category") || "" }),
@@ -41,7 +41,7 @@
41
41
  class="udex-masthead-menu-item {{rootClass}}"
42
42
  part="menu-item-button"
43
43
  aria-haspopup="{{ariaHasPopup}}"
44
- role="button"
44
+ role="{{accessibleRoleText}}"
45
45
  tabindex="{{_tabIndex}}">
46
46
  {{#if iconStart}}
47
47
  {{>arrow-left}}
@@ -226,8 +226,8 @@ class UDExMastheadMenuItem extends UI5Element {
226
226
  return this.externalLink ? "new-win-desc" : null;
227
227
  }
228
228
 
229
- get accessibleRoleText(): string | null {
230
- return this.accessibleRole ? this.accessibleRole : null;
229
+ get accessibleRoleText(): string {
230
+ return this.accessibleRole ? this.accessibleRole : "menuitem";
231
231
  }
232
232
 
233
233
  get partAttr(): string {
@@ -10,7 +10,7 @@
10
10
  {{>nav-items}}
11
11
  {{/if}}
12
12
  {{#if _showCategories}}
13
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
13
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
14
14
  {{#if _hideExploreSapBtn}}
15
15
  <udex-masthead-menu-item
16
16
  class="udex-masthead-mobile-menu__back-item"
@@ -45,7 +45,7 @@
45
45
  {{>categories}}
46
46
  {{/if}}
47
47
  {{#if _showCategoryItems}}
48
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
48
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
49
49
  <udex-masthead-menu-item
50
50
  class="udex-masthead-mobile-menu__back-item"
51
51
  @click="{{handleBackToCategories}}"
@@ -78,7 +78,7 @@
78
78
 
79
79
  {{#*inline "nav-items"}}
80
80
  {{#each items}}
81
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
81
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
82
82
  {{#if this.subItems}}
83
83
  <udex-masthead-menu-item
84
84
  @click="{{../handleMenuItemClick}}"
@@ -105,7 +105,7 @@
105
105
 
106
106
  {{#*inline "categories"}}
107
107
  {{#if _clickedItem.href}}
108
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
108
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
109
109
  <udex-masthead-menu-item
110
110
  url="{{_clickedItem.href}}"
111
111
  label="{{overviewLinkText}}"
@@ -116,7 +116,7 @@
116
116
  {{/if}}
117
117
  {{#each _categories}}
118
118
  {{#if this.category}}
119
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
119
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
120
120
  <udex-masthead-menu-item
121
121
  @click="{{../handleMenuCategoryClick}}"
122
122
  url="{{this.url}}"
@@ -131,7 +131,7 @@
131
131
  </li>
132
132
  {{else}}
133
133
  {{#each this.items}}
134
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
134
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
135
135
  <udex-masthead-menu-item
136
136
  @click="{{../handleMobileItemEvent}}"
137
137
  url="{{this.url}}"
@@ -146,7 +146,7 @@
146
146
 
147
147
  {{#*inline "category-items"}}
148
148
  {{#if _category.url}}
149
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
149
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
150
150
  <udex-masthead-menu-item
151
151
  @click="{{../handleMobileCategoryItemEvent}}"
152
152
  url="{{this._category.url}}"
@@ -157,7 +157,7 @@
157
157
  {{/if}}
158
158
  {{#each _category.items}}
159
159
  {{#if this.url}}
160
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
160
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
161
161
  <udex-masthead-menu-item
162
162
  @click="{{../handleMobileCategoryItemEvent}}"
163
163
  label="{{this.title}}"
@@ -12,8 +12,8 @@ import {
12
12
  import UDExMastheadItem, { MenuItem, SubMenuLinkItem } from "./MastheadItem.js";
13
13
  import UDExMastheadMenuItem, { ItemType } from "./MastheadMenuItem.js";
14
14
  import { OVERVIEW } from "./generated/i18n/i18n-defaults.js";
15
-
16
15
  import MastheadMobileMenuTemplate from "./generated/templates/MastheadMobileMenuTemplate.lit.js";
16
+ import AnalyticsName from "./types/AnalyticsName.js";
17
17
 
18
18
  // Styles
19
19
  import MastheadMobileMenuCss from "./generated/themes/MastheadMobileMenu.css.js";
@@ -23,6 +23,8 @@ export type MobileItemClickEventDetail = {
23
23
  isMobile: boolean,
24
24
  originalEvent: Event,
25
25
  item: UDExMastheadMenuItem,
26
+ analyticsName: AnalyticsName,
27
+ sourceNode: HTMLElement,
26
28
  }
27
29
 
28
30
  /**
@@ -64,6 +66,12 @@ export type MobileItemClickEventDetail = {
64
66
  originalEvent: {
65
67
  type: Event,
66
68
  },
69
+ analyticsName: {
70
+ type: AnalyticsName,
71
+ },
72
+ sourceNode: {
73
+ type: HTMLElement,
74
+ },
67
75
  },
68
76
  })
69
77
 
@@ -78,6 +86,12 @@ export type MobileItemClickEventDetail = {
78
86
  originalEvent: {
79
87
  type: Event,
80
88
  },
89
+ analyticsName: {
90
+ type: AnalyticsName,
91
+ },
92
+ sourceNode: {
93
+ type: HTMLElement,
94
+ },
81
95
  },
82
96
  })
83
97
 
@@ -160,7 +174,7 @@ class UDExMastheadMobileMenu extends UI5Element {
160
174
  e.preventDefault();
161
175
  this.openExploreSapMenu(e);
162
176
  this.setFocusItemByIndex(0);
163
- this.fireEvent("explorer-menu-click", { originalEvent: e });
177
+ this.fireExploreSapMobileButton(e);
164
178
  }
165
179
 
166
180
  handleBackToMenuItems(e: Event) {
@@ -420,14 +434,26 @@ class UDExMastheadMobileMenu extends UI5Element {
420
434
  }
421
435
 
422
436
  fireMobileItemEvent(e: Event, category?: string) {
437
+ const item = e.target as UDExMastheadMenuItem;
438
+
423
439
  this.fireEvent<MobileItemClickEventDetail>("item-click", {
424
440
  ...(category && { category }),
425
441
  isMobile: true,
426
- item: e.target as UDExMastheadMenuItem,
442
+ item,
427
443
  originalEvent: e,
444
+ analyticsName: AnalyticsName.Header,
445
+ sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
428
446
  }, true, false);
429
447
  }
430
448
 
449
+ fireExploreSapMobileButton(e: Event) {
450
+ this.fireEvent("explorer-menu-click", {
451
+ originalEvent: e,
452
+ analyticsName: AnalyticsName.Header,
453
+ sourceNode: (e.target as HTMLElement).shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
454
+ });
455
+ }
456
+
431
457
  setFocusItemByIndex(index: number) {
432
458
  this._shouldFocusItemByIndex = true;
433
459
  this._focusedItemIndex = index;
@@ -10,6 +10,7 @@ import { LOGOUT } from "./generated/i18n/i18n-defaults.js";
10
10
  import UDExMastheadMenu from "./MastheadMenu.js";
11
11
  import MastheadProfileMenuTemplate from "./generated/templates/MastheadProfileMenuTemplate.lit.js";
12
12
  import UDExMastheadMenuItem from "./MastheadMenuItem.js";
13
+ import AnalyticsName from "./types/AnalyticsName.js";
13
14
 
14
15
  // Styles
15
16
  import MastheadProfileMenuCss from "./generated/themes/MastheadProfileMenu.css.js";
@@ -22,13 +23,11 @@ interface UserData {
22
23
  avatarInitials?: string
23
24
  }
24
25
 
25
- export type LogoutClickEventDetail = {
26
- originalEvent: Event,
27
- }
28
-
29
- export type ProfileMenuItemClickEventDetail = {
30
- item: UDExMastheadMenuItem,
26
+ export type UDExProfileClickEventDetail = {
31
27
  originalEvent: Event,
28
+ analyticsName: AnalyticsName,
29
+ item: UDExMastheadMenuItem
30
+ sourceNode: HTMLElement,
32
31
  }
33
32
 
34
33
  /**
@@ -65,6 +64,15 @@ export type ProfileMenuItemClickEventDetail = {
65
64
  originalEvent: {
66
65
  type: Event,
67
66
  },
67
+ analyticsName: {
68
+ type: AnalyticsName,
69
+ },
70
+ item: {
71
+ type: HTMLElement,
72
+ },
73
+ sourceNode: {
74
+ type: HTMLElement,
75
+ },
68
76
  },
69
77
  })
70
78
 
@@ -81,6 +89,12 @@ export type ProfileMenuItemClickEventDetail = {
81
89
  originalEvent: {
82
90
  type: Event,
83
91
  },
92
+ analyticsName: {
93
+ type: AnalyticsName,
94
+ },
95
+ sourceNode: {
96
+ type: HTMLElement,
97
+ },
84
98
  },
85
99
  })
86
100
 
@@ -135,17 +149,24 @@ class UDExMastheadProfileMenu extends UI5Element {
135
149
  }
136
150
 
137
151
  handleUserLogoutItemClick(e: Event): void {
138
- this.fireEvent<LogoutClickEventDetail>("logout", {
152
+ const item = e.target as UDExMastheadMenuItem;
153
+
154
+ this.fireEvent<UDExProfileClickEventDetail>("logout", {
155
+ item,
156
+ sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
139
157
  originalEvent: e,
158
+ analyticsName: AnalyticsName.Header,
140
159
  });
141
160
  }
142
161
 
143
162
  handleProfileMenuItemClick(e: CustomEvent): void {
144
163
  const { item, originalEvent } = e.detail;
145
164
 
146
- this.fireEvent<ProfileMenuItemClickEventDetail>("profile-item-click", {
165
+ this.fireEvent<UDExProfileClickEventDetail>("profile-item-click", {
147
166
  item,
148
167
  originalEvent,
168
+ analyticsName: AnalyticsName.Header,
169
+ sourceNode: item.shadowRoot.querySelector(".udex-masthead-menu-item") as HTMLElement,
149
170
  });
150
171
  }
151
172
 
@@ -24,6 +24,7 @@ import UDExMastheadProfileMenu from "./MastheadProfileMenu.js";
24
24
  import UDExMastheadCountrySelector from "./MastheadCountrySelector.js";
25
25
  import MastheadShellTemplate from "./generated/templates/MastheadShellTemplate.lit.js";
26
26
  import { BreakpointUtils } from "./utils/Breakpoints.js";
27
+ import AnalyticsName from "./types/AnalyticsName.js";
27
28
 
28
29
  // Styles
29
30
  import MastheadShellCss from "./generated/themes/MastheadShell.css.js";
@@ -34,6 +35,14 @@ type MastheadItemType = UDExMastheadItem | null | undefined;
34
35
  export const MastheadOriginalEvent = {
35
36
  detail: {
36
37
  originalEvent: { type: Event },
38
+ analyticsName: { type: AnalyticsName },
39
+ sourceNode: { type: HTMLElement },
40
+ },
41
+ };
42
+
43
+ export const AnalyticsNameEventDetail = {
44
+ detail: {
45
+ analyticsName: { type: AnalyticsName },
37
46
  },
38
47
  };
39
48
 
@@ -74,14 +83,14 @@ export const MastheadOriginalEvent = {
74
83
  *
75
84
  * @public
76
85
  */
77
- @event("mobile-menu-open")
86
+ @event("mobile-menu-open", AnalyticsNameEventDetail)
78
87
 
79
88
  /**
80
89
  * Fired event when the user clicks the mobile menu button closer.
81
90
  *
82
91
  * @public
83
92
  */
84
- @event("mobile-menu-close")
93
+ @event("mobile-menu-close", AnalyticsNameEventDetail)
85
94
 
86
95
  /**
87
96
  * Fired event when the user clicks the search button trigger.
@@ -102,14 +111,14 @@ export const MastheadOriginalEvent = {
102
111
  *
103
112
  * @public
104
113
  */
105
- @event("search-opened")
114
+ @event("search-opened", AnalyticsNameEventDetail)
106
115
 
107
116
  /**
108
117
  * Fired event when the search panel is closed.
109
118
  *
110
119
  * @public
111
120
  */
112
- @event("search-closed")
121
+ @event("search-closed", AnalyticsNameEventDetail)
113
122
 
114
123
  /**
115
124
  * Fired event when the user clicks the cart button trigger.
@@ -150,7 +159,6 @@ export const MastheadOriginalEvent = {
150
159
  * Fired event when the user clicks the site label.
151
160
  *
152
161
  * @public
153
- * @public
154
162
  */
155
163
  @event("site-label-click", MastheadOriginalEvent)
156
164
 
@@ -486,37 +494,37 @@ class UDExMastheadShell extends UI5Element {
486
494
  }
487
495
 
488
496
  handleLogoClick(e: CustomEvent): void {
489
- this.fireEvent("logo-click", { originalEvent: e });
497
+ this.fireMastheadEvent("logo-click", e);
490
498
  }
491
499
 
492
500
  handleSiteLabelClick(e: CustomEvent): void {
493
- this.fireEvent("site-label-click", { originalEvent: e });
501
+ this.fireMastheadEvent("site-label-click", e);
494
502
  }
495
503
 
496
504
  handleSearchClick(e: CustomEvent): void {
497
505
  e.stopPropagation();
498
- this.fireEvent("search-click", { originalEvent: e });
506
+ this.fireMastheadEvent("search-click", e);
499
507
  this.openSearch();
500
508
  }
501
509
 
502
510
  handleCartClick(e: CustomEvent): void {
503
511
  e.stopPropagation();
504
- this.fireEvent("cart-click", { originalEvent: e });
512
+ this.fireMastheadEvent("cart-click", e);
505
513
  }
506
514
 
507
515
  handleSupportClick(e: CustomEvent): void {
508
516
  e.stopPropagation();
509
- this.fireEvent("support-click", { originalEvent: e });
517
+ this.fireMastheadEvent("support-click", e);
510
518
  }
511
519
 
512
520
  handleProfileClick(e: CustomEvent): void {
513
521
  e.stopPropagation();
514
- this.fireEvent("profile-click", { originalEvent: e });
522
+ this.fireMastheadEvent("profile-click", e);
515
523
  }
516
524
 
517
525
  handleCountrySelectorClick(e: CustomEvent): void {
518
526
  e.stopPropagation();
519
- this.fireEvent("country-selector-click", { originalEvent: e });
527
+ this.fireMastheadEvent("country-selector-click", e);
520
528
  }
521
529
 
522
530
  handleOpenMobileMenu(): void {
@@ -532,12 +540,12 @@ class UDExMastheadShell extends UI5Element {
532
540
  this.setOverflowBody();
533
541
  }
534
542
 
535
- this.fireEvent("mobile-menu-open");
543
+ this.fireMastheadEvent("mobile-menu-open");
536
544
  }
537
545
 
538
546
  handleCloseSearch(e: CustomEvent): void {
539
547
  this._closeBtnClicked = true;
540
- this.fireEvent("search-close-click", { originalEvent: e });
548
+ this.fireMastheadEvent("search-close-click", e);
541
549
  this.closeSearch();
542
550
  }
543
551
 
@@ -730,7 +738,16 @@ class UDExMastheadShell extends UI5Element {
730
738
  */
731
739
  closeSearch(): void {
732
740
  this._isSearchOpened = false;
733
- this.fireEvent("search-closed");
741
+ this.fireMastheadEvent("search-closed");
742
+ }
743
+
744
+ fireMastheadEvent(eventName: string, e?: CustomEvent): void {
745
+ const eventDetails = {
746
+ analyticsName: AnalyticsName.Header,
747
+ ...(e && { originalEvent: e }),
748
+ ...(e && { sourceNode: e.currentTarget as HTMLElement }),
749
+ };
750
+ this.fireEvent(eventName, eventDetails);
734
751
  }
735
752
 
736
753
  /**
@@ -754,7 +771,7 @@ class UDExMastheadShell extends UI5Element {
754
771
  this._searchOpener.selected = false;
755
772
  }
756
773
 
757
- this.fireEvent("search-opened");
774
+ this.fireMastheadEvent("search-opened");
758
775
  }
759
776
 
760
777
  /**
@@ -785,7 +802,7 @@ class UDExMastheadShell extends UI5Element {
785
802
  this.removeOverflowBody();
786
803
  }
787
804
 
788
- this.fireEvent("mobile-menu-close");
805
+ this.fireMastheadEvent("mobile-menu-close");
789
806
  }
790
807
 
791
808
  get slottedItems(): (MastheadSlottedItem)[] {
@@ -1,3 +1,3 @@
1
1
  import { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
2
- const COUNT: I18nText = {key: "COUNT", defaultText: "Count"};const OF: I18nText = {key: "OF", defaultText: "of"};const PAGINATION_PAGE: I18nText = {key: "PAGINATION_PAGE", defaultText: "Pagination page"};const SELECTED: I18nText = {key: "SELECTED", defaultText: "Selected"};const FIRST_PAGE: I18nText = {key: "FIRST_PAGE", defaultText: "First page"};const LAST_PAGE: I18nText = {key: "LAST_PAGE", defaultText: "Last page"};const PREVIOUS_PAGE: I18nText = {key: "PREVIOUS_PAGE", defaultText: "Previous page"};const NEXT_PAGE: I18nText = {key: "NEXT_PAGE", defaultText: "Next page"};const CURRENT_PAGE: I18nText = {key: "CURRENT_PAGE", defaultText: "Current page"};const ACTIVATE_PAGE: I18nText = {key: "ACTIVATE_PAGE", defaultText: "Activate page number"};const BUTTON_ARIA_TYPE_PRIMARY: I18nText = {key: "BUTTON_ARIA_TYPE_PRIMARY", defaultText: "Primary"};const BUTTON_ARIA_TYPE_SECONDARY: I18nText = {key: "BUTTON_ARIA_TYPE_SECONDARY", defaultText: "Secondary"};const BUTTON_ARIA_TYPE_TERTIARY: I18nText = {key: "BUTTON_ARIA_TYPE_TERTIARY", defaultText: "Tertiary"};const BUTTON_ARIA_TYPE_WARNING: I18nText = {key: "BUTTON_ARIA_TYPE_WARNING", defaultText: "Warning"};const BUTTON_ARIA_TYPE_POSITIVE: I18nText = {key: "BUTTON_ARIA_TYPE_POSITIVE", defaultText: "Positive"};const BUTTON_ARIA_TYPE_NEGATIVE: I18nText = {key: "BUTTON_ARIA_TYPE_NEGATIVE", defaultText: "Negative"};const BUTTON_ARIA_EMPHASIZED: I18nText = {key: "BUTTON_ARIA_EMPHASIZED", defaultText: "Emphasized"};const BUTTON_ARIA_DEFAULT: I18nText = {key: "BUTTON_ARIA_DEFAULT", defaultText: "Default"};const BUTTON_ARIA_TRANSPARENT: I18nText = {key: "BUTTON_ARIA_TRANSPARENT", defaultText: "Transparent"};const BUTTON_ARIA_ATTENTION: I18nText = {key: "BUTTON_ARIA_ATTENTION", defaultText: "Attention"};const TOGGLED: I18nText = {key: "TOGGLED", defaultText: "Toggled"};const SUGGESTED_TEXT: I18nText = {key: "SUGGESTED_TEXT", defaultText: "Suggested searches"};const ACCESSIBLE_NAME_RESET_ICON: I18nText = {key: "ACCESSIBLE_NAME_RESET_ICON", defaultText: "Clear"};const ACCESSIBLE_NAME_SEARCH_ICON: I18nText = {key: "ACCESSIBLE_NAME_SEARCH_ICON", defaultText: "Search"};const TOOLTIP_RESET_BUTTON: I18nText = {key: "TOOLTIP_RESET_BUTTON", defaultText: "Clear"};const TOOLTIP_VOICE_BUTTON: I18nText = {key: "TOOLTIP_VOICE_BUTTON", defaultText: "Voice"};const TOOLTIP_SUBMIT_BUTTON: I18nText = {key: "TOOLTIP_SUBMIT_BUTTON", defaultText: "Submit"};const LISTENING: I18nText = {key: "LISTENING", defaultText: "Listening"};const AVAILABLE_VALUES: I18nText = {key: "AVAILABLE_VALUES", defaultText: "Available Values"};const RECOMMENDED_TEXT: I18nText = {key: "RECOMMENDED_TEXT", defaultText: "Recommended pages"};const EXPAND_ALL: I18nText = {key: "EXPAND_ALL", defaultText: "Expand All"};const COLLAPSE_ALL: I18nText = {key: "COLLAPSE_ALL", defaultText: "Collapse All"};const MORE: I18nText = {key: "MORE", defaultText: "More"};const ATTENTION_BADGE: I18nText = {key: "ATTENTION_BADGE", defaultText: "Attention badge"};const REVIEWS: I18nText = {key: "REVIEWS", defaultText: "reviews"};const STARS: I18nText = {key: "STARS", defaultText: "stars"};const READ_MORE: I18nText = {key: "READ_MORE", defaultText: "Read more"};const READ_LESS: I18nText = {key: "READ_LESS", defaultText: "Read less"};const RATING_INDICATOR_TEXT: I18nText = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RATING_INDICATOR_TOOLTIP_TEXT: I18nText = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_ARIA_DESCRIPTION: I18nText = {key: "RATING_INDICATOR_ARIA_DESCRIPTION", defaultText: "Required"};const TOTAL: I18nText = {key: "TOTAL", defaultText: "Total"};const MESSAGE_STRIP_CLOSE_BUTTON: I18nText = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close Button"};const MESSAGE_STRIP_INFORMATION: I18nText = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MESSAGE_STRIP_SUCCESS: I18nText = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Positive Bar"};const MESSAGE_STRIP_WARNING: I18nText = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Bar"};const MESSAGE_STRIP_ERROR: I18nText = {key: "MESSAGE_STRIP_ERROR", defaultText: "Negative Bar"};const MESSAGE_STRIP_ACTION: I18nText = {key: "MESSAGE_STRIP_ACTION", defaultText: "Action Bar"};const ARIA_LABEL_LIST_MULTISELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_SELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const UNSELECTED: I18nText = {key: "UNSELECTED", defaultText: "Unselected"};const INDETERMINATE: I18nText = {key: "INDETERMINATE", defaultText: "Indeterminate"};const EDIT_BUTTON: I18nText = {key: "EDIT_BUTTON", defaultText: "Edit"};const DELETE_BUTTON: I18nText = {key: "DELETE_BUTTON", defaultText: "Delete"};const TEXTAREA_CHARACTERS_LEFT: I18nText = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const VALUE_STATE_TYPE_ERROR: I18nText = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Field State Error"};const VALUE_STATE_TYPE_WARNING: I18nText = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Field State Warning"};const VALUE_STATE_TYPE_SUCCESS: I18nText = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Field State Success"};const VALUE_STATE_TYPE_STANDARD: I18nText = {key: "VALUE_STATE_TYPE_STANDARD", defaultText: "Field State Standard"};const TEXT_FIELD: I18nText = {key: "TEXT_FIELD", defaultText: "Text field"};const CAROUSEL_PREVIOUS_ARROW_TEXT: I18nText = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT: I18nText = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};const SELECT_OPTIONS: I18nText = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const SELECT_ALL: I18nText = {key: "SELECT_ALL", defaultText: "Select All"};const BREADCRUMBS_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const STEPINPUT_INC_ICON_TITLE: I18nText = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase Quantity by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease Quantity by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};const VALUE_STATE_ERROR: I18nText = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING: I18nText = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION: I18nText = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS: I18nText = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const READ_ONLY: I18nText = {key: "READ_ONLY", defaultText: "Read only"};const MAIN_LINKS: I18nText = {key: "MAIN_LINKS", defaultText: "main links"};const OPENS_IN_A_NEW_WINDOW: I18nText = {key: "OPENS_IN_A_NEW_WINDOW", defaultText: "opens in a new window"};const LOGOUT: I18nText = {key: "LOGOUT", defaultText: "Logout"};const PROFILE: I18nText = {key: "PROFILE", defaultText: "Profile"};const COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const CART: I18nText = {key: "CART", defaultText: "Cart"};const COUNTRY_SELECTOR: I18nText = {key: "COUNTRY_SELECTOR", defaultText: "Country Selector"};const SUPPORT: I18nText = {key: "SUPPORT", defaultText: "Support"};const SHOW_HIDE_PASSWORD: I18nText = {key: "SHOW_HIDE_PASSWORD", defaultText: "Show/Hide Password Button"};const SOCIAL_LINK_ICON: I18nText = {key: "SOCIAL_LINK_ICON", defaultText: "Link Graphic"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};const QUICK_LINKS: I18nText = {key: "QUICK_LINKS", defaultText: "Quick Links"};const TRENDING: I18nText = {key: "TRENDING", defaultText: "Trending"};const ABOUT_SAP: I18nText = {key: "ABOUT_SAP", defaultText: "About SAP"};const SITE_INFORMATION: I18nText = {key: "SITE_INFORMATION", defaultText: "Site Information"};const SEE_COMPLETE_LIST: I18nText = {key: "SEE_COMPLETE_LIST", defaultText: "Or see our complete list of"};const LOCAL_COUNTRY_NAMES: I18nText = {key: "LOCAL_COUNTRY_NAMES", defaultText: "local country numbers"};const COPYRIGHT: I18nText = {key: "COPYRIGHT", defaultText: "© {0} SAP SE or an SAP affiliate company. All rights reserved."};const PUBLIC_SECURITY_NETWORK_NUMBER: I18nText = {key: "PUBLIC_SECURITY_NETWORK_NUMBER", defaultText: ""};const ICP_NUMBER: I18nText = {key: "ICP_NUMBER", defaultText: ""};const AVATAR_TEXT: I18nText = {key: "AVATAR_TEXT", defaultText: "Avatar"};const DISABLED: I18nText = {key: "DISABLED", defaultText: "Disabled"};const STATUS_BADGE_TEXT: I18nText = {key: "STATUS_BADGE_TEXT", defaultText: "Status badge"};const STATUS_BADGE_EDIT_TITLE: I18nText = {key: "STATUS_BADGE_EDIT_TITLE", defaultText: "Click to edit profile"};const STATUS_BADGE_INFORMATION_TITLE: I18nText = {key: "STATUS_BADGE_INFORMATION_TITLE", defaultText: "Click to open profile information"};const STATUS_BADGE_WARNING_TITLE: I18nText = {key: "STATUS_BADGE_WARNING_TITLE", defaultText: "Warning, potential risk with the profile"};const STATUS_BADGE_ERROR_TITLE: I18nText = {key: "STATUS_BADGE_ERROR_TITLE", defaultText: "There is an error with the profile"};const STATUS_BADGE_SUCCESS_TITLE: I18nText = {key: "STATUS_BADGE_SUCCESS_TITLE", defaultText: "Successfully verified profile"};const CALENDAR_ICON: I18nText = {key: "CALENDAR_ICON", defaultText: "Open Calendar icon"};const DATEPICKER_DATE_DESCRIPTION: I18nText = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const TABLE_NO_DATA_FOUND: I18nText = {key: "TABLE_NO_DATA_FOUND", defaultText: "No data found"};const LIST_ITEM_EDIT_ICON: I18nText = {key: "LIST_ITEM_EDIT_ICON", defaultText: "Edit list item entry"};const LIST_ITEM_DELETE_ICON: I18nText = {key: "LIST_ITEM_DELETE_ICON", defaultText: "Delete list item entry"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "back button"};const TRIGGER: I18nText = {key: "TRIGGER", defaultText: "Dropdown trigger"};const UPLOADING_FILE_STATUS_TEXT: I18nText = {key: "UPLOADING_FILE_STATUS_TEXT", defaultText: "Uploading"};const TERMINATED_FILE_STATUS_TEXT: I18nText = {key: "TERMINATED_FILE_STATUS_TEXT", defaultText: "Terminated"};const REMOVE_FILE_TEXT: I18nText = {key: "REMOVE_FILE_TEXT", defaultText: "Remove file"};const UPLOAD_BUTTON_LABEL: I18nText = {key: "UPLOAD_BUTTON_LABEL", defaultText: "Upload file"};
3
- export {COUNT,OF,PAGINATION_PAGE,SELECTED,FIRST_PAGE,LAST_PAGE,PREVIOUS_PAGE,NEXT_PAGE,CURRENT_PAGE,ACTIVATE_PAGE,BUTTON_ARIA_TYPE_PRIMARY,BUTTON_ARIA_TYPE_SECONDARY,BUTTON_ARIA_TYPE_TERTIARY,BUTTON_ARIA_TYPE_WARNING,BUTTON_ARIA_TYPE_POSITIVE,BUTTON_ARIA_TYPE_NEGATIVE,BUTTON_ARIA_EMPHASIZED,BUTTON_ARIA_DEFAULT,BUTTON_ARIA_TRANSPARENT,BUTTON_ARIA_ATTENTION,TOGGLED,SUGGESTED_TEXT,ACCESSIBLE_NAME_RESET_ICON,ACCESSIBLE_NAME_SEARCH_ICON,TOOLTIP_RESET_BUTTON,TOOLTIP_VOICE_BUTTON,TOOLTIP_SUBMIT_BUTTON,LISTENING,AVAILABLE_VALUES,RECOMMENDED_TEXT,EXPAND_ALL,COLLAPSE_ALL,MORE,ATTENTION_BADGE,REVIEWS,STARS,READ_MORE,READ_LESS,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_INFORMATION,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_ACTION,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_SELECTABLE,UNSELECTED,INDETERMINATE,EDIT_BUTTON,DELETE_BUTTON,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,VALUE_STATE_TYPE_STANDARD,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,SHOW_RESULTS,RESET,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,COUNTRY_SELECT,OVERVIEW,CART,COUNTRY_SELECTOR,SUPPORT,SHOW_HIDE_PASSWORD,SOCIAL_LINK_ICON,PHONE_NUMBER,CONTACT_US,EMAIL,CHAT_WITH_US,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,PUBLIC_SECURITY_NETWORK_NUMBER,ICP_NUMBER,AVATAR_TEXT,DISABLED,STATUS_BADGE_TEXT,STATUS_BADGE_EDIT_TITLE,STATUS_BADGE_INFORMATION_TITLE,STATUS_BADGE_WARNING_TITLE,STATUS_BADGE_ERROR_TITLE,STATUS_BADGE_SUCCESS_TITLE,CALENDAR_ICON,DATEPICKER_DATE_DESCRIPTION,TABLE_NO_DATA_FOUND,LIST_ITEM_EDIT_ICON,LIST_ITEM_DELETE_ICON,BACK_BUTTON_LABEL,TRIGGER,UPLOADING_FILE_STATUS_TEXT,TERMINATED_FILE_STATUS_TEXT,REMOVE_FILE_TEXT,UPLOAD_BUTTON_LABEL};
2
+ const COUNT: I18nText = {key: "COUNT", defaultText: "Count"};const OF: I18nText = {key: "OF", defaultText: "of"};const PAGINATION_PAGE: I18nText = {key: "PAGINATION_PAGE", defaultText: "Pagination page"};const SELECTED: I18nText = {key: "SELECTED", defaultText: "Selected"};const FIRST_PAGE: I18nText = {key: "FIRST_PAGE", defaultText: "First page"};const LAST_PAGE: I18nText = {key: "LAST_PAGE", defaultText: "Last page"};const PREVIOUS_PAGE: I18nText = {key: "PREVIOUS_PAGE", defaultText: "Previous page"};const NEXT_PAGE: I18nText = {key: "NEXT_PAGE", defaultText: "Next page"};const CURRENT_PAGE: I18nText = {key: "CURRENT_PAGE", defaultText: "Current page"};const ACTIVATE_PAGE: I18nText = {key: "ACTIVATE_PAGE", defaultText: "Activate page number"};const BUTTON_ARIA_TYPE_PRIMARY: I18nText = {key: "BUTTON_ARIA_TYPE_PRIMARY", defaultText: "Primary"};const BUTTON_ARIA_TYPE_SECONDARY: I18nText = {key: "BUTTON_ARIA_TYPE_SECONDARY", defaultText: "Secondary"};const BUTTON_ARIA_TYPE_TERTIARY: I18nText = {key: "BUTTON_ARIA_TYPE_TERTIARY", defaultText: "Tertiary"};const BUTTON_ARIA_TYPE_WARNING: I18nText = {key: "BUTTON_ARIA_TYPE_WARNING", defaultText: "Warning"};const BUTTON_ARIA_TYPE_POSITIVE: I18nText = {key: "BUTTON_ARIA_TYPE_POSITIVE", defaultText: "Positive"};const BUTTON_ARIA_TYPE_NEGATIVE: I18nText = {key: "BUTTON_ARIA_TYPE_NEGATIVE", defaultText: "Negative"};const BUTTON_ARIA_EMPHASIZED: I18nText = {key: "BUTTON_ARIA_EMPHASIZED", defaultText: "Emphasized"};const BUTTON_ARIA_DEFAULT: I18nText = {key: "BUTTON_ARIA_DEFAULT", defaultText: "Default"};const BUTTON_ARIA_TRANSPARENT: I18nText = {key: "BUTTON_ARIA_TRANSPARENT", defaultText: "Transparent"};const BUTTON_ARIA_ATTENTION: I18nText = {key: "BUTTON_ARIA_ATTENTION", defaultText: "Attention"};const TOGGLED: I18nText = {key: "TOGGLED", defaultText: "Toggled"};const SUGGESTED_TEXT: I18nText = {key: "SUGGESTED_TEXT", defaultText: "Suggested searches"};const ACCESSIBLE_NAME_RESET_ICON: I18nText = {key: "ACCESSIBLE_NAME_RESET_ICON", defaultText: "Clear"};const ACCESSIBLE_NAME_SEARCH_ICON: I18nText = {key: "ACCESSIBLE_NAME_SEARCH_ICON", defaultText: "Search"};const TOOLTIP_RESET_BUTTON: I18nText = {key: "TOOLTIP_RESET_BUTTON", defaultText: "Clear"};const TOOLTIP_VOICE_BUTTON: I18nText = {key: "TOOLTIP_VOICE_BUTTON", defaultText: "Voice"};const TOOLTIP_SUBMIT_BUTTON: I18nText = {key: "TOOLTIP_SUBMIT_BUTTON", defaultText: "Submit"};const LISTENING: I18nText = {key: "LISTENING", defaultText: "Listening"};const AVAILABLE_VALUES: I18nText = {key: "AVAILABLE_VALUES", defaultText: "Available Values"};const RECOMMENDED_TEXT: I18nText = {key: "RECOMMENDED_TEXT", defaultText: "Recommended pages"};const EXPAND_ALL: I18nText = {key: "EXPAND_ALL", defaultText: "Expand All"};const COLLAPSE_ALL: I18nText = {key: "COLLAPSE_ALL", defaultText: "Collapse All"};const MORE: I18nText = {key: "MORE", defaultText: "More"};const ATTENTION_BADGE: I18nText = {key: "ATTENTION_BADGE", defaultText: "Attention badge"};const REVIEWS: I18nText = {key: "REVIEWS", defaultText: "reviews"};const STARS: I18nText = {key: "STARS", defaultText: "stars"};const READ_MORE: I18nText = {key: "READ_MORE", defaultText: "Read more"};const READ_LESS: I18nText = {key: "READ_LESS", defaultText: "Read less"};const RATING_INDICATOR_TEXT: I18nText = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RATING_INDICATOR_TOOLTIP_TEXT: I18nText = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_ARIA_DESCRIPTION: I18nText = {key: "RATING_INDICATOR_ARIA_DESCRIPTION", defaultText: "Required"};const TOTAL: I18nText = {key: "TOTAL", defaultText: "Total"};const MESSAGE_STRIP_CLOSE_BUTTON: I18nText = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close Button"};const MESSAGE_STRIP_INFORMATION: I18nText = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MESSAGE_STRIP_SUCCESS: I18nText = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Positive Bar"};const MESSAGE_STRIP_WARNING: I18nText = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Bar"};const MESSAGE_STRIP_ERROR: I18nText = {key: "MESSAGE_STRIP_ERROR", defaultText: "Negative Bar"};const MESSAGE_STRIP_ACTION: I18nText = {key: "MESSAGE_STRIP_ACTION", defaultText: "Action Bar"};const ARIA_LABEL_LIST_MULTISELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_SELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const UNSELECTED: I18nText = {key: "UNSELECTED", defaultText: "Unselected"};const INDETERMINATE: I18nText = {key: "INDETERMINATE", defaultText: "Indeterminate"};const EDIT_BUTTON: I18nText = {key: "EDIT_BUTTON", defaultText: "Edit"};const DELETE_BUTTON: I18nText = {key: "DELETE_BUTTON", defaultText: "Delete"};const TEXTAREA_CHARACTERS_LEFT: I18nText = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const VALUE_STATE_TYPE_ERROR: I18nText = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Field State Error"};const VALUE_STATE_TYPE_WARNING: I18nText = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Field State Warning"};const VALUE_STATE_TYPE_SUCCESS: I18nText = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Field State Success"};const VALUE_STATE_TYPE_STANDARD: I18nText = {key: "VALUE_STATE_TYPE_STANDARD", defaultText: "Field State Standard"};const TEXT_FIELD: I18nText = {key: "TEXT_FIELD", defaultText: "Text field"};const CAROUSEL_PREVIOUS_ARROW_TEXT: I18nText = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT: I18nText = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};const SELECT_OPTIONS: I18nText = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const SELECT_ALL: I18nText = {key: "SELECT_ALL", defaultText: "Select All"};const BREADCRUMBS_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const STEPINPUT_INC_ICON_TITLE: I18nText = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase Quantity by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease Quantity by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};const VALUE_STATE_ERROR: I18nText = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING: I18nText = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION: I18nText = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS: I18nText = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const READ_ONLY: I18nText = {key: "READ_ONLY", defaultText: "Read only"};const MAIN_LINKS: I18nText = {key: "MAIN_LINKS", defaultText: "main links"};const OPENS_IN_A_NEW_WINDOW: I18nText = {key: "OPENS_IN_A_NEW_WINDOW", defaultText: "opens in a new window"};const LOGOUT: I18nText = {key: "LOGOUT", defaultText: "Logout"};const PROFILE: I18nText = {key: "PROFILE", defaultText: "Profile"};const COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const CART: I18nText = {key: "CART", defaultText: "Cart"};const COUNTRY_SELECTOR: I18nText = {key: "COUNTRY_SELECTOR", defaultText: "Country Selector"};const SUPPORT: I18nText = {key: "SUPPORT", defaultText: "Support"};const SEARCH: I18nText = {key: "SEARCH", defaultText: "Search"};const SHOW_HIDE_PASSWORD: I18nText = {key: "SHOW_HIDE_PASSWORD", defaultText: "Show/Hide Password Button"};const SOCIAL_LINK_ICON: I18nText = {key: "SOCIAL_LINK_ICON", defaultText: "Link Graphic"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};const QUICK_LINKS: I18nText = {key: "QUICK_LINKS", defaultText: "Quick Links"};const TRENDING: I18nText = {key: "TRENDING", defaultText: "Trending"};const ABOUT_SAP: I18nText = {key: "ABOUT_SAP", defaultText: "About SAP"};const SITE_INFORMATION: I18nText = {key: "SITE_INFORMATION", defaultText: "Site Information"};const SEE_COMPLETE_LIST: I18nText = {key: "SEE_COMPLETE_LIST", defaultText: "Or see our complete list of"};const LOCAL_COUNTRY_NAMES: I18nText = {key: "LOCAL_COUNTRY_NAMES", defaultText: "local country numbers"};const COPYRIGHT: I18nText = {key: "COPYRIGHT", defaultText: "© {0} SAP SE or an SAP affiliate company. All rights reserved."};const PUBLIC_SECURITY_NETWORK_NUMBER: I18nText = {key: "PUBLIC_SECURITY_NETWORK_NUMBER", defaultText: ""};const ICP_NUMBER: I18nText = {key: "ICP_NUMBER", defaultText: ""};const AVATAR_TEXT: I18nText = {key: "AVATAR_TEXT", defaultText: "Avatar"};const DISABLED: I18nText = {key: "DISABLED", defaultText: "Disabled"};const STATUS_BADGE_TEXT: I18nText = {key: "STATUS_BADGE_TEXT", defaultText: "Status badge"};const STATUS_BADGE_EDIT_TITLE: I18nText = {key: "STATUS_BADGE_EDIT_TITLE", defaultText: "Click to edit profile"};const STATUS_BADGE_INFORMATION_TITLE: I18nText = {key: "STATUS_BADGE_INFORMATION_TITLE", defaultText: "Click to open profile information"};const STATUS_BADGE_WARNING_TITLE: I18nText = {key: "STATUS_BADGE_WARNING_TITLE", defaultText: "Warning, potential risk with the profile"};const STATUS_BADGE_ERROR_TITLE: I18nText = {key: "STATUS_BADGE_ERROR_TITLE", defaultText: "There is an error with the profile"};const STATUS_BADGE_SUCCESS_TITLE: I18nText = {key: "STATUS_BADGE_SUCCESS_TITLE", defaultText: "Successfully verified profile"};const CALENDAR_ICON: I18nText = {key: "CALENDAR_ICON", defaultText: "Open Calendar icon"};const DATEPICKER_DATE_DESCRIPTION: I18nText = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const TABLE_NO_DATA_FOUND: I18nText = {key: "TABLE_NO_DATA_FOUND", defaultText: "No data found"};const LIST_ITEM_EDIT_ICON: I18nText = {key: "LIST_ITEM_EDIT_ICON", defaultText: "Edit list item entry"};const LIST_ITEM_DELETE_ICON: I18nText = {key: "LIST_ITEM_DELETE_ICON", defaultText: "Delete list item entry"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "back button"};const TRIGGER: I18nText = {key: "TRIGGER", defaultText: "Dropdown trigger"};const UPLOADING_FILE_STATUS_TEXT: I18nText = {key: "UPLOADING_FILE_STATUS_TEXT", defaultText: "Uploading"};const TERMINATED_FILE_STATUS_TEXT: I18nText = {key: "TERMINATED_FILE_STATUS_TEXT", defaultText: "Terminated"};const REMOVE_FILE_TEXT: I18nText = {key: "REMOVE_FILE_TEXT", defaultText: "Remove file"};const UPLOAD_BUTTON_LABEL: I18nText = {key: "UPLOAD_BUTTON_LABEL", defaultText: "Upload file"};
3
+ export {COUNT,OF,PAGINATION_PAGE,SELECTED,FIRST_PAGE,LAST_PAGE,PREVIOUS_PAGE,NEXT_PAGE,CURRENT_PAGE,ACTIVATE_PAGE,BUTTON_ARIA_TYPE_PRIMARY,BUTTON_ARIA_TYPE_SECONDARY,BUTTON_ARIA_TYPE_TERTIARY,BUTTON_ARIA_TYPE_WARNING,BUTTON_ARIA_TYPE_POSITIVE,BUTTON_ARIA_TYPE_NEGATIVE,BUTTON_ARIA_EMPHASIZED,BUTTON_ARIA_DEFAULT,BUTTON_ARIA_TRANSPARENT,BUTTON_ARIA_ATTENTION,TOGGLED,SUGGESTED_TEXT,ACCESSIBLE_NAME_RESET_ICON,ACCESSIBLE_NAME_SEARCH_ICON,TOOLTIP_RESET_BUTTON,TOOLTIP_VOICE_BUTTON,TOOLTIP_SUBMIT_BUTTON,LISTENING,AVAILABLE_VALUES,RECOMMENDED_TEXT,EXPAND_ALL,COLLAPSE_ALL,MORE,ATTENTION_BADGE,REVIEWS,STARS,READ_MORE,READ_LESS,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_INFORMATION,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_ACTION,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_SELECTABLE,UNSELECTED,INDETERMINATE,EDIT_BUTTON,DELETE_BUTTON,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,VALUE_STATE_TYPE_STANDARD,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,SHOW_RESULTS,RESET,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,COUNTRY_SELECT,OVERVIEW,CART,COUNTRY_SELECTOR,SUPPORT,SEARCH,SHOW_HIDE_PASSWORD,SOCIAL_LINK_ICON,PHONE_NUMBER,CONTACT_US,EMAIL,CHAT_WITH_US,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,PUBLIC_SECURITY_NETWORK_NUMBER,ICP_NUMBER,AVATAR_TEXT,DISABLED,STATUS_BADGE_TEXT,STATUS_BADGE_EDIT_TITLE,STATUS_BADGE_INFORMATION_TITLE,STATUS_BADGE_WARNING_TITLE,STATUS_BADGE_ERROR_TITLE,STATUS_BADGE_SUCCESS_TITLE,CALENDAR_ICON,DATEPICKER_DATE_DESCRIPTION,TABLE_NO_DATA_FOUND,LIST_ITEM_EDIT_ICON,LIST_ITEM_DELETE_ICON,BACK_BUTTON_LABEL,TRIGGER,UPLOADING_FILE_STATUS_TEXT,TERMINATED_FILE_STATUS_TEXT,REMOVE_FILE_TEXT,UPLOAD_BUTTON_LABEL};