@ui5/webcomponents-base 0.0.0-e818f286e → 0.0.0-ee3bbe46b

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 (618) hide show
  1. package/.eslintignore +1 -0
  2. package/CHANGELOG.md +75 -0
  3. package/bundle.esm.js +5 -1
  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 +12 -0
  26. package/dist/Device.js +53 -83
  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/MarkedEvents.d.ts +9 -0
  47. package/dist/MarkedEvents.js +15 -0
  48. package/dist/MarkedEvents.js.map +1 -0
  49. package/dist/MediaRange.d.ts +37 -0
  50. package/dist/MediaRange.js +54 -65
  51. package/dist/MediaRange.js.map +1 -0
  52. package/dist/PropertiesFileFormat.d.ts +8 -0
  53. package/dist/PropertiesFileFormat.js +72 -82
  54. package/dist/PropertiesFileFormat.js.map +1 -0
  55. package/dist/Render.d.ts +47 -0
  56. package/dist/Render.js +81 -113
  57. package/dist/Render.js.map +1 -0
  58. package/dist/RenderQueue.d.ts +19 -0
  59. package/dist/RenderQueue.js +52 -62
  60. package/dist/RenderQueue.js.map +1 -0
  61. package/dist/Runtimes.d.ts +27 -0
  62. package/dist/Runtimes.js +49 -70
  63. package/dist/Runtimes.js.map +1 -0
  64. package/dist/StaticArea.d.ts +0 -0
  65. package/dist/StaticArea.js +4 -1
  66. package/dist/StaticArea.js.map +1 -0
  67. package/dist/StaticAreaItem.d.ts +36 -0
  68. package/dist/StaticAreaItem.js +84 -86
  69. package/dist/StaticAreaItem.js.map +1 -0
  70. package/dist/SystemCSSVars.d.ts +2 -0
  71. package/dist/SystemCSSVars.js +4 -5
  72. package/dist/SystemCSSVars.js.map +1 -0
  73. package/dist/Theming.d.ts +3 -0
  74. package/dist/Theming.js +1 -1
  75. package/dist/Theming.js.map +1 -0
  76. package/dist/UI5Element.d.ts +373 -0
  77. package/dist/UI5Element.js +928 -994
  78. package/dist/UI5Element.js.map +1 -0
  79. package/dist/UI5ElementMetadata.d.ts +150 -0
  80. package/dist/UI5ElementMetadata.js +277 -313
  81. package/dist/UI5ElementMetadata.js.map +1 -0
  82. package/dist/animations/AnimationQueue.d.ts +8 -0
  83. package/dist/animations/AnimationQueue.js +31 -38
  84. package/dist/animations/AnimationQueue.js.map +1 -0
  85. package/dist/animations/animate.d.ts +14 -0
  86. package/dist/animations/animate.js +46 -51
  87. package/dist/animations/animate.js.map +1 -0
  88. package/dist/animations/scroll.d.ts +5 -0
  89. package/dist/animations/scroll.js +18 -27
  90. package/dist/animations/scroll.js.map +1 -0
  91. package/dist/animations/slideDown.d.ts +5 -0
  92. package/dist/animations/slideDown.js +53 -78
  93. package/dist/animations/slideDown.js.map +1 -0
  94. package/dist/animations/slideUp.d.ts +5 -0
  95. package/dist/animations/slideUp.js +49 -70
  96. package/dist/animations/slideUp.js.map +1 -0
  97. package/dist/api.json +1 -0
  98. package/dist/asset-registries/Icons.d.ts +30 -0
  99. package/dist/asset-registries/Icons.js +85 -116
  100. package/dist/asset-registries/Icons.js.map +1 -0
  101. package/dist/asset-registries/Illustrations.d.ts +17 -0
  102. package/dist/asset-registries/Illustrations.js +41 -25
  103. package/dist/asset-registries/Illustrations.js.map +1 -0
  104. package/dist/asset-registries/LocaleData.d.ts +7 -0
  105. package/dist/asset-registries/LocaleData.js +104 -132
  106. package/dist/asset-registries/LocaleData.js.map +1 -0
  107. package/dist/asset-registries/Themes.d.ts +10 -0
  108. package/dist/asset-registries/Themes.js +36 -68
  109. package/dist/asset-registries/Themes.js.map +1 -0
  110. package/dist/asset-registries/i18n.d.ts +23 -0
  111. package/dist/asset-registries/i18n.js +52 -80
  112. package/dist/asset-registries/i18n.js.map +1 -0
  113. package/dist/assets/bundle.esm.97ee5164.js +56 -0
  114. package/dist/assets-meta/IconCollectionsAlias.d.ts +17 -0
  115. package/dist/assets-meta/IconCollectionsAlias.js +4 -4
  116. package/dist/assets-meta/IconCollectionsAlias.js.map +1 -0
  117. package/dist/config/AnimationMode.d.ts +14 -0
  118. package/dist/config/AnimationMode.js +21 -18
  119. package/dist/config/AnimationMode.js.map +1 -0
  120. package/dist/config/CalendarType.d.ts +8 -0
  121. package/dist/config/CalendarType.js +13 -12
  122. package/dist/config/CalendarType.js.map +1 -0
  123. package/dist/config/FormatSettings.d.ts +11 -0
  124. package/dist/config/FormatSettings.js +10 -8
  125. package/dist/config/FormatSettings.js.map +1 -0
  126. package/dist/config/Icons.d.ts +30 -0
  127. package/dist/config/Icons.js +28 -32
  128. package/dist/config/Icons.js.map +1 -0
  129. package/dist/config/Language.d.ts +31 -0
  130. package/dist/config/Language.js +31 -43
  131. package/dist/config/Language.js.map +1 -0
  132. package/dist/config/NoConflict.d.ts +20 -0
  133. package/dist/config/NoConflict.js +40 -41
  134. package/dist/config/NoConflict.js.map +1 -0
  135. package/dist/config/RTL.d.ts +7 -0
  136. package/dist/config/RTL.js +23 -20
  137. package/dist/config/RTL.js.map +1 -0
  138. package/dist/config/Theme.d.ts +28 -0
  139. package/dist/config/Theme.js +34 -36
  140. package/dist/config/Theme.js.map +1 -0
  141. package/dist/config/ThemeRoots.d.ts +4 -0
  142. package/dist/config/ThemeRoots.js +28 -0
  143. package/dist/config/ThemeRoots.js.map +1 -0
  144. package/dist/css/FontFace.css +9 -18
  145. package/dist/decorators/customElement.d.ts +8 -0
  146. package/dist/decorators/customElement.js +16 -0
  147. package/dist/decorators/customElement.js.map +1 -0
  148. package/dist/decorators/event.d.ts +10 -0
  149. package/dist/decorators/event.js +24 -0
  150. package/dist/decorators/event.js.map +1 -0
  151. package/dist/decorators/fastNavigation.d.ts +7 -0
  152. package/dist/decorators/fastNavigation.js +13 -0
  153. package/dist/decorators/fastNavigation.js.map +1 -0
  154. package/dist/decorators/languageAware.d.ts +7 -0
  155. package/dist/decorators/languageAware.js +13 -0
  156. package/dist/decorators/languageAware.js.map +1 -0
  157. package/dist/decorators/property.d.ts +9 -0
  158. package/dist/decorators/property.js +24 -0
  159. package/dist/decorators/property.js.map +1 -0
  160. package/dist/decorators/slot.d.ts +9 -0
  161. package/dist/decorators/slot.js +37 -0
  162. package/dist/decorators/slot.js.map +1 -0
  163. package/dist/decorators/themeAware.d.ts +7 -0
  164. package/dist/decorators/themeAware.js +13 -0
  165. package/dist/decorators/themeAware.js.map +1 -0
  166. package/dist/delegate/ItemNavigation.d.ts +113 -0
  167. package/dist/delegate/ItemNavigation.js +277 -317
  168. package/dist/delegate/ItemNavigation.js.map +1 -0
  169. package/dist/delegate/ResizeHandler.d.ts +24 -0
  170. package/dist/delegate/ResizeHandler.js +68 -91
  171. package/dist/delegate/ResizeHandler.js.map +1 -0
  172. package/dist/delegate/ScrollEnablement.d.ts +48 -0
  173. package/dist/delegate/ScrollEnablement.js +157 -180
  174. package/dist/delegate/ScrollEnablement.js.map +1 -0
  175. package/dist/features/F6Navigation.d.ts +16 -0
  176. package/dist/features/F6Navigation.js +106 -104
  177. package/dist/features/F6Navigation.js.map +1 -0
  178. package/dist/features/OpenUI5Element.d.ts +9 -0
  179. package/dist/features/OpenUI5Element.js +5 -0
  180. package/dist/features/OpenUI5Element.js.map +1 -0
  181. package/dist/features/OpenUI5Enablement.d.ts +11 -0
  182. package/dist/features/OpenUI5Enablement.js +89 -112
  183. package/dist/features/OpenUI5Enablement.js.map +1 -0
  184. package/dist/features/OpenUI5Support.d.ts +23 -0
  185. package/dist/features/OpenUI5Support.js +91 -119
  186. package/dist/features/OpenUI5Support.js.map +1 -0
  187. package/dist/generated/VersionInfo.js +3 -3
  188. package/dist/generated/css/FontFace.css.js +1 -1
  189. package/dist/generated/templates/elements/WithComplexTemplateTemplate.lit.js +11 -0
  190. package/dist/getSharedResource.d.ts +11 -0
  191. package/dist/getSharedResource.js +12 -16
  192. package/dist/getSharedResource.js.map +1 -0
  193. package/dist/i18nBundle.d.ts +43 -0
  194. package/dist/i18nBundle.js +56 -64
  195. package/dist/i18nBundle.js.map +1 -0
  196. package/dist/locale/Locale.d.ts +22 -0
  197. package/dist/locale/Locale.js +75 -87
  198. package/dist/locale/Locale.js.map +1 -0
  199. package/dist/locale/RTLAwareRegistry.d.ts +4 -0
  200. package/dist/locale/RTLAwareRegistry.js +6 -11
  201. package/dist/locale/RTLAwareRegistry.js.map +1 -0
  202. package/dist/locale/applyDirection.d.ts +10 -0
  203. package/dist/locale/applyDirection.js +7 -7
  204. package/dist/locale/applyDirection.js.map +1 -0
  205. package/dist/locale/directionChange.d.ts +15 -0
  206. package/dist/locale/directionChange.js +7 -15
  207. package/dist/locale/directionChange.js.map +1 -0
  208. package/dist/locale/getEffectiveDir.d.ts +2 -0
  209. package/dist/locale/getEffectiveDir.js +20 -24
  210. package/dist/locale/getEffectiveDir.js.map +1 -0
  211. package/dist/locale/getLocale.d.ts +7 -0
  212. package/dist/locale/getLocale.js +26 -29
  213. package/dist/locale/getLocale.js.map +1 -0
  214. package/dist/locale/languageChange.d.ts +5 -0
  215. package/dist/locale/languageChange.js +8 -16
  216. package/dist/locale/languageChange.js.map +1 -0
  217. package/dist/locale/nextFallbackLocale.d.ts +8 -0
  218. package/dist/locale/nextFallbackLocale.js +15 -19
  219. package/dist/locale/nextFallbackLocale.js.map +1 -0
  220. package/dist/locale/normalizeLocale.d.ts +7 -0
  221. package/dist/locale/normalizeLocale.js +34 -41
  222. package/dist/locale/normalizeLocale.js.map +1 -0
  223. package/dist/renderer/LitRenderer.d.ts +14 -0
  224. package/dist/renderer/LitRenderer.js +28 -39
  225. package/dist/renderer/LitRenderer.js.map +1 -0
  226. package/dist/renderer/executeTemplate.d.ts +13 -0
  227. package/dist/renderer/executeTemplate.js +12 -16
  228. package/dist/renderer/executeTemplate.js.map +1 -0
  229. package/dist/sap/base/Log.js +28 -29
  230. package/dist/sap/base/assert.js +5 -6
  231. package/dist/sap/base/security/URLListValidator.js +13 -2
  232. package/dist/theming/CustomStyle.d.ts +6 -0
  233. package/dist/theming/CustomStyle.js +29 -43
  234. package/dist/theming/CustomStyle.js.map +1 -0
  235. package/dist/theming/ThemeLoaded.d.ts +5 -0
  236. package/dist/theming/ThemeLoaded.js +8 -16
  237. package/dist/theming/ThemeLoaded.js.map +1 -0
  238. package/dist/theming/applyTheme.d.ts +2 -0
  239. package/dist/theming/applyTheme.js +60 -64
  240. package/dist/theming/applyTheme.js.map +1 -0
  241. package/dist/theming/getConstructableStyle.d.ts +9 -0
  242. package/dist/theming/getConstructableStyle.js +12 -17
  243. package/dist/theming/getConstructableStyle.js.map +1 -0
  244. package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
  245. package/dist/theming/getEffectiveLinksHrefs.js +12 -22
  246. package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
  247. package/dist/theming/getEffectiveStyle.d.ts +3 -0
  248. package/dist/theming/getEffectiveStyle.js +24 -31
  249. package/dist/theming/getEffectiveStyle.js.map +1 -0
  250. package/dist/theming/getStylesString.d.ts +3 -0
  251. package/dist/theming/getStylesString.js +9 -13
  252. package/dist/theming/getStylesString.js.map +1 -0
  253. package/dist/theming/getThemeDesignerTheme.d.ts +7 -0
  254. package/dist/theming/getThemeDesignerTheme.js +72 -79
  255. package/dist/theming/getThemeDesignerTheme.js.map +1 -0
  256. package/dist/theming/preloadLinks.d.ts +3 -0
  257. package/dist/theming/preloadLinks.js +13 -17
  258. package/dist/theming/preloadLinks.js.map +1 -0
  259. package/dist/thirdparty/_merge.d.ts +2 -0
  260. package/dist/thirdparty/_merge.js +7 -4
  261. package/dist/thirdparty/_merge.js.map +1 -0
  262. package/dist/thirdparty/isPlainObject.d.ts +2 -0
  263. package/dist/thirdparty/isPlainObject.js +11 -10
  264. package/dist/thirdparty/isPlainObject.js.map +1 -0
  265. package/dist/thirdparty/merge.d.ts +2 -0
  266. package/dist/thirdparty/merge.js +4 -8
  267. package/dist/thirdparty/merge.js.map +1 -0
  268. package/dist/types/AnimationMode.d.ts +32 -0
  269. package/dist/types/AnimationMode.js +33 -6
  270. package/dist/types/AnimationMode.js.map +1 -0
  271. package/dist/types/CSSColor.d.ts +16 -0
  272. package/dist/types/CSSColor.js +15 -5
  273. package/dist/types/CSSColor.js.map +1 -0
  274. package/dist/types/CalendarType.d.ts +37 -0
  275. package/dist/types/CalendarType.js +35 -18
  276. package/dist/types/CalendarType.js.map +1 -0
  277. package/dist/types/DOMReference.d.ts +17 -0
  278. package/dist/types/DOMReference.js +25 -0
  279. package/dist/types/DOMReference.js.map +1 -0
  280. package/dist/types/DataType.d.ts +25 -0
  281. package/dist/types/DataType.js +33 -26
  282. package/dist/types/DataType.js.map +1 -0
  283. package/dist/types/Float.d.ts +18 -0
  284. package/dist/types/Float.js +18 -10
  285. package/dist/types/Float.js.map +1 -0
  286. package/dist/types/Integer.d.ts +18 -0
  287. package/dist/types/Integer.js +18 -9
  288. package/dist/types/Integer.js.map +1 -0
  289. package/dist/types/InvisibleMessageMode.d.ts +25 -0
  290. package/dist/types/InvisibleMessageMode.js +20 -23
  291. package/dist/types/InvisibleMessageMode.js.map +1 -0
  292. package/dist/types/ItemNavigationBehavior.d.ts +24 -0
  293. package/dist/types/ItemNavigationBehavior.js +22 -12
  294. package/dist/types/ItemNavigationBehavior.js.map +1 -0
  295. package/dist/types/NavigationMode.d.ts +32 -0
  296. package/dist/types/NavigationMode.js +33 -6
  297. package/dist/types/NavigationMode.js.map +1 -0
  298. package/dist/types/ValueState.d.ts +42 -0
  299. package/dist/types/ValueState.js +41 -19
  300. package/dist/types/ValueState.js.map +1 -0
  301. package/dist/types.d.ts +17 -0
  302. package/dist/types.js +2 -0
  303. package/dist/types.js.map +1 -0
  304. package/dist/updateShadowRoot.d.ts +8 -0
  305. package/dist/updateShadowRoot.js +21 -16
  306. package/dist/updateShadowRoot.js.map +1 -0
  307. package/dist/util/AriaLabelHelper.d.ts +6 -0
  308. package/dist/util/AriaLabelHelper.js +37 -32
  309. package/dist/util/AriaLabelHelper.js.map +1 -0
  310. package/dist/util/Caret.d.ts +7 -0
  311. package/dist/util/Caret.js +16 -25
  312. package/dist/util/Caret.js.map +1 -0
  313. package/dist/util/ColorConversion.d.ts +30 -0
  314. package/dist/util/ColorConversion.js +311 -372
  315. package/dist/util/ColorConversion.js.map +1 -0
  316. package/dist/util/FetchHelper.d.ts +3 -0
  317. package/dist/util/FetchHelper.js +19 -25
  318. package/dist/util/FetchHelper.js.map +1 -0
  319. package/dist/util/FocusableElements.d.ts +4 -0
  320. package/dist/util/FocusableElements.js +54 -71
  321. package/dist/util/FocusableElements.js.map +1 -0
  322. package/dist/util/HTMLSanitizer.d.ts +3 -0
  323. package/dist/util/HTMLSanitizer.js +4 -5
  324. package/dist/util/HTMLSanitizer.js.map +1 -0
  325. package/dist/util/InvisibleMessage.d.ts +10 -0
  326. package/dist/util/InvisibleMessage.js +40 -53
  327. package/dist/util/InvisibleMessage.js.map +1 -0
  328. package/dist/util/PopupUtils.d.ts +7 -0
  329. package/dist/util/PopupUtils.js +57 -76
  330. package/dist/util/PopupUtils.js.map +1 -0
  331. package/dist/util/SlotsHelper.d.ts +9 -0
  332. package/dist/util/SlotsHelper.js +22 -35
  333. package/dist/util/SlotsHelper.js.map +1 -0
  334. package/dist/util/StringHelper.d.ts +3 -0
  335. package/dist/util/StringHelper.js +17 -20
  336. package/dist/util/StringHelper.js.map +1 -0
  337. package/dist/util/TabbableElements.d.ts +17 -0
  338. package/dist/util/TabbableElements.js +53 -47
  339. package/dist/util/TabbableElements.js.map +1 -0
  340. package/dist/util/arraysAreEqual.d.ts +2 -0
  341. package/dist/util/arraysAreEqual.js +10 -12
  342. package/dist/util/arraysAreEqual.js.map +1 -0
  343. package/dist/util/clamp.d.ts +9 -0
  344. package/dist/util/clamp.js +2 -2
  345. package/dist/util/clamp.js.map +1 -0
  346. package/dist/util/createLinkInHead.d.ts +7 -0
  347. package/dist/util/createLinkInHead.js +14 -12
  348. package/dist/util/createLinkInHead.js.map +1 -0
  349. package/dist/util/createStyleInHead.d.ts +8 -0
  350. package/dist/util/createStyleInHead.js +10 -10
  351. package/dist/util/createStyleInHead.js.map +1 -0
  352. package/dist/util/debounce.d.ts +2 -0
  353. package/dist/util/debounce.js +6 -8
  354. package/dist/util/debounce.js.map +1 -0
  355. package/dist/util/detectNavigatorLanguage.d.ts +2 -0
  356. package/dist/util/detectNavigatorLanguage.js +7 -10
  357. package/dist/util/detectNavigatorLanguage.js.map +1 -0
  358. package/dist/util/escapeRegex.d.ts +8 -0
  359. package/dist/util/escapeRegex.js +8 -7
  360. package/dist/util/escapeRegex.js.map +1 -0
  361. package/dist/util/formatMessage.d.ts +2 -0
  362. package/dist/util/formatMessage.js +15 -19
  363. package/dist/util/formatMessage.js.map +1 -0
  364. package/dist/util/generateHighlightedMarkup.d.ts +9 -0
  365. package/dist/util/generateHighlightedMarkup.js +26 -27
  366. package/dist/util/generateHighlightedMarkup.js.map +1 -0
  367. package/dist/util/getActiveElement.d.ts +2 -0
  368. package/dist/util/getActiveElement.js +6 -8
  369. package/dist/util/getActiveElement.js.map +1 -0
  370. package/dist/util/getClassCopy.d.ts +400 -0
  371. package/dist/util/getClassCopy.js +7 -7
  372. package/dist/util/getClassCopy.js.map +1 -0
  373. package/dist/util/getDesigntimePropertyAsArray.d.ts +2 -0
  374. package/dist/util/getDesigntimePropertyAsArray.js +4 -3
  375. package/dist/util/getDesigntimePropertyAsArray.js.map +1 -0
  376. package/dist/util/getEffectiveContentDensity.d.ts +2 -0
  377. package/dist/util/getEffectiveContentDensity.js +2 -3
  378. package/dist/util/getEffectiveContentDensity.js.map +1 -0
  379. package/dist/util/getEffectiveScrollbarStyle.d.ts +2 -0
  380. package/dist/util/getEffectiveScrollbarStyle.js +4 -0
  381. package/dist/util/getEffectiveScrollbarStyle.js.map +1 -0
  382. package/dist/util/getFastNavigationGroups.d.ts +2 -0
  383. package/dist/util/getFastNavigationGroups.js +51 -0
  384. package/dist/util/getFastNavigationGroups.js.map +1 -0
  385. package/dist/util/getFileExtension.d.ts +12 -0
  386. package/dist/util/getFileExtension.js +9 -11
  387. package/dist/util/getFileExtension.js.map +1 -0
  388. package/dist/util/getNormalizedTarget.d.ts +7 -0
  389. package/dist/util/getNormalizedTarget.js +7 -9
  390. package/dist/util/getNormalizedTarget.js.map +1 -0
  391. package/dist/util/getSingletonElementInstance.d.ts +2 -0
  392. package/dist/util/getSingletonElementInstance.js +7 -10
  393. package/dist/util/getSingletonElementInstance.js.map +1 -0
  394. package/dist/util/isElementClickable.d.ts +2 -0
  395. package/dist/util/isElementClickable.js +16 -0
  396. package/dist/util/isElementClickable.js.map +1 -0
  397. package/dist/util/isElementHidden.d.ts +2 -0
  398. package/dist/util/isElementHidden.js +8 -0
  399. package/dist/util/isElementHidden.js.map +1 -0
  400. package/dist/util/isElementInView.d.ts +6 -0
  401. package/dist/util/isElementInView.js +6 -9
  402. package/dist/util/isElementInView.js.map +1 -0
  403. package/dist/util/isElementTabbable.d.ts +9 -0
  404. package/dist/util/isElementTabbable.js +30 -0
  405. package/dist/util/isElementTabbable.js.map +1 -0
  406. package/dist/util/isValidPropertyName.d.ts +8 -0
  407. package/dist/util/isValidPropertyName.js +16 -17
  408. package/dist/util/isValidPropertyName.js.map +1 -0
  409. package/dist/util/whenDOMReady.d.ts +2 -0
  410. package/dist/util/whenDOMReady.js +11 -10
  411. package/dist/util/whenDOMReady.js.map +1 -0
  412. package/dist/util/willShowContent.d.ts +2 -0
  413. package/dist/util/willShowContent.js +7 -0
  414. package/dist/util/willShowContent.js.map +1 -0
  415. package/dist/validateThemeRoot.d.ts +2 -0
  416. package/dist/validateThemeRoot.js +47 -0
  417. package/dist/validateThemeRoot.js.map +1 -0
  418. package/global.d.ts +44 -0
  419. package/lib/generate-styles/index.js +1 -1
  420. package/package-scripts.js +15 -4
  421. package/package.json +4 -4
  422. package/src/{AssetRegistry.js → AssetRegistry.ts} +0 -0
  423. package/src/Boot.ts +61 -0
  424. package/src/{CSP.js → CSP.ts} +14 -7
  425. package/src/{CustomElementsRegistry.js → CustomElementsRegistry.ts} +19 -16
  426. package/src/{CustomElementsScope.js → CustomElementsScope.ts} +8 -5
  427. package/src/{CustomElementsScopeUtils.js → CustomElementsScopeUtils.ts} +14 -7
  428. package/src/DOMObserver.ts +28 -0
  429. package/src/{Device.js → Device.ts} +17 -14
  430. package/src/{EventProvider.js → EventProvider.ts} +9 -7
  431. package/src/FeaturesRegistry.ts +14 -0
  432. package/src/{FontFace.js → FontFace.ts} +3 -2
  433. package/src/{InitialConfiguration.js → InitialConfiguration.ts} +53 -12
  434. package/src/Keys.ts +295 -0
  435. package/src/ManagedStyles.ts +92 -0
  436. package/src/MarkedEvents.ts +20 -0
  437. package/src/{MediaRange.js → MediaRange.ts} +54 -53
  438. package/src/{PropertiesFileFormat.js → PropertiesFileFormat.ts} +8 -8
  439. package/src/{Render.js → Render.ts} +25 -20
  440. package/src/{RenderQueue.js → RenderQueue.ts} +10 -5
  441. package/src/{Runtimes.js → Runtimes.ts} +15 -8
  442. package/src/{StaticArea.js → StaticArea.ts} +0 -0
  443. package/src/{StaticAreaItem.js → StaticAreaItem.ts} +30 -18
  444. package/src/{SystemCSSVars.js → SystemCSSVars.ts} +0 -0
  445. package/src/{Theming.js → Theming.ts} +0 -0
  446. package/src/{UI5Element.js → UI5Element.ts} +270 -148
  447. package/src/{UI5ElementMetadata.js → UI5ElementMetadata.ts} +120 -58
  448. package/src/animations/{AnimationQueue.js → AnimationQueue.ts} +8 -7
  449. package/src/animations/animate.ts +64 -0
  450. package/src/animations/scroll.ts +21 -0
  451. package/src/animations/{slideDown.js → slideDown.ts} +27 -34
  452. package/src/animations/{slideUp.js → slideUp.ts} +28 -32
  453. package/src/asset-registries/{Icons.js → Icons.ts} +64 -37
  454. package/src/asset-registries/Illustrations.ts +75 -0
  455. package/src/asset-registries/{LocaleData.js → LocaleData.ts} +36 -28
  456. package/src/asset-registries/{Themes.js → Themes.ts} +14 -29
  457. package/src/asset-registries/{i18n.js → i18n.ts} +18 -23
  458. package/src/assets-meta/{IconCollectionsAlias.js → IconCollectionsAlias.ts} +0 -0
  459. package/src/config/AnimationMode.ts +33 -0
  460. package/src/config/{CalendarType.js → CalendarType.ts} +8 -3
  461. package/src/config/FormatSettings.ts +21 -0
  462. package/src/config/{Icons.js → Icons.ts} +19 -12
  463. package/src/config/{Language.js → Language.ts} +22 -18
  464. package/src/config/NoConflict.ts +67 -0
  465. package/src/config/{RTL.js → RTL.ts} +14 -4
  466. package/src/config/Theme.ts +64 -0
  467. package/src/config/ThemeRoots.ts +41 -0
  468. package/src/css/FontFace.css +9 -18
  469. package/src/decorators/customElement.ts +17 -0
  470. package/src/decorators/event.ts +28 -0
  471. package/src/decorators/fastNavigation.ts +14 -0
  472. package/src/decorators/languageAware.ts +14 -0
  473. package/src/decorators/property.ts +30 -0
  474. package/src/decorators/slot.ts +49 -0
  475. package/src/decorators/themeAware.ts +14 -0
  476. package/src/delegate/{ItemNavigation.js → ItemNavigation.ts} +56 -19
  477. package/src/delegate/{ResizeHandler.js → ResizeHandler.ts} +25 -36
  478. package/src/delegate/ScrollEnablement.ts +221 -0
  479. package/src/features/F6Navigation.ts +141 -0
  480. package/src/features/OpenUI5Element.ts +11 -0
  481. package/src/features/OpenUI5Enablement.ts +117 -0
  482. package/src/features/OpenUI5Support.ts +148 -0
  483. package/src/{getSharedResource.js → getSharedResource.ts} +3 -3
  484. package/src/{i18nBundle.js → i18nBundle.ts} +44 -22
  485. package/src/locale/{Locale.js → Locale.ts} +15 -5
  486. package/src/locale/RTLAwareRegistry.ts +16 -0
  487. package/src/locale/{applyDirection.js → applyDirection.ts} +4 -3
  488. package/src/locale/{directionChange.js → directionChange.ts} +6 -4
  489. package/src/locale/{getEffectiveDir.js → getEffectiveDir.ts} +1 -1
  490. package/src/locale/{getLocale.js → getLocale.ts} +12 -7
  491. package/src/locale/languageChange.ts +24 -0
  492. package/src/locale/{nextFallbackLocale.js → nextFallbackLocale.ts} +1 -1
  493. package/src/locale/{normalizeLocale.js → normalizeLocale.ts} +4 -2
  494. package/src/renderer/LitRenderer.ts +60 -0
  495. package/src/renderer/{executeTemplate.js → executeTemplate.ts} +11 -5
  496. package/src/theming/{CustomStyle.js → CustomStyle.ts} +11 -9
  497. package/src/theming/{ThemeLoaded.js → ThemeLoaded.ts} +6 -4
  498. package/src/theming/{applyTheme.js → applyTheme.ts} +22 -11
  499. package/src/theming/{getConstructableStyle.js → getConstructableStyle.ts} +5 -4
  500. package/src/theming/getEffectiveLinksHrefs.ts +26 -0
  501. package/src/theming/{getEffectiveStyle.js → getEffectiveStyle.ts} +9 -7
  502. package/src/theming/getStylesString.ts +15 -0
  503. package/src/theming/{getThemeDesignerTheme.js → getThemeDesignerTheme.ts} +22 -8
  504. package/src/theming/{preloadLinks.js → preloadLinks.ts} +3 -2
  505. package/src/thirdparty/{_merge.js → _merge.ts} +2 -2
  506. package/src/thirdparty/{isPlainObject.js → isPlainObject.ts} +1 -1
  507. package/src/thirdparty/merge.ts +5 -0
  508. package/src/types/AnimationMode.ts +33 -0
  509. package/src/types/{CSSColor.js → CSSColor.ts} +12 -1
  510. package/src/types/CalendarType.ts +38 -0
  511. package/src/types/DOMReference.ts +28 -0
  512. package/src/types/DataType.ts +51 -0
  513. package/src/types/Float.ts +25 -0
  514. package/src/types/Integer.ts +25 -0
  515. package/src/types/InvisibleMessageMode.ts +27 -0
  516. package/src/types/ItemNavigationBehavior.ts +26 -0
  517. package/src/types/NavigationMode.ts +33 -0
  518. package/src/types/ValueState.ts +47 -0
  519. package/src/types.ts +28 -0
  520. package/src/updateShadowRoot.ts +37 -0
  521. package/src/util/AriaLabelHelper.ts +63 -0
  522. package/src/util/{Caret.js → Caret.ts} +5 -9
  523. package/src/util/{ColorConversion.js → ColorConversion.ts} +182 -181
  524. package/src/util/{FetchHelper.js → FetchHelper.ts} +7 -7
  525. package/src/util/FocusableElements.ts +82 -0
  526. package/src/util/{HTMLSanitizer.js → HTMLSanitizer.ts} +2 -0
  527. package/src/util/{InvisibleMessage.js → InvisibleMessage.ts} +6 -6
  528. package/src/util/PopupUtils.ts +114 -0
  529. package/src/util/{SlotsHelper.js → SlotsHelper.ts} +9 -13
  530. package/src/util/{StringHelper.js → StringHelper.ts} +7 -7
  531. package/src/util/TabbableElements.ts +70 -0
  532. package/src/util/{arraysAreEqual.js → arraysAreEqual.ts} +1 -1
  533. package/src/util/{clamp.js → clamp.ts} +1 -1
  534. package/src/util/{createLinkInHead.js → createLinkInHead.ts} +10 -4
  535. package/src/util/{createStyleInHead.js → createStyleInHead.ts} +4 -2
  536. package/src/util/{debounce.js → debounce.ts} +5 -4
  537. package/src/util/{detectNavigatorLanguage.js → detectNavigatorLanguage.ts} +1 -1
  538. package/src/util/escapeRegex.ts +11 -0
  539. package/src/util/{formatMessage.js → formatMessage.ts} +4 -3
  540. package/src/util/{generateHighlightedMarkup.js → generateHighlightedMarkup.ts} +7 -6
  541. package/src/util/{getActiveElement.js → getActiveElement.ts} +0 -0
  542. package/src/util/{getClassCopy.js → getClassCopy.ts} +3 -1
  543. package/src/util/{getDesigntimePropertyAsArray.js → getDesigntimePropertyAsArray.ts} +1 -1
  544. package/src/util/getEffectiveContentDensity.ts +5 -0
  545. package/src/util/getEffectiveScrollbarStyle.ts +5 -0
  546. package/src/util/getFastNavigationGroups.ts +63 -0
  547. package/src/util/{getFileExtension.js → getFileExtension.ts} +3 -3
  548. package/src/util/{getNormalizedTarget.js → getNormalizedTarget.ts} +2 -2
  549. package/src/util/{getSingletonElementInstance.js → getSingletonElementInstance.ts} +1 -1
  550. package/src/util/isElementClickable.ts +19 -0
  551. package/src/util/isElementHidden.ts +9 -0
  552. package/src/util/{isElementInView.js → isElementInView.ts} +1 -1
  553. package/src/util/isElementTabbable.ts +37 -0
  554. package/src/util/{isValidPropertyName.js → isValidPropertyName.ts} +1 -1
  555. package/src/util/{whenDOMReady.js → whenDOMReady.ts} +1 -1
  556. package/src/util/willShowContent.ts +7 -0
  557. package/src/validateThemeRoot.ts +58 -0
  558. package/tsconfig.json +13 -0
  559. package/dist/RenderScheduler.js +0 -44
  560. package/dist/animations/config.js +0 -5
  561. package/dist/assets/bundle.esm.81ba431e.js +0 -43
  562. package/dist/types/CSSSize.js +0 -9
  563. package/dist/types/PopupState.js +0 -37
  564. package/dist/util/isDefaultSlotProvided.js +0 -11
  565. package/dist/util/isDescendantOf.js +0 -15
  566. package/dist/util/isNodeClickable.js +0 -19
  567. package/dist/util/isNodeHidden.js +0 -9
  568. package/dist/util/isNodeTabbable.js +0 -28
  569. package/dist/util/setToArray.js +0 -10
  570. package/hash.txt +0 -1
  571. package/src/Boot.js +0 -59
  572. package/src/DOMObserver.js +0 -65
  573. package/src/FeaturesRegistry.js +0 -14
  574. package/src/Keys.js +0 -295
  575. package/src/ManagedStyles.js +0 -83
  576. package/src/RenderScheduler.js +0 -44
  577. package/src/animations/animate.js +0 -53
  578. package/src/animations/config.js +0 -5
  579. package/src/animations/scroll.js +0 -28
  580. package/src/asset-registries/Illustrations.js +0 -30
  581. package/src/config/AnimationMode.js +0 -23
  582. package/src/config/FormatSettings.js +0 -13
  583. package/src/config/NoConflict.js +0 -51
  584. package/src/config/Theme.js +0 -53
  585. package/src/delegate/ScrollEnablement.js +0 -188
  586. package/src/features/F6Navigation.js +0 -110
  587. package/src/features/OpenUI5Enablement.js +0 -119
  588. package/src/features/OpenUI5Support.js +0 -125
  589. package/src/locale/RTLAwareRegistry.js +0 -14
  590. package/src/locale/languageChange.js +0 -22
  591. package/src/renderer/LitRenderer.js +0 -52
  592. package/src/theming/getEffectiveLinksHrefs.js +0 -27
  593. package/src/theming/getStylesString.js +0 -15
  594. package/src/thirdparty/merge.js +0 -10
  595. package/src/types/AnimationMode.js +0 -7
  596. package/src/types/CSSSize.js +0 -9
  597. package/src/types/CalendarType.js +0 -22
  598. package/src/types/DataType.js +0 -37
  599. package/src/types/Float.js +0 -14
  600. package/src/types/Integer.js +0 -13
  601. package/src/types/InvisibleMessageMode.js +0 -30
  602. package/src/types/ItemNavigationBehavior.js +0 -16
  603. package/src/types/NavigationMode.js +0 -7
  604. package/src/types/PopupState.js +0 -37
  605. package/src/types/ValueState.js +0 -22
  606. package/src/updateShadowRoot.js +0 -29
  607. package/src/util/AriaLabelHelper.js +0 -39
  608. package/src/util/FocusableElements.js +0 -79
  609. package/src/util/PopupUtils.js +0 -93
  610. package/src/util/TabbableElements.js +0 -51
  611. package/src/util/escapeRegex.js +0 -10
  612. package/src/util/getEffectiveContentDensity.js +0 -5
  613. package/src/util/isDefaultSlotProvided.js +0 -11
  614. package/src/util/isDescendantOf.js +0 -15
  615. package/src/util/isNodeClickable.js +0 -19
  616. package/src/util/isNodeHidden.js +0 -9
  617. package/src/util/isNodeTabbable.js +0 -28
  618. package/src/util/setToArray.js +0 -10
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Different behavior for ItemNavigation.
3
+ *
4
+ * @class
5
+ * @enum {string}
6
+ * @public
7
+ * @author SAP SE
8
+ * @alias sap.ui.webc.base.types.ItemNavigationBehavior
9
+ */
10
+ declare enum ItemNavigationBehavior {
11
+ /**
12
+ * Static behavior: navigations stops at the first or last item.
13
+ * @public
14
+ * @type {Static}
15
+ */
16
+ Static = "Static",
17
+ /**
18
+ * Cycling behavior: navigating past the last item continues with the first and vice versa.
19
+ * @public
20
+ * @type {Cyclic}
21
+ */
22
+ Cyclic = "Cyclic"
23
+ }
24
+ export default ItemNavigationBehavior;
@@ -1,16 +1,26 @@
1
1
  /**
2
- * @private
3
2
  * Different behavior for ItemNavigation.
3
+ *
4
+ * @class
5
+ * @enum {string}
6
+ * @public
7
+ * @author SAP SE
8
+ * @alias sap.ui.webc.base.types.ItemNavigationBehavior
4
9
  */
