@ui5/webcomponents-base 0.0.0-deac3098a → 0.0.0-e0658a650

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 (627) hide show
  1. package/CHANGELOG.md +158 -0
  2. package/README.md +28 -6
  3. package/bundle.esm.js +12 -10
  4. package/dist/AssetRegistry.d.ts +5 -0
  5. package/dist/AssetRegistry.js +2 -7
  6. package/dist/AssetRegistry.js.map +1 -0
  7. package/dist/Boot.d.ts +8 -0
  8. package/dist/Boot.js +29 -44
  9. package/dist/Boot.js.map +1 -0
  10. package/dist/CSP.d.ts +30 -0
  11. package/dist/CSP.js +16 -24
  12. package/dist/CSP.js.map +1 -0
  13. package/dist/CustomElementsRegistry.d.ts +5 -0
  14. package/dist/CustomElementsRegistry.js +66 -83
  15. package/dist/CustomElementsRegistry.js.map +1 -0
  16. package/dist/CustomElementsScope.d.ts +7 -0
  17. package/dist/CustomElementsScope.js +10 -29
  18. package/dist/CustomElementsScope.js.map +1 -0
  19. package/dist/CustomElementsScopeUtils.d.ts +55 -0
  20. package/dist/CustomElementsScopeUtils.js +34 -52
  21. package/dist/CustomElementsScopeUtils.js.map +1 -0
  22. package/dist/DOMObserver.d.ts +11 -0
  23. package/dist/DOMObserver.js +12 -54
  24. package/dist/DOMObserver.js.map +1 -0
  25. package/dist/Device.d.ts +11 -0
  26. package/dist/Device.js +51 -78
  27. package/dist/Device.js.map +1 -0
  28. package/dist/EventProvider.d.ts +25 -0
  29. package/dist/EventProvider.js +67 -82
  30. package/dist/EventProvider.js.map +1 -0
  31. package/dist/FeaturesRegistry.d.ts +3 -0
  32. package/dist/FeaturesRegistry.js +5 -10
  33. package/dist/FeaturesRegistry.js.map +1 -0
  34. package/dist/FontFace.d.ts +2 -0
  35. package/dist/FontFace.js +14 -19
  36. package/dist/FontFace.js.map +1 -0
  37. package/dist/InitialConfiguration.d.ts +22 -0
  38. package/dist/InitialConfiguration.js +112 -131
  39. package/dist/InitialConfiguration.js.map +1 -0
  40. package/dist/Keys.d.ts +57 -0
  41. package/dist/Keys.js +174 -291
  42. package/dist/Keys.js.map +1 -0
  43. package/dist/ManagedStyles.d.ts +8 -0
  44. package/dist/ManagedStyles.js +62 -68
  45. package/dist/ManagedStyles.js.map +1 -0
  46. package/dist/MediaRange.d.ts +36 -0
  47. package/dist/MediaRange.js +38 -51
  48. package/dist/MediaRange.js.map +1 -0
  49. package/dist/PropertiesFileFormat.d.ts +8 -0
  50. package/dist/PropertiesFileFormat.js +72 -82
  51. package/dist/PropertiesFileFormat.js.map +1 -0
  52. package/dist/Render.d.ts +47 -0
  53. package/dist/Render.js +81 -113
  54. package/dist/Render.js.map +1 -0
  55. package/dist/RenderQueue.d.ts +19 -0
  56. package/dist/RenderQueue.js +52 -62
  57. package/dist/RenderQueue.js.map +1 -0
  58. package/dist/Runtimes.d.ts +27 -0
  59. package/dist/Runtimes.js +49 -70
  60. package/dist/Runtimes.js.map +1 -0
  61. package/dist/StaticArea.d.ts +0 -0
  62. package/dist/StaticArea.js +4 -1
  63. package/dist/StaticArea.js.map +1 -0
  64. package/dist/StaticAreaItem.d.ts +36 -0
  65. package/dist/StaticAreaItem.js +84 -86
  66. package/dist/StaticAreaItem.js.map +1 -0
  67. package/dist/SystemCSSVars.d.ts +2 -0
  68. package/dist/SystemCSSVars.js +4 -5
  69. package/dist/SystemCSSVars.js.map +1 -0
  70. package/dist/Theming.d.ts +3 -0
  71. package/dist/Theming.js +1 -1
  72. package/dist/Theming.js.map +1 -0
  73. package/dist/UI5Element.d.ts +371 -0
  74. package/dist/UI5Element.js +905 -993
  75. package/dist/UI5Element.js.map +1 -0
  76. package/dist/UI5ElementMetadata.d.ts +147 -0
  77. package/dist/UI5ElementMetadata.js +260 -313
  78. package/dist/UI5ElementMetadata.js.map +1 -0
  79. package/dist/animations/AnimationQueue.d.ts +8 -0
  80. package/dist/animations/AnimationQueue.js +31 -38
  81. package/dist/animations/AnimationQueue.js.map +1 -0
  82. package/dist/animations/animate.d.ts +14 -0
  83. package/dist/animations/animate.js +46 -51
  84. package/dist/animations/animate.js.map +1 -0
  85. package/dist/animations/scroll.d.ts +5 -0
  86. package/dist/animations/scroll.js +18 -27
  87. package/dist/animations/scroll.js.map +1 -0
  88. package/dist/animations/slideDown.d.ts +5 -0
  89. package/dist/animations/slideDown.js +53 -78
  90. package/dist/animations/slideDown.js.map +1 -0
  91. package/dist/animations/slideUp.d.ts +5 -0
  92. package/dist/animations/slideUp.js +49 -70
  93. package/dist/animations/slideUp.js.map +1 -0
  94. package/dist/api.json +1 -0
  95. package/dist/asset-registries/Icons.d.ts +30 -0
  96. package/dist/asset-registries/Icons.js +85 -116
  97. package/dist/asset-registries/Icons.js.map +1 -0
  98. package/dist/asset-registries/Illustrations.d.ts +16 -0
  99. package/dist/asset-registries/Illustrations.js +40 -24
  100. package/dist/asset-registries/Illustrations.js.map +1 -0
  101. package/dist/asset-registries/LocaleData.d.ts +7 -0
  102. package/dist/asset-registries/LocaleData.js +104 -132
  103. package/dist/asset-registries/LocaleData.js.map +1 -0
  104. package/dist/asset-registries/Themes.d.ts +10 -0
  105. package/dist/asset-registries/Themes.js +38 -66
  106. package/dist/asset-registries/Themes.js.map +1 -0
  107. package/dist/asset-registries/i18n.d.ts +23 -0
  108. package/dist/asset-registries/i18n.js +55 -81
  109. package/dist/asset-registries/i18n.js.map +1 -0
  110. package/dist/assets/bundle.esm.72c1d211.js +56 -0
  111. package/dist/assets-meta/IconCollectionsAlias.d.ts +17 -0
  112. package/dist/assets-meta/IconCollectionsAlias.js +4 -4
  113. package/dist/assets-meta/IconCollectionsAlias.js.map +1 -0
  114. package/dist/config/AnimationMode.d.ts +14 -0
  115. package/dist/config/AnimationMode.js +21 -18
  116. package/dist/config/AnimationMode.js.map +1 -0
  117. package/dist/config/CalendarType.d.ts +8 -0
  118. package/dist/config/CalendarType.js +13 -12
  119. package/dist/config/CalendarType.js.map +1 -0
  120. package/dist/config/FormatSettings.d.ts +11 -0
  121. package/dist/config/FormatSettings.js +10 -8
  122. package/dist/config/FormatSettings.js.map +1 -0
  123. package/dist/config/Icons.d.ts +30 -0
  124. package/dist/config/Icons.js +28 -32
  125. package/dist/config/Icons.js.map +1 -0
  126. package/dist/config/Language.d.ts +31 -0
  127. package/dist/config/Language.js +31 -43
  128. package/dist/config/Language.js.map +1 -0
  129. package/dist/config/NoConflict.d.ts +20 -0
  130. package/dist/config/NoConflict.js +40 -41
  131. package/dist/config/NoConflict.js.map +1 -0
  132. package/dist/config/RTL.d.ts +7 -0
  133. package/dist/config/RTL.js +23 -20
  134. package/dist/config/RTL.js.map +1 -0
  135. package/dist/config/Theme.d.ts +28 -0
  136. package/dist/config/Theme.js +34 -36
  137. package/dist/config/Theme.js.map +1 -0
  138. package/dist/config/ThemeRoots.d.ts +4 -0
  139. package/dist/config/ThemeRoots.js +28 -0
  140. package/dist/config/ThemeRoots.js.map +1 -0
  141. package/dist/css/BusyIndicator.css +4 -0
  142. package/dist/css/FontFace.css +9 -18
  143. package/dist/delegate/ItemNavigation.d.ts +113 -0
  144. package/dist/delegate/ItemNavigation.js +277 -312
  145. package/dist/delegate/ItemNavigation.js.map +1 -0
  146. package/dist/delegate/ResizeHandler.d.ts +24 -0
  147. package/dist/delegate/ResizeHandler.js +68 -91
  148. package/dist/delegate/ResizeHandler.js.map +1 -0
  149. package/dist/delegate/ScrollEnablement.d.ts +43 -0
  150. package/dist/delegate/ScrollEnablement.js +157 -180
  151. package/dist/delegate/ScrollEnablement.js.map +1 -0
  152. package/dist/features/F6Navigation.d.ts +16 -0
  153. package/dist/features/F6Navigation.js +106 -102
  154. package/dist/features/F6Navigation.js.map +1 -0
  155. package/dist/features/OpenUI5Element.d.ts +9 -0
  156. package/dist/features/OpenUI5Element.js +5 -0
  157. package/dist/features/OpenUI5Element.js.map +1 -0
  158. package/dist/features/OpenUI5Enablement.d.ts +11 -0
  159. package/dist/features/OpenUI5Enablement.js +89 -112
  160. package/dist/features/OpenUI5Enablement.js.map +1 -0
  161. package/dist/features/OpenUI5Support.d.ts +23 -0
  162. package/dist/features/OpenUI5Support.js +91 -119
  163. package/dist/features/OpenUI5Support.js.map +1 -0
  164. package/dist/generated/VersionInfo.js +3 -3
  165. package/dist/generated/css/BusyIndicator.css.js +1 -1
  166. package/dist/generated/css/FontFace.css.js +1 -1
  167. package/dist/generated/templates/elements/WithComplexTemplateTemplate.lit.js +11 -0
  168. package/dist/getSharedResource.d.ts +11 -0
  169. package/dist/getSharedResource.js +12 -16
  170. package/dist/getSharedResource.js.map +1 -0
  171. package/dist/i18nBundle.d.ts +43 -0
  172. package/dist/i18nBundle.js +56 -64
  173. package/dist/i18nBundle.js.map +1 -0
  174. package/dist/locale/Locale.d.ts +22 -0
  175. package/dist/locale/Locale.js +75 -87
  176. package/dist/locale/Locale.js.map +1 -0
  177. package/dist/locale/RTLAwareRegistry.d.ts +4 -0
  178. package/dist/locale/RTLAwareRegistry.js +6 -11
  179. package/dist/locale/RTLAwareRegistry.js.map +1 -0
  180. package/dist/locale/applyDirection.d.ts +10 -0
  181. package/dist/locale/applyDirection.js +7 -7
  182. package/dist/locale/applyDirection.js.map +1 -0
  183. package/dist/locale/directionChange.d.ts +15 -0
  184. package/dist/locale/directionChange.js +7 -15
  185. package/dist/locale/directionChange.js.map +1 -0
  186. package/dist/locale/getEffectiveDir.d.ts +2 -0
  187. package/dist/locale/getEffectiveDir.js +20 -24
  188. package/dist/locale/getEffectiveDir.js.map +1 -0
  189. package/dist/locale/getLocale.d.ts +7 -0
  190. package/dist/locale/getLocale.js +26 -29
  191. package/dist/locale/getLocale.js.map +1 -0
  192. package/dist/locale/languageChange.d.ts +5 -0
  193. package/dist/locale/languageChange.js +8 -16
  194. package/dist/locale/languageChange.js.map +1 -0
  195. package/dist/locale/nextFallbackLocale.d.ts +8 -0
  196. package/dist/locale/nextFallbackLocale.js +15 -19
  197. package/dist/locale/nextFallbackLocale.js.map +1 -0
  198. package/dist/locale/normalizeLocale.d.ts +7 -0
  199. package/dist/locale/normalizeLocale.js +34 -41
  200. package/dist/locale/normalizeLocale.js.map +1 -0
  201. package/dist/renderer/LitRenderer.d.ts +14 -0
  202. package/dist/renderer/LitRenderer.js +28 -39
  203. package/dist/renderer/LitRenderer.js.map +1 -0
  204. package/dist/renderer/executeTemplate.d.ts +13 -0
  205. package/dist/renderer/executeTemplate.js +12 -16
  206. package/dist/renderer/executeTemplate.js.map +1 -0
  207. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +1 -1
  208. package/dist/theming/CustomStyle.d.ts +6 -0
  209. package/dist/theming/CustomStyle.js +29 -43
  210. package/dist/theming/CustomStyle.js.map +1 -0
  211. package/dist/theming/ThemeLoaded.d.ts +5 -0
  212. package/dist/theming/ThemeLoaded.js +8 -16
  213. package/dist/theming/ThemeLoaded.js.map +1 -0
  214. package/dist/theming/applyTheme.d.ts +2 -0
  215. package/dist/theming/applyTheme.js +60 -64
  216. package/dist/theming/applyTheme.js.map +1 -0
  217. package/dist/theming/getConstructableStyle.d.ts +9 -0
  218. package/dist/theming/getConstructableStyle.js +12 -17
  219. package/dist/theming/getConstructableStyle.js.map +1 -0
  220. package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
  221. package/dist/theming/getEffectiveLinksHrefs.js +11 -22
  222. package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
  223. package/dist/theming/getEffectiveStyle.d.ts +3 -0
  224. package/dist/theming/getEffectiveStyle.js +24 -31
  225. package/dist/theming/getEffectiveStyle.js.map +1 -0
  226. package/dist/theming/getStylesString.d.ts +3 -0
  227. package/dist/theming/getStylesString.js +8 -13
  228. package/dist/theming/getStylesString.js.map +1 -0
  229. package/dist/theming/getThemeDesignerTheme.d.ts +7 -0
  230. package/dist/theming/getThemeDesignerTheme.js +72 -79
  231. package/dist/theming/getThemeDesignerTheme.js.map +1 -0
  232. package/dist/theming/preloadLinks.d.ts +3 -0
  233. package/dist/theming/preloadLinks.js +13 -17
  234. package/dist/theming/preloadLinks.js.map +1 -0
  235. package/dist/thirdparty/_merge.d.ts +2 -0
  236. package/dist/thirdparty/_merge.js +7 -4
  237. package/dist/thirdparty/_merge.js.map +1 -0
  238. package/dist/thirdparty/isPlainObject.d.ts +2 -0
  239. package/dist/thirdparty/isPlainObject.js +11 -10
  240. package/dist/thirdparty/isPlainObject.js.map +1 -0
  241. package/dist/thirdparty/merge.d.ts +2 -0
  242. package/dist/thirdparty/merge.js +4 -8
  243. package/dist/thirdparty/merge.js.map +1 -0
  244. package/dist/types/AnimationMode.d.ts +32 -0
  245. package/dist/types/AnimationMode.js +33 -6
  246. package/dist/types/AnimationMode.js.map +1 -0
  247. package/dist/types/CSSColor.d.ts +16 -0
  248. package/dist/types/CSSColor.js +15 -5
  249. package/dist/types/CSSColor.js.map +1 -0
  250. package/dist/types/CalendarType.d.ts +37 -0
  251. package/dist/types/CalendarType.js +35 -18
  252. package/dist/types/CalendarType.js.map +1 -0
  253. package/dist/types/DOMReference.d.ts +17 -0
  254. package/dist/types/DOMReference.js +25 -0
  255. package/dist/types/DOMReference.js.map +1 -0
  256. package/dist/types/DataType.d.ts +25 -0
  257. package/dist/types/DataType.js +32 -25
  258. package/dist/types/DataType.js.map +1 -0
  259. package/dist/types/Float.d.ts +18 -0
  260. package/dist/types/Float.js +18 -10
  261. package/dist/types/Float.js.map +1 -0
  262. package/dist/types/Integer.d.ts +18 -0
  263. package/dist/types/Integer.js +18 -9
  264. package/dist/types/Integer.js.map +1 -0
  265. package/dist/types/InvisibleMessageMode.d.ts +25 -0
  266. package/dist/types/InvisibleMessageMode.js +20 -23
  267. package/dist/types/InvisibleMessageMode.js.map +1 -0
  268. package/dist/types/ItemNavigationBehavior.d.ts +24 -0
  269. package/dist/types/ItemNavigationBehavior.js +22 -12
  270. package/dist/types/ItemNavigationBehavior.js.map +1 -0
  271. package/dist/types/NavigationMode.d.ts +32 -0
  272. package/dist/types/NavigationMode.js +33 -6
  273. package/dist/types/NavigationMode.js.map +1 -0
  274. package/dist/types/ValueState.d.ts +42 -0
  275. package/dist/types/ValueState.js +41 -19
  276. package/dist/types/ValueState.js.map +1 -0
  277. package/dist/types.d.ts +13 -0
  278. package/dist/types.js +2 -0
  279. package/dist/types.js.map +1 -0
  280. package/dist/updateShadowRoot.d.ts +8 -0
  281. package/dist/updateShadowRoot.js +21 -17
  282. package/dist/updateShadowRoot.js.map +1 -0
  283. package/dist/util/AriaLabelHelper.d.ts +6 -0
  284. package/dist/util/AriaLabelHelper.js +37 -34
  285. package/dist/util/AriaLabelHelper.js.map +1 -0
  286. package/dist/util/Caret.d.ts +7 -0
  287. package/dist/util/Caret.js +16 -38
  288. package/dist/util/Caret.js.map +1 -0
  289. package/dist/util/ColorConversion.d.ts +33 -0
  290. package/dist/util/ColorConversion.js +315 -348
  291. package/dist/util/ColorConversion.js.map +1 -0
  292. package/dist/util/FetchHelper.d.ts +3 -0
  293. package/dist/util/FetchHelper.js +19 -25
  294. package/dist/util/FetchHelper.js.map +1 -0
  295. package/dist/util/FocusableElements.d.ts +3 -0
  296. package/dist/util/FocusableElements.js +54 -71
  297. package/dist/util/FocusableElements.js.map +1 -0
  298. package/dist/util/HTMLSanitizer.d.ts +3 -0
  299. package/dist/util/HTMLSanitizer.js +4 -5
  300. package/dist/util/HTMLSanitizer.js.map +1 -0
  301. package/dist/util/InvisibleMessage.d.ts +10 -0
  302. package/dist/util/InvisibleMessage.js +41 -45
  303. package/dist/util/InvisibleMessage.js.map +1 -0
  304. package/dist/util/PopupUtils.d.ts +7 -0
  305. package/dist/util/PopupUtils.js +57 -76
  306. package/dist/util/PopupUtils.js.map +1 -0
  307. package/dist/util/SlotsHelper.d.ts +9 -0
  308. package/dist/util/SlotsHelper.js +22 -35
  309. package/dist/util/SlotsHelper.js.map +1 -0
  310. package/dist/util/StringHelper.d.ts +3 -0
  311. package/dist/util/StringHelper.js +17 -20
  312. package/dist/util/StringHelper.js.map +1 -0
  313. package/dist/util/TabbableElements.d.ts +3 -0
  314. package/dist/util/TabbableElements.js +39 -47
  315. package/dist/util/TabbableElements.js.map +1 -0
  316. package/dist/util/arraysAreEqual.d.ts +2 -0
  317. package/dist/util/arraysAreEqual.js +10 -12
  318. package/dist/util/arraysAreEqual.js.map +1 -0
  319. package/dist/util/clamp.d.ts +9 -0
  320. package/dist/util/clamp.js +2 -2
  321. package/dist/util/clamp.js.map +1 -0
  322. package/dist/util/createLinkInHead.d.ts +7 -0
  323. package/dist/util/createLinkInHead.js +14 -12
  324. package/dist/util/createLinkInHead.js.map +1 -0
  325. package/dist/util/createStyleInHead.d.ts +8 -0
  326. package/dist/util/createStyleInHead.js +10 -10
  327. package/dist/util/createStyleInHead.js.map +1 -0
  328. package/dist/util/debounce.d.ts +2 -0
  329. package/dist/util/debounce.js +6 -8
  330. package/dist/util/debounce.js.map +1 -0
  331. package/dist/util/detectNavigatorLanguage.d.ts +2 -0
  332. package/dist/util/detectNavigatorLanguage.js +7 -10
  333. package/dist/util/detectNavigatorLanguage.js.map +1 -0
  334. package/dist/util/escapeRegex.d.ts +8 -0
  335. package/dist/util/escapeRegex.js +8 -7
  336. package/dist/util/escapeRegex.js.map +1 -0
  337. package/dist/util/formatMessage.d.ts +2 -0
  338. package/dist/util/formatMessage.js +15 -19
  339. package/dist/util/formatMessage.js.map +1 -0
  340. package/dist/util/generateHighlightedMarkup.d.ts +9 -0
  341. package/dist/util/generateHighlightedMarkup.js +26 -27
  342. package/dist/util/generateHighlightedMarkup.js.map +1 -0
  343. package/dist/util/getActiveElement.d.ts +2 -0
  344. package/dist/util/getActiveElement.js +6 -8
  345. package/dist/util/getActiveElement.js.map +1 -0
  346. package/dist/util/getClassCopy.d.ts +398 -0
  347. package/dist/util/getClassCopy.js +7 -7
  348. package/dist/util/getClassCopy.js.map +1 -0
  349. package/dist/util/getDesigntimePropertyAsArray.d.ts +2 -0
  350. package/dist/util/getDesigntimePropertyAsArray.js +4 -3
  351. package/dist/util/getDesigntimePropertyAsArray.js.map +1 -0
  352. package/dist/util/getEffectiveContentDensity.d.ts +2 -0
  353. package/dist/util/getEffectiveContentDensity.js +2 -3
  354. package/dist/util/getEffectiveContentDensity.js.map +1 -0
  355. package/dist/util/getEffectiveScrollbarStyle.d.ts +2 -0
  356. package/dist/util/getEffectiveScrollbarStyle.js +4 -0
  357. package/dist/util/getEffectiveScrollbarStyle.js.map +1 -0
  358. package/dist/util/getFastNavigationGroups.d.ts +2 -0
  359. package/dist/util/getFastNavigationGroups.js +51 -0
  360. package/dist/util/getFastNavigationGroups.js.map +1 -0
  361. package/dist/util/getFileExtension.d.ts +12 -0
  362. package/dist/util/getFileExtension.js +9 -11
  363. package/dist/util/getFileExtension.js.map +1 -0
  364. package/dist/util/getNormalizedTarget.d.ts +7 -0
  365. package/dist/util/getNormalizedTarget.js +7 -9
  366. package/dist/util/getNormalizedTarget.js.map +1 -0
  367. package/dist/util/getSingletonElementInstance.d.ts +2 -0
  368. package/dist/util/getSingletonElementInstance.js +7 -10
  369. package/dist/util/getSingletonElementInstance.js.map +1 -0
  370. package/dist/util/isDefaultSlotProvided.d.ts +2 -0
  371. package/dist/util/isDefaultSlotProvided.js +10 -0
  372. package/dist/util/isDefaultSlotProvided.js.map +1 -0
  373. package/dist/util/isElementClickable.d.ts +2 -0
  374. package/dist/util/isElementClickable.js +16 -0
  375. package/dist/util/isElementClickable.js.map +1 -0
  376. package/dist/util/isElementHidden.d.ts +2 -0
  377. package/dist/util/isElementHidden.js +8 -0
  378. package/dist/util/isElementHidden.js.map +1 -0
  379. package/dist/util/isElementInView.d.ts +6 -0
  380. package/dist/util/isElementInView.js +6 -9
  381. package/dist/util/isElementInView.js.map +1 -0
  382. package/dist/util/isElementTabbable.d.ts +2 -0
  383. package/dist/util/isElementTabbable.js +22 -0
  384. package/dist/util/isElementTabbable.js.map +1 -0
  385. package/dist/util/isValidPropertyName.d.ts +8 -0
  386. package/dist/util/isValidPropertyName.js +16 -17
  387. package/dist/util/isValidPropertyName.js.map +1 -0
  388. package/dist/util/whenDOMReady.d.ts +2 -0
  389. package/dist/util/whenDOMReady.js +11 -10
  390. package/dist/util/whenDOMReady.js.map +1 -0
  391. package/dist/validateThemeRoot.d.ts +2 -0
  392. package/dist/validateThemeRoot.js +47 -0
  393. package/dist/validateThemeRoot.js.map +1 -0
  394. package/global.d.ts +44 -0
  395. package/lib/generate-asset-parameters/index.js +8 -4
  396. package/lib/generate-styles/index.js +17 -9
  397. package/lib/generate-version-info/index.js +18 -13
  398. package/package-scripts.js +27 -22
  399. package/package.json +9 -7
  400. package/src/{AssetRegistry.js → AssetRegistry.ts} +0 -0
  401. package/src/Boot.ts +61 -0
  402. package/src/{CSP.js → CSP.ts} +14 -7
  403. package/src/{CustomElementsRegistry.js → CustomElementsRegistry.ts} +20 -17
  404. package/src/{CustomElementsScope.js → CustomElementsScope.ts} +8 -5
  405. package/src/{CustomElementsScopeUtils.js → CustomElementsScopeUtils.ts} +14 -7
  406. package/src/DOMObserver.ts +28 -0
  407. package/src/{Device.js → Device.ts} +8 -3
  408. package/src/{EventProvider.js → EventProvider.ts} +9 -7
  409. package/src/FeaturesRegistry.ts +14 -0
  410. package/src/{FontFace.js → FontFace.ts} +3 -2
  411. package/src/{InitialConfiguration.js → InitialConfiguration.ts} +53 -12
  412. package/src/Keys.ts +295 -0
  413. package/src/ManagedStyles.ts +92 -0
  414. package/src/{MediaRange.js → MediaRange.ts} +14 -14
  415. package/src/{PropertiesFileFormat.js → PropertiesFileFormat.ts} +8 -8
  416. package/src/{Render.js → Render.ts} +25 -20
  417. package/src/{RenderQueue.js → RenderQueue.ts} +10 -5
  418. package/src/{Runtimes.js → Runtimes.ts} +15 -8
  419. package/src/{StaticArea.js → StaticArea.ts} +0 -0
  420. package/src/{StaticAreaItem.js → StaticAreaItem.ts} +30 -18
  421. package/src/{SystemCSSVars.js → SystemCSSVars.ts} +0 -0
  422. package/src/{Theming.js → Theming.ts} +0 -0
  423. package/src/{UI5Element.js → UI5Element.ts} +231 -139
  424. package/src/{UI5ElementMetadata.js → UI5ElementMetadata.ts} +80 -43
  425. package/src/animations/{AnimationQueue.js → AnimationQueue.ts} +8 -7
  426. package/src/animations/animate.ts +64 -0
  427. package/src/animations/scroll.ts +21 -0
  428. package/src/animations/{slideDown.js → slideDown.ts} +27 -34
  429. package/src/animations/{slideUp.js → slideUp.ts} +28 -32
  430. package/src/asset-registries/{Icons.js → Icons.ts} +63 -37
  431. package/src/asset-registries/Illustrations.ts +73 -0
  432. package/src/asset-registries/{LocaleData.js → LocaleData.ts} +36 -28
  433. package/src/asset-registries/Themes.ts +67 -0
  434. package/src/asset-registries/{i18n.js → i18n.ts} +21 -24
  435. package/src/assets-meta/{IconCollectionsAlias.js → IconCollectionsAlias.ts} +0 -0
  436. package/src/config/AnimationMode.ts +33 -0
  437. package/src/config/{CalendarType.js → CalendarType.ts} +8 -3
  438. package/src/config/FormatSettings.ts +21 -0
  439. package/src/config/{Icons.js → Icons.ts} +19 -12
  440. package/src/config/{Language.js → Language.ts} +22 -18
  441. package/src/config/NoConflict.ts +67 -0
  442. package/src/config/{RTL.js → RTL.ts} +14 -4
  443. package/src/config/Theme.ts +64 -0
  444. package/src/config/ThemeRoots.ts +41 -0
  445. package/src/css/BusyIndicator.css +4 -0
  446. package/src/css/FontFace.css +9 -18
  447. package/src/delegate/{ItemNavigation.js → ItemNavigation.ts} +63 -21
  448. package/src/delegate/{ResizeHandler.js → ResizeHandler.ts} +25 -36
  449. package/src/delegate/ScrollEnablement.ts +215 -0
  450. package/src/features/F6Navigation.ts +141 -0
  451. package/src/features/OpenUI5Element.ts +11 -0
  452. package/src/features/OpenUI5Enablement.ts +117 -0
  453. package/src/features/OpenUI5Support.ts +148 -0
  454. package/src/{getSharedResource.js → getSharedResource.ts} +3 -3
  455. package/src/{i18nBundle.js → i18nBundle.ts} +44 -22
  456. package/src/locale/{Locale.js → Locale.ts} +15 -5
  457. package/src/locale/RTLAwareRegistry.ts +16 -0
  458. package/src/locale/{applyDirection.js → applyDirection.ts} +4 -3
  459. package/src/locale/{directionChange.js → directionChange.ts} +6 -4
  460. package/src/locale/{getEffectiveDir.js → getEffectiveDir.ts} +1 -1
  461. package/src/locale/{getLocale.js → getLocale.ts} +12 -7
  462. package/src/locale/languageChange.ts +24 -0
  463. package/src/locale/{nextFallbackLocale.js → nextFallbackLocale.ts} +1 -1
  464. package/src/locale/{normalizeLocale.js → normalizeLocale.ts} +4 -2
  465. package/src/renderer/LitRenderer.ts +60 -0
  466. package/src/renderer/{executeTemplate.js → executeTemplate.ts} +11 -5
  467. package/src/theming/{CustomStyle.js → CustomStyle.ts} +11 -9
  468. package/src/theming/{ThemeLoaded.js → ThemeLoaded.ts} +6 -4
  469. package/src/theming/{applyTheme.js → applyTheme.ts} +22 -11
  470. package/src/theming/{getConstructableStyle.js → getConstructableStyle.ts} +5 -4
  471. package/src/theming/getEffectiveLinksHrefs.ts +24 -0
  472. package/src/theming/{getEffectiveStyle.js → getEffectiveStyle.ts} +9 -7
  473. package/src/theming/getStylesString.ts +13 -0
  474. package/src/theming/{getThemeDesignerTheme.js → getThemeDesignerTheme.ts} +22 -8
  475. package/src/theming/{preloadLinks.js → preloadLinks.ts} +3 -2
  476. package/src/thirdparty/{_merge.js → _merge.ts} +2 -2
  477. package/src/thirdparty/{isPlainObject.js → isPlainObject.ts} +1 -1
  478. package/src/thirdparty/merge.ts +5 -0
  479. package/src/types/AnimationMode.ts +33 -0
  480. package/src/types/{CSSColor.js → CSSColor.ts} +12 -1
  481. package/src/types/CalendarType.ts +38 -0
  482. package/src/types/DOMReference.ts +28 -0
  483. package/src/types/DataType.ts +51 -0
  484. package/src/types/Float.ts +25 -0
  485. package/src/types/Integer.ts +25 -0
  486. package/src/types/InvisibleMessageMode.ts +27 -0
  487. package/src/types/ItemNavigationBehavior.ts +26 -0
  488. package/src/types/NavigationMode.ts +33 -0
  489. package/src/types/ValueState.ts +47 -0
  490. package/src/types.ts +22 -0
  491. package/src/updateShadowRoot.ts +37 -0
  492. package/src/util/AriaLabelHelper.ts +63 -0
  493. package/src/util/Caret.ts +28 -0
  494. package/src/util/ColorConversion.ts +394 -0
  495. package/src/util/{FetchHelper.js → FetchHelper.ts} +7 -7
  496. package/src/util/FocusableElements.ts +80 -0
  497. package/src/util/{HTMLSanitizer.js → HTMLSanitizer.ts} +2 -0
  498. package/src/util/{InvisibleMessage.js → InvisibleMessage.ts} +15 -6
  499. package/src/util/PopupUtils.ts +114 -0
  500. package/src/util/{SlotsHelper.js → SlotsHelper.ts} +9 -13
  501. package/src/util/{StringHelper.js → StringHelper.ts} +7 -7
  502. package/src/util/TabbableElements.ts +56 -0
  503. package/src/util/{arraysAreEqual.js → arraysAreEqual.ts} +1 -1
  504. package/src/util/{clamp.js → clamp.ts} +1 -1
  505. package/src/util/{createLinkInHead.js → createLinkInHead.ts} +10 -4
  506. package/src/util/{createStyleInHead.js → createStyleInHead.ts} +4 -2
  507. package/src/util/{debounce.js → debounce.ts} +5 -4
  508. package/src/util/{detectNavigatorLanguage.js → detectNavigatorLanguage.ts} +1 -1
  509. package/src/util/escapeRegex.ts +11 -0
  510. package/src/util/{formatMessage.js → formatMessage.ts} +4 -3
  511. package/src/util/{generateHighlightedMarkup.js → generateHighlightedMarkup.ts} +7 -6
  512. package/src/util/{getActiveElement.js → getActiveElement.ts} +0 -0
  513. package/src/util/{getClassCopy.js → getClassCopy.ts} +3 -1
  514. package/src/util/{getDesigntimePropertyAsArray.js → getDesigntimePropertyAsArray.ts} +1 -1
  515. package/src/util/getEffectiveContentDensity.ts +5 -0
  516. package/src/util/getEffectiveScrollbarStyle.ts +5 -0
  517. package/src/util/getFastNavigationGroups.ts +63 -0
  518. package/src/util/{getFileExtension.js → getFileExtension.ts} +3 -3
  519. package/src/util/{getNormalizedTarget.js → getNormalizedTarget.ts} +2 -2
  520. package/src/util/{getSingletonElementInstance.js → getSingletonElementInstance.ts} +1 -1
  521. package/src/util/isDefaultSlotProvided.ts +11 -0
  522. package/src/util/isElementClickable.ts +19 -0
  523. package/src/util/isElementHidden.ts +9 -0
  524. package/src/util/{isElementInView.js → isElementInView.ts} +1 -1
  525. package/src/util/isElementTabbable.ts +28 -0
  526. package/src/util/{isValidPropertyName.js → isValidPropertyName.ts} +1 -1
  527. package/src/util/{whenDOMReady.js → whenDOMReady.ts} +1 -1
  528. package/src/validateThemeRoot.ts +58 -0
  529. package/tsconfig.json +13 -0
  530. package/config/.eslintrc.js +0 -3
  531. package/config/rollup.config.js +0 -1
  532. package/dist/RenderScheduler.js +0 -44
  533. package/dist/animations/config.js +0 -5
  534. package/dist/isLegacyBrowser.js +0 -3
  535. package/dist/resources/bundle.esm.js +0 -32
  536. package/dist/resources/bundle.esm.js.map +0 -1
  537. package/dist/test-resources/assets/Themes.js +0 -17
  538. package/dist/test-resources/elements/Child.js +0 -35
  539. package/dist/test-resources/elements/Generic.js +0 -84
  540. package/dist/test-resources/elements/GenericExt.js +0 -26
  541. package/dist/test-resources/elements/NoShadowDOM.js +0 -13
  542. package/dist/test-resources/elements/Parent.js +0 -41
  543. package/dist/test-resources/elements/WithStaticArea.js +0 -77
  544. package/dist/test-resources/pages/AllTestElements.html +0 -42
  545. package/dist/test-resources/pages/Configuration.html +0 -18
  546. package/dist/test-resources/pages/ConfigurationScript.html +0 -34
  547. package/dist/test-resources/pages/assets/messagebundle_de.properties +0 -1
  548. package/dist/test-resources/pages/assets/messagebundle_en.properties +0 -1
  549. package/dist/test-resources/pages/assets/messagebundle_es.properties +0 -1
  550. package/dist/test-resources/pages/assets/messagebundle_fr.properties +0 -1
  551. package/dist/test-resources/pages/i18n.html +0 -33
  552. package/dist/test-resources/specs/ConfigurationChange.spec.js +0 -27
  553. package/dist/test-resources/specs/ConfigurationScript.spec.js +0 -63
  554. package/dist/test-resources/specs/ConfigurationURL.spec.js +0 -93
  555. package/dist/test-resources/specs/CustomTheme.spec.js +0 -27
  556. package/dist/test-resources/specs/EventProvider.spec.js +0 -63
  557. package/dist/test-resources/specs/StaticArea.spec.js +0 -78
  558. package/dist/test-resources/specs/Theming.spec.js +0 -33
  559. package/dist/test-resources/specs/UI5ElementInvalidation.js +0 -242
  560. package/dist/test-resources/specs/UI5ElementLifecycle.js +0 -98
  561. package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js +0 -75
  562. package/dist/test-resources/specs/UI5ElementMetadataExt.js +0 -42
  563. package/dist/test-resources/specs/UI5ElementPropertyValidation.js +0 -14
  564. package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js +0 -67
  565. package/dist/test-resources/specs/UI5ElementShadowDOM.js +0 -24
  566. package/dist/test-resources/specs/UI5ElementSlots.js +0 -36
  567. package/dist/types/CSSSize.js +0 -9
  568. package/dist/types/PopupState.js +0 -37
  569. package/dist/util/findNodeOwner.js +0 -35
  570. package/dist/util/isDescendantOf.js +0 -15
  571. package/dist/util/isNodeClickable.js +0 -19
  572. package/dist/util/isNodeHidden.js +0 -9
  573. package/dist/util/isNodeTabbable.js +0 -28
  574. package/dist/util/setToArray.js +0 -10
  575. package/hash.txt +0 -1
  576. package/src/Boot.js +0 -59
  577. package/src/DOMObserver.js +0 -65
  578. package/src/FeaturesRegistry.js +0 -14
  579. package/src/Keys.js +0 -295
  580. package/src/ManagedStyles.js +0 -83
  581. package/src/RenderScheduler.js +0 -44
  582. package/src/animations/animate.js +0 -53
  583. package/src/animations/config.js +0 -5
  584. package/src/animations/scroll.js +0 -28
  585. package/src/asset-registries/Illustrations.js +0 -30
  586. package/src/asset-registries/Themes.js +0 -78
  587. package/src/config/AnimationMode.js +0 -23
  588. package/src/config/FormatSettings.js +0 -13
  589. package/src/config/NoConflict.js +0 -51
  590. package/src/config/Theme.js +0 -53
  591. package/src/delegate/ScrollEnablement.js +0 -188
  592. package/src/features/F6Navigation.js +0 -108
  593. package/src/features/OpenUI5Enablement.js +0 -119
  594. package/src/features/OpenUI5Support.js +0 -125
  595. package/src/isLegacyBrowser.js +0 -3
  596. package/src/locale/RTLAwareRegistry.js +0 -14
  597. package/src/locale/languageChange.js +0 -22
  598. package/src/renderer/LitRenderer.js +0 -52
  599. package/src/theming/getEffectiveLinksHrefs.js +0 -27
  600. package/src/theming/getStylesString.js +0 -15
  601. package/src/thirdparty/merge.js +0 -10
  602. package/src/types/AnimationMode.js +0 -7
  603. package/src/types/CSSSize.js +0 -9
  604. package/src/types/CalendarType.js +0 -22
  605. package/src/types/DataType.js +0 -37
  606. package/src/types/Float.js +0 -14
  607. package/src/types/Integer.js +0 -13
  608. package/src/types/InvisibleMessageMode.js +0 -30
  609. package/src/types/ItemNavigationBehavior.js +0 -16
  610. package/src/types/NavigationMode.js +0 -7
  611. package/src/types/PopupState.js +0 -37
  612. package/src/types/ValueState.js +0 -22
  613. package/src/updateShadowRoot.js +0 -30
  614. package/src/util/AriaLabelHelper.js +0 -41
  615. package/src/util/Caret.js +0 -45
  616. package/src/util/ColorConversion.js +0 -370
  617. package/src/util/FocusableElements.js +0 -79
  618. package/src/util/PopupUtils.js +0 -93
  619. package/src/util/TabbableElements.js +0 -51
  620. package/src/util/escapeRegex.js +0 -10
  621. package/src/util/findNodeOwner.js +0 -35
  622. package/src/util/getEffectiveContentDensity.js +0 -5
  623. package/src/util/isDescendantOf.js +0 -15
  624. package/src/util/isNodeClickable.js +0 -19
  625. package/src/util/isNodeHidden.js +0 -9
  626. package/src/util/isNodeTabbable.js +0 -28
  627. package/src/util/setToArray.js +0 -10
