@ui5/webcomponents-base 0.0.0-0a074c90e → 0.0.0-111ecd79a

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 (705) hide show
  1. package/.eslintignore +5 -0
  2. package/CHANGELOG.md +442 -0
  3. package/README.md +53 -7
  4. package/bundle.esm.js +18 -12
  5. package/dist/AssetRegistry.d.ts +5 -0
  6. package/dist/AssetRegistry.js +2 -7
  7. package/dist/AssetRegistry.js.map +1 -0
  8. package/dist/Boot.d.ts +8 -0
  9. package/dist/Boot.js +35 -35
  10. package/dist/Boot.js.map +1 -0
  11. package/dist/CSP.d.ts +30 -0
  12. package/dist/CSP.js +51 -0
  13. package/dist/CSP.js.map +1 -0
  14. package/dist/CustomElementsRegistry.d.ts +5 -0
  15. package/dist/CustomElementsRegistry.js +69 -30
  16. package/dist/CustomElementsRegistry.js.map +1 -0
  17. package/dist/CustomElementsScope.d.ts +7 -0
  18. package/dist/CustomElementsScope.js +11 -108
  19. package/dist/CustomElementsScope.js.map +1 -0
  20. package/dist/CustomElementsScopeUtils.d.ts +55 -0
  21. package/dist/CustomElementsScopeUtils.js +90 -0
  22. package/dist/CustomElementsScopeUtils.js.map +1 -0
  23. package/dist/DOMObserver.d.ts +11 -0
  24. package/dist/DOMObserver.js +12 -54
  25. package/dist/DOMObserver.js.map +1 -0
  26. package/dist/Device.d.ts +12 -0
  27. package/dist/Device.js +150 -84
  28. package/dist/Device.js.map +1 -0
  29. package/dist/EventProvider.d.ts +25 -0
  30. package/dist/EventProvider.js +67 -88
  31. package/dist/EventProvider.js.map +1 -0
  32. package/dist/FeaturesRegistry.d.ts +3 -0
  33. package/dist/FeaturesRegistry.js +5 -7
  34. package/dist/FeaturesRegistry.js.map +1 -0
  35. package/dist/FontFace.d.ts +2 -0
  36. package/dist/FontFace.js +17 -110
  37. package/dist/FontFace.js.map +1 -0
  38. package/dist/InitialConfiguration.d.ts +22 -0
  39. package/dist/InitialConfiguration.js +112 -115
  40. package/dist/InitialConfiguration.js.map +1 -0
  41. package/dist/Keys.d.ts +57 -0
  42. package/dist/Keys.js +174 -229
  43. package/dist/Keys.js.map +1 -0
  44. package/dist/ManagedStyles.d.ts +8 -0
  45. package/dist/ManagedStyles.js +77 -0
  46. package/dist/ManagedStyles.js.map +1 -0
  47. package/dist/MarkedEvents.d.ts +9 -0
  48. package/dist/MarkedEvents.js +15 -0
  49. package/dist/MarkedEvents.js.map +1 -0
  50. package/dist/MediaRange.d.ts +37 -0
  51. package/dist/MediaRange.js +54 -66
  52. package/dist/MediaRange.js.map +1 -0
  53. package/dist/PropertiesFileFormat.d.ts +8 -0
  54. package/dist/PropertiesFileFormat.js +72 -82
  55. package/dist/PropertiesFileFormat.js.map +1 -0
  56. package/dist/Render.d.ts +47 -0
  57. package/dist/Render.js +82 -113
  58. package/dist/Render.js.map +1 -0
  59. package/dist/RenderQueue.d.ts +19 -0
  60. package/dist/RenderQueue.js +52 -62
  61. package/dist/RenderQueue.js.map +1 -0
  62. package/dist/Runtimes.d.ts +27 -0
  63. package/dist/Runtimes.js +86 -0
  64. package/dist/Runtimes.js.map +1 -0
  65. package/dist/StaticArea.d.ts +0 -0
  66. package/dist/StaticArea.js +6 -0
  67. package/dist/StaticArea.js.map +1 -0
  68. package/dist/StaticAreaItem.d.ts +36 -0
  69. package/dist/StaticAreaItem.js +87 -68
  70. package/dist/StaticAreaItem.js.map +1 -0
  71. package/dist/SystemCSSVars.d.ts +2 -0
  72. package/dist/SystemCSSVars.js +6 -28
  73. package/dist/SystemCSSVars.js.map +1 -0
  74. package/dist/Theming.d.ts +3 -0
  75. package/dist/Theming.js +1 -1
  76. package/dist/Theming.js.map +1 -0
  77. package/dist/UI5Element.d.ts +374 -0
  78. package/dist/UI5Element.js +932 -996
  79. package/dist/UI5Element.js.map +1 -0
  80. package/dist/UI5ElementMetadata.d.ts +150 -0
  81. package/dist/UI5ElementMetadata.js +278 -298
  82. package/dist/UI5ElementMetadata.js.map +1 -0
  83. package/dist/animations/AnimationQueue.d.ts +8 -0
  84. package/dist/animations/AnimationQueue.js +31 -38
  85. package/dist/animations/AnimationQueue.js.map +1 -0
  86. package/dist/animations/animate.d.ts +14 -0
  87. package/dist/animations/animate.js +46 -51
  88. package/dist/animations/animate.js.map +1 -0
  89. package/dist/animations/scroll.d.ts +5 -0
  90. package/dist/animations/scroll.js +18 -27
  91. package/dist/animations/scroll.js.map +1 -0
  92. package/dist/animations/slideDown.d.ts +5 -0
  93. package/dist/animations/slideDown.js +53 -78
  94. package/dist/animations/slideDown.js.map +1 -0
  95. package/dist/animations/slideUp.d.ts +5 -0
  96. package/dist/animations/slideUp.js +49 -70
  97. package/dist/animations/slideUp.js.map +1 -0
  98. package/dist/api.json +1 -0
  99. package/dist/asset-registries/Icons.d.ts +30 -0
  100. package/dist/asset-registries/Icons.js +87 -101
  101. package/dist/asset-registries/Icons.js.map +1 -0
  102. package/dist/asset-registries/Illustrations.d.ts +17 -0
  103. package/dist/asset-registries/Illustrations.js +46 -0
  104. package/dist/asset-registries/Illustrations.js.map +1 -0
  105. package/dist/asset-registries/LocaleData.d.ts +7 -0
  106. package/dist/asset-registries/LocaleData.js +104 -118
  107. package/dist/asset-registries/LocaleData.js.map +1 -0
  108. package/dist/asset-registries/Themes.d.ts +10 -0
  109. package/dist/asset-registries/Themes.js +38 -66
  110. package/dist/asset-registries/Themes.js.map +1 -0
  111. package/dist/asset-registries/i18n.d.ts +23 -0
  112. package/dist/asset-registries/i18n.js +55 -81
  113. package/dist/asset-registries/i18n.js.map +1 -0
  114. package/dist/assets/bundle.esm.d10f73cb.js +56 -0
  115. package/dist/assets-meta/IconCollectionsAlias.d.ts +17 -0
  116. package/dist/assets-meta/IconCollectionsAlias.js +18 -0
  117. package/dist/assets-meta/IconCollectionsAlias.js.map +1 -0
  118. package/dist/config/AnimationMode.d.ts +14 -0
  119. package/dist/config/AnimationMode.js +21 -18
  120. package/dist/config/AnimationMode.js.map +1 -0
  121. package/dist/config/CalendarType.d.ts +8 -0
  122. package/dist/config/CalendarType.js +13 -12
  123. package/dist/config/CalendarType.js.map +1 -0
  124. package/dist/config/FormatSettings.d.ts +11 -0
  125. package/dist/config/FormatSettings.js +10 -8
  126. package/dist/config/FormatSettings.js.map +1 -0
  127. package/dist/config/Icons.d.ts +30 -0
  128. package/dist/config/Icons.js +48 -0
  129. package/dist/config/Icons.js.map +1 -0
  130. package/dist/config/Language.d.ts +31 -0
  131. package/dist/config/Language.js +31 -43
  132. package/dist/config/Language.js.map +1 -0
  133. package/dist/config/NoConflict.d.ts +20 -0
  134. package/dist/config/NoConflict.js +40 -41
  135. package/dist/config/NoConflict.js.map +1 -0
  136. package/dist/config/RTL.d.ts +7 -0
  137. package/dist/config/RTL.js +26 -20
  138. package/dist/config/RTL.js.map +1 -0
  139. package/dist/config/Theme.d.ts +28 -0
  140. package/dist/config/Theme.js +45 -22
  141. package/dist/config/Theme.js.map +1 -0
  142. package/dist/config/ThemeRoots.d.ts +4 -0
  143. package/dist/config/ThemeRoots.js +28 -0
  144. package/dist/config/ThemeRoots.js.map +1 -0
  145. package/dist/css/BusyIndicator.css +80 -0
  146. package/dist/css/FontFace.css +66 -0
  147. package/dist/css/OverrideFontFace.css +32 -0
  148. package/dist/css/SystemCSSVars.css +17 -0
  149. package/dist/decorators/customElement.d.ts +8 -0
  150. package/dist/decorators/customElement.js +16 -0
  151. package/dist/decorators/customElement.js.map +1 -0
  152. package/dist/decorators/event.d.ts +10 -0
  153. package/dist/decorators/event.js +24 -0
  154. package/dist/decorators/event.js.map +1 -0
  155. package/dist/decorators/fastNavigation.d.ts +7 -0
  156. package/dist/decorators/fastNavigation.js +13 -0
  157. package/dist/decorators/fastNavigation.js.map +1 -0
  158. package/dist/decorators/languageAware.d.ts +7 -0
  159. package/dist/decorators/languageAware.js +13 -0
  160. package/dist/decorators/languageAware.js.map +1 -0
  161. package/dist/decorators/property.d.ts +9 -0
  162. package/dist/decorators/property.js +24 -0
  163. package/dist/decorators/property.js.map +1 -0
  164. package/dist/decorators/slot.d.ts +9 -0
  165. package/dist/decorators/slot.js +37 -0
  166. package/dist/decorators/slot.js.map +1 -0
  167. package/dist/decorators/themeAware.d.ts +7 -0
  168. package/dist/decorators/themeAware.js +13 -0
  169. package/dist/decorators/themeAware.js.map +1 -0
  170. package/dist/delegate/ItemNavigation.d.ts +113 -0
  171. package/dist/delegate/ItemNavigation.js +277 -246
  172. package/dist/delegate/ItemNavigation.js.map +1 -0
  173. package/dist/delegate/ResizeHandler.d.ts +25 -0
  174. package/dist/delegate/ResizeHandler.js +70 -91
  175. package/dist/delegate/ResizeHandler.js.map +1 -0
  176. package/dist/delegate/ScrollEnablement.d.ts +49 -0
  177. package/dist/delegate/ScrollEnablement.js +157 -174
  178. package/dist/delegate/ScrollEnablement.js.map +1 -0
  179. package/dist/features/F6Navigation.d.ts +19 -0
  180. package/dist/features/F6Navigation.js +151 -0
  181. package/dist/features/F6Navigation.js.map +1 -0
  182. package/dist/features/OpenUI5Element.d.ts +9 -0
  183. package/dist/features/OpenUI5Element.js +5 -0
  184. package/dist/features/OpenUI5Element.js.map +1 -0
  185. package/dist/features/OpenUI5Enablement.d.ts +11 -0
  186. package/dist/features/OpenUI5Enablement.js +96 -0
  187. package/dist/features/OpenUI5Enablement.js.map +1 -0
  188. package/dist/features/OpenUI5Support.d.ts +23 -0
  189. package/dist/features/OpenUI5Support.js +93 -86
  190. package/dist/features/OpenUI5Support.js.map +1 -0
  191. package/dist/generated/AssetParameters.js +1 -1
  192. package/dist/generated/VersionInfo.js +10 -0
  193. package/dist/generated/css/BusyIndicator.css.d.ts +3 -0
  194. package/dist/generated/css/BusyIndicator.css.js +7 -0
  195. package/dist/generated/css/BusyIndicator.css.js.map +1 -0
  196. package/dist/generated/css/FontFace.css.d.ts +3 -0
  197. package/dist/generated/css/FontFace.css.js +7 -0
  198. package/dist/generated/css/FontFace.css.js.map +1 -0
  199. package/dist/generated/css/OverrideFontFace.css.d.ts +3 -0
  200. package/dist/generated/css/OverrideFontFace.css.js +7 -0
  201. package/dist/generated/css/OverrideFontFace.css.js.map +1 -0
  202. package/dist/generated/css/SystemCSSVars.css.d.ts +3 -0
  203. package/dist/generated/css/SystemCSSVars.css.js +7 -0
  204. package/dist/generated/css/SystemCSSVars.css.js.map +1 -0
  205. package/dist/generated/templates/elements/WithComplexTemplateTemplate.lit.js +11 -0
  206. package/dist/getSharedResource.d.ts +11 -0
  207. package/dist/getSharedResource.js +21 -17
  208. package/dist/getSharedResource.js.map +1 -0
  209. package/dist/global.d.ts +38 -0
  210. package/dist/i18nBundle.d.ts +43 -0
  211. package/dist/i18nBundle.js +67 -41
  212. package/dist/i18nBundle.js.map +1 -0
  213. package/dist/locale/Locale.d.ts +22 -0
  214. package/dist/locale/Locale.js +75 -87
  215. package/dist/locale/Locale.js.map +1 -0
  216. package/dist/locale/RTLAwareRegistry.d.ts +4 -0
  217. package/dist/locale/RTLAwareRegistry.js +6 -11
  218. package/dist/locale/RTLAwareRegistry.js.map +1 -0
  219. package/dist/locale/applyDirection.d.ts +10 -0
  220. package/dist/locale/applyDirection.js +7 -7
  221. package/dist/locale/applyDirection.js.map +1 -0
  222. package/dist/locale/directionChange.d.ts +15 -0
  223. package/dist/locale/directionChange.js +7 -15
  224. package/dist/locale/directionChange.js.map +1 -0
  225. package/dist/locale/getEffectiveDir.d.ts +2 -0
  226. package/dist/locale/getEffectiveDir.js +20 -24
  227. package/dist/locale/getEffectiveDir.js.map +1 -0
  228. package/dist/locale/getLocale.d.ts +7 -0
  229. package/dist/locale/getLocale.js +26 -29
  230. package/dist/locale/getLocale.js.map +1 -0
  231. package/dist/locale/languageChange.d.ts +5 -0
  232. package/dist/locale/languageChange.js +8 -16
  233. package/dist/locale/languageChange.js.map +1 -0
  234. package/dist/locale/nextFallbackLocale.d.ts +8 -0
  235. package/dist/locale/nextFallbackLocale.js +15 -19
  236. package/dist/locale/nextFallbackLocale.js.map +1 -0
  237. package/dist/locale/normalizeLocale.d.ts +7 -0
  238. package/dist/locale/normalizeLocale.js +34 -41
  239. package/dist/locale/normalizeLocale.js.map +1 -0
  240. package/dist/renderer/LitRenderer.d.ts +14 -0
  241. package/dist/renderer/LitRenderer.js +34 -24
  242. package/dist/renderer/LitRenderer.js.map +1 -0
  243. package/dist/renderer/directives/style-map.js +72 -0
  244. package/dist/renderer/executeTemplate.d.ts +13 -0
  245. package/dist/renderer/executeTemplate.js +20 -7
  246. package/dist/renderer/executeTemplate.js.map +1 -0
  247. package/dist/sap/base/Log.js +240 -0
  248. package/dist/sap/base/assert.js +7 -0
  249. package/dist/sap/base/security/URLListValidator.js +159 -0
  250. package/dist/sap/base/security/encodeCSS.js +14 -0
  251. package/dist/sap/base/security/encodeXML.js +23 -0
  252. package/dist/sap/base/security/sanitizeHTML.js +16 -0
  253. package/dist/sap/base/strings/toHex.js +8 -0
  254. package/dist/sap/base/util/now.js +7 -0
  255. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +3585 -0
  256. package/dist/theming/CustomStyle.d.ts +6 -0
  257. package/dist/theming/CustomStyle.js +39 -31
  258. package/dist/theming/CustomStyle.js.map +1 -0
  259. package/dist/theming/ThemeLoaded.d.ts +5 -0
  260. package/dist/theming/ThemeLoaded.js +8 -16
  261. package/dist/theming/ThemeLoaded.js.map +1 -0
  262. package/dist/theming/applyTheme.d.ts +2 -0
  263. package/dist/theming/applyTheme.js +62 -65
  264. package/dist/theming/applyTheme.js.map +1 -0
  265. package/dist/theming/getConstructableStyle.d.ts +9 -0
  266. package/dist/theming/getConstructableStyle.js +12 -17
  267. package/dist/theming/getConstructableStyle.js.map +1 -0
  268. package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
  269. package/dist/theming/getEffectiveLinksHrefs.js +17 -0
  270. package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
  271. package/dist/theming/getEffectiveStyle.d.ts +3 -0
  272. package/dist/theming/getEffectiveStyle.js +25 -23
  273. package/dist/theming/getEffectiveStyle.js.map +1 -0
  274. package/dist/theming/getStylesString.d.ts +3 -0
  275. package/dist/theming/getStylesString.js +9 -11
  276. package/dist/theming/getStylesString.js.map +1 -0
  277. package/dist/theming/getThemeDesignerTheme.d.ts +7 -0
  278. package/dist/theming/getThemeDesignerTheme.js +73 -60
  279. package/dist/theming/getThemeDesignerTheme.js.map +1 -0
  280. package/dist/theming/preloadLinks.d.ts +3 -0
  281. package/dist/theming/preloadLinks.js +19 -0
  282. package/dist/theming/preloadLinks.js.map +1 -0
  283. package/dist/thirdparty/_merge.d.ts +2 -0
  284. package/dist/thirdparty/_merge.js +7 -4
  285. package/dist/thirdparty/_merge.js.map +1 -0
  286. package/dist/thirdparty/isPlainObject.d.ts +2 -0
  287. package/dist/thirdparty/isPlainObject.js +11 -10
  288. package/dist/thirdparty/isPlainObject.js.map +1 -0
  289. package/dist/thirdparty/merge.d.ts +2 -0
  290. package/dist/thirdparty/merge.js +4 -8
  291. package/dist/thirdparty/merge.js.map +1 -0
  292. package/dist/types/AnimationMode.d.ts +32 -0
  293. package/dist/types/AnimationMode.js +33 -6
  294. package/dist/types/AnimationMode.js.map +1 -0
  295. package/dist/types/CSSColor.d.ts +16 -0
  296. package/dist/types/CSSColor.js +15 -5
  297. package/dist/types/CSSColor.js.map +1 -0
  298. package/dist/types/CalendarType.d.ts +37 -0
  299. package/dist/types/CalendarType.js +35 -18
  300. package/dist/types/CalendarType.js.map +1 -0
  301. package/dist/types/DOMReference.d.ts +17 -0
  302. package/dist/types/DOMReference.js +25 -0
  303. package/dist/types/DOMReference.js.map +1 -0
  304. package/dist/types/DataType.d.ts +25 -0
  305. package/dist/types/DataType.js +33 -14
  306. package/dist/types/DataType.js.map +1 -0
  307. package/dist/types/Float.d.ts +18 -0
  308. package/dist/types/Float.js +18 -6
  309. package/dist/types/Float.js.map +1 -0
  310. package/dist/types/Integer.d.ts +18 -0
  311. package/dist/types/Integer.js +18 -5
  312. package/dist/types/Integer.js.map +1 -0
  313. package/dist/types/InvisibleMessageMode.d.ts +25 -0
  314. package/dist/types/InvisibleMessageMode.js +27 -0
  315. package/dist/types/InvisibleMessageMode.js.map +1 -0
  316. package/dist/types/ItemNavigationBehavior.d.ts +24 -0
  317. package/dist/types/ItemNavigationBehavior.js +22 -12
  318. package/dist/types/ItemNavigationBehavior.js.map +1 -0
  319. package/dist/types/NavigationMode.d.ts +32 -0
  320. package/dist/types/NavigationMode.js +33 -6
  321. package/dist/types/NavigationMode.js.map +1 -0
  322. package/dist/types/ValueState.d.ts +42 -0
  323. package/dist/types/ValueState.js +41 -19
  324. package/dist/types/ValueState.js.map +1 -0
  325. package/dist/types.d.ts +18 -0
  326. package/dist/types.js +2 -0
  327. package/dist/types.js.map +1 -0
  328. package/dist/updateShadowRoot.d.ts +8 -0
  329. package/dist/updateShadowRoot.js +23 -15
  330. package/dist/updateShadowRoot.js.map +1 -0
  331. package/dist/util/AriaLabelHelper.d.ts +6 -0
  332. package/dist/util/AriaLabelHelper.js +37 -34
  333. package/dist/util/AriaLabelHelper.js.map +1 -0
  334. package/dist/util/Caret.d.ts +7 -0
  335. package/dist/util/Caret.js +16 -38
  336. package/dist/util/Caret.js.map +1 -0
  337. package/dist/util/ColorConversion.d.ts +30 -0
  338. package/dist/util/ColorConversion.js +315 -348
  339. package/dist/util/ColorConversion.js.map +1 -0
  340. package/dist/util/FetchHelper.d.ts +3 -0
  341. package/dist/util/FetchHelper.js +19 -25
  342. package/dist/util/FetchHelper.js.map +1 -0
  343. package/dist/util/FocusableElements.d.ts +4 -0
  344. package/dist/util/FocusableElements.js +66 -68
  345. package/dist/util/FocusableElements.js.map +1 -0
  346. package/dist/util/HTMLSanitizer.d.ts +3 -0
  347. package/dist/util/HTMLSanitizer.js +6 -0
  348. package/dist/util/HTMLSanitizer.js.map +1 -0
  349. package/dist/util/InvisibleMessage.d.ts +10 -0
  350. package/dist/util/InvisibleMessage.js +56 -0
  351. package/dist/util/InvisibleMessage.js.map +1 -0
  352. package/dist/util/PopupUtils.d.ts +7 -0
  353. package/dist/util/PopupUtils.js +74 -0
  354. package/dist/util/PopupUtils.js.map +1 -0
  355. package/dist/util/SlotsHelper.d.ts +9 -0
  356. package/dist/util/SlotsHelper.js +22 -35
  357. package/dist/util/SlotsHelper.js.map +1 -0
  358. package/dist/util/StringHelper.d.ts +3 -0
  359. package/dist/util/StringHelper.js +17 -20
  360. package/dist/util/StringHelper.js.map +1 -0
  361. package/dist/util/TabbableElements.d.ts +17 -0
  362. package/dist/util/TabbableElements.js +53 -43
  363. package/dist/util/TabbableElements.js.map +1 -0
  364. package/dist/util/arraysAreEqual.d.ts +2 -0
  365. package/dist/util/arraysAreEqual.js +10 -12
  366. package/dist/util/arraysAreEqual.js.map +1 -0
  367. package/dist/util/clamp.d.ts +9 -0
  368. package/dist/util/clamp.js +12 -0
  369. package/dist/util/clamp.js.map +1 -0
  370. package/dist/util/createLinkInHead.d.ts +7 -0
  371. package/dist/util/createLinkInHead.js +21 -0
  372. package/dist/util/createLinkInHead.js.map +1 -0
  373. package/dist/util/createStyleInHead.d.ts +8 -0
  374. package/dist/util/createStyleInHead.js +10 -10
  375. package/dist/util/createStyleInHead.js.map +1 -0
  376. package/dist/util/debounce.d.ts +2 -0
  377. package/dist/util/debounce.js +6 -8
  378. package/dist/util/debounce.js.map +1 -0
  379. package/dist/util/detectNavigatorLanguage.d.ts +2 -0
  380. package/dist/util/detectNavigatorLanguage.js +7 -10
  381. package/dist/util/detectNavigatorLanguage.js.map +1 -0
  382. package/dist/util/escapeRegex.d.ts +8 -0
  383. package/dist/util/escapeRegex.js +11 -0
  384. package/dist/util/escapeRegex.js.map +1 -0
  385. package/dist/util/formatMessage.d.ts +2 -0
  386. package/dist/util/formatMessage.js +15 -19
  387. package/dist/util/formatMessage.js.map +1 -0
  388. package/dist/util/generateHighlightedMarkup.d.ts +9 -0
  389. package/dist/util/generateHighlightedMarkup.js +41 -0
  390. package/dist/util/generateHighlightedMarkup.js.map +1 -0
  391. package/dist/util/getActiveElement.d.ts +2 -0
  392. package/dist/util/getActiveElement.js +6 -8
  393. package/dist/util/getActiveElement.js.map +1 -0
  394. package/dist/util/getClassCopy.d.ts +400 -0
  395. package/dist/util/getClassCopy.js +10 -0
  396. package/dist/util/getClassCopy.js.map +1 -0
  397. package/dist/util/getDesigntimePropertyAsArray.d.ts +2 -0
  398. package/dist/util/getDesigntimePropertyAsArray.js +4 -3
  399. package/dist/util/getDesigntimePropertyAsArray.js.map +1 -0
  400. package/dist/util/getEffectiveContentDensity.d.ts +2 -0
  401. package/dist/util/getEffectiveContentDensity.js +2 -3
  402. package/dist/util/getEffectiveContentDensity.js.map +1 -0
  403. package/dist/util/getEffectiveScrollbarStyle.d.ts +2 -0
  404. package/dist/util/getEffectiveScrollbarStyle.js +4 -0
  405. package/dist/util/getEffectiveScrollbarStyle.js.map +1 -0
  406. package/dist/util/getFastNavigationGroups.d.ts +2 -0
  407. package/dist/util/getFastNavigationGroups.js +51 -0
  408. package/dist/util/getFastNavigationGroups.js.map +1 -0
  409. package/dist/util/getFileExtension.d.ts +12 -0
  410. package/dist/util/getFileExtension.js +9 -11
  411. package/dist/util/getFileExtension.js.map +1 -0
  412. package/dist/util/getNormalizedTarget.d.ts +7 -0
  413. package/dist/util/getNormalizedTarget.js +14 -0
  414. package/dist/util/getNormalizedTarget.js.map +1 -0
  415. package/dist/util/getSingletonElementInstance.d.ts +2 -0
  416. package/dist/util/getSingletonElementInstance.js +7 -10
  417. package/dist/util/getSingletonElementInstance.js.map +1 -0
  418. package/dist/util/isElementClickable.d.ts +2 -0
  419. package/dist/util/isElementClickable.js +16 -0
  420. package/dist/util/isElementClickable.js.map +1 -0
  421. package/dist/util/isElementHidden.d.ts +2 -0
  422. package/dist/util/isElementHidden.js +8 -0
  423. package/dist/util/isElementHidden.js.map +1 -0
  424. package/dist/util/isElementInView.d.ts +6 -0
  425. package/dist/util/isElementInView.js +12 -0
  426. package/dist/util/isElementInView.js.map +1 -0
  427. package/dist/util/isElementTabbable.d.ts +9 -0
  428. package/dist/util/isElementTabbable.js +30 -0
  429. package/dist/util/isElementTabbable.js.map +1 -0
  430. package/dist/util/isValidPropertyName.d.ts +8 -0
  431. package/dist/util/isValidPropertyName.js +16 -17
  432. package/dist/util/isValidPropertyName.js.map +1 -0
  433. package/dist/util/whenDOMReady.d.ts +2 -0
  434. package/dist/util/whenDOMReady.js +11 -10
  435. package/dist/util/whenDOMReady.js.map +1 -0
  436. package/dist/util/willShowContent.d.ts +2 -0
  437. package/dist/util/willShowContent.js +7 -0
  438. package/dist/util/willShowContent.js.map +1 -0
  439. package/dist/validateThemeRoot.d.ts +2 -0
  440. package/dist/validateThemeRoot.js +47 -0
  441. package/dist/validateThemeRoot.js.map +1 -0
  442. package/index.js +1 -1
  443. package/lib/generate-asset-parameters/index.js +8 -5
  444. package/lib/generate-styles/index.js +31 -0
  445. package/lib/generate-version-info/index.js +32 -0
  446. package/package-scripts.js +50 -25
  447. package/package.json +20 -10
  448. package/src/{AssetRegistry.js → AssetRegistry.ts} +0 -0
  449. package/src/Boot.ts +65 -0
  450. package/src/CSP.ts +66 -0
  451. package/src/CustomElementsRegistry.ts +98 -0
  452. package/src/CustomElementsScope.ts +33 -0
  453. package/src/{CustomElementsScope.js → CustomElementsScopeUtils.ts} +14 -7
  454. package/src/DOMObserver.ts +28 -0
  455. package/src/Device.ts +203 -0
  456. package/src/EventProvider.ts +87 -0
  457. package/src/FeaturesRegistry.ts +14 -0
  458. package/src/FontFace.ts +31 -0
  459. package/src/{InitialConfiguration.js → InitialConfiguration.ts} +80 -23
  460. package/src/Keys.ts +295 -0
  461. package/src/ManagedStyles.ts +92 -0
  462. package/src/MarkedEvents.ts +20 -0
  463. package/src/{MediaRange.js → MediaRange.ts} +54 -54
  464. package/src/{PropertiesFileFormat.js → PropertiesFileFormat.ts} +8 -8
  465. package/src/{Render.js → Render.ts} +27 -21
  466. package/src/{RenderQueue.js → RenderQueue.ts} +10 -5
  467. package/src/Runtimes.ts +114 -0
  468. package/src/StaticArea.ts +3 -0
  469. package/src/StaticAreaItem.ts +113 -0
  470. package/src/SystemCSSVars.ts +10 -0
  471. package/src/{Theming.js → Theming.ts} +0 -0
  472. package/src/{UI5Element.js → UI5Element.ts} +311 -187
  473. package/src/{UI5ElementMetadata.js → UI5ElementMetadata.ts} +138 -60
  474. package/src/animations/{AnimationQueue.js → AnimationQueue.ts} +8 -7
  475. package/src/animations/animate.ts +64 -0
  476. package/src/animations/scroll.ts +21 -0
  477. package/src/animations/{slideDown.js → slideDown.ts} +27 -34
  478. package/src/animations/{slideUp.js → slideUp.ts} +28 -32
  479. package/src/asset-registries/Icons.ts +162 -0
  480. package/src/asset-registries/Illustrations.ts +75 -0
  481. package/src/asset-registries/{LocaleData.js → LocaleData.ts} +47 -25
  482. package/src/asset-registries/Themes.ts +67 -0
  483. package/src/asset-registries/{i18n.js → i18n.ts} +21 -24
  484. package/src/assets-meta/IconCollectionsAlias.ts +18 -0
  485. package/src/config/AnimationMode.ts +33 -0
  486. package/src/config/{CalendarType.js → CalendarType.ts} +8 -3
  487. package/src/config/FormatSettings.ts +21 -0
  488. package/src/config/Icons.ts +59 -0
  489. package/src/config/{Language.js → Language.ts} +22 -18
  490. package/src/config/NoConflict.ts +67 -0
  491. package/src/config/{RTL.js → RTL.ts} +18 -4
  492. package/src/config/Theme.ts +64 -0
  493. package/src/config/ThemeRoots.ts +41 -0
  494. package/src/css/BusyIndicator.css +80 -0
  495. package/src/css/FontFace.css +66 -0
  496. package/src/css/OverrideFontFace.css +32 -0
  497. package/src/css/SystemCSSVars.css +17 -0
  498. package/src/decorators/customElement.ts +17 -0
  499. package/src/decorators/event.ts +28 -0
  500. package/src/decorators/fastNavigation.ts +14 -0
  501. package/src/decorators/languageAware.ts +14 -0
  502. package/src/decorators/property.ts +30 -0
  503. package/src/decorators/slot.ts +49 -0
  504. package/src/decorators/themeAware.ts +14 -0
  505. package/src/delegate/{ItemNavigation.js → ItemNavigation.ts} +131 -23
  506. package/src/delegate/ResizeHandler.ts +100 -0
  507. package/src/delegate/ScrollEnablement.ts +224 -0
  508. package/src/features/F6Navigation.ts +195 -0
  509. package/src/features/OpenUI5Element.ts +11 -0
  510. package/src/features/OpenUI5Enablement.ts +117 -0
  511. package/src/features/OpenUI5Support.ts +148 -0
  512. package/src/generated/css/BusyIndicator.css.ts +9 -0
  513. package/src/generated/css/FontFace.css.ts +9 -0
  514. package/src/generated/css/OverrideFontFace.css.ts +9 -0
  515. package/src/generated/css/SystemCSSVars.css.ts +9 -0
  516. package/src/{getSharedResource.js → getSharedResource.ts} +13 -4
  517. package/src/global.d.ts +38 -0
  518. package/src/i18nBundle.ts +108 -0
  519. package/src/locale/{Locale.js → Locale.ts} +15 -5
  520. package/src/locale/RTLAwareRegistry.ts +16 -0
  521. package/src/locale/{applyDirection.js → applyDirection.ts} +4 -3
  522. package/src/locale/{directionChange.js → directionChange.ts} +6 -4
  523. package/src/locale/{getEffectiveDir.js → getEffectiveDir.ts} +1 -1
  524. package/src/locale/{getLocale.js → getLocale.ts} +12 -7
  525. package/src/locale/languageChange.ts +24 -0
  526. package/src/locale/{nextFallbackLocale.js → nextFallbackLocale.ts} +1 -1
  527. package/src/locale/{normalizeLocale.js → normalizeLocale.ts} +5 -3
  528. package/src/renderer/LitRenderer.ts +60 -0
  529. package/src/renderer/directives/style-map.js +72 -0
  530. package/src/renderer/executeTemplate.ts +40 -0
  531. package/src/theming/CustomStyle.ts +64 -0
  532. package/src/theming/{ThemeLoaded.js → ThemeLoaded.ts} +6 -4
  533. package/src/theming/applyTheme.ts +90 -0
  534. package/src/theming/{getConstructableStyle.js → getConstructableStyle.ts} +5 -4
  535. package/src/theming/getEffectiveLinksHrefs.ts +26 -0
  536. package/src/theming/{getEffectiveStyle.js → getEffectiveStyle.ts} +15 -4
  537. package/src/theming/getStylesString.ts +15 -0
  538. package/src/theming/getThemeDesignerTheme.ts +101 -0
  539. package/src/theming/preloadLinks.ts +24 -0
  540. package/src/thirdparty/{_merge.js → _merge.ts} +2 -2
  541. package/src/thirdparty/{isPlainObject.js → isPlainObject.ts} +1 -1
  542. package/src/thirdparty/merge.ts +5 -0
  543. package/src/types/AnimationMode.ts +33 -0
  544. package/src/types/{CSSColor.js → CSSColor.ts} +12 -1
  545. package/src/types/CalendarType.ts +38 -0
  546. package/src/types/DOMReference.ts +28 -0
  547. package/src/types/DataType.ts +51 -0
  548. package/src/types/Float.ts +25 -0
  549. package/src/types/Integer.ts +25 -0
  550. package/src/types/InvisibleMessageMode.ts +27 -0
  551. package/src/types/ItemNavigationBehavior.ts +26 -0
  552. package/src/types/NavigationMode.ts +33 -0
  553. package/src/types/ValueState.ts +47 -0
  554. package/src/types.ts +30 -0
  555. package/src/updateShadowRoot.ts +37 -0
  556. package/src/util/AriaLabelHelper.ts +63 -0
  557. package/src/util/Caret.ts +28 -0
  558. package/src/util/ColorConversion.ts +399 -0
  559. package/src/util/{FetchHelper.js → FetchHelper.ts} +7 -7
  560. package/src/util/FocusableElements.ts +92 -0
  561. package/src/util/HTMLSanitizer.ts +9 -0
  562. package/src/util/InvisibleMessage.ts +69 -0
  563. package/src/util/PopupUtils.ts +112 -0
  564. package/src/util/{SlotsHelper.js → SlotsHelper.ts} +9 -13
  565. package/src/util/{StringHelper.js → StringHelper.ts} +7 -7
  566. package/src/util/TabbableElements.ts +70 -0
  567. package/src/util/{arraysAreEqual.js → arraysAreEqual.ts} +1 -1
  568. package/src/util/clamp.ts +12 -0
  569. package/src/util/createLinkInHead.ts +25 -0
  570. package/src/util/{createStyleInHead.js → createStyleInHead.ts} +4 -2
  571. package/src/util/{debounce.js → debounce.ts} +5 -4
  572. package/src/util/{detectNavigatorLanguage.js → detectNavigatorLanguage.ts} +1 -1
  573. package/src/util/escapeRegex.ts +11 -0
  574. package/src/util/{formatMessage.js → formatMessage.ts} +4 -3
  575. package/src/util/generateHighlightedMarkup.ts +43 -0
  576. package/src/util/{getActiveElement.js → getActiveElement.ts} +0 -0
  577. package/src/util/getClassCopy.ts +12 -0
  578. package/src/util/{getDesigntimePropertyAsArray.js → getDesigntimePropertyAsArray.ts} +1 -1
  579. package/src/util/getEffectiveContentDensity.ts +5 -0
  580. package/src/util/getEffectiveScrollbarStyle.ts +5 -0
  581. package/src/util/getFastNavigationGroups.ts +63 -0
  582. package/src/util/{getFileExtension.js → getFileExtension.ts} +3 -3
  583. package/src/util/getNormalizedTarget.ts +16 -0
  584. package/src/util/{getSingletonElementInstance.js → getSingletonElementInstance.ts} +1 -1
  585. package/src/util/isElementClickable.ts +19 -0
  586. package/src/util/isElementHidden.ts +9 -0
  587. package/src/util/isElementInView.ts +15 -0
  588. package/src/util/isElementTabbable.ts +37 -0
  589. package/src/util/{isValidPropertyName.js → isValidPropertyName.ts} +1 -1
  590. package/src/util/{whenDOMReady.js → whenDOMReady.ts} +1 -1
  591. package/src/util/willShowContent.ts +7 -0
  592. package/src/validateThemeRoot.ts +58 -0
  593. package/tsconfig.json +13 -0
  594. package/used-modules.txt +10 -0
  595. package/config/.eslintrc.js +0 -3
  596. package/config/rollup.config.js +0 -1
  597. package/dist/RenderScheduler.js +0 -44
  598. package/dist/animations/config.js +0 -5
  599. package/dist/config/AssetsPath.js +0 -17
  600. package/dist/isLegacyBrowser.js +0 -3
  601. package/dist/renderer/ifDefined.js +0 -21
  602. package/dist/renderer/scopeHTML.js +0 -32
  603. package/dist/resources/bundle.esm.js +0 -121
  604. package/dist/resources/bundle.esm.js.map +0 -1
  605. package/dist/test-resources/assets/Themes.js +0 -17
  606. package/dist/test-resources/elements/Child.js +0 -35
  607. package/dist/test-resources/elements/Generic.js +0 -84
  608. package/dist/test-resources/elements/GenericExt.js +0 -26
  609. package/dist/test-resources/elements/NoShadowDOM.js +0 -13
  610. package/dist/test-resources/elements/Parent.js +0 -41
  611. package/dist/test-resources/elements/WithStaticArea.js +0 -76
  612. package/dist/test-resources/pages/AllTestElements.html +0 -39
  613. package/dist/test-resources/pages/Configuration.html +0 -18
  614. package/dist/test-resources/pages/ConfigurationScript.html +0 -34
  615. package/dist/test-resources/pages/assets/messagebundle_de.properties +0 -1
  616. package/dist/test-resources/pages/assets/messagebundle_en.properties +0 -1
  617. package/dist/test-resources/pages/assets/messagebundle_es.properties +0 -1
  618. package/dist/test-resources/pages/assets/messagebundle_fr.properties +0 -1
  619. package/dist/test-resources/pages/i18n.html +0 -35
  620. package/dist/test-resources/specs/ConfigurationChange.spec.js +0 -25
  621. package/dist/test-resources/specs/ConfigurationScript.spec.js +0 -61
  622. package/dist/test-resources/specs/ConfigurationURL.spec.js +0 -45
  623. package/dist/test-resources/specs/CustomTheme.spec.js +0 -25
  624. package/dist/test-resources/specs/StaticArea.spec.js +0 -34
  625. package/dist/test-resources/specs/Theming.spec.js +0 -31
  626. package/dist/test-resources/specs/UI5ElementInvalidation.js +0 -240
  627. package/dist/test-resources/specs/UI5ElementLifecycle.js +0 -96
  628. package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js +0 -73
  629. package/dist/test-resources/specs/UI5ElementMetadataExt.js +0 -40
  630. package/dist/test-resources/specs/UI5ElementPropertyValidation.js +0 -12
  631. package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js +0 -65
  632. package/dist/test-resources/specs/UI5ElementShadowDOM.js +0 -22
  633. package/dist/test-resources/specs/UI5ElementSlots.js +0 -34
  634. package/dist/theming/createThemePropertiesStyleTag.js +0 -20
  635. package/dist/types/CSSSize.js +0 -9
  636. package/dist/types/PopupState.js +0 -37
  637. package/dist/util/encodeCSS.js +0 -24
  638. package/dist/util/findNodeOwner.js +0 -35
  639. package/dist/util/isDescendantOf.js +0 -15
  640. package/dist/util/isNodeClickable.js +0 -19
  641. package/dist/util/isNodeHidden.js +0 -9
  642. package/dist/util/isNodeTabbable.js +0 -28
  643. package/dist/util/setToArray.js +0 -10
  644. package/src/Boot.js +0 -48
  645. package/src/CustomElementsRegistry.js +0 -39
  646. package/src/DOMObserver.js +0 -65
  647. package/src/Device.js +0 -100
  648. package/src/EventProvider.js +0 -91
  649. package/src/FeaturesRegistry.js +0 -11
  650. package/src/FontFace.js +0 -118
  651. package/src/Keys.js +0 -233
  652. package/src/RenderScheduler.js +0 -44
  653. package/src/StaticAreaItem.js +0 -80
  654. package/src/SystemCSSVars.js +0 -31
  655. package/src/animations/animate.js +0 -53
  656. package/src/animations/config.js +0 -5
  657. package/src/animations/scroll.js +0 -28
  658. package/src/asset-registries/Icons.js +0 -118
  659. package/src/asset-registries/Themes.js +0 -78
  660. package/src/config/AnimationMode.js +0 -23
  661. package/src/config/AssetsPath.js +0 -17
  662. package/src/config/FormatSettings.js +0 -13
  663. package/src/config/NoConflict.js +0 -51
  664. package/src/config/Theme.js +0 -28
  665. package/src/delegate/ResizeHandler.js +0 -106
  666. package/src/delegate/ScrollEnablement.js +0 -182
  667. package/src/features/OpenUI5Support.js +0 -90
  668. package/src/i18nBundle.js +0 -52
  669. package/src/isLegacyBrowser.js +0 -3
  670. package/src/locale/RTLAwareRegistry.js +0 -14
  671. package/src/locale/languageChange.js +0 -22
  672. package/src/renderer/LitRenderer.js +0 -31
  673. package/src/renderer/executeTemplate.js +0 -17
  674. package/src/renderer/ifDefined.js +0 -21
  675. package/src/renderer/scopeHTML.js +0 -32
  676. package/src/theming/CustomStyle.js +0 -40
  677. package/src/theming/applyTheme.js +0 -78
  678. package/src/theming/createThemePropertiesStyleTag.js +0 -20
  679. package/src/theming/getStylesString.js +0 -13
  680. package/src/theming/getThemeDesignerTheme.js +0 -67
  681. package/src/thirdparty/merge.js +0 -10
  682. package/src/types/AnimationMode.js +0 -7
  683. package/src/types/CSSSize.js +0 -9
  684. package/src/types/CalendarType.js +0 -22
  685. package/src/types/DataType.js +0 -25
  686. package/src/types/Float.js +0 -10
  687. package/src/types/Integer.js +0 -9
  688. package/src/types/ItemNavigationBehavior.js +0 -16
  689. package/src/types/NavigationMode.js +0 -7
  690. package/src/types/PopupState.js +0 -37
  691. package/src/types/ValueState.js +0 -22
  692. package/src/updateShadowRoot.js +0 -26
  693. package/src/util/AriaLabelHelper.js +0 -41
  694. package/src/util/Caret.js +0 -45
  695. package/src/util/ColorConversion.js +0 -370
  696. package/src/util/FocusableElements.js +0 -73
  697. package/src/util/TabbableElements.js +0 -47
  698. package/src/util/encodeCSS.js +0 -24
  699. package/src/util/findNodeOwner.js +0 -35
  700. package/src/util/getEffectiveContentDensity.js +0 -5
  701. package/src/util/isDescendantOf.js +0 -15
  702. package/src/util/isNodeClickable.js +0 -19
  703. package/src/util/isNodeHidden.js +0 -9
  704. package/src/util/isNodeTabbable.js +0 -28
  705. package/src/util/setToArray.js +0 -10