5
- const ItemNavigationBehavior = {
6
- /**
7
- * Static behavior: navigations stops at the first or last item.
8
- */
9
- Static: "Static",
10
-
11
- /**
12
- * Cycling behavior: navigating past the last item continues with the first and vice versa.
13
- */
14
- Cyclic: "Cyclic",
15
- };
10
+ var ItemNavigationBehavior;
11
+ (function (ItemNavigationBehavior) {
12
+ /**
13
+ * Static behavior: navigations stops at the first or last item.
14
+ * @public
15
+ * @type {Static}
16
+ */
17
+ ItemNavigationBehavior["Static"] = "Static";
18
+ /**
19
+ * Cycling behavior: navigating past the last item continues with the first and vice versa.
20
+ * @public
21
+ * @type {Cyclic}
22
+ */
23
+ ItemNavigationBehavior["Cyclic"] = "Cyclic";
24
+ })(ItemNavigationBehavior || (ItemNavigationBehavior = {}));
16
25
  export default ItemNavigationBehavior;
26
+ //# sourceMappingURL=ItemNavigationBehavior.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ItemNavigationBehavior.js","sourceRoot":"","sources":["../../src/types/ItemNavigationBehavior.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,sBAcJ;AAdD,WAAK,sBAAsB;IAC1B;;;;OAII;IACJ,2CAAiB,CAAA;IAEjB;;;;OAII;IACJ,2CAAiB,CAAA;AAClB,CAAC,EAdI,sBAAsB,KAAtB,sBAAsB,QAc1B;AAED,eAAe,sBAAsB,CAAC"}
@@ -0,0 +1,32 @@
1
+ /**
2
+ * Different navigation modes for ItemNavigation.
3
+ *
4
+ * @class
5
+ * @enum {string}
6
+ * @public
7
+ * @author SAP SE
8
+ * @alias sap.ui.webc.base.types.NavigationMode
9
+ */
10
+ declare enum NavigationMode {
11
+ /**
12
+ * @public
13
+ * @type {Auto}
14
+ */
15
+ Auto = "Auto",
16
+ /**
17
+ * @public
18
+ * @type {Vertical}
19
+ */
20
+ Vertical = "Vertical",
21
+ /**
22
+ * @public
23
+ * @type {Horizontal}
24
+ */
25
+ Horizontal = "Horizontal",
26
+ /**
27
+ * @public
28
+ * @type {Paging}
29
+ */
30
+ Paging = "Paging"
31
+ }
32
+ export default NavigationMode;
@@ -1,7 +1,34 @@
1
- const NavigationMode = {
2
- Auto: "Auto",
3
- Vertical: "Vertical",
4
- Horizontal: "Horizontal",
5
- Paging: "Paging",
6
- };
1
+ /**
2
+ * Different navigation modes for ItemNavigation.
3
+ *
4
+ * @class
5
+ * @enum {string}
6
+ * @public
7
+ * @author SAP SE
8
+ * @alias sap.ui.webc.base.types.NavigationMode
9
+ */
10
+ var NavigationMode;
11
+ (function (NavigationMode) {
12
+ /**
13
+ * @public
14
+ * @type {Auto}
15
+ */
16
+ NavigationMode["Auto"] = "Auto";
17
+ /**
18
+ * @public
19
+ * @type {Vertical}
20
+ */
21
+ NavigationMode["Vertical"] = "Vertical";
22
+ /**
23
+ * @public
24
+ * @type {Horizontal}
25
+ */
26
+ NavigationMode["Horizontal"] = "Horizontal";
27
+ /**
28
+ * @public
29
+ * @type {Paging}
30
+ */
31
+ NavigationMode["Paging"] = "Paging";
32
+ })(NavigationMode || (NavigationMode = {}));
7
33
  export default NavigationMode;
