@sapudex/web-components 2.4.0 → 2.4.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 (147) hide show
  1. package/dist/AssetsVariables.js +6 -1
  2. package/dist/AssetsVariables.js.map +1 -1
  3. package/dist/MastheadCountrySelector.d.ts +9 -0
  4. package/dist/MastheadCountrySelector.js +16 -3
  5. package/dist/MastheadCountrySelector.js.map +1 -1
  6. package/dist/MastheadItem.d.ts +21 -8
  7. package/dist/MastheadItem.js +52 -22
  8. package/dist/MastheadItem.js.map +1 -1
  9. package/dist/MastheadMenu.d.ts +3 -0
  10. package/dist/MastheadMenu.js +3 -0
  11. package/dist/MastheadMenu.js.map +1 -1
  12. package/dist/MastheadMenuItem.d.ts +1 -1
  13. package/dist/MastheadMenuItem.js +1 -1
  14. package/dist/MastheadMenuItem.js.map +1 -1
  15. package/dist/MastheadMobileMenu.d.ts +6 -0
  16. package/dist/MastheadMobileMenu.js +13 -2
  17. package/dist/MastheadMobileMenu.js.map +1 -1
  18. package/dist/MastheadProfileMenu.d.ts +4 -4
  19. package/dist/MastheadProfileMenu.js +7 -0
  20. package/dist/MastheadProfileMenu.js.map +1 -1
  21. package/dist/MastheadShell.d.ts +12 -4
  22. package/dist/MastheadShell.js +19 -10
  23. package/dist/MastheadShell.js.map +1 -1
  24. package/dist/MediaPlayer.d.ts +0 -1
  25. package/dist/MediaPlayer.js +0 -1
  26. package/dist/MediaPlayer.js.map +1 -1
  27. package/dist/MessageStripTemplate.js +1 -1
  28. package/dist/MessageStripTemplate.js.map +1 -1
  29. package/dist/SecondaryNavigation.d.ts +11 -0
  30. package/dist/SecondaryNavigation.js +11 -0
  31. package/dist/SecondaryNavigation.js.map +1 -1
  32. package/dist/assets/{InputSuggestions-CYW_6A8K.js → InputSuggestions-BaPMxFm1.js} +1 -1
  33. package/dist/assets/{ListItemStandardExpandableTextTemplate-BDrgWGjT.js → ListItemStandardExpandableTextTemplate-87ypSvqu.js} +1 -1
  34. package/dist/assets/{bundle.esm-DRCvw6Ji.js → bundle.esm-CoBHnkfj.js} +239 -234
  35. package/dist/assets/messagebundle_en-DXEe5nWA.js +1 -0
  36. package/dist/css/themes/Button.css +1 -1
  37. package/dist/css/themes/MastheadItem.css +1 -1
  38. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  39. package/dist/css/themes/Modal.css +1 -1
  40. package/dist/css/themes/RatingIndicator.css +1 -1
  41. package/dist/css/themes/Search.css +1 -1
  42. package/dist/css/themes/Slider.css +1 -1
  43. package/dist/css/themes/TabInOverflow.css +1 -1
  44. package/dist/custom-elements-internal.json +151 -138
  45. package/dist/custom-elements.json +135 -122
  46. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  47. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  48. package/dist/generated/i18n/i18n-defaults.js +2 -1
  49. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  50. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +3 -3
  51. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
  52. package/dist/generated/templates/MastheadItemTemplate.lit.js +6 -6
  53. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  54. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +1 -1
  55. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
  56. package/dist/generated/templates/MastheadMenuTemplate.lit.js +2 -2
  57. package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
  58. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +14 -14
  59. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
  60. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +1 -1
  61. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
  62. package/dist/generated/templates/MastheadShellTemplate.lit.js +2 -2
  63. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  64. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
  65. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
  66. package/dist/generated/themes/Button.css.d.ts +1 -1
  67. package/dist/generated/themes/Button.css.js +1 -1
  68. package/dist/generated/themes/Button.css.js.map +1 -1
  69. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  70. package/dist/generated/themes/MastheadItem.css.js +1 -1
  71. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  72. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  73. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  74. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  75. package/dist/generated/themes/Modal.css.d.ts +1 -1
  76. package/dist/generated/themes/Modal.css.js +1 -1
  77. package/dist/generated/themes/Modal.css.js.map +1 -1
  78. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  79. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  80. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  81. package/dist/generated/themes/Search.css.d.ts +1 -1
  82. package/dist/generated/themes/Search.css.js +1 -1
  83. package/dist/generated/themes/Search.css.js.map +1 -1
  84. package/dist/generated/themes/Slider.css.d.ts +1 -1
  85. package/dist/generated/themes/Slider.css.js +1 -1
  86. package/dist/generated/themes/Slider.css.js.map +1 -1
  87. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  88. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  89. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  90. package/dist/messagebundle.properties +3 -0
  91. package/dist/messagebundle_en.properties +1 -0
  92. package/dist/types/AnalyticsName.d.ts +5 -0
  93. package/dist/types/AnalyticsName.js +7 -0
  94. package/dist/types/AnalyticsName.js.map +1 -0
  95. package/dist/types/EventRibbon.d.ts +38 -13
  96. package/dist/types/EventRibbon.js +39 -12
  97. package/dist/types/EventRibbon.js.map +1 -1
  98. package/dist/vscode.html-custom-data.json +6 -25
  99. package/dist/web-types.json +13 -15
  100. package/package.json +1 -1
  101. package/src/AssetsVariables.ts +6 -1
  102. package/src/MastheadCountrySelector.hbs +3 -0
  103. package/src/MastheadCountrySelector.ts +24 -4
  104. package/src/MastheadItem.hbs +22 -14
  105. package/src/MastheadItem.ts +71 -26
  106. package/src/MastheadMenu.hbs +6 -1
  107. package/src/MastheadMenu.ts +5 -0
  108. package/src/MastheadMenuItem.hbs +1 -1
  109. package/src/MastheadMenuItem.ts +2 -2
  110. package/src/MastheadMobileMenu.hbs +24 -9
  111. package/src/MastheadMobileMenu.ts +19 -3
  112. package/src/MastheadProfileMenu.hbs +2 -0
  113. package/src/MastheadProfileMenu.ts +11 -5
  114. package/src/MastheadShell.hbs +2 -0
  115. package/src/MastheadShell.ts +31 -14
  116. package/src/MediaPlayer.ts +0 -1
  117. package/src/MessageStripTemplate.tsx +1 -0
  118. package/src/SecondaryNavigation.hbs +6 -1
  119. package/src/SecondaryNavigation.ts +22 -0
  120. package/src/generated/i18n/i18n-defaults.ts +2 -2
  121. package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +3 -3
  122. package/src/generated/templates/MastheadItemTemplate.lit.ts +6 -6
  123. package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +1 -1
  124. package/src/generated/templates/MastheadMenuTemplate.lit.ts +2 -2
  125. package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +14 -14
  126. package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +1 -1
  127. package/src/generated/templates/MastheadShellTemplate.lit.ts +2 -2
  128. package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
  129. package/src/generated/themes/Button.css.ts +1 -1
  130. package/src/generated/themes/MastheadItem.css.ts +1 -1
  131. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  132. package/src/generated/themes/Modal.css.ts +1 -1
  133. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  134. package/src/generated/themes/Search.css.ts +1 -1
  135. package/src/generated/themes/Slider.css.ts +1 -1
  136. package/src/generated/themes/TabInOverflow.css.ts +1 -1
  137. package/src/i18n/messagebundle.properties +3 -0
  138. package/src/i18n/messagebundle_en.properties +1 -0
  139. package/src/themes/Button.css +1 -0
  140. package/src/themes/MastheadItem.css +15 -0
  141. package/src/themes/MastheadProfileMenu.css +2 -1
  142. package/src/themes/Modal.css +2 -2
  143. package/src/themes/Search.css +2 -1
  144. package/src/themes/TabInOverflow.css +1 -1
  145. package/src/types/AnalyticsName.ts +6 -0
  146. package/src/types/EventRibbon.ts +38 -13
  147. package/dist/assets/messagebundle_en-BK8-Eyic.js +0 -1