package/src/Keys.js DELETED
@@ -1,233 +0,0 @@
1
- const KeyCodes = {
2
- BACKSPACE: 8,
3
- TAB: 9,
4
- ENTER: 13,
5
- SHIFT: 16,
6
- CONTROL: 17,
7
- ALT: 18,
8
- BREAK: 19,
9
- CAPS_LOCK: 20,
10
- ESCAPE: 27,
11
- SPACE: 32,
12
- PAGE_UP: 33,
13
- PAGE_DOWN: 34,
14
- END: 35,
15
- HOME: 36,
16
- ARROW_LEFT: 37,
17
- ARROW_UP: 38,
18
- ARROW_RIGHT: 39,
19
- ARROW_DOWN: 40,
20
- PRINT: 44,
21
- INSERT: 45,
22
- DELETE: 46,
23
- DIGIT_0: 48,
24
- DIGIT_1: 49,
25
- DIGIT_2: 50,
26
- DIGIT_3: 51,
27
- DIGIT_4: 52,
28
- DIGIT_5: 53,
29
- DIGIT_6: 54,
30
- DIGIT_7: 55,
31
- DIGIT_8: 56,
32
- DIGIT_9: 57,
33
- A: 65,
34
- B: 66,
35
- C: 67,
36
- D: 68,
37
- E: 69,
38
- F: 70,
39
- G: 71,
40
- H: 72,
41
- I: 73,
42
- J: 74,
43
- K: 75,
44
- L: 76,
45
- M: 77,
46
- N: 78,
47
- O: 79,
48
- P: 80,
49
- Q: 81,
50
- R: 82,
51
- S: 83,
52
- T: 84,
53
- U: 85,
54
- V: 86,
55
- W: 87,
56
- X: 88,
57
- Y: 89,
58
- Z: 90,
59
- WINDOWS: 91,
60
- CONTEXT_MENU: 93,
61
- TURN_OFF: 94,
62
- SLEEP: 95,
63
- NUMPAD_0: 96,
64
- NUMPAD_1: 97,
65
- NUMPAD_2: 98,
66
- NUMPAD_3: 99,
67
- NUMPAD_4: 100,
68
- NUMPAD_5: 101,
69
- NUMPAD_6: 102,
70
- NUMPAD_7: 103,
71
- NUMPAD_8: 104,
72
- NUMPAD_9: 105,
73
- NUMPAD_ASTERISK: 106,
74
- NUMPAD_PLUS: 107,
75
- NUMPAD_MINUS: 109,
76
- NUMPAD_COMMA: 110,
77
- NUMPAD_SLASH: 111,
78
- F1: 112,
79
- F2: 113,
80
- F3: 114,
81
- F4: 115,
82
- F5: 116,
83
- F6: 117,
84
- F7: 118,
85
- F8: 119,
86
- F9: 120,
87
- F10: 121,
88
- F11: 122,
89
- F12: 123,
90
- NUM_LOCK: 144,
91
- SCROLL_LOCK: 145,
92
- OPEN_BRACKET: 186,
93
- PLUS: 187,
94
- COMMA: 188,
95
- SLASH: 189,
96
- DOT: 190,
97
- PIPE: 191,
98
- SEMICOLON: 192,
99
- MINUS: 219,
100
- GREAT_ACCENT: 220,
101
- EQUALS: 221,
102
- SINGLE_QUOTE: 222,
103
- BACKSLASH: 226,
104
- };
105
-
106
- const isEnter = event => (event.key ? event.key === "Enter" : event.keyCode === KeyCodes.ENTER) && !hasModifierKeys(event);
107
-
108
- const isEnterShift = event => (event.key ? event.key === "Enter" : event.keyCode === KeyCodes.ENTER) && checkModifierKeys(event, false, false, true);
109
-
110
- const isSpace = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && !hasModifierKeys(event);
111
-
112
- const isSpaceShift = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && checkModifierKeys(event, false, false, true);
113
-
114
- const isLeft = event => (event.key ? (event.key === "ArrowLeft" || event.key === "Left") : event.keyCode === KeyCodes.ARROW_LEFT) && !hasModifierKeys(event);
115
-
116
- const isRight = event => (event.key ? (event.key === "ArrowRight" || event.key === "Right") : event.keyCode === KeyCodes.ARROW_RIGHT) && !hasModifierKeys(event);
117
-
118
- const isUp = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && !hasModifierKeys(event);
119
-
120
- const isDown = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && !hasModifierKeys(event);
121
-
122
- const isLeftCtrl = event => (event.key ? (event.key === "ArrowLeft" || event.key === "Left") : event.keyCode === KeyCodes.ARROW_LEFT) && checkModifierKeys(event, true, false, false);
123
-
124
- const isRightCtrl = event => (event.key ? (event.key === "ArrowRight" || event.key === "Right") : event.keyCode === KeyCodes.ARROW_RIGHT) && checkModifierKeys(event, true, false, false);
125
-
126
- const isUpCtrl = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && checkModifierKeys(event, true, false, false);
127
-
128
- const isDownCtrl = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, true, false, false);
129
-
130
- const isUpShift = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && checkModifierKeys(event, false, false, true);
131
-
132
- const isDownShift = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, false, false, true);
133
-
134
- const isUpShiftCtrl = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && checkModifierKeys(event, true, false, true);
135
-
136
- const isDownShiftCtrl = event => (event.key ? (event.key === "ArrowDown" || event.key === "Down") : event.keyCode === KeyCodes.ARROW_DOWN) && checkModifierKeys(event, true, false, true);
137
-
138
- const isHome = event => (event.key ? event.key === "Home" : event.keyCode === KeyCodes.HOME) && !hasModifierKeys(event);
139
-
140
- const isEnd = event => (event.key ? event.key === "End" : event.keyCode === KeyCodes.END) && !hasModifierKeys(event);
141
-
142
- const isHomeCtrl = event => (event.key ? event.key === "Home" : event.keyCode === KeyCodes.HOME) && checkModifierKeys(event, true, false, false);
143
-
144
- const isEndCtrl = event => (event.key ? event.key === "End" : event.keyCode === KeyCodes.END) && checkModifierKeys(event, true, false, false);
145
-
146
- const isEscape = event => (event.key ? event.key === "Escape" || event.key === "Esc" : event.keyCode === KeyCodes.ESCAPE) && !hasModifierKeys(event);
147
-
148
- const isTabNext = event => (event.key ? event.key === "Tab" : event.keyCode === KeyCodes.TAB) && !hasModifierKeys(event);
149
-
150
- const isTabPrevious = event => (event.key ? event.key === "Tab" : event.keyCode === KeyCodes.TAB) && checkModifierKeys(event, /* Ctrl */ false, /* Alt */ false, /* Shift */ true);
151
-
152
- const isBackSpace = event => (event.key ? event.key === "Backspace" : event.keyCode === KeyCodes.BACKSPACE) && !hasModifierKeys(event);
153
-
154
- const isDelete = event => (event.key ? event.key === "Delete" : event.keyCode === KeyCodes.DELETE) && !hasModifierKeys(event);
155
-
156
- const isPageUp = event => (event.key ? event.key === "PageUp" : event.keyCode === KeyCodes.PAGE_UP) && !hasModifierKeys(event);
157
-
158
- const isPageDown = event => (event.key ? event.key === "PageDown" : event.keyCode === KeyCodes.PAGE_DOWN) && !hasModifierKeys(event);
159
-
160
- const isPageUpShift = event => (event.key ? event.key === "PageUp" : event.keyCode === KeyCodes.PAGE_UP) && checkModifierKeys(event, false, false, true);
161
-
162
- const isPageDownShift = event => (event.key ? event.key === "PageDown" : event.keyCode === KeyCodes.PAGE_DOWN) && checkModifierKeys(event, false, false, true);
163
-
164
- const isPageUpShiftCtrl = event => (event.key ? event.key === "PageUp" : event.keyCode === KeyCodes.PAGE_UP) && checkModifierKeys(event, true, false, true);
165
-
166
- const isPageDownShiftCtrl = event => (event.key ? event.key === "PageDown" : event.keyCode === KeyCodes.PAGE_DOWN) && checkModifierKeys(event, true, false, true);
167
-
168
- const isPlus = event => (event.key ? event.key === "+" : event.keyCode === KeyCodes.PLUS) || (event.keyCode === KeyCodes.NUMPAD_PLUS && !hasModifierKeys(event));
169
-
170
- const isMinus = event => (event.key ? event.key === "-" : event.keyCode === KeyCodes.MINUS) || (event.keyCode === KeyCodes.NUMPAD_MINUS && !hasModifierKeys(event));
171
-
172
- const isShow = event => {
173
- if (event.key) {
174
- return isF4(event) || isShowByArrows(event);
175
- }
176
-
177
- return (event.keyCode === KeyCodes.F4 && !hasModifierKeys(event)) || (event.keyCode === KeyCodes.ARROW_DOWN && checkModifierKeys(event, /* Ctrl */ false, /* Alt */ true, /* Shift */ false));
178
- };
179
-
180
- const isF4 = event => {
181
- return event.key === "F4" && !hasModifierKeys(event);
182
- };
183
-
184
- const isF4Shift = event => (event.key ? event.key === "F4" : event.keyCode === KeyCodes.F4) && checkModifierKeys(event, false, false, true);
185
-
186
- const isShowByArrows = event => {
187
- return ((event.key === "ArrowDown" || event.key === "Down") || (event.key === "ArrowUp" || event.key === "Up")) && checkModifierKeys(event, /* Ctrl */ false, /* Alt */ true, /* Shift */ false);
188
- };
189
-
190
- const hasModifierKeys = event => event.shiftKey || event.altKey || getCtrlKey(event);
191
-
192
- const getCtrlKey = event => !!(event.metaKey || event.ctrlKey); // double negation doesn't have effect on boolean but ensures null and undefined are equivalent to false.
193
-
194
- const checkModifierKeys = (event, bCtrlKey, bAltKey, bShiftKey) => event.shiftKey === bShiftKey && event.altKey === bAltKey && getCtrlKey(event) === bCtrlKey;
195
-
196
- export {
197
- isEnter,
198
- isEnterShift,
199
- isSpace,
200
- isSpaceShift,
201
- isLeft,
202
- isRight,
203
- isUp,
204
- isDown,
205
- isLeftCtrl,
206
- isRightCtrl,
207
- isUpCtrl,
208
- isDownCtrl,
209
- isUpShift,
210
- isDownShift,
211
- isUpShiftCtrl,
212
- isDownShiftCtrl,
213
- isHome,
214
- isEnd,
215
- isPlus,
216
- isMinus,
217
- isHomeCtrl,
218
- isEndCtrl,
219
- isEscape,
220
- isTabNext,
221
- isTabPrevious,
222
- isBackSpace,
223
- isDelete,
224
- isShow,
225
- isF4,
226
- isF4Shift,
227
- isPageUp,
228
- isPageDown,
229
- isPageUpShift,
230
- isPageDownShift,
231
- isPageUpShiftCtrl,
232
- isPageDownShiftCtrl,
233
- };
@@ -1,44 +0,0 @@
1
- import {
2
- renderDeferred,
3
- renderImmediately,
4
- renderFinished,
5
- } from "./Render.js";
6
-
7
- /**
8
- * @deprecated Use the Render.js module instead
9
- */
10
- class RenderScheduler {
11
- /**
12
- * Schedules a render task (if not already scheduled) to render the component
13
- *
14
- * @param webComponent
15
- * @returns {Promise}
16
- * @deprecated Use renderDeferred from the Render.js module instead
17
- */
18
- static async renderDeferred(webComponent) {
19
- console.log("RenderScheduler.renderDeferred is deprecated, please use renderDeferred, exported by Render.js instead"); // eslint-disable-line
20
- await renderDeferred(webComponent);
21
- }
22
-
23
- /**
24
- * Renders a component synchronously
25
- *
26
- * @param webComponent
27
- * @deprecated Use renderImmediately from the Render.js module instead
28
- */
29
- static renderImmediately(webComponent) {
30
- console.log("RenderScheduler.renderImmediately is deprecated, please use renderImmediately, exported by Render.js instead"); // eslint-disable-line
31
- return renderImmediately(webComponent);
32
- }
33
-
34
- /**
35
- * @deprecated Use renderFinished from the Render.js module instead
36
- * @returns {Promise<void>}
37
- */
38
- static async whenFinished() {
39
- console.log("RenderScheduler.whenFinished is deprecated, please use renderFinished, exported by Render.js instead"); // eslint-disable-line
40
- await renderFinished();
41
- }
42
- }
43
-
44
- export default RenderScheduler;
@@ -1,80 +0,0 @@
1
- import updateShadowRoot from "./updateShadowRoot.js";
2
- import { renderFinished } from "./Render.js";
3
- import getEffectiveContentDensity from "./util/getEffectiveContentDensity.js";
4
-
5
- /**
6
- *
7
- * @class
8
- * @author SAP SE
9
- * @private
10
- */
11
- class StaticAreaItem extends HTMLElement {
12
- constructor() {
13
- super();
14
- this._rendered = false;
15
- this.attachShadow({ mode: "open" });
16
- }
17
-
18
- /**
19
- * @protected
20
- * @param ownerElement The UI5Element instance that owns this static area item
21
- */
22
- setOwnerElement(ownerElement) {
23
- this.ownerElement = ownerElement;
24
- this.classList.add(this.ownerElement._id); // used for getting the popover in the tests
25
- }
26
-
27
- /**
28
- * Updates the shadow root of the static area item with the latest state, if rendered
29
- * @protected
30
- */
31
- update() {
32
- if (this._rendered) {
33
- this._updateContentDensity();
34
- updateShadowRoot(this.ownerElement, true);
35
- }
36
- }
37
-
38
- /**
39
- * Sets the correct content density based on the owner element's state
40
- * @private
41
- */
42
- _updateContentDensity() {
43
- if (getEffectiveContentDensity(this.ownerElement) === "compact") {
44
- this.classList.add("sapUiSizeCompact");
45
- this.classList.add("ui5-content-density-compact");
46
- } else {
47
- this.classList.remove("sapUiSizeCompact");
48
- this.classList.remove("ui5-content-density-compact");
49
- }
50
- }
51
-
52
- /**
53
- * @protected
54
- * Returns reference to the DOM element where the current fragment is added.
55
- */
56
- async getDomRef() {
57
- this._updateContentDensity();
58
- if (!this._rendered) {
59
- this._rendered = true;
60
- updateShadowRoot(this.ownerElement, true);
61
- }
62
- await renderFinished(); // Wait for the content of the ui5-static-area-item to be rendered
63
- return this.shadowRoot;
64
- }
65
-
66
- /**
67
- * @protected
68
- * @param refName
69
- * @returns {Element}
70
- */
71
- getStableDomRef(refName) {
72
- return this.shadowRoot.querySelector(`[data-ui5-stable=${refName}]`);
73
- }
74
- }
75
-
76
- if (!customElements.get("ui5-static-area-item")) {
77
- customElements.define("ui5-static-area-item", StaticAreaItem);
78
- }
79
-
80
- export default StaticAreaItem;
@@ -1,31 +0,0 @@
1
- import createStyleInHead from "./util/createStyleInHead.js";
2
-
3
- const systemCSSVars = `
4
- :root {
5
- --_ui5_content_density:cozy;
6
- }
7
-
8
- [data-ui5-compact-size],
9
- .ui5-content-density-compact,
10
- .sapUiSizeCompact {
11
- --_ui5_content_density:compact;
12
- }
13
-
14
- [dir="rtl"] {
15
- --_ui5_dir:rtl;
16
- }
17
-
18
- [dir="ltr"] {
19
- --_ui5_dir:ltr;
20
- }
21
- `;
22
-
23
- const insertSystemCSSVars = () => {
24
- if (document.querySelector(`head>style[data-ui5-system-css-vars]`)) {
25
- return;
26
- }
27
-
28
- createStyleInHead(systemCSSVars, { "data-ui5-system-css-vars": "" });
29
- };
30
-
31
- export default insertSystemCSSVars;
@@ -1,53 +0,0 @@
1
- import AnimationQueue from "./AnimationQueue.js";
2
- import animationConfig from "./config.js";
3
-
4
- export default ({
5
- beforeStart = animationConfig.identity,
6
- duration = animationConfig.defaultDuration,
7
- element = animationConfig.element,
8
- progress: progressCallback = animationConfig.identity,
9
- }) => {
10
- let start = null;
11
- let stopped = false;
12
- let animationFrame;
13
- let stop;
14
- let animate;
15
-
16
- const promise = new Promise((resolve, reject) => {
17
- animate = timestamp => {
18
- start = start || timestamp;
19
-
20
- const timeElapsed = timestamp - start;
21
- const remaining = duration - timeElapsed;
22
-
23
- if (timeElapsed <= duration) {
24
- const progress = 1 - remaining / duration; // easing formula (currently linear)
25
- progressCallback(progress);
26
- animationFrame = !stopped && requestAnimationFrame(animate);
27
- } else {
28
- progressCallback(1);
29
- resolve();
30
- }
31
- };
32
-
33
- stop = () => {
34
- stopped = true;
35
- cancelAnimationFrame(animationFrame);
36
- reject(new Error("animation stopped"));
37
- };
38
- }).catch(oReason => oReason);
39
-
40
- AnimationQueue.push(element, () => {
41
- beforeStart();
42
- requestAnimationFrame(animate);
43
-
44
- return new Promise(resolve => {
45
- promise.then(() => resolve());
46
- });
47
- });
48
-
49
- return {
50
- promise: () => promise,
51
- stop: () => stop,
52
- };
53
- };
@@ -1,5 +0,0 @@
1
- export default {
2
- defaultDuration: 400,
3
- element: document.createElement("DIV"),
4
- identity: () => {},
5
- };
@@ -1,28 +0,0 @@
1
- import animate from "./animate.js";
2
- import animationConfig from "./config.js";
3
-
4
- export default ({
5
- element = animationConfig.element,
6
- duration = animationConfig.duration,
7
- progress: progressCallback = animationConfig.identity,
8
- dx = 0,
9
- dy = 0,
10
- }) => {
11
- let scrollLeft;
12
- let scrollTop;
13
-
14
- return animate({
15
- beforeStart: () => {
16
- scrollLeft = element.scrollLeft;
17
- scrollTop = element.scrollTop;
18
- },
19
- duration,
20
- element,
21
- progress: progress => {
22
- progressCallback(progress);
23
-
24
- element.scrollLeft = scrollLeft + (progress * dx); // easing - linear
25
- element.scrollTop = scrollTop + (progress * dy); // easing - linear
26
- },
27
- });
28
- };
@@ -1,118 +0,0 @@
1
- import getSharedResource from "../getSharedResource.js";
2
-
3
- const loaders = new Map();
4
- const registry = getSharedResource("SVGIcons.registry", new Map());
5
- const iconCollectionPromises = getSharedResource("SVGIcons.promises", new Map());
6
-
7
- const ICON_NOT_FOUND = "ICON_NOT_FOUND";
8
- const DEFAULT_COLLECTION = "SAP-icons";
9
-
10
- /**
11
- * @deprecated
12
- */
13
- const registerIconBundle = async (collectionName, bundleData) => {
14
- throw new Error("This method has been removed. Use `registerIconLoader` instead.");
15
- };
16
-
17
- const registerIconLoader = async (collectionName, loader) => {
18
- loaders.set(collectionName, loader);
19
- };
20
-
21
- const _loadIconCollectionOnce = async collectionName => {
22
- if (!iconCollectionPromises.has(collectionName)) {
23
- const loadIcons = loaders.get(collectionName);
24
- iconCollectionPromises.set(collectionName, loadIcons(collectionName));
25
- }
26
-
27
- return iconCollectionPromises.get(collectionName);
28
- };
29
-
30
- const _fillRegistry = bundleData => {
31
- Object.keys(bundleData.data).forEach(iconName => {
32
- const iconData = bundleData.data[iconName];
33
-
34
- registerIcon(iconName, {
35
- pathData: iconData.path,
36
- ltr: iconData.ltr,
37
- accData: iconData.acc,
38
- collection: bundleData.collection,
39
- packageName: bundleData.packageName,
40
- });
41
- });
42
- };
43
-
44
- // set
45
- const registerIcon = (name, { pathData, ltr, accData, collection, packageName } = {}) => { // eslint-disable-line
46
- if (!collection) {
47
- collection = DEFAULT_COLLECTION;
48
- }
49
-
50
- const key = `${collection}/${name}`;
51
- registry.set(key, {
52
- pathData,
53
- ltr,
54
- accData,
55
- packageName,
56
- });
57
- };
58
-
59
- const _parseName = name => {
60
- // silently support ui5-compatible URIs
61
- if (name.startsWith("sap-icon://")) {
62
- name = name.replace("sap-icon://", "");
63
- }
64
-
65
- let collection;
66
- [name, collection] = name.split("/").reverse();
67
- collection = collection || DEFAULT_COLLECTION;
68
- // hardcoded alias in case icon explorer is used, resolve `SAP-icons-TNT` to `tnt`
69
- // aliases can be made a feature in the future if more collections need it or more aliases are needed.
70
- if (collection === "SAP-icons-TNT") {
71
- collection = "tnt";
72
- }
73
- const registryKey = `${collection}/${name}`;
74
- return { name, collection, registryKey };
75
- };
76
-
77
- const getIconDataSync = nameProp => {
78
- const { registryKey } = _parseName(nameProp);
79
- return registry.get(registryKey);
80
- };
81
-
82
- const getIconData = async nameProp => {
83
- const { collection, registryKey } = _parseName(nameProp);
84
-
85
- let iconData = ICON_NOT_FOUND;
86
- try {
87
- iconData = await _loadIconCollectionOnce(collection);
88
- } catch (e) {
89
- console.error(e.message); /* eslint-disable-line */
90
- }
91
-
92
- if (iconData === ICON_NOT_FOUND) {
93
- return iconData;
94
- }
95
-
96
- if (!registry.has(registryKey)) {
97
- // not filled by another await. many getters will await on the same loader, but fill only once
98
- _fillRegistry(iconData);
99
- }
100
- return registry.get(registryKey);
101
- };
102
-
103
- // test page usage only
104
- const _getRegisteredNames = async () => {
105
- // fetch one icon of each collection to trigger the bundle load
106
- await getIconData("edit");
107
- await getIconData("tnt/arrow");
108
- return Array.from(registry.keys());
109
- };
110
-
111
- export {
112
- registerIconBundle,
113
- registerIconLoader,
114
- getIconData,
115
- getIconDataSync,
116
- registerIcon,
117
- _getRegisteredNames,
118
- };
@@ -1,78 +0,0 @@
1
- import { DEFAULT_THEME } from "../generated/AssetParameters.js";
2
-
3
- const themeStyles = new Map();
4
- const loaders = new Map();
5
- const registeredPackages = new Set();
6
- const registeredThemes = new Set();
7
-
8
- /**
9
- * Used to provide CSS Vars for a specific theme for a specific package.
10
- * The CSS Vars can be passed directly as a string (containing them), as an object with a "_" property(containing them in the "_" property), or as a URL.
11
- * This URL must point to a JSON file, containing a "_" property.
12
- *
13
- * Example usage:
14
- * 1) Pass the CSS Vars as a string directly.
15
- * registerThemeProperties("my-package", "my_theme", ":root{--var1: red;}");
16
- *
17
- * @public
18
- * @param packageName - the NPM package for which CSS Vars are registered
19
- * @param themeName - the theme which the CSS Vars implement
20
- * @param style - the style content directly
21
- * @deprecated
22
- */
23
- const registerThemeProperties = (_packageName, _themeName, _style) => {
24
- throw new Error("`registerThemeProperties` has been depracated. Use `registerThemePropertiesLoader` instead.");
25
- };
26
-
27
- const registerThemePropertiesLoader = (packageName, themeName, loader) => {
28
- loaders.set(`${packageName}/${themeName}`, loader);
29
- registeredPackages.add(packageName);
30
- registeredThemes.add(themeName);
31
- };
32
-
33
- const getThemeProperties = async (packageName, themeName) => {
34
- const style = themeStyles.get(`${packageName}_${themeName}`);
35
- if (style !== undefined) { // it's valid for style to be an empty string
36
- return style;
37
- }
38
-
39
- if (!registeredThemes.has(themeName)) {
40
- const regThemesStr = [...registeredThemes.values()].join(", ");
41
- console.warn(`You have requested a non-registered theme - falling back to ${DEFAULT_THEME}. Registered themes are: ${regThemesStr}`); /* eslint-disable-line */
42
- return themeStyles.get(`${packageName}_${DEFAULT_THEME}`);
43
- }
44
-
45
- const loader = loaders.get(`${packageName}/${themeName}`);
46
- if (!loader) {
47
- // no themes for package
48
- console.error(`Theme [${themeName}] not registered for package [${packageName}]`); /* eslint-disable-line */
49
- return;
50
- }
51
- let data;
52
- try {
53
- data = await loader(themeName);
54
- } catch (e) {
55
- console.error(packageName, e.message); /* eslint-disable-line */
56
- return;
57
- }
58
- const themeProps = data._ || data;
59
-
60
- themeStyles.set(`${packageName}_${themeName}`, themeProps);
61
- return themeProps;
62
- };
63
-
64
- const getRegisteredPackages = () => {
65
- return registeredPackages;
66
- };
67
-
68
- const isThemeRegistered = theme => {
69
- return registeredThemes.has(theme);
70
- };
71
-
72
- export {
73
- registerThemePropertiesLoader,
74
- registerThemeProperties,
75
- getThemeProperties,
76
- getRegisteredPackages,
77
- isThemeRegistered,
78
- };
@@ -1,23 +0,0 @@
1
- import { getAnimationMode as getConfiguredAnimationMode } from "../InitialConfiguration.js";
2
- import AnimationMode from "../types/AnimationMode.js";
3
-
4
- let animationMode;
5
-
6
- const getAnimationMode = () => {
7
- if (animationMode === undefined) {
8
- animationMode = getConfiguredAnimationMode();
9
- }
10
-
11
- return animationMode;
12
- };
13
-
14
- const setAnimationMode = newAnimationMode => {
15
- if (Object.values(AnimationMode).includes(newAnimationMode)) {
16
- animationMode = newAnimationMode;
17
- }
18
- };
19
-
20
- export {
21
- getAnimationMode,
22
- setAnimationMode,
23
- };