34
+ //# sourceMappingURL=NavigationMode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationMode.js","sourceRoot":"","sources":["../../src/types/NavigationMode.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,cAqBJ;AArBD,WAAK,cAAc;IAClB;;;OAGG;IACH,+BAAa,CAAA;IACb;;;OAGG;IACH,uCAAqB,CAAA;IACrB;;;OAGG;IACH,2CAAyB,CAAA;IACzB;;;OAGG;IACH,mCAAiB,CAAA;AAClB,CAAC,EArBI,cAAc,KAAd,cAAc,QAqBlB;AAED,eAAe,cAAc,CAAC"}
@@ -0,0 +1,42 @@
1
+ /**
2
+ * Different types of ValueStates.
3
+ *
4
+ * @class
5
+ * @enum {string}
6
+ * @public
7
+ * @author SAP SE
8
+ * @alias sap.ui.webc.base.types.ValueState
9
+ */
10
+ declare enum ValueState {
11
+ /**
12
+ *
13
+ * @public
14
+ * @type {None}
15
+ */
16
+ None = "None",
17
+ /**
18
+ *
19
+ * @public
20
+ * @type {Success}
21
+ */
22
+ Success = "Success",
23
+ /**
24
+ *
25
+ * @public
26
+ * @type {Warning}
27
+ */
28
+ Warning = "Warning",
29
+ /**
30
+ *
31
+ * @public
32
+ * @type {Error}
33
+ */
34
+ Error = "Error",
35
+ /**
36
+ *
37
+ * @public
38
+ * @type {Information}
39
+ */
40
+ Information = "Information"
41
+ }
42
+ export default ValueState;
@@ -1,22 +1,44 @@
1
- import DataType from "./DataType.js";
2
-
3
1
  /**
4
- * Different states.
2
+ * Different types of ValueStates.
3
+ *
4
+ * @class
5
+ * @enum {string}
6
+ * @public
7
+ * @author SAP SE
8
+ * @alias sap.ui.webc.base.types.ValueState
5
9
  */
