@ui5/webcomponents-base 1.12.0-rc.0 → 1.12.0-rc.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 (309) hide show
  1. package/.eslintrc.js +3 -0
  2. package/CHANGELOG.md +27 -0
  3. package/dist/AssetRegistry.js.map +1 -1
  4. package/dist/Boot.js +14 -0
  5. package/dist/Boot.js.map +1 -1
  6. package/dist/CSP.js.map +1 -1
  7. package/dist/CustomElementsRegistry.js.map +1 -1
  8. package/dist/CustomElementsScope.js.map +1 -1
  9. package/dist/CustomElementsScopeUtils.js.map +1 -1
  10. package/dist/DOMObserver.js.map +1 -1
  11. package/dist/Device.js.map +1 -1
  12. package/dist/EventProvider.js.map +1 -1
  13. package/dist/FeaturesRegistry.js.map +1 -1
  14. package/dist/FontFace.js.map +1 -1
  15. package/dist/InitialConfiguration.js.map +1 -1
  16. package/dist/Keys.js.map +1 -1
  17. package/dist/ManagedStyles.js.map +1 -1
  18. package/dist/MarkedEvents.js.map +1 -1
  19. package/dist/MediaRange.js.map +1 -1
  20. package/dist/PropertiesFileFormat.js.map +1 -1
  21. package/dist/Render.js.map +1 -1
  22. package/dist/RenderQueue.js.map +1 -1
  23. package/dist/Runtimes.js.map +1 -1
  24. package/dist/StaticArea.js.map +1 -1
  25. package/dist/StaticAreaItem.js.map +1 -1
  26. package/dist/SystemCSSVars.js.map +1 -1
  27. package/dist/Theming.js.map +1 -1
  28. package/dist/UI5Element.js.map +1 -1
  29. package/dist/UI5ElementMetadata.js.map +1 -1
  30. package/dist/animations/AnimationQueue.js.map +1 -1
  31. package/dist/animations/animate.js.map +1 -1
  32. package/dist/animations/scroll.js.map +1 -1
  33. package/dist/animations/slideDown.js.map +1 -1
  34. package/dist/animations/slideUp.js.map +1 -1
  35. package/dist/asset-registries/Icons.d.ts +6 -6
  36. package/dist/asset-registries/Icons.js +1 -1
  37. package/dist/asset-registries/Icons.js.map +1 -1
  38. package/dist/asset-registries/Illustrations.js.map +1 -1
  39. package/dist/asset-registries/LocaleData.js.map +1 -1
  40. package/dist/asset-registries/Themes.js +2 -0
  41. package/dist/asset-registries/Themes.js.map +1 -1
  42. package/dist/asset-registries/i18n.js +9 -3
  43. package/dist/asset-registries/i18n.js.map +1 -1
  44. package/dist/assets/Boot.0f056029.js +9 -0
  45. package/dist/assets/Boot.34b7cea0.css +1 -0
  46. package/dist/assets/{bundle.esm.5ddf1fb1.js → bundle.esm.90296f02.js} +1 -1
  47. package/dist/assets/test/pages/Boot.html.a40788ce.js +1 -0
  48. package/dist/assets/test/pages/{i18n.html.95232fe8.js → i18n.html.65058ddf.js} +1 -1
  49. package/dist/assets/test/pages/{i18n_texts.html.351ef5df.js → i18n_texts.html.4d80a4fd.js} +1 -1
  50. package/dist/assets-meta/IconCollectionsAlias.js.map +1 -1
  51. package/dist/config/AnimationMode.js.map +1 -1
  52. package/dist/config/CalendarType.js.map +1 -1
  53. package/dist/config/FormatSettings.js.map +1 -1
  54. package/dist/config/Icons.js.map +1 -1
  55. package/dist/config/Language.d.ts +10 -1
  56. package/dist/config/Language.js +13 -1
  57. package/dist/config/Language.js.map +1 -1
  58. package/dist/config/NoConflict.js.map +1 -1
  59. package/dist/config/RTL.js.map +1 -1
  60. package/dist/config/Theme.d.ts +10 -1
  61. package/dist/config/Theme.js +13 -1
  62. package/dist/config/Theme.js.map +1 -1
  63. package/dist/config/ThemeRoots.js.map +1 -1
  64. package/dist/decorators/customElement.js.map +1 -1
  65. package/dist/decorators/event.js.map +1 -1
  66. package/dist/decorators/property.js.map +1 -1
  67. package/dist/decorators/slot.js.map +1 -1
  68. package/dist/delegate/ItemNavigation.js.map +1 -1
  69. package/dist/delegate/ResizeHandler.js.map +1 -1
  70. package/dist/delegate/ScrollEnablement.js.map +1 -1
  71. package/dist/features/F6Navigation.js.map +1 -1
  72. package/dist/features/LegacyDateFormats.js.map +1 -1
  73. package/dist/features/OpenUI5Element.js.map +1 -1
  74. package/dist/features/OpenUI5Enablement.js.map +1 -1
  75. package/dist/features/OpenUI5Support.js.map +1 -1
  76. package/dist/generated/VersionInfo.js +3 -3
  77. package/dist/generated/css/BusyIndicator.css.js.map +1 -1
  78. package/dist/generated/css/FontFace.css.js.map +1 -1
  79. package/dist/generated/css/OverrideFontFace.css.js.map +1 -1
  80. package/dist/generated/css/SystemCSSVars.css.js.map +1 -1
  81. package/dist/getSharedResource.js.map +1 -1
  82. package/dist/i18nBundle.js.map +1 -1
  83. package/dist/locale/Locale.js.map +1 -1
  84. package/dist/locale/RTLAwareRegistry.js.map +1 -1
  85. package/dist/locale/applyDirection.js.map +1 -1
  86. package/dist/locale/directionChange.js.map +1 -1
  87. package/dist/locale/getEffectiveDir.js.map +1 -1
  88. package/dist/locale/getLocale.js.map +1 -1
  89. package/dist/locale/languageChange.js.map +1 -1
  90. package/dist/locale/nextFallbackLocale.js.map +1 -1
  91. package/dist/locale/normalizeLocale.js.map +1 -1
  92. package/dist/renderer/LitRenderer.js.map +1 -1
  93. package/dist/renderer/executeTemplate.js.map +1 -1
  94. package/dist/test/pages/AllTestElements.html +2 -2
  95. package/dist/test/pages/Boot.html +4 -4
  96. package/dist/test/pages/Configuration.html +2 -2
  97. package/dist/test/pages/ConfigurationScript.html +2 -2
  98. package/dist/test/pages/WithComplexTemplate.html +2 -2
  99. package/dist/test/pages/i18n.html +3 -3
  100. package/dist/test/pages/i18n_texts.html +3 -3
  101. package/dist/theming/CustomStyle.js.map +1 -1
  102. package/dist/theming/ThemeLoaded.js.map +1 -1
  103. package/dist/theming/ThemeRegistered.d.ts +4 -0
  104. package/dist/theming/ThemeRegistered.js +11 -0
  105. package/dist/theming/ThemeRegistered.js.map +1 -0
  106. package/dist/theming/applyTheme.js.map +1 -1
  107. package/dist/theming/getConstructableStyle.js.map +1 -1
  108. package/dist/theming/getEffectiveLinksHrefs.js.map +1 -1
  109. package/dist/theming/getEffectiveStyle.js.map +1 -1
  110. package/dist/theming/getStylesString.js.map +1 -1
  111. package/dist/theming/getThemeDesignerTheme.js.map +1 -1
  112. package/dist/theming/preloadLinks.js.map +1 -1
  113. package/dist/thirdparty/_merge.js.map +1 -1
  114. package/dist/thirdparty/isPlainObject.js.map +1 -1
  115. package/dist/thirdparty/merge.js.map +1 -1
  116. package/dist/types/AnimationMode.js.map +1 -1
  117. package/dist/types/CSSColor.js.map +1 -1
  118. package/dist/types/CalendarType.js.map +1 -1
  119. package/dist/types/DOMReference.js.map +1 -1
  120. package/dist/types/DataType.js.map +1 -1
  121. package/dist/types/Float.js.map +1 -1
  122. package/dist/types/Integer.js.map +1 -1
  123. package/dist/types/InvisibleMessageMode.js.map +1 -1
  124. package/dist/types/ItemNavigationBehavior.js.map +1 -1
  125. package/dist/types/NavigationMode.js.map +1 -1
  126. package/dist/types/ValueState.js.map +1 -1
  127. package/dist/types.js.map +1 -1
  128. package/dist/updateShadowRoot.js.map +1 -1
  129. package/dist/util/AriaLabelHelper.js.map +1 -1
  130. package/dist/util/Caret.js.map +1 -1
  131. package/dist/util/ColorConversion.js.map +1 -1
  132. package/dist/util/FetchHelper.js.map +1 -1
  133. package/dist/util/FocusableElements.js.map +1 -1
  134. package/dist/util/HTMLSanitizer.js.map +1 -1
  135. package/dist/util/InvisibleMessage.js.map +1 -1
  136. package/dist/util/PopupUtils.js.map +1 -1
  137. package/dist/util/SlotsHelper.js.map +1 -1
  138. package/dist/util/StringHelper.js.map +1 -1
  139. package/dist/util/TabbableElements.js.map +1 -1
  140. package/dist/util/arraysAreEqual.js.map +1 -1
  141. package/dist/util/clamp.js.map +1 -1
  142. package/dist/util/createLinkInHead.js.map +1 -1
  143. package/dist/util/createStyleInHead.js.map +1 -1
  144. package/dist/util/debounce.js.map +1 -1
  145. package/dist/util/detectNavigatorLanguage.js.map +1 -1
  146. package/dist/util/escapeRegex.js.map +1 -1
  147. package/dist/util/formatMessage.js.map +1 -1
  148. package/dist/util/generateHighlightedMarkup.js.map +1 -1
  149. package/dist/util/getActiveElement.js.map +1 -1
  150. package/dist/util/getClassCopy.js.map +1 -1
  151. package/dist/util/getDesigntimePropertyAsArray.js.map +1 -1
  152. package/dist/util/getEffectiveContentDensity.js.map +1 -1
  153. package/dist/util/getEffectiveScrollbarStyle.js.map +1 -1
  154. package/dist/util/getFastNavigationGroups.js.map +1 -1
  155. package/dist/util/getFileExtension.js.map +1 -1
  156. package/dist/util/getNormalizedTarget.js.map +1 -1
  157. package/dist/util/getSingletonElementInstance.js.map +1 -1
  158. package/dist/util/isElementClickable.js.map +1 -1
  159. package/dist/util/isElementHidden.js.map +1 -1
  160. package/dist/util/isElementInView.js.map +1 -1
  161. package/dist/util/isElementTabbable.js.map +1 -1
  162. package/dist/util/isValidPropertyName.js.map +1 -1
  163. package/dist/util/whenDOMReady.js.map +1 -1
  164. package/dist/util/willShowContent.js.map +1 -1
  165. package/dist/validateThemeRoot.js.map +1 -1
  166. package/package-scripts.js +1 -2
  167. package/package.json +4 -4
  168. package/tsconfig.json +1 -0
  169. package/dist/assets/Boot.6335ce08.css +0 -1
  170. package/dist/assets/Boot.6f2dd050.js +0 -9
  171. package/dist/assets/test/pages/Boot.html.3e0c3154.js +0 -1
  172. package/src/AssetRegistry.ts +0 -11
  173. package/src/Boot.ts +0 -76
  174. package/src/CSP.ts +0 -66
  175. package/src/CustomElementsRegistry.ts +0 -98
  176. package/src/CustomElementsScope.ts +0 -33
  177. package/src/CustomElementsScopeUtils.ts +0 -115
  178. package/src/DOMObserver.ts +0 -28
  179. package/src/Device.ts +0 -203
  180. package/src/EventProvider.ts +0 -87
  181. package/src/FeaturesRegistry.ts +0 -14
  182. package/src/FontFace.ts +0 -31
  183. package/src/InitialConfiguration.ts +0 -207
  184. package/src/Keys.ts +0 -295
  185. package/src/ManagedStyles.ts +0 -92
  186. package/src/MarkedEvents.ts +0 -20
  187. package/src/MediaRange.ts +0 -110
  188. package/src/PropertiesFileFormat.ts +0 -95
  189. package/src/Render.ts +0 -180
  190. package/src/RenderQueue.ts +0 -71
  191. package/src/Runtimes.ts +0 -114
  192. package/src/StaticArea.ts +0 -3
  193. package/src/StaticAreaItem.ts +0 -113
  194. package/src/SystemCSSVars.ts +0 -10
  195. package/src/Theming.ts +0 -4
  196. package/src/UI5Element.ts +0 -1159
  197. package/src/UI5ElementMetadata.ts +0 -389
  198. package/src/animations/AnimationQueue.ts +0 -43
  199. package/src/animations/animate.ts +0 -64
  200. package/src/animations/scroll.ts +0 -21
  201. package/src/animations/slideDown.ts +0 -72
  202. package/src/animations/slideUp.ts +0 -67
  203. package/src/asset-registries/Icons.ts +0 -161
  204. package/src/asset-registries/Illustrations.ts +0 -75
  205. package/src/asset-registries/LocaleData.ts +0 -172
  206. package/src/asset-registries/Themes.ts +0 -72
  207. package/src/asset-registries/i18n.ts +0 -118
  208. package/src/assets-meta/IconCollectionsAlias.ts +0 -41
  209. package/src/config/AnimationMode.ts +0 -33
  210. package/src/config/CalendarType.ts +0 -23
  211. package/src/config/FormatSettings.ts +0 -35
  212. package/src/config/Icons.ts +0 -126
  213. package/src/config/Language.ts +0 -72
  214. package/src/config/NoConflict.ts +0 -67
  215. package/src/config/RTL.ts +0 -45
  216. package/src/config/Theme.ts +0 -64
  217. package/src/config/ThemeRoots.ts +0 -41
  218. package/src/decorators/customElement.ts +0 -57
  219. package/src/decorators/event.ts +0 -28
  220. package/src/decorators/property.ts +0 -30
  221. package/src/decorators/slot.ts +0 -49
  222. package/src/delegate/ItemNavigation.ts +0 -393
  223. package/src/delegate/ResizeHandler.ts +0 -100
  224. package/src/delegate/ScrollEnablement.ts +0 -224
  225. package/src/features/F6Navigation.ts +0 -195
  226. package/src/features/LegacyDateFormats.ts +0 -40
  227. package/src/features/OpenUI5Element.ts +0 -11
  228. package/src/features/OpenUI5Enablement.ts +0 -117
  229. package/src/features/OpenUI5Support.ts +0 -153
  230. package/src/generated/css/BusyIndicator.css.ts +0 -9
  231. package/src/generated/css/FontFace.css.ts +0 -9
  232. package/src/generated/css/OverrideFontFace.css.ts +0 -9
  233. package/src/generated/css/SystemCSSVars.css.ts +0 -9
  234. package/src/getSharedResource.ts +0 -39
  235. package/src/global.d.ts +0 -38
  236. package/src/i18nBundle.ts +0 -108
  237. package/src/locale/Locale.ts +0 -101
  238. package/src/locale/RTLAwareRegistry.ts +0 -16
  239. package/src/locale/applyDirection.ts +0 -18
  240. package/src/locale/directionChange.ts +0 -34
  241. package/src/locale/getEffectiveDir.ts +0 -28
  242. package/src/locale/getLocale.ts +0 -46
  243. package/src/locale/languageChange.ts +0 -24
  244. package/src/locale/nextFallbackLocale.ts +0 -28
  245. package/src/locale/normalizeLocale.ts +0 -56
  246. package/src/renderer/LitRenderer.ts +0 -60
  247. package/src/renderer/executeTemplate.ts +0 -40
  248. package/src/theming/CustomStyle.ts +0 -64
  249. package/src/theming/ThemeLoaded.ts +0 -24
  250. package/src/theming/applyTheme.ts +0 -90
  251. package/src/theming/getConstructableStyle.ts +0 -31
  252. package/src/theming/getEffectiveLinksHrefs.ts +0 -26
  253. package/src/theming/getEffectiveStyle.ts +0 -41
  254. package/src/theming/getStylesString.ts +0 -15
  255. package/src/theming/getThemeDesignerTheme.ts +0 -101
  256. package/src/theming/preloadLinks.ts +0 -24
  257. package/src/thirdparty/_merge.ts +0 -32
  258. package/src/thirdparty/isPlainObject.ts +0 -18
  259. package/src/thirdparty/merge.ts +0 -5
  260. package/src/types/AnimationMode.ts +0 -33
  261. package/src/types/CSSColor.ts +0 -19
  262. package/src/types/CalendarType.ts +0 -38
  263. package/src/types/DOMReference.ts +0 -28
  264. package/src/types/DataType.ts +0 -51
  265. package/src/types/Float.ts +0 -24
  266. package/src/types/Integer.ts +0 -24
  267. package/src/types/InvisibleMessageMode.ts +0 -27
  268. package/src/types/ItemNavigationBehavior.ts +0 -26
  269. package/src/types/NavigationMode.ts +0 -33
  270. package/src/types/ValueState.ts +0 -47
  271. package/src/types.ts +0 -30
  272. package/src/updateShadowRoot.ts +0 -42
  273. package/src/util/AriaLabelHelper.ts +0 -218
  274. package/src/util/Caret.ts +0 -28
  275. package/src/util/ColorConversion.ts +0 -399
  276. package/src/util/FetchHelper.ts +0 -31
  277. package/src/util/FocusableElements.ts +0 -92
  278. package/src/util/HTMLSanitizer.ts +0 -9
  279. package/src/util/InvisibleMessage.ts +0 -69
  280. package/src/util/PopupUtils.ts +0 -112
  281. package/src/util/SlotsHelper.ts +0 -39
  282. package/src/util/StringHelper.ts +0 -26
  283. package/src/util/TabbableElements.ts +0 -70
  284. package/src/util/arraysAreEqual.ts +0 -15
  285. package/src/util/clamp.ts +0 -12
  286. package/src/util/createLinkInHead.ts +0 -25
  287. package/src/util/createStyleInHead.ts +0 -20
  288. package/src/util/debounce.ts +0 -18
  289. package/src/util/detectNavigatorLanguage.ts +0 -13
  290. package/src/util/escapeRegex.ts +0 -11
  291. package/src/util/formatMessage.ts +0 -24
  292. package/src/util/generateHighlightedMarkup.ts +0 -43
  293. package/src/util/getActiveElement.ts +0 -11
  294. package/src/util/getClassCopy.ts +0 -12
  295. package/src/util/getDesigntimePropertyAsArray.ts +0 -4
  296. package/src/util/getEffectiveContentDensity.ts +0 -5
  297. package/src/util/getEffectiveScrollbarStyle.ts +0 -5
  298. package/src/util/getFastNavigationGroups.ts +0 -63
  299. package/src/util/getFileExtension.ts +0 -21
  300. package/src/util/getNormalizedTarget.ts +0 -16
  301. package/src/util/getSingletonElementInstance.ts +0 -13
  302. package/src/util/isElementClickable.ts +0 -19
  303. package/src/util/isElementHidden.ts +0 -9
  304. package/src/util/isElementInView.ts +0 -15
  305. package/src/util/isElementTabbable.ts +0 -37
  306. package/src/util/isValidPropertyName.ts +0 -29
  307. package/src/util/whenDOMReady.ts +0 -13
  308. package/src/util/willShowContent.ts +0 -7
  309. package/src/validateThemeRoot.ts +0 -58
