@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.
- package/dist/AssetsVariables.js +6 -1
- package/dist/AssetsVariables.js.map +1 -1
- package/dist/MastheadCountrySelector.d.ts +9 -0
- package/dist/MastheadCountrySelector.js +16 -3
- package/dist/MastheadCountrySelector.js.map +1 -1
- package/dist/MastheadItem.d.ts +21 -8
- package/dist/MastheadItem.js +52 -22
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +3 -0
- package/dist/MastheadMenu.js +3 -0
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MastheadMenuItem.d.ts +1 -1
- package/dist/MastheadMenuItem.js +1 -1
- package/dist/MastheadMenuItem.js.map +1 -1
- package/dist/MastheadMobileMenu.d.ts +6 -0
- package/dist/MastheadMobileMenu.js +13 -2
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.d.ts +4 -4
- package/dist/MastheadProfileMenu.js +7 -0
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +12 -4
- package/dist/MastheadShell.js +19 -10
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MediaPlayer.d.ts +0 -1
- package/dist/MediaPlayer.js +0 -1
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/MessageStripTemplate.js +1 -1
- package/dist/MessageStripTemplate.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +11 -0
- package/dist/SecondaryNavigation.js +11 -0
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/assets/{InputSuggestions-CYW_6A8K.js → InputSuggestions-BaPMxFm1.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-BDrgWGjT.js → ListItemStandardExpandableTextTemplate-87ypSvqu.js} +1 -1
- package/dist/assets/{bundle.esm-DRCvw6Ji.js → bundle.esm-CoBHnkfj.js} +239 -234
- package/dist/assets/messagebundle_en-DXEe5nWA.js +1 -0
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TabInOverflow.css +1 -1
- package/dist/custom-elements-internal.json +151 -138
- package/dist/custom-elements.json +135 -122
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +3 -3
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.js +6 -6
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuTemplate.lit.js +2 -2
- package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +14 -14
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js +2 -2
- package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Button.css.d.ts +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
- package/dist/generated/themes/TabInOverflow.css.js +1 -1
- package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
- package/dist/messagebundle.properties +3 -0
- package/dist/messagebundle_en.properties +1 -0
- package/dist/types/AnalyticsName.d.ts +5 -0
- package/dist/types/AnalyticsName.js +7 -0
- package/dist/types/AnalyticsName.js.map +1 -0
- package/dist/types/EventRibbon.d.ts +38 -13
- package/dist/types/EventRibbon.js +39 -12
- package/dist/types/EventRibbon.js.map +1 -1
- package/dist/vscode.html-custom-data.json +6 -25
- package/dist/web-types.json +13 -15
- package/package.json +1 -1
- package/src/AssetsVariables.ts +6 -1
- package/src/MastheadCountrySelector.hbs +3 -0
- package/src/MastheadCountrySelector.ts +24 -4
- package/src/MastheadItem.hbs +22 -14
- package/src/MastheadItem.ts +71 -26
- package/src/MastheadMenu.hbs +6 -1
- package/src/MastheadMenu.ts +5 -0
- package/src/MastheadMenuItem.hbs +1 -1
- package/src/MastheadMenuItem.ts +2 -2
- package/src/MastheadMobileMenu.hbs +24 -9
- package/src/MastheadMobileMenu.ts +19 -3
- package/src/MastheadProfileMenu.hbs +2 -0
- package/src/MastheadProfileMenu.ts +11 -5
- package/src/MastheadShell.hbs +2 -0
- package/src/MastheadShell.ts +31 -14
- package/src/MediaPlayer.ts +0 -1
- package/src/MessageStripTemplate.tsx +1 -0
- package/src/SecondaryNavigation.hbs +6 -1
- package/src/SecondaryNavigation.ts +22 -0
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +3 -3
- package/src/generated/templates/MastheadItemTemplate.lit.ts +6 -6
- package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadMenuTemplate.lit.ts +2 -2
- package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +14 -14
- package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadShellTemplate.lit.ts +2 -2
- package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TabInOverflow.css.ts +1 -1
- package/src/i18n/messagebundle.properties +3 -0
- package/src/i18n/messagebundle_en.properties +1 -0
- package/src/themes/Button.css +1 -0
- package/src/themes/MastheadItem.css +15 -0
- package/src/themes/MastheadProfileMenu.css +2 -1
- package/src/themes/Modal.css +2 -2
- package/src/themes/Search.css +2 -1
- package/src/themes/TabInOverflow.css +1 -1
- package/src/types/AnalyticsName.ts +6 -0
- package/src/types/EventRibbon.ts +38 -13
- 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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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.
|
|
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
|
|
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;
|
|
@@ -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":
|
|
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
|
|
package/src/MastheadShell.hbs
CHANGED
|
@@ -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>
|
package/src/MastheadShell.ts
CHANGED
|
@@ -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":
|
|
159
|
-
"mobile-menu-close":
|
|
160
|
-
"search-opened":
|
|
161
|
-
"search-closed":
|
|
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.
|
|
509
|
+
this.fireMastheadEvent("logo-click", e);
|
|
502
510
|
}
|
|
503
511
|
|
|
504
512
|
handleSiteLabelClick(e: PointerEvent): void {
|
|
505
|
-
this.
|
|
513
|
+
this.fireMastheadEvent("site-label-click", e);
|
|
506
514
|
}
|
|
507
515
|
|
|
508
516
|
handleSearchClick(e: PointerEvent): void {
|
|
509
517
|
e.stopPropagation();
|
|
510
|
-
this.
|
|
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.
|
|
524
|
+
this.fireMastheadEvent("cart-click", e);
|
|
517
525
|
}
|
|
518
526
|
|
|
519
527
|
handleProfileClick(e: PointerEvent): void {
|
|
520
528
|
e.stopPropagation();
|
|
521
|
-
this.
|
|
529
|
+
this.fireMastheadEvent("profile-click", e);
|
|
522
530
|
}
|
|
523
531
|
|
|
524
532
|
handleSupportClick(e: PointerEvent): void {
|
|
525
533
|
e.stopPropagation();
|
|
526
|
-
this.
|
|
534
|
+
this.fireMastheadEvent("support-click", e);
|
|
527
535
|
}
|
|
528
536
|
|
|
529
537
|
handleCountrySelectorClick(e: PointerEvent): void {
|
|
530
538
|
e.stopPropagation();
|
|
531
|
-
this.
|
|
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.
|
|
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.
|
|
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.
|
|
786
|
+
this.fireMastheadEvent("search-opened");
|
|
770
787
|
}
|
|
771
788
|
|
|
772
789
|
/**
|
package/src/MediaPlayer.ts
CHANGED
|
@@ -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";
|
|
@@ -8,7 +8,12 @@
|
|
|
8
8
|
{{#if heading.length}}
|
|
9
9
|
<div class="udex-secondary-navigation__heading">
|
|
10
10
|
{{#if headingHref.length}}
|
|
11
|
-
<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;
|