6
- const ValueStates = {
7
- None: "None",
8
- Success: "Success",
9
- Warning: "Warning",
10
- Error: "Error",
11
- Information: "Information",
12
- };
13
-
14
- class ValueState extends DataType {
15
- static isValid(value) {
16
- return !!ValueStates[value];
17
- }
18
- }
19
-
20
- ValueState.generateTypeAccessors(ValueStates);
21
-
10
+ var ValueState;
11
+ (function (ValueState) {
12
+ /**
13
+ *
14
+ * @public
15
+ * @type {None}
16
+ */
17
+ ValueState["None"] = "None";
18
+ /**
19
+ *
20
+ * @public
21
+ * @type {Success}
22
+ */
23
+ ValueState["Success"] = "Success";
24
+ /**
25
+ *
26
+ * @public
27
+ * @type {Warning}
28
+ */
29
+ ValueState["Warning"] = "Warning";
30
+ /**
31
+ *
32
+ * @public
33
+ * @type {Error}
34
+ */
35
+ ValueState["Error"] = "Error";
36
+ /**
37
+ *
38
+ * @public
39
+ * @type {Information}
40
+ */
41
+ ValueState["Information"] = "Information";
42
+ })(ValueState || (ValueState = {}));
22
43
  export default ValueState;
44
+ //# sourceMappingURL=ValueState.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ValueState.js","sourceRoot":"","sources":["../../src/types/ValueState.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,UAmCJ;AAnCD,WAAK,UAAU;IACd;;;;OAIG;IACH,2BAAa,CAAA;IAEb;;;;OAIG;IACH,iCAAmB,CAAA;IAEnB;;;;OAIG;IACH,iCAAmB,CAAA;IAEnB;;;;OAIG;IACH,6BAAe,CAAA;IAEf;;;;OAIG;IACH,yCAA2B,CAAA;AAC5B,CAAC,EAnCI,UAAU,KAAV,UAAU,QAmCd;AAED,eAAe,UAAU,CAAC"}
@@ -0,0 +1,17 @@
1
+ type PromiseResolve = (value: void | PromiseLike<void>) => void;
2
+ type Timeout = ReturnType<typeof setTimeout>;
3
+ type StyleDataCSP = {
4
+ content: string;
5
+ packageName: string;
6
+ fileName: string;
7
+ };
8
+ type StyleData = StyleDataCSP | string;
9
+ type ComponentStylesData = Array<ComponentStylesData> | Array<StyleData> | StyleData;
10
+ type ClassMapValue = Record<string, boolean>;
11
+ type ClassMap = {
12
+ [x: string]: ClassMapValue | ClassMap;
13
+ };
14
+ type PassiveEventListenerObject = EventListenerObject & {
15
+ passive: boolean;
16
+ };
17
+ export type { PromiseResolve, Timeout, StyleData, StyleDataCSP, ComponentStylesData, ClassMap, PassiveEventListenerObject, };
package/dist/types.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ import type UI5Element from "./UI5Element.js";
2
+ /**
3
+ * Updates the shadow root of a UI5Element or its static area item
4
+ * @param element
5
+ * @param forStaticArea
6
+ */
7
+ declare const updateShadowRoot: (element: UI5Element, forStaticArea?: boolean) => void;
8
+ export default updateShadowRoot;
@@ -3,27 +3,32 @@ import getConstructableStyle from "./theming/getConstructableStyle.js";
3
3
  import getEffectiveStyle from "./theming/getEffectiveStyle.js";