@@ -1,18 +1,8 @@
1
- import {
2
- isDown,
3
- isUp,
4
- isLeft,
5
- isRight,
6
- isHome,
7
- isEnd,
8
- isPageDown,
9
- isPageUp,
10
- } from "../Keys.js";
1
+ import { isDown, isUp, isLeft, isRight, isHome, isEnd, isPageDown, isPageUp, } from "../Keys.js";
11
2
  import getActiveElement from "../util/getActiveElement.js";
12
-
13
3
  import NavigationMode from "../types/NavigationMode.js";
14
4
  import ItemNavigationBehavior from "../types/ItemNavigationBehavior.js";
15
-
5
+ import { instanceOfUI5Element } from "../UI5Element.js";
16
6
  /**
17
7
  * The ItemNavigation class manages the calculations to determine the correct "tabindex" for a group of related items inside a root component.
18
8
  * Important: ItemNavigation only does the calculations and does not change "tabindex" directly, this is a responsibility of the developer.
@@ -47,305 +37,280 @@ import ItemNavigationBehavior from "../types/ItemNavigationBehavior.js";
47
37
  * @public
48
38
  */
49
39
  class ItemNavigation {
50
- /**
51
- *
52
- * @param rootWebComponent the component to operate on (component that slots or contains within its shadow root the items the user navigates among)
53
- * @param options Object with configuration options:
54
- * - currentIndex: the index of the item that will be initially selected (from which navigation will begin)
55
- * - navigationMode (Auto|Horizontal|Vertical): whether the items are displayed horizontally (Horizontal), vertically (Vertical) or as a matrix (Auto) meaning the user can navigate in both directions (up/down and left/right)
56
- * - rowSize: tells how many items per row there are when the items are not rendered as a flat list but rather as a matrix. Relevant for navigationMode=Auto
57
- * - skipItemsSize: tells how many items upon PAGE_UP and PAGE_DOWN should be skipped to applying the focus on the next item
58
- * - behavior (Static|Cycling): tells what to do when trying to navigate beyond the first and last items
59
- * Static means that nothing happens if the user tries to navigate beyond the first/last item.
60
- * Cycling means that when the user navigates beyond the last item they go to the first and vice versa.
61
- * - getItemsCallback: function that, when called, returns an array with all items the user can navigate among
62
- * - affectedPropertiesNames: a list of metadata properties on the root component which, upon user navigation, will be reassigned by address thus causing the root component to invalidate
63
- */
64
- constructor(rootWebComponent, options = {}) {
65
- this._setRootComponent(rootWebComponent);
66
- this._initOptions(options);
67
- }
68
-
69
- _setRootComponent(rootWebComponent) {
70
- if (!rootWebComponent.isUI5Element) {
71
- throw new Error("The root web component must be a UI5 Element instance");
72
- }
73
- this.rootWebComponent = rootWebComponent;
74
- this.rootWebComponent.addEventListener("keydown", this._onkeydown.bind(this));
75
- this.rootWebComponent._onComponentStateFinalized = () => {
76
- this._init();
77
- };
78
- }
79
-
80
- _initOptions(options) {
81
- if (typeof options.getItemsCallback !== "function") {
82
- throw new Error("getItemsCallback is required");
83
- }
84
-
85
- this._getItems = options.getItemsCallback;
86
- this._currentIndex = options.currentIndex || 0;
87
- this._rowSize = options.rowSize || 1;
88
- this._behavior = options.behavior || ItemNavigationBehavior.Static;
89
- this._navigationMode = options.navigationMode || NavigationMode.Auto;
90
- this._affectedPropertiesNames = options.affectedPropertiesNames || [];
91
- this._skipItemsSize = options.skipItemsSize || null;
92
- }
93
-
94
- /**
95
- * Call this method to set a new "current" (selected) item in the item navigation
96
- * Note: the item passed to this function must be one of the items, returned by the getItemsCallback function
97
- *
98
- * @public
99
- * @param current the new selected item
100
- */
101
- setCurrentItem(current) {
102
- const currentItemIndex = this._getItems().indexOf(current);
103
-
104
- if (currentItemIndex === -1) {
105
- console.warn(`The provided item is not managed by ItemNavigation`, current); // eslint-disable-line
106
- return;
107
- }
108
-
109
- this._currentIndex = currentItemIndex;
110
- this._applyTabIndex();
111
- }
112
-
113
- /**
114
- * Call this method to dynamically change the row size
115
- *
116
- * @public
117
- * @param newRowSize
118
- */
119
- setRowSize(newRowSize) {
120
- this._rowSize = newRowSize;
121
- }
122
-
123
- _init() {
124
- this._getItems().forEach((item, idx) => {
125
- item._tabIndex = (idx === this._currentIndex) ? "0" : "-1";
126
- });
127
- }
128
-
129
- _onkeydown(event) {
130
- if (!this._canNavigate()) {
131
- return;
132
- }
133
-
134
- const horizontalNavigationOn = this._navigationMode === NavigationMode.Horizontal || this._navigationMode === NavigationMode.Auto;
135
- const verticalNavigationOn = this._navigationMode === NavigationMode.Vertical || this._navigationMode === NavigationMode.Auto;
136
-
137
- if (isUp(event) && verticalNavigationOn) {
138
- this._handleUp();
139
- } else if (isDown(event) && verticalNavigationOn) {
140
- this._handleDown();
141
- } else if (isLeft(event) && horizontalNavigationOn) {
142
- this._handleLeft();
143
- } else if (isRight(event) && horizontalNavigationOn) {
144
- this._handleRight();
145
- } else if (isHome(event)) {
146
- this._handleHome();
147
- } else if (isEnd(event)) {
148
- this._handleEnd();
149
- } else if (isPageUp(event)) {
150
- this._handlePageUp();
151
- } else if (isPageDown(event)) {
152
- this._handlePageDown();
153
- } else {
154
- return; // if none of the supported keys is pressed, we don't want to prevent the event or update the item navigation
155
- }
156
-
157
- event.preventDefault();
158
- this._applyTabIndex();
159
- this._focusCurrentItem();
160
- }
161
-
162
- _handleUp() {
163
- const itemsLength = this._getItems().length;
164
- if (this._currentIndex - this._rowSize >= 0) { // no border reached, just decrease the index by a row
165
- this._currentIndex -= this._rowSize;
166
- return;
167
- }
168
-
169
- if (this._behavior === ItemNavigationBehavior.Cyclic) { // if cyclic, go to the **last** item in the **previous** column
170
- const firstItemInThisColumnIndex = this._currentIndex % this._rowSize;
171
- const firstItemInPreviousColumnIndex = firstItemInThisColumnIndex === 0 ? this._rowSize - 1 : firstItemInThisColumnIndex - 1; // find the first item in the previous column (if the current column is the first column -> move to the last column)
172
- const rows = Math.ceil(itemsLength / this._rowSize); // how many rows there are (even if incomplete, f.e. for 14 items and _rowSize=4 -> 4 rows total, although only 2 items on the last row)
173
- let lastItemInPreviousColumnIndex = firstItemInPreviousColumnIndex + (rows - 1) * this._rowSize; // multiply rows by columns, and add the column's first item's index
174
- if (lastItemInPreviousColumnIndex > itemsLength - 1) { // for incomplete rows, use the previous row's last item, as for them the last item is missing
175
- lastItemInPreviousColumnIndex -= this._rowSize;
176
- }
177
- this._currentIndex = lastItemInPreviousColumnIndex;
178
- } else { // not cyclic, so just go to the first item
179
- this._currentIndex = 0;
180
- }
181
- }
182
-
183
- _handleDown() {
184
- const itemsLength = this._getItems().length;
185
- if (this._currentIndex + this._rowSize < itemsLength) { // no border reached, just increase the index by a row
186
- this._currentIndex += this._rowSize;
187
- return;
188
- }
189
-
190
- if (this._behavior === ItemNavigationBehavior.Cyclic) { // if cyclic, go to the **first** item in the **next** column
191
- const firstItemInThisColumnIndex = this._currentIndex % this._rowSize; // find the first item in the current column first
192
- const firstItemInNextColumnIndex = (firstItemInThisColumnIndex + 1) % this._rowSize; // to get the first item in the next column, just increase the index by 1. The modulo by rows is for the case when we are at the last column
193
- this._currentIndex = firstItemInNextColumnIndex;
194
- } else { // not cyclic, so just go to the last item
195
- this._currentIndex = itemsLength - 1;
196
- }
197
- }
198
-
199
- _handleLeft() {
200
- const itemsLength = this._getItems().length;
201
- if (this._currentIndex > 0) {
202
- this._currentIndex -= 1;
203
- return;
204
- }
205
-
206
- if (this._behavior === ItemNavigationBehavior.Cyclic) { // go to the first item in the next column
207
- this._currentIndex = itemsLength - 1;
208
- }
209
- }
210
-
211
- _handleRight() {
212
- const itemsLength = this._getItems().length;
213
- if (this._currentIndex < itemsLength - 1) {
214
- this._currentIndex += 1;
215
- return;
216
- }
217
-
218
- if (this._behavior === ItemNavigationBehavior.Cyclic) { // go to the first item in the next column
219
- this._currentIndex = 0;
220
- }
221
- }
222
-
223
- _handleHome() {
224
- const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;
225
- this._currentIndex -= this._currentIndex % homeEndRange;
226
- }
227
-
228
- _handleEnd() {
229
- const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;
230
- this._currentIndex += (homeEndRange - 1 - this._currentIndex % homeEndRange); // eslint-disable-line
231
- }
232
-
233
- _handlePageUp() {
234
- if (this._rowSize > 1) {
235
- // eslint-disable-next-line
236
- // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.
237
- return;
238
- }
239
- this._handlePageUpFlat();
240
- }
241
-
242
- _handlePageDown() {
243
- if (this._rowSize > 1) {
244
- // eslint-disable-next-line
245
- // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.
246
- return;
247
- }
248
- this._handlePageDownFlat();
249
- }
250
-
251
- /**
252
- * Handles PAGE_UP in a flat list-like structure, both vertically and horizontally.
253
- */
254
- _handlePageUpFlat() {
255
- if (this._skipItemsSize === null) {
256
- // Move the focus to the very top (as Home).
257
- this._currentIndex -= this._currentIndex;
258
- }
259
-
260
- if (this._currentIndex + 1 > this._skipItemsSize) {
261
- // When there are more than "skipItemsSize" number of items to the top,
262
- // move the focus up/left with the predefined number.
263
- this._currentIndex -= this._skipItemsSize;
264
- } else {
265
- // Otherwise, move the focus to the very top (as Home).
266
- this._currentIndex -= this._currentIndex;
267
- }
268
- }
269
-
270
- /**
271
- * Handles PAGE_DOWN in a flat list-like structure, both vertically and horizontally.
272
- */
273
- _handlePageDownFlat() {
274
- if (this._skipItemsSize === null) {
275
- // Move the focus to the very bottom (as End).
276
- this._currentIndex = this._getItems().length - 1;
277
- }
278
-
279
- const currentToEndRange = this._getItems().length - this._currentIndex - 1;
280
-
281
- if (currentToEndRange > this._skipItemsSize) {
282
- // When there are more than "skipItemsSize" number of items until the bottom,
283
- // move the focus down/right with the predefined number.
284
- this._currentIndex += this._skipItemsSize;
285
- } else {
286
- // Otherwise, move the focus to the very bottom (as End).
287
- this._currentIndex = this._getItems().length - 1;
288
- }
289
- }
290
-
291
- _applyTabIndex() {
292
- const items = this._getItems();
293
- for (let i = 0; i < items.length; i++) {
294
- items[i]._tabIndex = i === this._currentIndex ? "0" : "-1";
295
- }
296
-
297
- this._affectedPropertiesNames.forEach(propName => {
298
- const prop = this.rootWebComponent[propName];
299
- this.rootWebComponent[propName] = Array.isArray(prop) ? [...prop] : { ...prop };
300
- });
301
- }
302
-
303
- _focusCurrentItem() {
304
- const currentItem = this._getCurrentItem();
305
- if (currentItem) {
306
- currentItem.focus();
307
- }
308
- }
309
-
310
- _canNavigate() {
311
- const currentItem = this._getCurrentItem();
312
- const activeElement = getActiveElement();
313
-
314
- return currentItem && currentItem === activeElement;
315
- }
316
-
317
- _getCurrentItem() {
318
- const items = this._getItems();
319
-
320
- if (!items.length) {
321
- return null;
322
- }
323
-
324
- // normalize the index
325
- while (this._currentIndex >= items.length) {
326
- this._currentIndex -= this._rowSize;
327
- }
328
-
329
- if (this._currentIndex < 0) {
330
- this._currentIndex = 0;
331
- }
332
-
333
- const currentItem = items[this._currentIndex];
334
-
335
- if (!currentItem) {
336
- return;
337
- }
338
-
339
- if (currentItem.isUI5Element) {
340
- return currentItem.getFocusDomRef();
341
- }
342
-
343
- if (!this.rootWebComponent.getDomRef()) {
344
- return;
345
- }
346
-
347
- return this.rootWebComponent.getDomRef().querySelector(`#${currentItem.id}`);
348
- }
40
+ /**
41
+ *
42
+ * @param rootWebComponent the component to operate on (component that slots or contains within its shadow root the items the user navigates among)
43
+ * @param {ItemNavigationOptions} options Object with configuration options:
44
+ * - currentIndex: the index of the item that will be initially selected (from which navigation will begin)
45
+ * - navigationMode (Auto|Horizontal|Vertical): whether the items are displayed horizontally (Horizontal), vertically (Vertical) or as a matrix (Auto) meaning the user can navigate in both directions (up/down and left/right)
46
+ * - rowSize: tells how many items per row there are when the items are not rendered as a flat list but rather as a matrix. Relevant for navigationMode=Auto
47
+ * - skipItemsSize: tells how many items upon PAGE_UP and PAGE_DOWN should be skipped to applying the focus on the next item
48
+ * - behavior (Static|Cycling): tells what to do when trying to navigate beyond the first and last items
49
+ * Static means that nothing happens if the user tries to navigate beyond the first/last item.
50
+ * Cycling means that when the user navigates beyond the last item they go to the first and vice versa.
51
+ * - getItemsCallback: function that, when called, returns an array with all items the user can navigate among
52
+ * - affectedPropertiesNames: a list of metadata properties on the root component which, upon user navigation, will be reassigned by address thus causing the root component to invalidate
53
+ */
54
+ constructor(rootWebComponent, options) {
55
+ if (!rootWebComponent.isUI5Element) {
56
+ throw new Error("The root web component must be a UI5 Element instance");
57
+ }
58
+ this.rootWebComponent = rootWebComponent;
59
+ this.rootWebComponent.addEventListener("keydown", this._onkeydown.bind(this));
60
+ this.rootWebComponent._onComponentStateFinalized = () => {
61
+ this._init();
62
+ };
63
+ if (typeof options.getItemsCallback !== "function") {
64
+ throw new Error("getItemsCallback is required");
65
+ }
66
+ this._getItems = options.getItemsCallback;
67
+ this._currentIndex = options.currentIndex || 0;
68
+ this._rowSize = options.rowSize || 1;
69
+ this._behavior = options.behavior || ItemNavigationBehavior.Static;
70
+ this._navigationMode = options.navigationMode || NavigationMode.Auto;
71
+ this._affectedPropertiesNames = options.affectedPropertiesNames || [];
72
+ this._skipItemsSize = options.skipItemsSize || null;
73
+ }
74
+ /**
75
+ * Call this method to set a new "current" (selected) item in the item navigation
76
+ * Note: the item passed to this function must be one of the items, returned by the getItemsCallback function
77
+ *
78
+ * @public
79
+ * @param current the new selected item
80
+ */
81
+ setCurrentItem(current) {
82
+ const currentItemIndex = this._getItems().indexOf(current);
83
+ if (currentItemIndex === -1) {
84
+ console.warn(`The provided item is not managed by ItemNavigation`, current); // eslint-disable-line
85
+ return;
86
+ }
87
+ this._currentIndex = currentItemIndex;
88
+ this._applyTabIndex();
89
+ }
90
+ /**
91
+ * Call this method to dynamically change the row size
92
+ *
93
+ * @public
94
+ * @param newRowSize
95
+ */
96
+ setRowSize(newRowSize) {
97
+ this._rowSize = newRowSize;
98
+ }
99
+ _init() {
100
+ this._getItems().forEach((item, idx) => {
101
+ item._tabIndex = (idx === this._currentIndex) ? "0" : "-1";
102
+ });
103
+ }
104
+ _onkeydown(event) {
105
+ if (!this._canNavigate()) {
106
+ return;
107
+ }
108
+ const horizontalNavigationOn = this._navigationMode === NavigationMode.Horizontal || this._navigationMode === NavigationMode.Auto;
109
+ const verticalNavigationOn = this._navigationMode === NavigationMode.Vertical || this._navigationMode === NavigationMode.Auto;
110
+ const isRTL = this.rootWebComponent.effectiveDir === "rtl";
111
+ if (isRTL && isLeft(event) && horizontalNavigationOn) {
112
+ this._handleRight();
113
+ }
114
+ else if (isRTL && isRight(event) && horizontalNavigationOn) {
115
+ this._handleLeft();
116
+ }
117
+ else if (isLeft(event) && horizontalNavigationOn) {
118
+ this._handleLeft();
119
+ }
120
+ else if (isRight(event) && horizontalNavigationOn) {
121
+ this._handleRight();
122
+ }
123
+ else if (isUp(event) && verticalNavigationOn) {
124
+ this._handleUp();
125
+ }
126
+ else if (isDown(event) && verticalNavigationOn) {
127
+ this._handleDown();
128
+ }
129
+ else if (isHome(event)) {
130
+ this._handleHome();
131
+ }
132
+ else if (isEnd(event)) {
133
+ this._handleEnd();
134
+ }
135
+ else if (isPageUp(event)) {
136
+ this._handlePageUp();
137
+ }
138
+ else if (isPageDown(event)) {
139
+ this._handlePageDown();
140
+ }
141
+ else {
142
+ return; // if none of the supported keys is pressed, we don't want to prevent the event or update the item navigation
143
+ }
144
+ event.preventDefault();
145
+ this._applyTabIndex();
146
+ this._focusCurrentItem();
147
+ }
148
+ _handleUp() {
149
+ const itemsLength = this._getItems().length;
150
+ if (this._currentIndex - this._rowSize >= 0) { // no border reached, just decrease the index by a row
151
+ this._currentIndex -= this._rowSize;
152
+ return;
153
+ }
154
+ if (this._behavior === ItemNavigationBehavior.Cyclic) { // if cyclic, go to the **last** item in the **previous** column
155
+ const firstItemInThisColumnIndex = this._currentIndex % this._rowSize;
156
+ const firstItemInPreviousColumnIndex = firstItemInThisColumnIndex === 0 ? this._rowSize - 1 : firstItemInThisColumnIndex - 1; // find the first item in the previous column (if the current column is the first column -> move to the last column)
157
+ const rows = Math.ceil(itemsLength / this._rowSize); // how many rows there are (even if incomplete, f.e. for 14 items and _rowSize=4 -> 4 rows total, although only 2 items on the last row)
158
+ let lastItemInPreviousColumnIndex = firstItemInPreviousColumnIndex + (rows - 1) * this._rowSize; // multiply rows by columns, and add the column's first item's index
159
+ if (lastItemInPreviousColumnIndex > itemsLength - 1) { // for incomplete rows, use the previous row's last item, as for them the last item is missing
160
+ lastItemInPreviousColumnIndex -= this._rowSize;
161
+ }
162
+ this._currentIndex = lastItemInPreviousColumnIndex;
163
+ }
164
+ else { // not cyclic, so just go to the first item
165
+ this._currentIndex = 0;
166
+ }
167
+ }
168
+ _handleDown() {
169
+ const itemsLength = this._getItems().length;
170
+ if (this._currentIndex + this._rowSize < itemsLength) { // no border reached, just increase the index by a row
171
+ this._currentIndex += this._rowSize;
172
+ return;
173
+ }
174
+ if (this._behavior === ItemNavigationBehavior.Cyclic) { // if cyclic, go to the **first** item in the **next** column
175
+ const firstItemInThisColumnIndex = this._currentIndex % this._rowSize; // find the first item in the current column first
176
+ const firstItemInNextColumnIndex = (firstItemInThisColumnIndex + 1) % this._rowSize; // to get the first item in the next column, just increase the index by 1. The modulo by rows is for the case when we are at the last column
177
+ this._currentIndex = firstItemInNextColumnIndex;
178
+ }
179
+ else { // not cyclic, so just go to the last item
180
+ this._currentIndex = itemsLength - 1;
181
+ }
182
+ }
183
+ _handleLeft() {
184
+ const itemsLength = this._getItems().length;
185
+ if (this._currentIndex > 0) {
186
+ this._currentIndex -= 1;
187
+ return;
188
+ }
189
+ if (this._behavior === ItemNavigationBehavior.Cyclic) { // go to the first item in the next column
190
+ this._currentIndex = itemsLength - 1;
191
+ }
192
+ }
193
+ _handleRight() {
194
+ const itemsLength = this._getItems().length;
195
+ if (this._currentIndex < itemsLength - 1) {
196
+ this._currentIndex += 1;
197
+ return;
198
+ }
199
+ if (this._behavior === ItemNavigationBehavior.Cyclic) { // go to the first item in the next column
200
+ this._currentIndex = 0;
201
+ }
202
+ }
203
+ _handleHome() {
204
+ const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;
205
+ this._currentIndex -= this._currentIndex % homeEndRange;
206
+ }
207
+ _handleEnd() {
208
+ const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;
209
+ this._currentIndex += (homeEndRange - 1 - this._currentIndex % homeEndRange); // eslint-disable-line
210
+ }
211
+ _handlePageUp() {
212
+ if (this._rowSize > 1) {
213
+ // eslint-disable-next-line
214
+ // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.
215
+ return;
216
+ }
217
+ this._handlePageUpFlat();
218
+ }
219
+ _handlePageDown() {
220
+ if (this._rowSize > 1) {
221
+ // eslint-disable-next-line
222
+ // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.
223
+ return;
224
+ }
225
+ this._handlePageDownFlat();
226
+ }
227
+ /**
228
+ * Handles PAGE_UP in a flat list-like structure, both vertically and horizontally.
229
+ */
230
+ _handlePageUpFlat() {
231
+ if (this._skipItemsSize === null) {
232
+ // Move the focus to the very top (as Home).
233
+ this._currentIndex -= this._currentIndex;
234
+ return;
235
+ }
236
+ if (this._currentIndex + 1 > this._skipItemsSize) {
237
+ // When there are more than "skipItemsSize" number of items to the top,
238
+ // move the focus up/left with the predefined number.
239
+ this._currentIndex -= this._skipItemsSize;
240
+ }
241
+ else {
242
+ // Otherwise, move the focus to the very top (as Home).
243
+ this._currentIndex -= this._currentIndex;
244
+ }
245
+ }
246
+ /**
247
+ * Handles PAGE_DOWN in a flat list-like structure, both vertically and horizontally.
248
+ */
249
+ _handlePageDownFlat() {
250
+ if (this._skipItemsSize === null) {
251
+ // Move the focus to the very bottom (as End).
252
+ this._currentIndex = this._getItems().length - 1;
253
+ return;
254
+ }
255
+ const currentToEndRange = this._getItems().length - this._currentIndex - 1;
256
+ if (currentToEndRange > this._skipItemsSize) {
257
+ // When there are more than "skipItemsSize" number of items until the bottom,
258
+ // move the focus down/right with the predefined number.
259
+ this._currentIndex += this._skipItemsSize;
260
+ }
261
+ else {
262
+ // Otherwise, move the focus to the very bottom (as End).
263
+ this._currentIndex = this._getItems().length - 1;
264
+ }
265
+ }
266
+ _applyTabIndex() {
267
+ const items = this._getItems();
268
+ for (let i = 0; i < items.length; i++) {
269
+ items[i]._tabIndex = i === this._currentIndex ? "0" : "-1";
270
+ }
271
+ this._affectedPropertiesNames.forEach(propName => {
272
+ const prop = this.rootWebComponent[propName];
273
+ this.rootWebComponent[propName] = Array.isArray(prop) ? [...prop] : { ...prop };
274
+ });
275
+ }
276
+ _focusCurrentItem() {
277
+ const currentItem = this._getCurrentItem();
278
+ if (currentItem) {
279
+ currentItem.focus();
280
+ }
281
+ }
282
+ _canNavigate() {
283
+ const currentItem = this._getCurrentItem();
284
+ const activeElement = getActiveElement();
285
+ return currentItem && currentItem === activeElement;
286
+ }
287
+ _getCurrentItem() {
288
+ const items = this._getItems();
289
+ if (!items.length) {
290
+ return null;
291
+ }
292
+ // normalize the index
293
+ while (this._currentIndex >= items.length) {
294
+ this._currentIndex -= this._rowSize;
295
+ }
296
+ if (this._currentIndex < 0) {
297
+ this._currentIndex = 0;
298
+ }
299
+ const currentItem = items[this._currentIndex];
300
+ if (!currentItem) {
301
+ return;
302
+ }
303
+ if (instanceOfUI5Element(currentItem)) {
304
+ return currentItem.getFocusDomRef();
305
+ }
306
+ const currentItemDOMRef = this.rootWebComponent.getDomRef();
307
+ if (!currentItemDOMRef) {
308
+ return;
309
+ }
310
+ if (currentItem.id) {
311
+ return currentItemDOMRef.querySelector(`#${currentItem.id}`);
312
+ }
313
+ }
349
314
  }
350
-
351
315
  export default ItemNavigation;
316
+ //# sourceMappingURL=ItemNavigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ItemNavigation.js","sourceRoot":"","sources":["../../src/delegate/ItemNavigation.ts"],"names":[],"mappings":"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"}