@@ -1,153 +0,0 @@
1
- import { registerFeature } from "../FeaturesRegistry.js";
2
- import { setTheme } from "../config/Theme.js";
3
- import { getCurrentZIndex } from "../util/PopupUtils.js";
4
- import { CLDRData } from "../asset-registries/LocaleData.js";
5
- import type { LegacyDateCalendarCustomizing } from "../features/LegacyDateFormats.js";
6
-
7
- type OpenUI5Popup = {
8
- setInitialZIndex: (zIndex: number) => void,
9
- getNextZIndex: () => number,
10
- };
11
-
12
- type OpenUI5Core = {
13
- attachInit: (callback: () => void) => void,
14
- attachThemeChanged: (callback: () => Promise<void>) => void,
15
- getConfiguration: () => OpenUI5CoreConfiguration,
16
- };
17
-
18
- type OpenUI5CoreConfiguration = {
19
- getAnimationMode: () => string,
20
- getLanguage: () => string,
21
- getTheme: () => string,
22
- getThemeRoot: () => string,
23
- getRTL: () => string,
24
- getCalendarType: () => string,
25
- getLocale: () => string,
26
- getFormatSettings: () => {
27
- getLegacyDateCalendarCustomizing: () => LegacyDateCalendarCustomizing;
28
- }
29
- };
30
-
31
- type LocaleData = {
32
- getInstance: (locale: string) => Locale,
33
- }
34
-
35
- type Locale = {
36
- getFirstDayOfWeek: () => number,
37
- _get: () => CLDRData,
38
- };
39
-
40
- const getCore = () => {
41
- return window.sap?.ui?.getCore?.() as OpenUI5Core;
42
- };
43
-
44
- class OpenUI5Support {
45
- static isLoaded() {
46
- return !!getCore();
47
- }
48
-
49
- static init() {
50
- const core = getCore();
51
- if (!core) {
52
- return Promise.resolve();
53
- }
54
-
55
- return new Promise<void>(resolve => {
56
- core.attachInit(() => {
57
- window.sap.ui.require(["sap/ui/core/LocaleData", "sap/ui/core/Popup"], (LocaleData: LocaleData, Popup: OpenUI5Popup) => {
58
- Popup.setInitialZIndex(getCurrentZIndex());
59
- resolve();
60
- });
61
- });
62
- });
63
- }
64
-
65
- static getConfigurationSettingsObject() {
66
- const core = getCore();
67
- if (!core) {
68
- return;
69
- }
70
-
71
- const config = core.getConfiguration();
72
- const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
73
-
74
- return {
75
- animationMode: config.getAnimationMode(),
76
- language: config.getLanguage(),
77
- theme: config.getTheme(),
78
- themeRoot: config.getThemeRoot(),
79
- rtl: config.getRTL(),
80
- calendarType: config.getCalendarType(),
81
- formatSettings: {
82
- firstDayOfWeek: LocaleData ? LocaleData.getInstance(config.getLocale()).getFirstDayOfWeek() : undefined,
83
- legacyDateCalendarCustomizing: config.getFormatSettings().getLegacyDateCalendarCustomizing(),
84
- },
85
- };
86
- }
87
-
88
- static getLocaleDataObject() {
89
- const core = getCore();
90
- if (!core) {
91
- return;
92
- }
93
-
94
- const config = core.getConfiguration();
95
- const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData") as LocaleData;
96
- return LocaleData.getInstance(config.getLocale())._get();
97
- }
98
-
99
- static _listenForThemeChange() {
100
- const core = getCore();
101
- const config = core.getConfiguration();
102
- core.attachThemeChanged(async () => {
103
- await setTheme(config.getTheme());
104
- });
105
- }
106
-
107
- static attachListeners() {
108
- const core = getCore();
109
- if (!core) {
110
- return;
111
- }
112
-
113
- OpenUI5Support._listenForThemeChange();
114
- }
115
-
116
- static cssVariablesLoaded() {
117
- const core = getCore();
118
- if (!core) {
119
- return;
120
- }
121
-
122
- const link = [...document.head.children].find(el => el.id === "sap-ui-theme-sap.ui.core") as HTMLLinkElement; // more reliable than querySelector early
123
- if (!link) {
124
- return;
125
- }
126
-
127
- return !!link.href.match(/\/css(-|_)variables\.css/);
128
- }
129
-
130
- static getNextZIndex() {
131
- const core = getCore();
132
- if (!core) {
133
- return;
134
- }
135
-
136
- const Popup = window.sap.ui.require("sap/ui/core/Popup") as OpenUI5Popup;
137
- return Popup.getNextZIndex();
138
- }
139
-
140
- static setInitialZIndex() {
141
- const core = getCore();
142
- if (!core) {
143
- return;
144
- }
145
-
146
- const Popup = window.sap.ui.require("sap/ui/core/Popup") as OpenUI5Popup;
147
- Popup.setInitialZIndex(getCurrentZIndex());
148
- }
149
- }
150
-
151
- registerFeature("OpenUI5Support", OpenUI5Support);
152
-
153
- export default OpenUI5Support;
@@ -1,9 +0,0 @@
1
- import type { StyleData } from "../../types.js";
2
-
3
- const styleData: StyleData = {
4
- packageName: "@ui5/webcomponents-base",
5
- fileName: "BusyIndicator.css",
6
- content: `.busy-indicator-wrapper{position:relative;height:100%;width:100%}.busy-indicator-overlay{display:var(--ui5_web_components_busy_indicator_display);position:absolute;inset:0;background:var(--ui5_web_components_busy_indicator_background-color);z-index:99}.busy-indicator-busy-area{display:var(--ui5_web_components_busy_indicator_display);position:absolute;z-index:99;inset:0;justify-content:center;align-items:center;background-color:inherit;flex-direction:column;color:var(--_ui5_busy_indicator_color)}:host([__is-busy]) .busy-indicator-wrapper>:not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]){--ui5_web_components_busy_indicator_display:none}.busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-.125rem}.busy-indicator-circle{width:1rem;height:1rem;display:inline-block;background-color:currentColor;border-radius:50%}.circle-animation-0{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.circle-animation-1{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.2s}.circle-animation-2{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.4s}.sapUiLocalBusy{--ui5_web_components_busy_indicator_display:none}.busy-indicator-wrapper [ui5-busy-indicator]{display:none}@keyframes grow{0%,100%,50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}`,
7
- };
8
-
9
- export default styleData;
@@ -1,9 +0,0 @@
1
- import type { StyleData } from "../../types.js";
2
-
3
- const styleData: StyleData = {
4
- packageName: "@ui5/webcomponents-base",
5
- fileName: "FontFace.css",
6
- content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Bold';font-style:normal;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Boldfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Light';font-style:normal;src:local('72-Light'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Lightfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2")}`,
7
- };
8
-
9
- export default styleData;
@@ -1,9 +0,0 @@
1
- import type { StyleData } from "../../types.js";
2
-
3
- const styleData: StyleData = {
4
- packageName: "@ui5/webcomponents-base",
5
- fileName: "OverrideFontFace.css",
6
- content: `@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}`,
7
- };
8
-
9
- export default styleData;
@@ -1,9 +0,0 @@
1
- import type { StyleData } from "../../types.js";
2
-
3
- const styleData: StyleData = {
4
- packageName: "@ui5/webcomponents-base",
5
- fileName: "SystemCSSVars.css",
6
- content: `:root{--_ui5_content_density:cozy}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_content_density:compact}[dir=rtl]{--_ui5_dir:rtl}[dir=ltr]{--_ui5_dir:ltr}`,
7
- };
8
-
9
- export default styleData;
@@ -1,39 +0,0 @@
1
- import getSingletonElementInstance from "./util/getSingletonElementInstance.js";
2
-
3
- const getSharedResourcesInstance = (): Record<string, unknown> | null => {
4
- if (typeof document === "undefined") {
5
- return null;
6
- }
7
- return getSingletonElementInstance("ui5-shared-resources", document.head) as unknown as Record<string, unknown>;
8
- };
9
-
10
- /**
11
- * Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.
12
- * The data will be accessed via a singleton "ui5-shared-resources" HTML element in the "head" element of the page.
13
- *
14
- * @public
15
- * @param namespace Unique ID of the resource, may contain "." to denote hierarchy
16
- * @param initialValue Object or primitive that will be used as an initial value if the resource does not exist
17
- * @returns {*}
18
- */
19
- const getSharedResource = <T>(namespace: string, initialValue: T): T => {
20
- const parts = namespace.split(".");
21
- let current = getSharedResourcesInstance() as Record<string, any>;
22
-
23
- if (!current) {
24
- return initialValue;
25
- }
26
-
27
- for (let i = 0; i < parts.length; i++) {
28
- const part = parts[i];
29
- const lastPart = i === parts.length - 1;
30
- if (!Object.prototype.hasOwnProperty.call(current, part)) {
31
- current[part] = lastPart ? initialValue : {};
32
- }
33
- current = current[part];
34
- }
35
-
36
- return current as T;
37
- };
38
-
39
- export default getSharedResource;
package/src/global.d.ts DELETED
@@ -1,38 +0,0 @@
1
- export {};
2
-
3
- declare global {
4
-
5
- type VersionInfo = {
6
- version: string,
7
- major: number,
8
- minor: number,
9
- patch: number,
10
- suffix: string,
11
- isNext: boolean,
12
- buildTime: number,
13
- }
14
-
15
- interface Window {
16
- sap: any;
17
- chrome: any;
18
- v8: any;
19
- }
20
-
21
- module "*generated/AssetParameters.js" {
22
- const DEFAULT_THEME: string;
23
- const DEFAULT_LANGUAGE: string;
24
- const DEFAULT_LOCALE: string;
25
- const SUPPORTED_LOCALES: Array<string>;
26
- export {
27
- DEFAULT_THEME,
28
- DEFAULT_LANGUAGE,
29
- DEFAULT_LOCALE,
30
- SUPPORTED_LOCALES,
31
- };
32
- }
33
-
34
- module "*generated/VersionInfo.js" {
35
- const content: VersionInfo;
36
- export default content;
37
- }
38
- }
package/src/i18nBundle.ts DELETED
@@ -1,108 +0,0 @@
1
- import { registerI18nLoader, fetchI18nBundle, getI18nBundleData } from "./asset-registries/i18n.js";
2
- import formatMessage from "./util/formatMessage.js";
3
-
4
- const I18nBundleInstances = new Map<string, I18nBundle>();
5
-
6
- let customGetI18nBundle: I18nBundleGetter;
7
-
8
- type I18nText = {
9
- key: string,
10
- defaultText: string,
11
- };
12
-
13
- type I18nBundleGetter = (packageName: string) => Promise<I18nBundle>;
14
-
15
- /**
16
- * @class
17
- * @public
18
- */
19
- class I18nBundle {
20
- packageName: string;
21
-
22
- constructor(packageName: string) {
23
- this.packageName = packageName;
24
- }
25
-
26
- /**
27
- * Returns a text in the currently loaded language
28
- *
29
- * @public
30
- * @param {Object|String} textObj key/defaultText pair or just the key
31
- * @param params Values for the placeholders
32
- * @returns {string}
33
- */
34
- getText(textObj: I18nText, ...params: Array<number | string>): string {
35
- if (typeof textObj === "string") {
36
- textObj = { key: textObj, defaultText: textObj };
37
- }
38
-
39
- if (!textObj || !textObj.key) {
40
- return "";
41
- }
42
-
43
- const bundle = getI18nBundleData(this.packageName);
44
- if (bundle && !bundle[textObj.key]) {
45
- console.warn(`Key ${textObj.key} not found in the i18n bundle, the default text will be used`); // eslint-disable-line
46
- }
47
- const messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);
48
-
49
- return formatMessage(messageText, params);
50
- }
51
- }
52
-
53
- /**
54
- * Returns the I18nBundle instance for the given package synchronously.
55
- *
56
- * @public
57
- * @param packageName
58
- * @returns { I18nBundle }
59
- */
60
- const getI18nBundleSync = (packageName: string): I18nBundle => {
61
- if (I18nBundleInstances.has(packageName)) {
62
- return I18nBundleInstances.get(packageName)!;
63
- }
64
-
65
- const i18nBundle = new I18nBundle(packageName);
66
- I18nBundleInstances.set(packageName, i18nBundle);
67
- return i18nBundle;
68
- };
69
-
70
- /**
71
- * Fetches and returns the I18nBundle instance for the given package.
72
- *
73
- * @public
74
- * @param packageName
75
- * @returns { Promise<I18nBundle> }
76
- */
77
- const getI18nBundle = async (packageName: string): Promise<I18nBundle> => {
78
- if (customGetI18nBundle) {
79
- return customGetI18nBundle(packageName);
80
- }
81
-
82
- await fetchI18nBundle(packageName);
83
- return getI18nBundleSync(packageName);
84
- };
85
-
86
- /**
87
- * Allows developers to provide a custom getI18nBundle implementation
88
- * If this function is called, the custom implementation will be used for all components and will completely
89
- * replace the default implementation.
90
- *
91
- * @public
92
- * @param customGet the function to use instead of the standard getI18nBundle implementation
93
- */
94
- const registerCustomI18nBundleGetter = (customGet: I18nBundleGetter) => {
95
- customGetI18nBundle = customGet;
96
- };
97
-
98
- export default I18nBundle;
99
-
100
- export {
101
- registerI18nLoader,
102
- getI18nBundle,
103
- registerCustomI18nBundleGetter,
104
- };
105
-
106
- export type {
107
- I18nText,
108
- };
@@ -1,101 +0,0 @@
1
- import { DEFAULT_LANGUAGE } from "../generated/AssetParameters.js";
2
-
3
- const rLocale = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;
4
-
5
- class Locale {
6
- sLocaleId: string;
7
- sLanguage: string;
8
- sScript: string;
9
- sRegion: string;
10
- sVariant: string | null;
11
- sExtension: string | null;
12
- sPrivateUse: string | null;
13
-
14
- constructor(sLocaleId: string) {
15
- const aResult = rLocale.exec(sLocaleId.replace(/_/g, "-"));
16
- if (aResult === null) {
17
- throw new Error(`The given language ${sLocaleId} does not adhere to BCP-47.`);
18
- }
19
- this.sLocaleId = sLocaleId;
20
- this.sLanguage = aResult[1] || DEFAULT_LANGUAGE;
21
- this.sScript = aResult[2] || "";
22
- this.sRegion = aResult[3] || "";
23
- this.sVariant = (aResult[4] && aResult[4].slice(1)) || null;
24
- this.sExtension = (aResult[5] && aResult[5].slice(1)) || null;
25
- this.sPrivateUse = aResult[6] || null;
26
- if (this.sLanguage) {
27
- this.sLanguage = this.sLanguage.toLowerCase();
28
- }
29
- if (this.sScript) {
30
- this.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, s => {
31
- return s.toUpperCase();
32
- });
33
- }
34
- if (this.sRegion) {
35
- this.sRegion = this.sRegion.toUpperCase();
36
- }
37
- }
38
-
39
- getLanguage() {
40
- return this.sLanguage;
41
- }
42
-
43
- getScript() {
44
- return this.sScript;
45
- }
46
-
47
- getRegion() {
48
- return this.sRegion;
49
- }
50
-
51
- getVariant() {
52
- return this.sVariant;
53
- }
54
-
55
- getVariantSubtags() {
56
- return this.sVariant ? this.sVariant.split("-") : [];
57
- }
58
-
59
- getExtension() {
60
- return this.sExtension;
61
- }
62
-
63
- getExtensionSubtags() {
64
- return this.sExtension ? this.sExtension.slice(2).split("-") : [];
65
- }
66
-
67
- getPrivateUse() {
68
- return this.sPrivateUse;
69
- }
70
-
71
- getPrivateUseSubtags() {
72
- return this.sPrivateUse ? this.sPrivateUse.slice(2).split("-") : [];
73
- }
74
-
75
- hasPrivateUseSubtag(sSubtag: string) {
76
- return this.getPrivateUseSubtags().indexOf(sSubtag) >= 0;
77
- }
78
-
79
- toString() {
80
- const r = [this.sLanguage];
81
-
82
- if (this.sScript) {
83
- r.push(this.sScript);
84
- }
85
- if (this.sRegion) {
86
- r.push(this.sRegion);
87
- }
88
- if (this.sVariant) {
89
- r.push(this.sVariant);
90
- }
91
- if (this.sExtension) {
92
- r.push(this.sExtension);
93
- }
94
- if (this.sPrivateUse) {
95
- r.push(this.sPrivateUse);
96
- }
97
- return r.join("-");
98
- }
99
- }
100
-
101
- export default Locale;
@@ -1,16 +0,0 @@
1
- import type UI5Element from "../UI5Element";
2
-
3
- const rtlAwareSet = new Set<typeof UI5Element>();
4
-
5
- const markAsRtlAware = (klass: typeof UI5Element) => {
6
- rtlAwareSet.add(klass);
7
- };
8
-
9
- const isRtlAware = (klass: typeof UI5Element) => {
10
- return rtlAwareSet.has(klass);
11
- };
12
-
13
- export {
14
- markAsRtlAware,
15
- isRtlAware,
16
- };
@@ -1,18 +0,0 @@
1
- import { reRenderAllUI5Elements } from "../Render.js";
2
- import { fireDirectionChange } from "./directionChange.js";
3
-
4
- /**
5
- * Re-renders all RTL-aware UI5 Elements.
6
- *
7
- * <b>Note:</b> Call this method whenever you change the "dir" property anywhere in your HTML page.
8
- * <b>Example:</b> <code>document.body.dir = "rtl"; applyDirection();</code>
9
- * @public
10
- * @returns {Promise<void>}
11
- */
12
- const applyDirection = async (): Promise<void> => {
13
- const listenersResults = fireDirectionChange();
14
- await Promise.all(listenersResults);
15
- await reRenderAllUI5Elements({ rtlAware: true });
16
- };
17
-
18
- export default applyDirection;
@@ -1,34 +0,0 @@
1
- import EventProvider from "../EventProvider.js";
2
-
3
- type DirectionChangeCallback = () => void;
4
-
5
- const eventProvider = new EventProvider<undefined, void>();
6
- const DIR_CHANGE = "directionChange";
7
-
8
- /**
9
- * Attach a callback that will be executed whenever the application calls the "applyDirection" function
10
- * @public
11
- * @param listener
12
- */
13
- const attachDirectionChange = (listener: DirectionChangeCallback) => {
14
- eventProvider.attachEvent(DIR_CHANGE, listener);
15
- };
16
-
17
- /**
18
- * Detach a callback that was passed with "attachDirectionChange"
19
- * @public
20
- * @param listener
21
- */
22
- const detachDirectionChange = (listener: DirectionChangeCallback) => {
23
- eventProvider.detachEvent(DIR_CHANGE, listener);
24
- };
25
-
26
- const fireDirectionChange = () => {
27
- return eventProvider.fireEvent(DIR_CHANGE, undefined);
28
- };
29
-
30
- export {
31
- attachDirectionChange,
32
- detachDirectionChange,
33
- fireDirectionChange,
34
- };
@@ -1,28 +0,0 @@
1
- import { getRTL } from "../config/RTL.js";
2
-
3
- const GLOBAL_DIR_CSS_VAR = "--_ui5_dir";
4
-
5
- const getEffectiveDir = (element: HTMLElement) => {
6
- const doc = window.document;
7
- const dirValues = ["ltr", "rtl"]; // exclude "auto" and "" from all calculations
8
- const locallyAppliedDir = getComputedStyle(element).getPropertyValue(GLOBAL_DIR_CSS_VAR);
9
-
10
- // In that order, inspect the CSS Var (for modern browsers), the element itself, html and body (for IE fallback)
11
- if (dirValues.includes(locallyAppliedDir)) {
12
- return locallyAppliedDir;
13
- }
14
- if (dirValues.includes(element.dir)) {
15
- return element.dir;
16
- }
17
- if (dirValues.includes(doc.documentElement.dir)) {
18
- return doc.documentElement.dir;
19
- }
20
- if (dirValues.includes(doc.body.dir)) {
21
- return doc.body.dir;
22
- }
23
-
24
- // Finally, check the configuration for explicitly set RTL or language-implied RTL
25
- return getRTL() ? "rtl" : undefined;
26
- };
27
-
28
- export default getEffectiveDir;
@@ -1,46 +0,0 @@
1
- import detectNavigatorLanguage from "../util/detectNavigatorLanguage.js";
2
- import { getLanguage as getConfigLanguage } from "../config/Language.js";
3
- import Locale from "./Locale.js";
4
- import { DEFAULT_LOCALE } from "../generated/AssetParameters.js";
5
-
6
- const cache = new Map<string, Locale>();
7
-
8
- const getLocaleInstance = (lang: string) => {
9
- if (!cache.has(lang)) {
10
- cache.set(lang, new Locale(lang));
11
- }
12
-
13
- return cache.get(lang)!;
14
- };
15
-
16
- const convertToLocaleOrNull = (lang: string) => {
17
- try {
18
- if (lang && typeof lang === "string") {
19
- return getLocaleInstance(lang);
20
- }
21
- } catch (e) {
22
- // ignore
23
- }
24
-
25
- return new Locale(DEFAULT_LOCALE);
26
- };
27
-
28
- /**
29
- * Returns the locale based on the parameter or configured language Configuration#getLanguage
30
- * If no language has been configured - a new locale based on browser language is returned
31
- */
32
- const getLocale = (lang?: string): Locale => {
33
- if (lang) {
34
- return convertToLocaleOrNull(lang);
35
- }
36
-
37
- const configLanguage = getConfigLanguage();
38
-
39
- if (configLanguage) {
40
- return getLocaleInstance(configLanguage);
41
- }
42
-
43
- return convertToLocaleOrNull(detectNavigatorLanguage());
44
- };
45
-
46
- export default getLocale;
@@ -1,24 +0,0 @@
1
- import EventProvider from "../EventProvider.js";
2
-
3
- type LanguageChangeCallback = (lang: string) => Promise<void | Array<void>>;
4
-
5
- const eventProvider = new EventProvider<string, Promise<void | Array<void>>>();
6
- const LANG_CHANGE = "languageChange";
7
-
8
- const attachLanguageChange = (listener: LanguageChangeCallback) => {
9
- eventProvider.attachEvent(LANG_CHANGE, listener);
10
- };
11
-
12
- const detachLanguageChange = (listener: LanguageChangeCallback) => {
13
- eventProvider.detachEvent(LANG_CHANGE, listener);
14
- };
15
-
16
- const fireLanguageChange = (lang: string) => {
17
- return eventProvider.fireEventAsync(LANG_CHANGE, lang);
18
- };
19
-
20
- export {
21
- attachLanguageChange,
22
- detachLanguageChange,
23
- fireLanguageChange,
24
- };
@@ -1,28 +0,0 @@
1
- import { DEFAULT_LOCALE } from "../generated/AssetParameters.js";
2
-
3
- /**
4
- * Calculates the next fallback locale for the given locale.
5
- *
6
- * @param {string} locale Locale string in Java format (underscores) or null
7
- * @returns {string} Next fallback Locale or "en" if no fallbacks found.
8
- */
9
- const nextFallbackLocale = (locale: string) => {
10
- if (!locale) {
11
- return DEFAULT_LOCALE;
12
- }
13
-
14
- if (locale === "zh_HK") {
15
- return "zh_TW";
16
- }
17
-
18
- // if there are multiple segments (separated by underscores), remove the last one
19
- const p = locale.lastIndexOf("_");
20
- if (p >= 0) {
21
- return locale.slice(0, p);
22
- }
23
-
24
- // for any language but the default, fallback to the default first before falling back to the 'raw' language (empty string)
25
- return locale !== DEFAULT_LOCALE ? DEFAULT_LOCALE : "";
26
- };
27
-
28
- export default nextFallbackLocale;