4
4
  import getEffectiveLinksHrefs from "./theming/getEffectiveLinksHrefs.js";
5
5
  import { shouldUseLinks } from "./CSP.js";
6
-
7
6
  /**
8
7
  * Updates the shadow root of a UI5Element or its static area item
9
8
  * @param element
10
9
  * @param forStaticArea
11
10
  */
12
11
  const updateShadowRoot = (element, forStaticArea = false) => {
13
- let styleStrOrHrefsArr;
14
- const template = forStaticArea ? "staticAreaTemplate" : "template";
15
- const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
16
- const renderResult = executeTemplate(element.constructor[template], element);
17
-
18
- if (shouldUseLinks()) {
19
- styleStrOrHrefsArr = getEffectiveLinksHrefs(element.constructor, forStaticArea);
20
- } else if (document.adoptedStyleSheets) { // Chrome
21
- shadowRoot.adoptedStyleSheets = getConstructableStyle(element.constructor, forStaticArea);
22
- } else { // FF, Safari
23
- styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
24
- }
25
-
26
- element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
12
+ let styleStrOrHrefsArr;
13
+ const ctor = element.constructor;
14
+ const propertyName = forStaticArea ? "staticAreaTemplate" : "template";
15
+ const template = ctor[propertyName];
16
+ const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
17
+ const renderResult = executeTemplate(template, element); // this is checked before calling updateShadowRoot
18
+ if (!shadowRoot) {
19
+ console.warn(`There is no shadow root to update`); // eslint-disable-line
20
+ return;
21
+ }
22
+ if (shouldUseLinks()) {
23
+ styleStrOrHrefsArr = getEffectiveLinksHrefs(ctor, forStaticArea);
24
+ }
25
+ else if (document.adoptedStyleSheets) { // Chrome
26
+ shadowRoot.adoptedStyleSheets = getConstructableStyle(ctor, forStaticArea);
27
+ }
28
+ else { // FF, Safari
29
+ styleStrOrHrefsArr = getEffectiveStyle(ctor, forStaticArea);
30
+ }
31
+ ctor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
27
32
  };