@@ -10,9 +10,10 @@
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
+ part="menu-item"
16
17
  class="udex-masthead-mobile-menu__back-item"
17
18
  @click="{{handleExploreBackToMenuItems}}"
18
19
  label="{{_clickedItem.innerText}}"
@@ -24,6 +25,7 @@
24
25
  {{else}}
25
26
  {{#if isNotMultipleMode}}
26
27
  <udex-masthead-menu-item
28
+ part="menu-item"
27
29
  class="udex-masthead-mobile-menu__heading"
28
30
  label="{{_clickedItem.innerText}}"
29
31
  type="Heading"
@@ -31,9 +33,11 @@
31
33
  </udex-masthead-menu-item>
32
34
  {{else}}
33
35
  <udex-masthead-menu-item
36
+ part="menu-item"
34
37
  class="udex-masthead-mobile-menu__back-item"
35
38
  @click="{{handleBackToMenuItems}}"
36
39
  label="{{_clickedItem.innerText}}"
40
+ aria-has-popup="true"
37
41
  type="Button"
38
42
  has-border
39
43
  icon-start
@@ -45,12 +49,14 @@
45
49
  {{>categories}}
46
50
  {{/if}}
47
51
  {{#if _showCategoryItems}}
48
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
52
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
49
53
  <udex-masthead-menu-item
54
+ part="menu-item"
50
55
  class="udex-masthead-mobile-menu__back-item"
51
56
  @click="{{handleBackToCategories}}"
52
57
  label="{{_category.category}}"
53
58
  type="Button"
59
+ aria-has-popup="true"
54
60
  has-border
55
61
  icon-start
56
62
  is-back-to-categories>
@@ -62,11 +68,13 @@
62
68
  </div>
63
69
  {{#if showExploreBtn}}
64
70
  <udex-masthead-menu-item
71
+ part="menu-item"
65
72
  class="udex-masthead-mobile-menu__explore-btn"
66
73
  id="{{exploreItem._id}}"
67
74
  @click="{{handleExploreSapClick}}"
68
75
  @keydown="{{handleLeftRightKeys}}"
69
- accessible-role="button"
76
+ accessible-role-text="button"
77
+ aria-has-popup="true"
70
78
  type="Button"
71
79
  first-level
72
80
  icon-end
@@ -78,9 +86,10 @@
78
86
 
79
87
  {{#*inline "nav-items"}}
80
88
  {{#each items}}
81
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
89
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
82
90
  {{#if this.subItems}}
83
91
  <udex-masthead-menu-item
92
+ part="menu-item"
84
93
  @click="{{../handleMenuItemClick}}"
85
94
  label="{{this.innerText}}"
86
95
  aria-has-popup="true"
@@ -92,6 +101,7 @@
92
101
  </udex-masthead-menu-item>
93
102
  {{else}}
94
103
  <udex-masthead-menu-item
104
+ part="menu-item"
95
105
  @click="{{../handleMobileItemEvent}}"
96
106
  url="{{this.href}}"
97
107
  label="{{this.innerText}}"
@@ -105,8 +115,9 @@
105
115
 
106
116
  {{#*inline "categories"}}
107
117
  {{#if _clickedItem.href}}
108
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
118
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
109
119
  <udex-masthead-menu-item
120
+ part="menu-item"
110
121
  url="{{_clickedItem.href}}"
111
122
  label="{{overviewLinkText}}"
112
123
  @click="{{handleMobileItemEvent}}"
@@ -116,8 +127,9 @@
116
127
  {{/if}}
117
128
  {{#each _categories}}
118
129
  {{#if this.category}}
119
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
130
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
120
131
  <udex-masthead-menu-item
132
+ part="menu-item"
121
133
  @click="{{../handleMenuCategoryClick}}"
122
134
  url="{{this.url}}"
123
135
  id="{{@index}}"
@@ -131,8 +143,9 @@
131
143
  </li>
132
144
  {{else}}
133
145
  {{#each this.items}}
134
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
146
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
135
147
  <udex-masthead-menu-item
148
+ part="menu-item"
136
149
  @click="{{../handleMobileItemEvent}}"
137
150
  url="{{this.url}}"
138
151
  label="{{this.title}}"
@@ -146,8 +159,9 @@
146
159
 
147
160
  {{#*inline "category-items"}}
148
161
  {{#if _category.url}}
149
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
162
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
150
163
  <udex-masthead-menu-item
164
+ part="menu-item"
151
165
  @click="{{../handleMobileCategoryItemEvent}}"
152
166
  url="{{this._category.url}}"
153
167
  label="{{overviewLinkText}}"
@@ -157,8 +171,9 @@
157
171
  {{/if}}
158
172
  {{#each _category.items}}
159
173
  {{#if this.url}}
160
- <li class="udex-masthead-mobile-menu__list-item" role="menuitem">
174
+ <li class="udex-masthead-mobile-menu__list-item" role="none">
161
175
  <udex-masthead-menu-item
176
+ part="menu-item"
162
177
  @click="{{../handleMobileCategoryItemEvent}}"
163
178
  label="{{this.title}}"
164
179
  url="{{this.url}}"
@@ -13,7 +13,7 @@ import type { MenuItem, SubMenuLinkItem } from "./MastheadItem.js";
13
13
  import type UDExMastheadItem from "./MastheadItem.js";
14
14
  import UDExMastheadMenuItem, { UDExItemType } from "./MastheadMenuItem.js";
15
15
  import { OVERVIEW } from "./generated/i18n/i18n-defaults.js";
16
-
16
+ import AnalyticsName from "./types/AnalyticsName.js";
17
17
  import MastheadMobileMenuTemplate from "./generated/templates/MastheadMobileMenuTemplate.lit.js";
18
18
 
19
19
  // Styles
@@ -24,10 +24,14 @@ type UDExMastheadMobileMenuItemClickEventDetail = {
24
24
  item: UDExMastheadMenuItem,
25
25
  category?: string,
26
26
  isMobile: boolean,
27
+ analyticsName: AnalyticsName,
28
+ sourceNode: HTMLElement,
27
29
  }
28
30
 
29
31
  type UDExMastheadMobileMenuExploreClickEventDetail = {
30
32
  originalEvent: PointerEvent | KeyboardEvent,
33
+ analyticsName: AnalyticsName,
34
+ sourceNode: HTMLElement,
31
35
  }
32
36
 
33
37
  /**
@@ -151,7 +155,7 @@ class UDExMastheadMobileMenu extends UI5Element {
151
155
  e.preventDefault();
152
156
  this.openExploreSapMenu(e);
153
157
  this.setFocusItemByIndex(0);
154
- this.fireDecoratorEvent("explorer-menu-click", { originalEvent: e });
158
+ this.fireExploreSapMobileButton(e);
155
159
  }
156
160
 
157
161
  handleBackToMenuItems(e: PointerEvent) {
@@ -411,14 +415,26 @@ class UDExMastheadMobileMenu extends UI5Element {
411
415
  }
412
416
 
413
417
  fireMobileItemEvent(e: PointerEvent | KeyboardEvent, category?: string) {
418
+ const item = e.target as UDExMastheadMenuItem;
419
+
414
420
  this.fireDecoratorEvent("item-click", {
415
421
  isMobile: true,
416
- item: e.target as UDExMastheadMenuItem,
422
+ item,
417
423
  originalEvent: e,
424
+ analyticsName: AnalyticsName.Header,
425
+ sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
418
426
  ...(category && { category }),
419
427
  });
420
428
  }
421
429
 
430
+ fireExploreSapMobileButton(e: PointerEvent | KeyboardEvent) {
431
+ this.fireDecoratorEvent("explorer-menu-click", {
432
+ originalEvent: e,
433
+ analyticsName: AnalyticsName.Header,
434
+ sourceNode: (e.target as HTMLElement).shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
435
+ });
436
+ }
437
+
422
438
  setFocusItemByIndex(index: number) {
423
439
  this._shouldFocusItemByIndex = true;
424
440
  this._focusedItemIndex = index;
@@ -22,6 +22,8 @@
22
22
  {{/if}}
23
23
  <div class="udex-masthead-profile-menu__links">
24
24
  <udex-masthead-menu
25
+ part="menu"
26
+ exportparts="badge, menu-item"
25
27
  sub-items='{{linksList}}'
26
28
  @ui5-menu-item-click="{{handleProfileMenuItemClick}}">
27
29
  </udex-masthead-menu>
@@ -11,6 +11,7 @@ import UDExMastheadMenu from "./MastheadMenu.js";
11
11
  import MastheadProfileMenuTemplate from "./generated/templates/MastheadProfileMenuTemplate.lit.js";
12
12
  import type UDExMastheadMenuItem from "./MastheadMenuItem.js";
13
13
  import parseArrayFromString from "./utils/parseArrayFromString.js";
14
+ import AnalyticsName from "./types/AnalyticsName.js";
14
15
 
15
16
  // Styles
16
17
  import MastheadProfileMenuCss from "./generated/themes/MastheadProfileMenu.css.js";
@@ -23,13 +24,11 @@ interface UserData {
23
24
  avatarInitials?: string
24
25
  }
25
26
 
26
- type UDExMastheadProfileMenuLogoutClickEventDetail = {
27
- originalEvent: PointerEvent,
28
- }
29
-
30
27
  type UDExMastheadProfileMenuItemClickEventDetail = {
31
28
  item: UDExMastheadMenuItem,
32
29
  originalEvent: PointerEvent,
30
+ analyticsName: AnalyticsName,
31
+ sourceNode: HTMLElement,
33
32
  }
34
33
 
35
34
  /**
@@ -72,7 +71,7 @@ type UDExMastheadProfileMenuItemClickEventDetail = {
72
71
 
73
72
  class UDExMastheadProfileMenu extends UI5Element {
74
73
  eventDetails!: {
75
- "logout": UDExMastheadProfileMenuLogoutClickEventDetail,
74
+ "logout": UDExMastheadProfileMenuItemClickEventDetail,
76
75
  "profile-item-click": UDExMastheadProfileMenuItemClickEventDetail
77
76
  };
78
77
  /**
@@ -122,8 +121,13 @@ class UDExMastheadProfileMenu extends UI5Element {
122
121
  static i18nBundle: I18nBundle;
123
122
 
124
123
  handleUserLogoutItemClick(e: PointerEvent): void {
124
+ const item = e.target as UDExMastheadMenuItem;
125
+
125
126
  this.fireDecoratorEvent("logout", {
127
+ item,
128
+ sourceNode: item.shadowRoot?.querySelector(".udex-masthead-menu-item") as HTMLElement,
126
129
  originalEvent: e,
130
+ analyticsName: AnalyticsName.Header,
127
131
  });
128
132
  }
129
133
 
@@ -133,6 +137,8 @@ class UDExMastheadProfileMenu extends UI5Element {
133
137
  this.fireDecoratorEvent("profile-item-click", {
134
138
  item,
135
139
  originalEvent,
140
+ analyticsName: AnalyticsName.Header,
141
+ sourceNode: item.shadowRoot.querySelector(".udex-masthead-menu-item") as HTMLElement,
136
142
  });
137
143
  }
138
144
 
@@ -39,6 +39,7 @@
39
39
  class="udex-masthead-shell__close-search-btn"
40
40
  size="Small"
41
41
  icon="decline"
42
+ part="search-close-button"
42
43
  tooltip="{{closeButtonAccessibleName}}"
43
44
  accessible-name="{{closeButtonAccessibleName}}"
44
45
  @click="{{handleCloseSearch}}">
@@ -71,6 +72,7 @@
71
72
  <udex-masthead-item
72
73
  class="udex-masthead-shell__search-btn"
73
74
  icon="search"
75
+ part="search-button"
74
76
  @click="{{handleSearchClick}}"
75
77
  accessible-name="search">
76
78
  </udex-masthead-item>
@@ -25,6 +25,7 @@ import type UDExMastheadProfileMenu from "./MastheadProfileMenu.js";
25
25
  import type UDExMastheadCountrySelector from "./MastheadCountrySelector.js";
26
26
  import MastheadShellTemplate from "./generated/templates/MastheadShellTemplate.lit.js";
27
27
  import { BreakpointUtils } from "./utils/Breakpoints.js";
28
+ import AnalyticsName from "./types/AnalyticsName.js";
28
29
 
29
30
  // Styles
30
31
  import MastheadShellCss from "./generated/themes/MastheadShell.css.js";
@@ -35,6 +36,13 @@ type MastheadItemType = UDExMastheadItem | null | undefined;
35
36
 
36
37
  type UDExMastheadShellBaseEventDetail = {
37
38
  originalEvent: PointerEvent,
39
+ analyticsName: AnalyticsName,
40
+ sourceNode: HTMLElement,
41
+ item?: UDExMastheadItem,
42
+ }
43
+
44
+ type UDExMastheadShellAnalyticsNameEventDetail = {
45
+ analyticsName: AnalyticsName,
38
46
  }
39
47
 
40
48
  /**
@@ -155,10 +163,10 @@ type UDExMastheadShellBaseEventDetail = {
155
163
 
156
164
  class UDExMastheadShell extends UI5Element {
157
165
  eventDetails!: {
158
- "mobile-menu-open": void,
159
- "mobile-menu-close": void,
160
- "search-opened": void,
161
- "search-closed": void,
166
+ "mobile-menu-open": UDExMastheadShellAnalyticsNameEventDetail,
167
+ "mobile-menu-close": UDExMastheadShellAnalyticsNameEventDetail,
168
+ "search-opened": UDExMastheadShellAnalyticsNameEventDetail,
169
+ "search-closed": UDExMastheadShellAnalyticsNameEventDetail,
162
170
  "cart-click": UDExMastheadShellBaseEventDetail,
163
171
  "support-click": UDExMastheadShellBaseEventDetail,
164
172
  "profile-click": UDExMastheadShellBaseEventDetail,
@@ -498,37 +506,37 @@ class UDExMastheadShell extends UI5Element {
498
506
  }
499
507
 
500
508
  handleLogoClick(e: PointerEvent): void {
501
- this.fireDecoratorEvent("logo-click", { originalEvent: e });
509
+ this.fireMastheadEvent("logo-click", e);
502
510
  }
503
511
 
504
512
  handleSiteLabelClick(e: PointerEvent): void {
505
- this.fireDecoratorEvent("site-label-click", { originalEvent: e });
513
+ this.fireMastheadEvent("site-label-click", e);
506
514
  }
507
515
 
508
516
  handleSearchClick(e: PointerEvent): void {
509
517
  e.stopPropagation();
510
- this.fireDecoratorEvent("search-click", { originalEvent: e });
518
+ this.fireMastheadEvent("search-click", e);
511
519
  this.openSearch();
512
520
  }
513
521
 
514
522
  handleCartClick(e: PointerEvent): void {
515
523
  e.stopPropagation();
516
- this.fireDecoratorEvent("cart-click", { originalEvent: e });
524
+ this.fireMastheadEvent("cart-click", e);
517
525
  }
518
526
 
519
527
  handleProfileClick(e: PointerEvent): void {
520
528
  e.stopPropagation();
521
- this.fireDecoratorEvent("profile-click", { originalEvent: e });
529
+ this.fireMastheadEvent("profile-click", e);
522
530
  }
523
531
 
524
532
  handleSupportClick(e: PointerEvent): void {
525
533
  e.stopPropagation();
526
- this.fireDecoratorEvent("support-click", { originalEvent: e });
534
+ this.fireMastheadEvent("support-click", e);
527
535
  }
528
536
 
529
537
  handleCountrySelectorClick(e: PointerEvent): void {
530
538
  e.stopPropagation();
531
- this.fireDecoratorEvent("country-selector-click", { originalEvent: e });
539
+ this.fireMastheadEvent("country-selector-click", e);
532
540
  }
533
541
 
534
542
  handleOpenMobileMenu(): void {
@@ -549,7 +557,7 @@ class UDExMastheadShell extends UI5Element {
549
557
 
550
558
  handleCloseSearch(e: PointerEvent): void {
551
559
  this._closeBtnClicked = true;
552
- this.fireDecoratorEvent("search-close-click", { originalEvent: e });
560
+ this.fireMastheadEvent("search-close-click", e);
553
561
  this.closeSearch();
554
562
  }
555
563
 
@@ -736,13 +744,22 @@ class UDExMastheadShell extends UI5Element {
736
744
  });
737
745
  }
738
746
 
747
+ fireMastheadEvent(eventName: keyof this["eventDetails"], e?: PointerEvent): void {
748
+ const eventDetails = {
749
+ analyticsName: AnalyticsName.Header,
750
+ ...(e && { originalEvent: e }),
751
+ ...(e && { sourceNode: e.currentTarget as HTMLElement }),
752
+ } as this["eventDetails"][typeof eventName];
753
+ this.fireDecoratorEvent(eventName, eventDetails);
754
+ }
755
+
739
756
  /**
740
757
  * Close the search panel.
741
758
  * @public
742
759
  */
743
760
  closeSearch(): void {
744
761
  this._isSearchOpened = false;
745
- this.fireDecoratorEvent("search-closed");
762
+ this.fireMastheadEvent("search-closed");
746
763
  }
747
764
 
748
765
  /**
@@ -766,7 +783,7 @@ class UDExMastheadShell extends UI5Element {
766
783
  this._searchOpener.selected = false;
767
784
  }
768
785
 
769
- this.fireDecoratorEvent("search-opened");
786
+ this.fireMastheadEvent("search-opened");
770
787
  }
771
788
 
772
789
  /**
@@ -7,7 +7,6 @@ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
7
7
  import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
8
8
  import Icon from "@ui5/webcomponents/dist/Icon.js";
9
9
  import "@ui5/webcomponents-icons/dist/play.js";
10
- import "@ui5/webcomponents-icons/dist/v5/play.svg";
11
10
  import UDExMediaPlayerYoutube from "./MediaPlayerYoutube.js";
12
11
  import type { VimeoPlayer } from "./MediaPlayerVimeo.js";
13
12
  import UDExMediaPlayerVimeo from "./MediaPlayerVimeo.js";
@@ -52,6 +52,7 @@ export default function MessageStripTemplate(this: UDExMessageStrip) {
52
52
  design="Tertiary"
53
53
  onClick={this._closeClick}
54
54
  tooltip={this._closeButtonText}
55
+ part="close-button"
55
56
  />
56
57
  )}
57
58
  </div>
@@ -8,7 +8,12 @@
8
8
  {{#if heading.length}}
9
9
  <div class="udex-secondary-navigation__heading">
10
10
  {{#if headingHref.length}}
11
- <a class="udex-secondary-navigation__title" href="{{headingHref}}">{{heading}}</a>
11
+ <a
12
+ class="udex-secondary-navigation__title"
13
+ @click="{{handleHeadingClick}}"
14
+ href="{{headingHref}}">
15
+ {{heading}}
16
+ </a>
12
17
  {{else}}
13
18
  <span class="udex-secondary-navigation__title">{{heading}}</span>
14
19
  {{/if}}
@@ -21,6 +21,7 @@ import { MORE } from "./generated/i18n/i18n-defaults.js";
21
21
  import SecondaryNavigationTemplate from "./generated/templates/SecondaryNavigationTemplate.lit.js";
22
22
  import { BreakpointUtils } from "./utils/Breakpoints.js";
23
23
  import parseArrayFromString from "./utils/parseArrayFromString.js";
24
+ import AnalyticsName from "./types/AnalyticsName.js";
24
25
 
25
26
  // Styles
26
27
  import SecondaryNavigationCss from "./generated/themes/SecondaryNavigation.css.js";
@@ -32,6 +33,15 @@ type UDExSecondaryNavigationClickEventDetail = {
32
33
  originalEvent: Event,
33
34
  clickedItem: NavItem;
34
35
  clickedIndex: number;
36
+ isMobile?: boolean,
37
+ analyticsName: AnalyticsName,
38
+ sourceNode: HTMLElement,
39
+ };
40
+
41
+ type UDExSecondaryNavigationHeadingClickEventDetail = {
42
+ originalEvent: Event,
43
+ analyticsName: AnalyticsName,
44
+ sourceNode: HTMLElement,
35
45
  };
36
46
 
37
47
  /**
@@ -70,6 +80,7 @@ type UDExSecondaryNavigationClickEventDetail = {
70
80
  class UDExSecondaryNavigation extends UI5Element {
71
81
  eventDetails!: {
72
82
  "item-click": UDExSecondaryNavigationClickEventDetail,
83
+ "heading-click": UDExSecondaryNavigationHeadingClickEventDetail,
73
84
  };
74
85
  /**
75
86
  * Defines an aria label for the mobile menu opener
@@ -352,6 +363,14 @@ class UDExSecondaryNavigation extends UI5Element {
352
363
  }
353
364
  }
354
365
 
366
+ handleHeadingClick(e: CustomEvent<UDExSecondaryNavigationHeadingClickEventDetail>): void {
367
+ this.fireDecoratorEvent("heading-click", {
368
+ analyticsName: AnalyticsName.HeaderSub,
369
+ sourceNode: e.target as HTMLElement,
370
+ originalEvent: e,
371
+ });
372
+ }
373
+
355
374
  fireEventItemClick(
356
375
  e: PointerEvent | KeyboardEvent,
357
376
  clickedIndex: number,
@@ -360,6 +379,9 @@ class UDExSecondaryNavigation extends UI5Element {
360
379
  }: NavItem,
361
380
  ): boolean {
362
381
  return this.fireDecoratorEvent("item-click", {
382
+ ...(this.isMobileScreen && { isMobile: true }),
383
+ analyticsName: AnalyticsName.HeaderSub,
384
+ sourceNode: e?.currentTarget as HTMLElement,
363
385
  originalEvent: e,
364
386
  clickedItem: {
365
387
  mobileLinkTitle: mobileLinkTitle || "",
@@ -1,3 +1,3 @@
1
1
  import type { 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 label"};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"};const COMPLETE_LIST_OF: I18nText = {key: "COMPLETE_LIST_OF", defaultText: "Complete list of"};const CALL_US_TODAY: I18nText = {key: "CALL_US_TODAY", defaultText: "Call us today!"};
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,COMPLETE_LIST_OF,CALL_US_TODAY};
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 label"};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"};const COMPLETE_LIST_OF: I18nText = {key: "COMPLETE_LIST_OF", defaultText: "Complete list of"};const CALL_US_TODAY: I18nText = {key: "CALL_US_TODAY", defaultText: "Call us today!"};
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,COMPLETE_LIST_OF,CALL_US_TODAY};
@@ -7,10 +7,10 @@ import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
7
 
8
8
  function block0 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-masthead-country-selector" @keydown="${this.handleKeyDown}">${ this._isActiveRegionOpen ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div>`;}
9
9
  function block1 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-masthead-country-selector__title">${ifDefined(this.countryTitle)}</span>${ !this.isSingleMode ? block2.call(this, context, tags, suffix) : undefined }<${scopeTag("udex-search", tags, suffix)} class="udex-masthead-country-selector__search" @ui5-handle-value-search="${ifDefined(this.handleSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleSearchReset)}" @ui5-submit-search-value="${ifDefined(this.handleSearch)}" language-voice="${ifDefined(this.languageVoice)}" label="${ifDefined(this.searchLabel)}" mode="${ifDefined(this.homeSearchMode)}" ?show-voice-button="${this.showSearchVoiceButton}" non-interactive-submit-button show-submit-button></${scopeTag("udex-search", tags, suffix)}><ul class="udex-masthead-country-selector__list udex-masthead-country-selector__list_countries" role="menu">${ repeat(this._activeCountries, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</ul>` : html`<span class="udex-masthead-country-selector__title">${ifDefined(this.countryTitle)}</span>${ !this.isSingleMode ? block2.call(this, context, tags, suffix) : undefined }<udex-search class="udex-masthead-country-selector__search" @ui5-handle-value-search="${ifDefined(this.handleSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleSearchReset)}" @ui5-submit-search-value="${ifDefined(this.handleSearch)}" language-voice="${ifDefined(this.languageVoice)}" label="${ifDefined(this.searchLabel)}" mode="${ifDefined(this.homeSearchMode)}" ?show-voice-button="${this.showSearchVoiceButton}" non-interactive-submit-button show-submit-button></udex-search><ul class="udex-masthead-country-selector__list udex-masthead-country-selector__list_countries" role="menu">${ repeat(this._activeCountries, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</ul>`;}
10
- function block2 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-country-selector__region-back-item" @click="${this.backToRegions}" label="${ifDefined(this._activeRegion?.title)}" type="Button" is-back icon-start></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-country-selector__region-back-item" @click="${this.backToRegions}" label="${ifDefined(this._activeRegion?.title)}" type="Button" is-back icon-start></udex-masthead-menu-item>`;}
11
- function block3 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role="menuitem"><${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.fireEventCountryItemClick}" _country-code="${ifDefined(item.countryCode)}" url="${ifDefined(item.url)}" label="${ifDefined(item.displayTitle)}" index="${index}" is-nav-item></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li role="menuitem"><udex-masthead-menu-item class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.fireEventCountryItemClick}" _country-code="${ifDefined(item.countryCode)}" url="${ifDefined(item.url)}" label="${ifDefined(item.displayTitle)}" index="${index}" is-nav-item></udex-masthead-menu-item></li>`;}
10
+ function block2 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-country-selector__region-back-item" @click="${this.backToRegions}" label="${ifDefined(this._activeRegion?.title)}" type="Button" part="menu-item" is-back icon-start></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-country-selector__region-back-item" @click="${this.backToRegions}" label="${ifDefined(this._activeRegion?.title)}" type="Button" part="menu-item" is-back icon-start></udex-masthead-menu-item>`;}
11
+ function block3 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role="menuitem"><${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.fireEventCountryItemClick}" _country-code="${ifDefined(item.countryCode)}" url="${ifDefined(item.url)}" label="${ifDefined(item.displayTitle)}" index="${index}" part="menu-item" is-nav-item></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li role="menuitem"><udex-masthead-menu-item class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.fireEventCountryItemClick}" _country-code="${ifDefined(item.countryCode)}" url="${ifDefined(item.url)}" label="${ifDefined(item.displayTitle)}" index="${index}" part="menu-item" is-nav-item></udex-masthead-menu-item></li>`;}
12
12
  function block4 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-masthead-country-selector__title">${ifDefined(this.regionTitle)}</span><ul class="udex-masthead-country-selector__list" role="menu">${ repeat(this.regionsData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</ul>`;}
13
- function block5 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role="menuitem"><${scopeTag("udex-masthead-menu-item", tags, suffix)} id="${ifDefined(item._id)}" @click="${this.handleRegionClick}" index="${index}" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-has-popup="true" accessible-role="button" type="Button" is-nav-item has-border icon-end label="${ifDefined(item.title)}"></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li role="menuitem"><udex-masthead-menu-item id="${ifDefined(item._id)}" @click="${this.handleRegionClick}" index="${index}" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-has-popup="true" accessible-role="button" type="Button" is-nav-item has-border icon-end label="${ifDefined(item.title)}"></udex-masthead-menu-item></li>`;}
13
+ function block5 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role="menuitem"><${scopeTag("udex-masthead-menu-item", tags, suffix)} id="${ifDefined(item._id)}" @click="${this.handleRegionClick}" index="${index}" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-has-popup="true" accessible-role="button" type="Button" part="menu-item" is-nav-item has-border icon-end label="${ifDefined(item.title)}"></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li role="menuitem"><udex-masthead-menu-item id="${ifDefined(item._id)}" @click="${this.handleRegionClick}" index="${index}" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-has-popup="true" accessible-role="button" type="Button" part="menu-item" is-nav-item has-border icon-end label="${ifDefined(item.title)}"></udex-masthead-menu-item></li>`;}
14
14
 
15
15
  function template(this: MastheadCountrySelector) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
16
16
  export default template;