28
-
29
33
  export default updateShadowRoot;
34
+ //# sourceMappingURL=updateShadowRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"updateShadowRoot.js","sourceRoot":"","sources":["../src/updateShadowRoot.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AACvE,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,sBAAsB,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,OAAmB,EAAE,aAAa,GAAG,KAAK,EAAE,EAAE;IACvE,IAAI,kBAAkB,CAAC;IACvB,MAAM,IAAI,GAAG,OAAO,CAAC,WAAgC,CAAC;IACtD,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,CAAC;IACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,cAAe,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAC3F,MAAM,YAAY,GAAG,eAAe,CAAC,QAAS,EAAE,OAAO,CAAC,CAAC,CAAC,kDAAkD;IAE5G,IAAI,CAAC,UAAU,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,CAAC,sBAAsB;QACzE,OAAO;KACP;IAED,IAAI,cAAc,EAAE,EAAE;QACrB,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KACjE;SAAM,IAAI,QAAQ,CAAC,kBAAkB,EAAE,EAAE,SAAS;QAClD,UAAU,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KAC3E;SAAM,EAAE,aAAa;QACrB,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KAC5D;IAED,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,6 @@
1
+ declare const getEffectiveAriaLabelText: (el: HTMLElement) => string | undefined;
2
+ /**
3
+ * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related "label for" texts
4
+ */
5
+ declare const getAssociatedLabelForTexts: (el: HTMLElement) => string | undefined;
6
+ export { getEffectiveAriaLabelText, getAssociatedLabelForTexts, };
@@ -1,39 +1,44 @@
1
- const getEffectiveAriaLabelText = el => {
2
- if (!el.accessibleNameRef) {
3
- if (el.accessibleName) {
4
- return el.accessibleName;
5
- }
6
-
7
- return undefined;
8
- }
9
-
10
- return getAriaLabelledByTexts(el);
1
+ const getEffectiveAriaLabelText = (el) => {
2
+ const accessibleEl = el;
3
+ if (!accessibleEl.accessibleNameRef) {
4
+ if (accessibleEl.accessibleName) {
5
+ return accessibleEl.accessibleName;
6
+ }
7
+ return undefined;
8
+ }
9
+ return _getAriaLabelledByTexts(el);
11
10
  };
12
-
13
11
  /**
14
12
  *
15
13
  * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related texts
16
- * @param {Document|HTMLElement} ownerDocument (Optional) Defines the document or element where you want to search for the texts
17
- * @param {String} readyIds (Optional) Defines a string of elements ids. The text of these elements will be returned. If used you should provide either el or ownerDocument
18
14
  */
19
- const getAriaLabelledByTexts = (el, ownerDocument, readyIds = "") => {
20
- const ids = (readyIds && readyIds.split(" ")) || el.accessibleNameRef.split(" ");
21
- const owner = ownerDocument || el.getRootNode();
22
- let result = "";
23
-
24
- ids.forEach((elementId, index) => {
25
- const element = owner.querySelector(`[id='${elementId}']`);
26
- result += `${element ? element.textContent : ""}`;
27
-
28
- if (index < ids.length - 1) {
29
- result += " ";
30
- }
31
- });
32
-
33
- return result;
15
+ const _getAriaLabelledByTexts = (el) => {
16
+ const ids = el.accessibleNameRef.split(" ");
17
+ const owner = el.getRootNode();
18
+ let result = "";
19
+ ids.forEach((elementId, index) => {
20
+ const element = owner.querySelector(`[id='${elementId}']`);
21
+ result += `${element && element.textContent ? element.textContent : ""}`;
22
+ if (index < ids.length - 1) {
23
+ result += " ";
24
+ }
25
+ });
26
+ return result;
34
27
  };
35
-
36
- export {
37
- getEffectiveAriaLabelText,
38
- getAriaLabelledByTexts,
28
+ /**
29
+ * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related "label for" texts
30
+ */
31
+ const getAssociatedLabelForTexts = (el) => {
32
+ const results = [];
33
+ const labels = el.getRootNode().querySelectorAll(`[ui5-label][for="${el.id}"],label[for="${el.id}"]`);
34
+ labels.forEach((label) => {
35
+ const labelText = label.textContent;
36
+ labelText && results.push(labelText);
37
+ });
38
+ if (results.length) {
39
+ return results.join(" ");
40
+ }
41
+ return undefined;
39
42
  };
43
+ export { getEffectiveAriaLabelText, getAssociatedLabelForTexts, };
44
+ //# sourceMappingURL=AriaLabelHelper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AriaLabelHelper.js","sourceRoot":"","sources":["../../src/util/AriaLabelHelper.ts"],"names":[],"mappings":"AAKA,MAAM,yBAAyB,GAAG,CAAC,EAAe,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,EAAuB,CAAC;IAE7C,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE;QACpC,IAAI,YAAY,CAAC,cAAc,EAAE;YAChC,OAAO,YAAY,CAAC,cAAc,CAAC;SACnC;QAED,OAAO,SAAS,CAAC;KACjB;IAED,OAAO,uBAAuB,CAAC,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,uBAAuB,GAAG,CAAC,EAAe,EAAE,EAAE;IACnD,MAAM,GAAG,GAAI,EAAwB,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnE,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,EAAiB,CAAC;IAC9C,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,GAAG,CAAC,OAAO,CAAC,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;QAChD,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,SAAS,IAAI,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAEzE,IAAI,KAAK,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B,MAAM,IAAI,GAAG,CAAC;SACd;IACF,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,0BAA0B,GAAG,CAAC,EAAe,EAAE,EAAE;IACtD,MAAM,OAAO,GAAkB,EAAE,CAAC;IAClC,MAAM,MAAM,GAAI,EAAE,CAAC,WAAW,EAAkB,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;IAEvH,MAAM,CAAC,OAAO,CAAC,CAAC,KAAW,EAAE,EAAE;QAC9B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC;QACpC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAEF,OAAO,EACN,yBAAyB,EACzB,0BAA0B,GAC1B,CAAC"}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Returns the caret (cursor) position of the specified text field (field).
3
+ * Return value range is 0-field.value.length.
4
+ */
5
+ declare const getCaretPosition: (field: HTMLInputElement) => number | null;
6
+ declare const setCaretPosition: (field: HTMLInputElement, caretPos: number | null) => void;
7
+ export { getCaretPosition, setCaretPosition, };
@@ -2,31 +2,22 @@
2
2
  * Returns the caret (cursor) position of the specified text field (field).
3
3
  * Return value range is 0-field.value.length.
4
4
  */
5
- const getCaretPosition = field => {
6
- // Initialize
7
- let caretPos = 0;
8
-
9
- if (field.selectionStart || field.selectionStart === "0") { // Firefox support
10
- caretPos = field.selectionDirection === "backward" ? field.selectionStart : field.selectionEnd;
11
- }
12
-
13
- return caretPos;
5
+ const getCaretPosition = (field) => {
6
+ // Initialize
7
+ let caretPos = 0;
8
+ if (field.selectionStart || field.selectionStart === 0) { // Firefox support
9
+ caretPos = field.selectionDirection === "backward" ? field.selectionStart : field.selectionEnd;
10
+ }
11
+ return caretPos;
14
12
  };
15
-
16
13
  const setCaretPosition = (field, caretPos) => {
17
- if (field.createTextRange) {
18
- const range = field.createTextRange();
19
- range.move("character", caretPos);
20
- range.select();
21
- } else if (field.selectionStart) {
22
- field.focus();
23
- field.setSelectionRange(caretPos, caretPos);
24
- } else {
25
- field.focus();
26
- }
27
- };
28
-
29
- export {
30
- getCaretPosition,
31
- setCaretPosition,
14
+ if (field.selectionStart) {
15
+ field.focus();
16
+ field.setSelectionRange(caretPos, caretPos);
17
+ }
18
+ else {
19
+ field.focus();
20
+ }
32
21
  };
22
+ export { getCaretPosition, setCaretPosition, };
23
+ //# sourceMappingURL=Caret.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../src/util/Caret.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE;IACpD,aAAa;IACb,IAAI,QAAQ,GAAkB,CAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,cAAc,KAAK,CAAC,EAAE,EAAE,kBAAkB;QAC3E,QAAQ,GAAG,KAAK,CAAC,kBAAkB,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;KAC/F;IAED,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,QAAuB,EAAE,EAAE;IAC7E,IAAI,KAAK,CAAC,cAAc,EAAE;QACzB,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,KAAK,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KAC5C;SAAM;QACN,KAAK,CAAC,KAAK,EAAE,CAAC;KACd;AACF,CAAC,CAAC;AAEF,OAAO,EACN,gBAAgB,EAChB,gBAAgB,GAChB,CAAC"}
@@ -0,0 +1,30 @@
1
+ /**
2
+ *
3
+ * @param {String} color Color in one of the following formats: RGBA or HEX
4
+ */
5
+ type ColorHSL = {
6
+ h: number;
7
+ s: number;
8
+ l: number;
9
+ };
10
+ type ColorRGB = {
11
+ r: number;
12
+ b: number;
13
+ g: number;
14
+ };
15
+ declare const getRGBColor: (color: string) => ColorRGB;
16
+ /**
17
+ * Return an object with the properties for each of the main colors(red, green, blue)
18
+ * @param {String} color Receives a color in the following format: "rgb(0, 0, 0)
19
+ */
20
+ declare const RGBStringToRGBObject: (color: string) => ColorRGB;
21
+ declare const HSLToRGB: (color: ColorHSL) => ColorRGB;
22
+ declare const HEXToRGB: (hex: string) => ColorRGB;
23
+ /**
24
+ * Returns the hex value of the color as string
25
+ * @param {Object} color Receives an object with the properties for each of the main colors(r, g, b)
26
+ */
27
+ declare const RGBtoHEX: (color: ColorRGB) => string;
28
+ declare const RGBToHSL: (color: ColorRGB) => ColorHSL;
29
+ export { getRGBColor, HSLToRGB, HEXToRGB, RGBToHSL, RGBStringToRGBObject, RGBtoHEX, };
30
+ export type { ColorHSL, ColorRGB, };