@ui5/webcomponents-base 1.9.3 → 1.10.0

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 (609) hide show
  1. package/.eslintignore +1 -0
  2. package/CHANGELOG.md +0 -8
  3. package/bundle.esm.js +4 -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 -48
  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 +107 -146
  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 -94
  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 -1006
  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 -1
  98. package/dist/asset-registries/Icons.d.ts +30 -0
  99. package/dist/asset-registries/Icons.js +85 -118
  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 +37 -50
  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 -126
  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.3d967c4e.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 +18 -29
  143. package/dist/config/ThemeRoots.js.map +1 -0
  144. package/dist/decorators/customElement.d.ts +8 -0
  145. package/dist/decorators/customElement.js +16 -0
  146. package/dist/decorators/customElement.js.map +1 -0
  147. package/dist/decorators/event.d.ts +10 -0
  148. package/dist/decorators/event.js +24 -0
  149. package/dist/decorators/event.js.map +1 -0
  150. package/dist/decorators/fastNavigation.d.ts +7 -0
  151. package/dist/decorators/fastNavigation.js +13 -0
  152. package/dist/decorators/fastNavigation.js.map +1 -0
  153. package/dist/decorators/languageAware.d.ts +7 -0
  154. package/dist/decorators/languageAware.js +13 -0
  155. package/dist/decorators/languageAware.js.map +1 -0
  156. package/dist/decorators/property.d.ts +9 -0
  157. package/dist/decorators/property.js +24 -0
  158. package/dist/decorators/property.js.map +1 -0
  159. package/dist/decorators/slot.d.ts +9 -0
  160. package/dist/decorators/slot.js +37 -0
  161. package/dist/decorators/slot.js.map +1 -0
  162. package/dist/decorators/themeAware.d.ts +7 -0
  163. package/dist/decorators/themeAware.js +13 -0
  164. package/dist/decorators/themeAware.js.map +1 -0
  165. package/dist/delegate/ItemNavigation.d.ts +113 -0
  166. package/dist/delegate/ItemNavigation.js +277 -317
  167. package/dist/delegate/ItemNavigation.js.map +1 -0
  168. package/dist/delegate/ResizeHandler.d.ts +24 -0
  169. package/dist/delegate/ResizeHandler.js +68 -91
  170. package/dist/delegate/ResizeHandler.js.map +1 -0
  171. package/dist/delegate/ScrollEnablement.d.ts +48 -0
  172. package/dist/delegate/ScrollEnablement.js +157 -180
  173. package/dist/delegate/ScrollEnablement.js.map +1 -0
  174. package/dist/features/F6Navigation.d.ts +16 -0
  175. package/dist/features/F6Navigation.js +105 -109
  176. package/dist/features/F6Navigation.js.map +1 -0
  177. package/dist/features/OpenUI5Element.d.ts +9 -0
  178. package/dist/features/OpenUI5Element.js +5 -0
  179. package/dist/features/OpenUI5Element.js.map +1 -0
  180. package/dist/features/OpenUI5Enablement.d.ts +11 -0
  181. package/dist/features/OpenUI5Enablement.js +89 -112
  182. package/dist/features/OpenUI5Enablement.js.map +1 -0
  183. package/dist/features/OpenUI5Support.d.ts +23 -0
  184. package/dist/features/OpenUI5Support.js +91 -120
  185. package/dist/features/OpenUI5Support.js.map +1 -0
  186. package/dist/generated/VersionInfo.js +4 -4
  187. package/dist/getSharedResource.d.ts +11 -0
  188. package/dist/getSharedResource.js +12 -16
  189. package/dist/getSharedResource.js.map +1 -0
  190. package/dist/i18nBundle.d.ts +43 -0
  191. package/dist/i18nBundle.js +56 -64
  192. package/dist/i18nBundle.js.map +1 -0
  193. package/dist/locale/Locale.d.ts +22 -0
  194. package/dist/locale/Locale.js +75 -87
  195. package/dist/locale/Locale.js.map +1 -0
  196. package/dist/locale/RTLAwareRegistry.d.ts +4 -0
  197. package/dist/locale/RTLAwareRegistry.js +6 -11
  198. package/dist/locale/RTLAwareRegistry.js.map +1 -0
  199. package/dist/locale/applyDirection.d.ts +10 -0
  200. package/dist/locale/applyDirection.js +7 -7
  201. package/dist/locale/applyDirection.js.map +1 -0
  202. package/dist/locale/directionChange.d.ts +15 -0
  203. package/dist/locale/directionChange.js +7 -15
  204. package/dist/locale/directionChange.js.map +1 -0
  205. package/dist/locale/getEffectiveDir.d.ts +2 -0
  206. package/dist/locale/getEffectiveDir.js +20 -24
  207. package/dist/locale/getEffectiveDir.js.map +1 -0
  208. package/dist/locale/getLocale.d.ts +7 -0
  209. package/dist/locale/getLocale.js +26 -29
  210. package/dist/locale/getLocale.js.map +1 -0
  211. package/dist/locale/languageChange.d.ts +5 -0
  212. package/dist/locale/languageChange.js +8 -16
  213. package/dist/locale/languageChange.js.map +1 -0
  214. package/dist/locale/nextFallbackLocale.d.ts +8 -0
  215. package/dist/locale/nextFallbackLocale.js +15 -19
  216. package/dist/locale/nextFallbackLocale.js.map +1 -0
  217. package/dist/locale/normalizeLocale.d.ts +7 -0
  218. package/dist/locale/normalizeLocale.js +34 -41
  219. package/dist/locale/normalizeLocale.js.map +1 -0
  220. package/dist/renderer/LitRenderer.d.ts +14 -0
  221. package/dist/renderer/LitRenderer.js +28 -39
  222. package/dist/renderer/LitRenderer.js.map +1 -0
  223. package/dist/renderer/executeTemplate.d.ts +13 -0
  224. package/dist/renderer/executeTemplate.js +12 -16
  225. package/dist/renderer/executeTemplate.js.map +1 -0
  226. package/dist/sap/base/Log.js +28 -29
  227. package/dist/sap/base/assert.js +5 -6
  228. package/dist/sap/base/security/URLListValidator.js +13 -2
  229. package/dist/theming/CustomStyle.d.ts +6 -0
  230. package/dist/theming/CustomStyle.js +29 -43
  231. package/dist/theming/CustomStyle.js.map +1 -0
  232. package/dist/theming/ThemeLoaded.d.ts +5 -0
  233. package/dist/theming/ThemeLoaded.js +8 -16
  234. package/dist/theming/ThemeLoaded.js.map +1 -0
  235. package/dist/theming/applyTheme.d.ts +2 -0
  236. package/dist/theming/applyTheme.js +59 -68
  237. package/dist/theming/applyTheme.js.map +1 -0
  238. package/dist/theming/getConstructableStyle.d.ts +9 -0
  239. package/dist/theming/getConstructableStyle.js +12 -17
  240. package/dist/theming/getConstructableStyle.js.map +1 -0
  241. package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
  242. package/dist/theming/getEffectiveLinksHrefs.js +12 -22
  243. package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
  244. package/dist/theming/getEffectiveStyle.d.ts +3 -0
  245. package/dist/theming/getEffectiveStyle.js +24 -31
  246. package/dist/theming/getEffectiveStyle.js.map +1 -0
  247. package/dist/theming/getStylesString.d.ts +3 -0
  248. package/dist/theming/getStylesString.js +9 -13
  249. package/dist/theming/getStylesString.js.map +1 -0
  250. package/dist/theming/getThemeDesignerTheme.d.ts +7 -0
  251. package/dist/theming/getThemeDesignerTheme.js +72 -79
  252. package/dist/theming/getThemeDesignerTheme.js.map +1 -0
  253. package/dist/theming/preloadLinks.d.ts +3 -0
  254. package/dist/theming/preloadLinks.js +13 -17
  255. package/dist/theming/preloadLinks.js.map +1 -0
  256. package/dist/thirdparty/_merge.d.ts +2 -0
  257. package/dist/thirdparty/_merge.js +7 -4
  258. package/dist/thirdparty/_merge.js.map +1 -0
  259. package/dist/thirdparty/isPlainObject.d.ts +2 -0
  260. package/dist/thirdparty/isPlainObject.js +11 -10
  261. package/dist/thirdparty/isPlainObject.js.map +1 -0
  262. package/dist/thirdparty/merge.d.ts +2 -0
  263. package/dist/thirdparty/merge.js +4 -8
  264. package/dist/thirdparty/merge.js.map +1 -0
  265. package/dist/types/AnimationMode.d.ts +32 -0
  266. package/dist/types/AnimationMode.js +33 -6
  267. package/dist/types/AnimationMode.js.map +1 -0
  268. package/dist/types/CSSColor.d.ts +16 -0
  269. package/dist/types/CSSColor.js +6 -7
  270. package/dist/types/CSSColor.js.map +1 -0
  271. package/dist/types/CalendarType.d.ts +37 -0
  272. package/dist/types/CalendarType.js +33 -53
  273. package/dist/types/CalendarType.js.map +1 -0
  274. package/dist/types/DOMReference.d.ts +17 -0
  275. package/dist/types/DOMReference.js +12 -15
  276. package/dist/types/DOMReference.js.map +1 -0
  277. package/dist/types/DataType.d.ts +25 -0
  278. package/dist/types/DataType.js +33 -32
  279. package/dist/types/DataType.js.map +1 -0
  280. package/dist/types/Float.d.ts +18 -0
  281. package/dist/types/Float.js +9 -12
  282. package/dist/types/Float.js.map +1 -0
  283. package/dist/types/Integer.d.ts +18 -0
  284. package/dist/types/Integer.js +9 -11
  285. package/dist/types/Integer.js.map +1 -0
  286. package/dist/types/InvisibleMessageMode.d.ts +25 -0
  287. package/dist/types/InvisibleMessageMode.js +19 -38
  288. package/dist/types/InvisibleMessageMode.js.map +1 -0
  289. package/dist/types/ItemNavigationBehavior.d.ts +24 -0
  290. package/dist/types/ItemNavigationBehavior.js +22 -12
  291. package/dist/types/ItemNavigationBehavior.js.map +1 -0
  292. package/dist/types/NavigationMode.d.ts +32 -0
  293. package/dist/types/NavigationMode.js +33 -6
  294. package/dist/types/NavigationMode.js.map +1 -0
  295. package/dist/types/ValueState.d.ts +42 -0
  296. package/dist/types/ValueState.js +38 -58
  297. package/dist/types/ValueState.js.map +1 -0
  298. package/dist/types.d.ts +18 -0
  299. package/dist/types.js +2 -0
  300. package/dist/types.js.map +1 -0
  301. package/dist/updateShadowRoot.d.ts +8 -0
  302. package/dist/updateShadowRoot.js +21 -16
  303. package/dist/updateShadowRoot.js.map +1 -0
  304. package/dist/util/AriaLabelHelper.d.ts +6 -0
  305. package/dist/util/AriaLabelHelper.js +34 -46
  306. package/dist/util/AriaLabelHelper.js.map +1 -0
  307. package/dist/util/Caret.d.ts +7 -0
  308. package/dist/util/Caret.js +16 -25
  309. package/dist/util/Caret.js.map +1 -0
  310. package/dist/util/ColorConversion.d.ts +30 -0
  311. package/dist/util/ColorConversion.js +311 -372
  312. package/dist/util/ColorConversion.js.map +1 -0
  313. package/dist/util/FetchHelper.d.ts +3 -0
  314. package/dist/util/FetchHelper.js +19 -25
  315. package/dist/util/FetchHelper.js.map +1 -0
  316. package/dist/util/FocusableElements.d.ts +4 -0
  317. package/dist/util/FocusableElements.js +54 -71
  318. package/dist/util/FocusableElements.js.map +1 -0
  319. package/dist/util/HTMLSanitizer.d.ts +3 -0
  320. package/dist/util/HTMLSanitizer.js +4 -5
  321. package/dist/util/HTMLSanitizer.js.map +1 -0
  322. package/dist/util/InvisibleMessage.d.ts +10 -0
  323. package/dist/util/InvisibleMessage.js +40 -53
  324. package/dist/util/InvisibleMessage.js.map +1 -0
  325. package/dist/util/PopupUtils.d.ts +7 -0
  326. package/dist/util/PopupUtils.js +58 -77
  327. package/dist/util/PopupUtils.js.map +1 -0
  328. package/dist/util/SlotsHelper.d.ts +9 -0
  329. package/dist/util/SlotsHelper.js +22 -35
  330. package/dist/util/SlotsHelper.js.map +1 -0
  331. package/dist/util/StringHelper.d.ts +3 -0
  332. package/dist/util/StringHelper.js +17 -20
  333. package/dist/util/StringHelper.js.map +1 -0
  334. package/dist/util/TabbableElements.d.ts +17 -0
  335. package/dist/util/TabbableElements.js +53 -47
  336. package/dist/util/TabbableElements.js.map +1 -0
  337. package/dist/util/arraysAreEqual.d.ts +2 -0
  338. package/dist/util/arraysAreEqual.js +10 -12
  339. package/dist/util/arraysAreEqual.js.map +1 -0
  340. package/dist/util/clamp.d.ts +9 -0
  341. package/dist/util/clamp.js +2 -2
  342. package/dist/util/clamp.js.map +1 -0
  343. package/dist/util/createLinkInHead.d.ts +7 -0
  344. package/dist/util/createLinkInHead.js +14 -17
  345. package/dist/util/createLinkInHead.js.map +1 -0
  346. package/dist/util/createStyleInHead.d.ts +8 -0
  347. package/dist/util/createStyleInHead.js +10 -10
  348. package/dist/util/createStyleInHead.js.map +1 -0
  349. package/dist/util/debounce.d.ts +2 -0
  350. package/dist/util/debounce.js +6 -8
  351. package/dist/util/debounce.js.map +1 -0
  352. package/dist/util/detectNavigatorLanguage.d.ts +2 -0
  353. package/dist/util/detectNavigatorLanguage.js +7 -10
  354. package/dist/util/detectNavigatorLanguage.js.map +1 -0
  355. package/dist/util/escapeRegex.d.ts +8 -0
  356. package/dist/util/escapeRegex.js +8 -7
  357. package/dist/util/escapeRegex.js.map +1 -0
  358. package/dist/util/formatMessage.d.ts +2 -0
  359. package/dist/util/formatMessage.js +15 -19
  360. package/dist/util/formatMessage.js.map +1 -0
  361. package/dist/util/generateHighlightedMarkup.d.ts +9 -0
  362. package/dist/util/generateHighlightedMarkup.js +26 -27
  363. package/dist/util/generateHighlightedMarkup.js.map +1 -0
  364. package/dist/util/getActiveElement.d.ts +2 -0
  365. package/dist/util/getActiveElement.js +6 -8
  366. package/dist/util/getActiveElement.js.map +1 -0
  367. package/dist/util/getClassCopy.d.ts +400 -0
  368. package/dist/util/getClassCopy.js +7 -7
  369. package/dist/util/getClassCopy.js.map +1 -0
  370. package/dist/util/getDesigntimePropertyAsArray.d.ts +2 -0
  371. package/dist/util/getDesigntimePropertyAsArray.js +4 -3
  372. package/dist/util/getDesigntimePropertyAsArray.js.map +1 -0
  373. package/dist/util/getEffectiveContentDensity.d.ts +2 -0
  374. package/dist/util/getEffectiveContentDensity.js +2 -3
  375. package/dist/util/getEffectiveContentDensity.js.map +1 -0
  376. package/dist/util/getEffectiveScrollbarStyle.d.ts +2 -0
  377. package/dist/util/getEffectiveScrollbarStyle.js +1 -2
  378. package/dist/util/getEffectiveScrollbarStyle.js.map +1 -0
  379. package/dist/util/getFastNavigationGroups.d.ts +2 -0
  380. package/dist/util/getFastNavigationGroups.js +44 -56
  381. package/dist/util/getFastNavigationGroups.js.map +1 -0
  382. package/dist/util/getFileExtension.d.ts +12 -0
  383. package/dist/util/getFileExtension.js +9 -11
  384. package/dist/util/getFileExtension.js.map +1 -0
  385. package/dist/util/getNormalizedTarget.d.ts +7 -0
  386. package/dist/util/getNormalizedTarget.js +7 -9
  387. package/dist/util/getNormalizedTarget.js.map +1 -0
  388. package/dist/util/getSingletonElementInstance.d.ts +2 -0
  389. package/dist/util/getSingletonElementInstance.js +7 -10
  390. package/dist/util/getSingletonElementInstance.js.map +1 -0
  391. package/dist/util/isElementClickable.d.ts +2 -0
  392. package/dist/util/isElementClickable.js +16 -0
  393. package/dist/util/isElementClickable.js.map +1 -0
  394. package/dist/util/isElementHidden.d.ts +2 -0
  395. package/dist/util/isElementHidden.js +8 -0
  396. package/dist/util/isElementHidden.js.map +1 -0
  397. package/dist/util/isElementInView.d.ts +6 -0
  398. package/dist/util/isElementInView.js +6 -9
  399. package/dist/util/isElementInView.js.map +1 -0
  400. package/dist/util/isElementTabbable.d.ts +9 -0
  401. package/dist/util/isElementTabbable.js +30 -0
  402. package/dist/util/isElementTabbable.js.map +1 -0
  403. package/dist/util/isValidPropertyName.d.ts +8 -0
  404. package/dist/util/isValidPropertyName.js +16 -17
  405. package/dist/util/isValidPropertyName.js.map +1 -0
  406. package/dist/util/whenDOMReady.d.ts +2 -0
  407. package/dist/util/whenDOMReady.js +11 -10
  408. package/dist/util/whenDOMReady.js.map +1 -0
  409. package/dist/util/willShowContent.d.ts +2 -0
  410. package/dist/util/willShowContent.js +7 -0
  411. package/dist/util/willShowContent.js.map +1 -0
  412. package/dist/validateThemeRoot.d.ts +2 -0
  413. package/dist/validateThemeRoot.js +41 -52
  414. package/dist/validateThemeRoot.js.map +1 -0
  415. package/global.d.ts +44 -0
  416. package/package-scripts.js +14 -5
  417. package/package.json +4 -4
  418. package/src/{AssetRegistry.js → AssetRegistry.ts} +0 -0
  419. package/src/Boot.ts +61 -0
  420. package/src/{CSP.js → CSP.ts} +14 -7
  421. package/src/{CustomElementsRegistry.js → CustomElementsRegistry.ts} +19 -16
  422. package/src/{CustomElementsScope.js → CustomElementsScope.ts} +8 -5
  423. package/src/{CustomElementsScopeUtils.js → CustomElementsScopeUtils.ts} +14 -7
  424. package/src/DOMObserver.ts +28 -0
  425. package/src/{Device.js → Device.ts} +17 -14
  426. package/src/{EventProvider.js → EventProvider.ts} +9 -7
  427. package/src/FeaturesRegistry.ts +14 -0
  428. package/src/{FontFace.js → FontFace.ts} +3 -2
  429. package/src/{InitialConfiguration.js → InitialConfiguration.ts} +33 -12
  430. package/src/Keys.ts +295 -0
  431. package/src/ManagedStyles.ts +92 -0
  432. package/src/MarkedEvents.ts +20 -0
  433. package/src/{MediaRange.js → MediaRange.ts} +54 -53
  434. package/src/{PropertiesFileFormat.js → PropertiesFileFormat.ts} +8 -8
  435. package/src/{Render.js → Render.ts} +25 -20
  436. package/src/{RenderQueue.js → RenderQueue.ts} +10 -5
  437. package/src/{Runtimes.js → Runtimes.ts} +15 -8
  438. package/src/{StaticArea.js → StaticArea.ts} +0 -0
  439. package/src/{StaticAreaItem.js → StaticAreaItem.ts} +26 -22
  440. package/src/{SystemCSSVars.js → SystemCSSVars.ts} +0 -0
  441. package/src/{Theming.js → Theming.ts} +0 -0
  442. package/src/{UI5Element.js → UI5Element.ts} +263 -153
  443. package/src/{UI5ElementMetadata.js → UI5ElementMetadata.ts} +120 -58
  444. package/src/animations/{AnimationQueue.js → AnimationQueue.ts} +8 -7
  445. package/src/animations/animate.ts +64 -0
  446. package/src/animations/scroll.ts +21 -0
  447. package/src/animations/{slideDown.js → slideDown.ts} +27 -34
  448. package/src/animations/{slideUp.js → slideUp.ts} +28 -32
  449. package/src/asset-registries/{Icons.js → Icons.ts} +63 -38
  450. package/src/asset-registries/Illustrations.ts +75 -0
  451. package/src/asset-registries/{LocaleData.js → LocaleData.ts} +35 -21
  452. package/src/asset-registries/{Themes.js → Themes.ts} +14 -29
  453. package/src/asset-registries/{i18n.js → i18n.ts} +18 -23
  454. package/src/assets-meta/{IconCollectionsAlias.js → IconCollectionsAlias.ts} +0 -0
  455. package/src/config/AnimationMode.ts +33 -0
  456. package/src/config/{CalendarType.js → CalendarType.ts} +8 -3
  457. package/src/config/FormatSettings.ts +21 -0
  458. package/src/config/{Icons.js → Icons.ts} +19 -12
  459. package/src/config/{Language.js → Language.ts} +22 -18
  460. package/src/config/NoConflict.ts +67 -0
  461. package/src/config/{RTL.js → RTL.ts} +14 -4
  462. package/src/config/Theme.ts +64 -0
  463. package/src/config/{ThemeRoots.js → ThemeRoots.ts} +9 -7
  464. package/src/decorators/customElement.ts +17 -0
  465. package/src/decorators/event.ts +28 -0
  466. package/src/decorators/fastNavigation.ts +14 -0
  467. package/src/decorators/languageAware.ts +14 -0
  468. package/src/decorators/property.ts +30 -0
  469. package/src/decorators/slot.ts +49 -0
  470. package/src/decorators/themeAware.ts +14 -0
  471. package/src/delegate/{ItemNavigation.js → ItemNavigation.ts} +56 -19
  472. package/src/delegate/{ResizeHandler.js → ResizeHandler.ts} +25 -36
  473. package/src/delegate/ScrollEnablement.ts +221 -0
  474. package/src/features/{F6Navigation.js → F6Navigation.ts} +50 -25
  475. package/src/features/OpenUI5Element.ts +11 -0
  476. package/src/features/OpenUI5Enablement.ts +117 -0
  477. package/src/features/OpenUI5Support.ts +148 -0
  478. package/src/{getSharedResource.js → getSharedResource.ts} +3 -3
  479. package/src/{i18nBundle.js → i18nBundle.ts} +45 -23
  480. package/src/locale/{Locale.js → Locale.ts} +15 -5
  481. package/src/locale/RTLAwareRegistry.ts +16 -0
  482. package/src/locale/{applyDirection.js → applyDirection.ts} +4 -3
  483. package/src/locale/{directionChange.js → directionChange.ts} +6 -4
  484. package/src/locale/{getEffectiveDir.js → getEffectiveDir.ts} +1 -1
  485. package/src/locale/{getLocale.js → getLocale.ts} +12 -7
  486. package/src/locale/languageChange.ts +24 -0
  487. package/src/locale/{nextFallbackLocale.js → nextFallbackLocale.ts} +1 -1
  488. package/src/locale/{normalizeLocale.js → normalizeLocale.ts} +5 -3
  489. package/src/renderer/LitRenderer.ts +60 -0
  490. package/src/renderer/{executeTemplate.js → executeTemplate.ts} +11 -5
  491. package/src/theming/{CustomStyle.js → CustomStyle.ts} +11 -9
  492. package/src/theming/{ThemeLoaded.js → ThemeLoaded.ts} +6 -4
  493. package/src/theming/{applyTheme.js → applyTheme.ts} +16 -10
  494. package/src/theming/{getConstructableStyle.js → getConstructableStyle.ts} +5 -4
  495. package/src/theming/getEffectiveLinksHrefs.ts +26 -0
  496. package/src/theming/{getEffectiveStyle.js → getEffectiveStyle.ts} +9 -7
  497. package/src/theming/getStylesString.ts +15 -0
  498. package/src/theming/{getThemeDesignerTheme.js → getThemeDesignerTheme.ts} +22 -8
  499. package/src/theming/{preloadLinks.js → preloadLinks.ts} +3 -2
  500. package/src/thirdparty/{_merge.js → _merge.ts} +2 -2
  501. package/src/thirdparty/{isPlainObject.js → isPlainObject.ts} +1 -1
  502. package/src/thirdparty/merge.ts +5 -0
  503. package/src/types/AnimationMode.ts +33 -0
  504. package/src/types/{CSSColor.js → CSSColor.ts} +3 -3
  505. package/src/types/CalendarType.ts +38 -0
  506. package/src/types/{DOMReference.js → DOMReference.ts} +4 -4
  507. package/src/types/DataType.ts +51 -0
  508. package/src/types/{Float.js → Float.ts} +5 -5
  509. package/src/types/{Integer.js → Integer.ts} +5 -4
  510. package/src/types/InvisibleMessageMode.ts +27 -0
  511. package/src/types/ItemNavigationBehavior.ts +26 -0
  512. package/src/types/NavigationMode.ts +33 -0
  513. package/src/types/ValueState.ts +47 -0
  514. package/src/types.ts +30 -0
  515. package/src/updateShadowRoot.ts +37 -0
  516. package/src/util/AriaLabelHelper.ts +63 -0
  517. package/src/util/{Caret.js → Caret.ts} +5 -9
  518. package/src/util/{ColorConversion.js → ColorConversion.ts} +183 -182
  519. package/src/util/{FetchHelper.js → FetchHelper.ts} +7 -7
  520. package/src/util/FocusableElements.ts +82 -0
  521. package/src/util/{HTMLSanitizer.js → HTMLSanitizer.ts} +2 -0
  522. package/src/util/{InvisibleMessage.js → InvisibleMessage.ts} +6 -6
  523. package/src/util/PopupUtils.ts +112 -0
  524. package/src/util/{SlotsHelper.js → SlotsHelper.ts} +9 -13
  525. package/src/util/{StringHelper.js → StringHelper.ts} +7 -7
  526. package/src/util/TabbableElements.ts +70 -0
  527. package/src/util/{arraysAreEqual.js → arraysAreEqual.ts} +1 -1
  528. package/src/util/{clamp.js → clamp.ts} +1 -1
  529. package/src/util/{createLinkInHead.js → createLinkInHead.ts} +6 -5
  530. package/src/util/{createStyleInHead.js → createStyleInHead.ts} +4 -2
  531. package/src/util/{debounce.js → debounce.ts} +5 -4
  532. package/src/util/{detectNavigatorLanguage.js → detectNavigatorLanguage.ts} +1 -1
  533. package/src/util/escapeRegex.ts +11 -0
  534. package/src/util/{formatMessage.js → formatMessage.ts} +4 -3
  535. package/src/util/{generateHighlightedMarkup.js → generateHighlightedMarkup.ts} +7 -6
  536. package/src/util/{getActiveElement.js → getActiveElement.ts} +0 -0
  537. package/src/util/{getClassCopy.js → getClassCopy.ts} +3 -1
  538. package/src/util/{getDesigntimePropertyAsArray.js → getDesigntimePropertyAsArray.ts} +1 -1
  539. package/src/util/getEffectiveContentDensity.ts +5 -0
  540. package/src/util/{getEffectiveScrollbarStyle.js → getEffectiveScrollbarStyle.ts} +0 -0
  541. package/src/util/{getFastNavigationGroups.js → getFastNavigationGroups.ts} +10 -10
  542. package/src/util/{getFileExtension.js → getFileExtension.ts} +3 -3
  543. package/src/util/{getNormalizedTarget.js → getNormalizedTarget.ts} +2 -2
  544. package/src/util/{getSingletonElementInstance.js → getSingletonElementInstance.ts} +1 -1
  545. package/src/util/isElementClickable.ts +19 -0
  546. package/src/util/isElementHidden.ts +9 -0
  547. package/src/util/{isElementInView.js → isElementInView.ts} +1 -1
  548. package/src/util/isElementTabbable.ts +37 -0
  549. package/src/util/{isValidPropertyName.js → isValidPropertyName.ts} +1 -1
  550. package/src/util/{whenDOMReady.js → whenDOMReady.ts} +1 -1
  551. package/src/util/willShowContent.ts +7 -0
  552. package/src/{validateThemeRoot.js → validateThemeRoot.ts} +4 -4
  553. package/tsconfig.json +13 -0
  554. package/dist/RenderScheduler.js +0 -44
  555. package/dist/animations/config.js +0 -5
  556. package/dist/assets/bundle.esm.e2bd78ba.js +0 -55
  557. package/dist/types/CSSSize.js +0 -20
  558. package/dist/types/PopupState.js +0 -57
  559. package/dist/util/isDefaultSlotProvided.js +0 -11
  560. package/dist/util/isDescendantOf.js +0 -15
  561. package/dist/util/isNodeClickable.js +0 -19
  562. package/dist/util/isNodeHidden.js +0 -9
  563. package/dist/util/isNodeTabbable.js +0 -28
  564. package/dist/util/setToArray.js +0 -10
  565. package/src/Boot.js +0 -63
  566. package/src/DOMObserver.js +0 -65
  567. package/src/FeaturesRegistry.js +0 -14
  568. package/src/Keys.js +0 -295
  569. package/src/ManagedStyles.js +0 -83
  570. package/src/RenderScheduler.js +0 -44
  571. package/src/animations/animate.js +0 -53
  572. package/src/animations/config.js +0 -5
  573. package/src/animations/scroll.js +0 -28
  574. package/src/asset-registries/Illustrations.js +0 -59
  575. package/src/config/AnimationMode.js +0 -23
  576. package/src/config/FormatSettings.js +0 -13
  577. package/src/config/NoConflict.js +0 -51
  578. package/src/config/Theme.js +0 -53
  579. package/src/delegate/ScrollEnablement.js +0 -188
  580. package/src/features/OpenUI5Enablement.js +0 -119
  581. package/src/features/OpenUI5Support.js +0 -126
  582. package/src/locale/RTLAwareRegistry.js +0 -14
  583. package/src/locale/languageChange.js +0 -22
  584. package/src/renderer/LitRenderer.js +0 -52
  585. package/src/theming/getEffectiveLinksHrefs.js +0 -27
  586. package/src/theming/getStylesString.js +0 -15
  587. package/src/thirdparty/merge.js +0 -10
  588. package/src/types/AnimationMode.js +0 -7
  589. package/src/types/CSSSize.js +0 -20
  590. package/src/types/CalendarType.js +0 -59
  591. package/src/types/DataType.js +0 -43
  592. package/src/types/InvisibleMessageMode.js +0 -46
  593. package/src/types/ItemNavigationBehavior.js +0 -16
  594. package/src/types/NavigationMode.js +0 -7
  595. package/src/types/PopupState.js +0 -57
  596. package/src/types/ValueState.js +0 -64
  597. package/src/updateShadowRoot.js +0 -29
  598. package/src/util/AriaLabelHelper.js +0 -56
  599. package/src/util/FocusableElements.js +0 -79
  600. package/src/util/PopupUtils.js +0 -93
  601. package/src/util/TabbableElements.js +0 -51
  602. package/src/util/escapeRegex.js +0 -10
  603. package/src/util/getEffectiveContentDensity.js +0 -5
  604. package/src/util/isDefaultSlotProvided.js +0 -11
  605. package/src/util/isDescendantOf.js +0 -15
  606. package/src/util/isNodeClickable.js +0 -19
  607. package/src/util/isNodeHidden.js +0 -9
  608. package/src/util/isNodeTabbable.js +0 -28
  609. package/src/util/setToArray.js +0 -10
@@ -2,397 +2,336 @@
2
2
  *
3
3
  * @param {String} color Color in one of the following formats: RGBA or HEX
4
4
  */
5
-
6
5
  /**
7
6
  * Map of CSS colors to hex representation
8
7
  */
9
- const CSSColors = {
10
- aliceblue: "f0f8ff",
11
- antiquewhite: "faebd7",
12
- aqua: "00ffff",
13
- aquamarine: "7fffd4",
14
- azure: "f0ffff",
15
- beige: "f5f5dc",
16
- bisque: "ffe4c4",
17
- black: "000000",
18
- blanchedalmond: "ffebcd",
19
- blue: "0000ff",
20
- blueviolet: "8a2be2",
21
- brown: "a52a2a",
22
- burlywood: "deb887",
23
- cadetblue: "5f9ea0",
24
- chartreuse: "7fff00",
25
- chocolate: "d2691e",
26
- coral: "ff7f50",
27
- cornflowerblue: "6495ed",
28
- cornsilk: "fff8dc",
29
- crimson: "dc143c",
30
- cyan: "00ffff",
31
- darkblue: "00008b",
32
- darkcyan: "008b8b",
33
- darkgoldenrod: "b8860b",
34
- darkgray: "a9a9a9",
35
- darkgrey: "a9a9a9",
36
- darkgreen: "006400",
37
- darkkhaki: "bdb76b",
38
- darkmagenta: "8b008b",
39
- darkolivegreen: "556b2f",
40
- darkorange: "ff8c00",
41
- darkorchid: "9932cc",
42
- darkred: "8b0000",
43
- darksalmon: "e9967a",
44
- darkseagreen: "8fbc8f",
45
- darkslateblue: "483d8b",
46
- darkslategray: "2f4f4f",
47
- darkslategrey: "2f4f4f",
48
- darkturquoise: "00ced1",
49
- darkviolet: "9400d3",
50
- deeppink: "ff1493",
51
- deepskyblue: "00bfff",
52
- dimgray: "696969",
53
- dimgrey: "696969",
54
- dodgerblue: "1e90ff",
55
- firebrick: "b22222",
56
- floralwhite: "fffaf0",
57
- forestgreen: "228b22",
58
- fuchsia: "ff00ff",
59
- gainsboro: "dcdcdc",
60
- ghostwhite: "f8f8ff",
61
- gold: "ffd700",
62
- goldenrod: "daa520",
63
- gray: "808080",
64
- grey: "808080",
65
- green: "008000",
66
- greenyellow: "adff2f",
67
- honeydew: "f0fff0",
68
- hotpink: "ff69b4",
69
- indianred: "cd5c5c",
70
- indigo: "4b0082",
71
- ivory: "fffff0",
72
- khaki: "f0e68c",
73
- lavender: "e6e6fa",
74
- lavenderblush: "fff0f5",
75
- lawngreen: "7cfc00",
76
- lemonchiffon: "fffacd",
77
- lightblue: "add8e6",
78
- lightcoral: "f08080",
79
- lightcyan: "e0ffff",
80
- lightgoldenrodyellow: "fafad2",
81
- lightgray: "d3d3d3",
82
- lightgrey: "d3d3d3",
83
- lightgreen: "90ee90",
84
- lightpink: "ffb6c1",
85
- lightsalmon: "ffa07a",
86
- lightseagreen: "20b2aa",
87
- lightskyblue: "87cefa",
88
- lightslategray: "778899",
89
- lightslategrey: "778899",
90
- lightsteelblue: "b0c4de",
91
- lightyellow: "ffffe0",
92
- lime: "00ff00",
93
- limegreen: "32cd32",
94
- linen: "faf0e6",
95
- magenta: "ff00ff",
96
- maroon: "800000",
97
- mediumaquamarine: "66cdaa",
98
- mediumblue: "0000cd",
99
- mediumorchid: "ba55d3",
100
- mediumpurple: "9370db",
101
- mediumseagreen: "3cb371",
102
- mediumslateblue: "7b68ee",
103
- mediumspringgreen: "00fa9a",
104
- mediumturquoise: "48d1cc",
105
- mediumvioletred: "c71585",
106
- midnightblue: "191970",
107
- mintcream: "f5fffa",
108
- mistyrose: "ffe4e1",
109
- moccasin: "ffe4b5",
110
- navajowhite: "ffdead",
111
- navy: "000080",
112
- oldlace: "fdf5e6",
113
- olive: "808000",
114
- olivedrab: "6b8e23",
115
- orange: "ffa500",
116
- orangered: "ff4500",
117
- orchid: "da70d6",
118
- palegoldenrod: "eee8aa",
119
- palegreen: "98fb98",
120
- paleturquoise: "afeeee",
121
- palevioletred: "db7093",
122
- papayawhip: "ffefd5",
123
- peachpuff: "ffdab9",
124
- peru: "cd853f",
125
- pink: "ffc0cb",
126
- plum: "dda0dd",
127
- powderblue: "b0e0e6",
128
- purple: "800080",
129
- red: "ff0000",
130
- rosybrown: "bc8f8f",
131
- royalblue: "4169e1",
132
- saddlebrown: "8b4513",
133
- salmon: "fa8072",
134
- sandybrown: "f4a460",
135
- seagreen: "2e8b57",
136
- seashell: "fff5ee",
137
- sienna: "a0522d",
138
- silver: "c0c0c0",
139
- skyblue: "87ceeb",
140
- slateblue: "6a5acd",
141
- slategray: "708090",
142
- slategrey: "708090",
143
- snow: "fffafa",
144
- springgreen: "00ff7f",
145
- steelblue: "4682b4",
146
- tan: "d2b48c",
147
- teal: "008080",
148
- thistle: "d8bfd8",
149
- tomato: "ff6347",
150
- turquoise: "40e0d0",
151
- violet: "ee82ee",
152
- wheat: "f5deb3",
153
- white: "ffffff",
154
- whitesmoke: "f5f5f5",
155
- yellow: "ffff00",
156
- yellowgreen: "9acd32",
157
- transparent: "00000000",
8
+ var CSSColors;
9
+ (function (CSSColors) {
10
+ CSSColors["aliceblue"] = "f0f8ff";
11
+ CSSColors["antiquewhite"] = "faebd7";
12
+ CSSColors["aqua"] = "00ffff";
13
+ CSSColors["aquamarine"] = "7fffd4";
14
+ CSSColors["azure"] = "f0ffff";
15
+ CSSColors["beige"] = "f5f5dc";
16
+ CSSColors["bisque"] = "ffe4c4";
17
+ CSSColors["black"] = "000000";
18
+ CSSColors["blanchedalmond"] = "ffebcd";
19
+ CSSColors["blue"] = "0000ff";
20
+ CSSColors["blueviolet"] = "8a2be2";
21
+ CSSColors["brown"] = "a52a2a";
22
+ CSSColors["burlywood"] = "deb887";
23
+ CSSColors["cadetblue"] = "5f9ea0";
24
+ CSSColors["chartreuse"] = "7fff00";
25
+ CSSColors["chocolate"] = "d2691e";
26
+ CSSColors["coral"] = "ff7f50";
27
+ CSSColors["cornflowerblue"] = "6495ed";
28
+ CSSColors["cornsilk"] = "fff8dc";
29
+ CSSColors["crimson"] = "dc143c";
30
+ CSSColors["cyan"] = "00ffff";
31
+ CSSColors["darkblue"] = "00008b";
32
+ CSSColors["darkcyan"] = "008b8b";
33
+ CSSColors["darkgoldenrod"] = "b8860b";
34
+ CSSColors["darkgray"] = "a9a9a9";
35
+ CSSColors["darkgrey"] = "a9a9a9";
36
+ CSSColors["darkgreen"] = "006400";
37
+ CSSColors["darkkhaki"] = "bdb76b";
38
+ CSSColors["darkmagenta"] = "8b008b";
39
+ CSSColors["darkolivegreen"] = "556b2f";
40
+ CSSColors["darkorange"] = "ff8c00";
41
+ CSSColors["darkorchid"] = "9932cc";
42
+ CSSColors["darkred"] = "8b0000";
43
+ CSSColors["darksalmon"] = "e9967a";
44
+ CSSColors["darkseagreen"] = "8fbc8f";
45
+ CSSColors["darkslateblue"] = "483d8b";
46
+ CSSColors["darkslategray"] = "2f4f4f";
47
+ CSSColors["darkslategrey"] = "2f4f4f";
48
+ CSSColors["darkturquoise"] = "00ced1";
49
+ CSSColors["darkviolet"] = "9400d3";
50
+ CSSColors["deeppink"] = "ff1493";
51
+ CSSColors["deepskyblue"] = "00bfff";
52
+ CSSColors["dimgray"] = "696969";
53
+ CSSColors["dimgrey"] = "696969";
54
+ CSSColors["dodgerblue"] = "1e90ff";
55
+ CSSColors["firebrick"] = "b22222";
56
+ CSSColors["floralwhite"] = "fffaf0";
57
+ CSSColors["forestgreen"] = "228b22";
58
+ CSSColors["fuchsia"] = "ff00ff";
59
+ CSSColors["gainsboro"] = "dcdcdc";
60
+ CSSColors["ghostwhite"] = "f8f8ff";
61
+ CSSColors["gold"] = "ffd700";
62
+ CSSColors["goldenrod"] = "daa520";
63
+ CSSColors["gray"] = "808080";
64
+ CSSColors["grey"] = "808080";
65
+ CSSColors["green"] = "008000";
66
+ CSSColors["greenyellow"] = "adff2f";
67
+ CSSColors["honeydew"] = "f0fff0";
68
+ CSSColors["hotpink"] = "ff69b4";
69
+ CSSColors["indianred"] = "cd5c5c";
70
+ CSSColors["indigo"] = "4b0082";
71
+ CSSColors["ivory"] = "fffff0";
72
+ CSSColors["khaki"] = "f0e68c";
73
+ CSSColors["lavender"] = "e6e6fa";
74
+ CSSColors["lavenderblush"] = "fff0f5";
75
+ CSSColors["lawngreen"] = "7cfc00";
76
+ CSSColors["lemonchiffon"] = "fffacd";
77
+ CSSColors["lightblue"] = "add8e6";
78
+ CSSColors["lightcoral"] = "f08080";
79
+ CSSColors["lightcyan"] = "e0ffff";
80
+ CSSColors["lightgoldenrodyellow"] = "fafad2";
81
+ CSSColors["lightgray"] = "d3d3d3";
82
+ CSSColors["lightgrey"] = "d3d3d3";
83
+ CSSColors["lightgreen"] = "90ee90";
84
+ CSSColors["lightpink"] = "ffb6c1";
85
+ CSSColors["lightsalmon"] = "ffa07a";
86
+ CSSColors["lightseagreen"] = "20b2aa";
87
+ CSSColors["lightskyblue"] = "87cefa";
88
+ CSSColors["lightslategray"] = "778899";
89
+ CSSColors["lightslategrey"] = "778899";
90
+ CSSColors["lightsteelblue"] = "b0c4de";
91
+ CSSColors["lightyellow"] = "ffffe0";
92
+ CSSColors["lime"] = "00ff00";
93
+ CSSColors["limegreen"] = "32cd32";
94
+ CSSColors["linen"] = "faf0e6";
95
+ CSSColors["magenta"] = "ff00ff";
96
+ CSSColors["maroon"] = "800000";
97
+ CSSColors["mediumaquamarine"] = "66cdaa";
98
+ CSSColors["mediumblue"] = "0000cd";
99
+ CSSColors["mediumorchid"] = "ba55d3";
100
+ CSSColors["mediumpurple"] = "9370db";
101
+ CSSColors["mediumseagreen"] = "3cb371";
102
+ CSSColors["mediumslateblue"] = "7b68ee";
103
+ CSSColors["mediumspringgreen"] = "00fa9a";
104
+ CSSColors["mediumturquoise"] = "48d1cc";
105
+ CSSColors["mediumvioletred"] = "c71585";
106
+ CSSColors["midnightblue"] = "191970";
107
+ CSSColors["mintcream"] = "f5fffa";
108
+ CSSColors["mistyrose"] = "ffe4e1";
109
+ CSSColors["moccasin"] = "ffe4b5";
110
+ CSSColors["navajowhite"] = "ffdead";
111
+ CSSColors["navy"] = "000080";
112
+ CSSColors["oldlace"] = "fdf5e6";
113
+ CSSColors["olive"] = "808000";
114
+ CSSColors["olivedrab"] = "6b8e23";
115
+ CSSColors["orange"] = "ffa500";
116
+ CSSColors["orangered"] = "ff4500";
117
+ CSSColors["orchid"] = "da70d6";
118
+ CSSColors["palegoldenrod"] = "eee8aa";
119
+ CSSColors["palegreen"] = "98fb98";
120
+ CSSColors["paleturquoise"] = "afeeee";
121
+ CSSColors["palevioletred"] = "db7093";
122
+ CSSColors["papayawhip"] = "ffefd5";
123
+ CSSColors["peachpuff"] = "ffdab9";
124
+ CSSColors["peru"] = "cd853f";
125
+ CSSColors["pink"] = "ffc0cb";
126
+ CSSColors["plum"] = "dda0dd";
127
+ CSSColors["powderblue"] = "b0e0e6";
128
+ CSSColors["purple"] = "800080";
129
+ CSSColors["red"] = "ff0000";
130
+ CSSColors["rosybrown"] = "bc8f8f";
131
+ CSSColors["royalblue"] = "4169e1";
132
+ CSSColors["saddlebrown"] = "8b4513";
133
+ CSSColors["salmon"] = "fa8072";
134
+ CSSColors["sandybrown"] = "f4a460";
135
+ CSSColors["seagreen"] = "2e8b57";
136
+ CSSColors["seashell"] = "fff5ee";
137
+ CSSColors["sienna"] = "a0522d";
138
+ CSSColors["silver"] = "c0c0c0";
139
+ CSSColors["skyblue"] = "87ceeb";
140
+ CSSColors["slateblue"] = "6a5acd";
141
+ CSSColors["slategray"] = "708090";
142
+ CSSColors["slategrey"] = "708090";
143
+ CSSColors["snow"] = "fffafa";
144
+ CSSColors["springgreen"] = "00ff7f";
145
+ CSSColors["steelblue"] = "4682b4";
146
+ CSSColors["tan"] = "d2b48c";
147
+ CSSColors["teal"] = "008080";
148
+ CSSColors["thistle"] = "d8bfd8";
149
+ CSSColors["tomato"] = "ff6347";
150
+ CSSColors["turquoise"] = "40e0d0";
151
+ CSSColors["violet"] = "ee82ee";
152
+ CSSColors["wheat"] = "f5deb3";
153
+ CSSColors["white"] = "ffffff";
154
+ CSSColors["whitesmoke"] = "f5f5f5";
155
+ CSSColors["yellow"] = "ffff00";
156
+ CSSColors["yellowgreen"] = "9acd32";
157
+ CSSColors["transparent"] = "00000000";
158
+ })(CSSColors || (CSSColors = {}));
159
+ const getRGBColor = (color) => {
160
+ if (color.startsWith("rgba")) {
161
+ return RGBAToRGB(color);
162
+ }
163
+ if (color.startsWith("rgb")) {
164
+ return RGBStringToRGBObject(color);
165
+ }
166
+ // HEX
167
+ if (color.indexOf("#") === 0) {
168
+ // Shorthand Syntax
169
+ if (color.length === 4) {
170
+ color = `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
171
+ }
172
+ else {
173
+ color = color.slice(1, color.length);
174
+ }
175
+ }
176
+ // Css Color
177
+ if (color in CSSColors) {
178
+ color = CSSColors[color];
179
+ }
180
+ return HEXToRGB(color);
158
181
  };
159
-
160
- const getRGBColor = color => {
161
- if (color.startsWith("rgba")) {
162
- return RGBAToRGB(color);
163
- }
164
-
165
- if (color.startsWith("rgb")) {
166
- return RGBStringToRGBObject(color);
167
- }
168
-
169
- // HEX
170
- if (color.indexOf("#") === 0) {
171
- // Shorthand Syntax
172
- if (color.length === 4) {
173
- color = `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
174
- } else {
175
- color = color.slice(1, color.length);
176
- }
177
- }
178
-
179
- // Css Color
180
- if (Object.keys(CSSColors).includes(color)) {
181
- color = CSSColors[color];
182
- }
183
-
184
- return HEXToRGB(color);
185
- };
186
-
187
182
  /**
188
183
  * Return an object with the properties for each of the main colors(red, green, blue)
189
184
  * @param {String} color Receives a color in the following format: "rgba(0, 0, 0, 1)
190
185
  */
191
- const RGBAToRGB = color => {
192
- const openingBracketIndex = color.indexOf("("),
193
- commasIndexes = [];
194
-
195
- for (let i = 0; i < color.length; i++) {
196
- if (color[i] === ",") {
197
- commasIndexes.push(i);
198
- }
199
- }
200
-
201
- return {
202
- r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
203
- g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
204
- b: parseInt(color.slice(commasIndexes[1] + 1, commasIndexes[2]).trim()),
205
- };
186
+ const RGBAToRGB = (color) => {
187
+ const openingBracketIndex = color.indexOf("("), commasIndexes = [];
188
+ for (let i = 0; i < color.length; i++) {
189
+ if (color[i] === ",") {
190
+ commasIndexes.push(i);
191
+ }
192
+ }
193
+ return {
194
+ r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
195
+ g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
196
+ b: parseInt(color.slice(commasIndexes[1] + 1, commasIndexes[2]).trim()),
197
+ };
206
198
  };
207
-
208
199
  /**
209
200
  * Return an object with the properties for each of the main colors(red, green, blue)
210
201
  * @param {String} color Receives a color in the following format: "rgb(0, 0, 0)
211
202
  */
212
- const RGBStringToRGBObject = color => {
213
- const openingBracketIndex = color.indexOf("("),
214
- closingBraketIndex = color.indexOf(")"),
215
- commasIndexes = [];
216
-
217
- for (let i = 0; i < color.length; i++) {
218
- if (color[i] === ",") {
219
- commasIndexes.push(i);
220
- }
221
- }
222
-
223
- return {
224
- r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
225
- g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
226
- b: parseInt(color.slice(commasIndexes[1] + 1, closingBraketIndex).trim()),
227
- };
203
+ const RGBStringToRGBObject = (color) => {
204
+ const openingBracketIndex = color.indexOf("("), closingBraketIndex = color.indexOf(")"), commasIndexes = [];
205
+ for (let i = 0; i < color.length; i++) {
206
+ if (color[i] === ",") {
207
+ commasIndexes.push(i);
208
+ }
209
+ }
210
+ return {
211
+ r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
212
+ g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
213
+ b: parseInt(color.slice(commasIndexes[1] + 1, closingBraketIndex).trim()),
214
+ };
228
215
  };
229
-
230
- const HSLToRGB = (color = {
231
- h: undefined,
232
- s: undefined,
233
- l: undefined,
234
- }) => {
235
- // Formula taken from https://www.rapidtables.com/convert/color/hsl-to-rgb.html
236
- const C = (1 - Math.abs((2 * color.l) - 1)) * color.s,
237
- X = C * (1 - Math.abs(((color.h / 60) % 2) - 1)),
238
- m = color.l - C / 2;
239
-
240
- let tempColor = {};
241
- switch (Math.round(color.h / 60)) {
242
- // 0 ≤ H < 60
243
- case 0:
244
- tempColor = {
245
- r: C,
246
- g: X,
247
- b: 0,
248
- };
249
- break;
250
-
251
- // 60 ≤ H < 120
252
- case 1:
253
- tempColor = {
254
- r: X,
255
- g: C,
256
- b: 0,
257
- };
258
- break;
259
-
260
- // 120 ≤ H < 180
261
- case 2:
262
- tempColor = {
263
- r: 0,
264
- g: C,
265
- b: X,
266
- };
267
- break;
268
-
269
- // 180 ≤ H < 240
270
- case 3:
271
- tempColor = {
272
- r: 0,
273
- g: X,
274
- b: C,
275
- };
276
- break;
277
-
278
- // 240 ≤ H < 300
279
- case 4:
280
- tempColor = {
281
- r: X,
282
- g: 0,
283
- b: C,
284
- };
285
- break;
286
-
287
- // 300 ≤ H < 360
288
- default:
289
- tempColor = {
290
- r: C,
291
- g: 0,
292
- b: X,
293
- };
294
- }
295
-
296
- return {
297
- r: Math.floor((tempColor.r + m) * 255),
298
- g: Math.floor((tempColor.g + m) * 255),
299
- b: Math.floor((tempColor.b + m) * 255),
300
- };
216
+ const HSLToRGB = (color) => {
217
+ // Formula taken from https://www.rapidtables.com/convert/color/hsl-to-rgb.html
218
+ const C = (1 - Math.abs((2 * color.l) - 1)) * color.s, X = C * (1 - Math.abs(((color.h / 60) % 2) - 1)), m = color.l - C / 2;
219
+ let tempColor;
220
+ switch (Math.round(color.h / 60)) {
221
+ // 0 ≤ H < 60
222
+ case 0:
223
+ tempColor = {
224
+ r: C,
225
+ g: X,
226
+ b: 0,
227
+ };
228
+ break;
229
+ // 60 ≤ H < 120
230
+ case 1:
231
+ tempColor = {
232
+ r: X,
233
+ g: C,
234
+ b: 0,
235
+ };
236
+ break;
237
+ // 120 ≤ H < 180
238
+ case 2:
239
+ tempColor = {
240
+ r: 0,
241
+ g: C,
242
+ b: X,
243
+ };
244
+ break;
245
+ // 180 ≤ H < 240
246
+ case 3:
247
+ tempColor = {
248
+ r: 0,
249
+ g: X,
250
+ b: C,
251
+ };
252
+ break;
253
+ // 240 ≤ H < 300
254
+ case 4:
255
+ tempColor = {
256
+ r: X,
257
+ g: 0,
258
+ b: C,
259
+ };
260
+ break;
261
+ // 300 ≤ H < 360
262
+ default:
263
+ tempColor = {
264
+ r: C,
265
+ g: 0,
266
+ b: X,
267
+ };
268
+ }
269
+ return {
270
+ r: Math.floor((tempColor.r + m) * 255),
271
+ g: Math.floor((tempColor.g + m) * 255),
272
+ b: Math.floor((tempColor.b + m) * 255),
273
+ };
301
274
  };
302
-
303
- const HEXToRGB = hex => {
304
- // Please make sure you pass a valid 6 digit hex color
305
- // In the implementation of this method we assume that the hex argument is a 6 digit valid hex color
306
-
307
- const rgbValues = {
308
- r: hex.substr(0, 2),
309
- g: hex.substr(2, 2),
310
- b: hex.substr(4, 2),
311
- };
312
-
313
- const rgbKeys = Object.keys(rgbValues);
314
-
315
- rgbKeys.forEach(key => {
316
- rgbValues[key] = parseInt(rgbValues[key], 16);
317
- });
318
-
319
- return rgbValues;
275
+ const HEXToRGB = (hex) => {
276
+ // Please make sure you pass a valid 6 digit hex color
277
+ // In the implementation of this method we assume that the hex argument is a 6 digit valid hex color
278
+ return {
279
+ r: parseInt(hex.substr(0, 2), 16),
280
+ g: parseInt(hex.substr(2, 2), 16),
281
+ b: parseInt(hex.substr(4, 2), 16),
282
+ };
320
283
  };
321
-
322
284
  /**
323
285
  * Returns the hex value of the color as string
324
286
  * @param {Object} color Receives an object with the properties for each of the main colors(r, g, b)
325
287
  */
326
- const RGBtoHEX = color => {
327
- const hexMap = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E"];
328
- let hexValue = "#";
329
-
330
- let divisionNumber = color.r / 16;
331
- let remainder = color.r % 16;
332
- hexValue += String(hexMap[Math.floor(divisionNumber)]);
333
- hexValue += String(hexMap[remainder]);
334
-
335
- divisionNumber = color.g / 16;
336
- remainder = color.g % 16;
337
- hexValue += String(hexMap[Math.floor(divisionNumber)]);
338
- hexValue += String(hexMap[remainder]);
339
-
340
- divisionNumber = color.b / 16;
341
- remainder = color.b % 16;
342
- hexValue += String(hexMap[Math.floor(divisionNumber)]);
343
- hexValue += String(hexMap[remainder]);
344
-
345
- return hexValue;
346
- };
347
-
348
- const RGBToHSL = (color = {
349
- r: undefined,
350
- g: undefined,
351
- b: undefined,
352
- }) => {
353
- const R = color.r / 255,
354
- G = color.g / 255,
355
- B = color.b / 255,
356
- max = Math.max(R, G, B),
357
- min = Math.min(R, G, B),
358
- delta = max - min;
359
-
360
- let h,
361
- s;
362
-
363
- // Hue calculation
364
- if (delta === 0) {
365
- h = 0;
366
- } else if (max === R) {
367
- h = 60 * (((G - B) / delta) % 6);
368
- } else if (max === G) {
369
- h = 60 * (((B - R) / delta) + 2);
370
- } else if (max === B) {
371
- h = 60 * (((R - G) / delta) + 4);
372
- }
373
-
374
- // Lightness calculation
375
- const l = (max + min) / 2;
376
-
377
- // Saturation calculation
378
- if (delta === 0) {
379
- s = 0;
380
- } else {
381
- s = delta / (1 - Math.abs(2 * l - 1));
382
- }
383
-
384
- return {
385
- h,
386
- s,
387
- l,
388
- };
288
+ const RGBtoHEX = (color) => {
289
+ const hexMap = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E"];
290
+ let hexValue = "#";
291
+ let divisionNumber = color.r / 16;
292
+ let remainder = color.r % 16;
293
+ hexValue += String(hexMap[Math.floor(divisionNumber)]);
294
+ hexValue += String(hexMap[remainder]);
295
+ divisionNumber = color.g / 16;
296
+ remainder = color.g % 16;
297
+ hexValue += String(hexMap[Math.floor(divisionNumber)]);
298
+ hexValue += String(hexMap[remainder]);
299
+ divisionNumber = color.b / 16;
300
+ remainder = color.b % 16;
301
+ hexValue += String(hexMap[Math.floor(divisionNumber)]);
302
+ hexValue += String(hexMap[remainder]);
303
+ return hexValue;
389
304
  };
390
-
391
- export {
392
- getRGBColor,
393
- HSLToRGB,
394
- HEXToRGB,
395
- RGBToHSL,
396
- RGBStringToRGBObject,
397
- RGBtoHEX,
305
+ const RGBToHSL = (color) => {
306
+ const R = color.r / 255, G = color.g / 255, B = color.b / 255, max = Math.max(R, G, B), min = Math.min(R, G, B), delta = max - min;
307
+ let h = 0, s;
308
+ // Hue calculation
309
+ if (delta === 0) {
310
+ h = 0;
311
+ }
312
+ else if (max === R) {
313
+ h = 60 * (((G - B) / delta) % 6);
314
+ }
315
+ else if (max === G) {
316
+ h = 60 * (((B - R) / delta) + 2);
317
+ }
318
+ else if (max === B) {
319
+ h = 60 * (((R - G) / delta) + 4);
320
+ }
321
+ // Lightness calculation
322
+ const l = (max + min) / 2;
323
+ // Saturation calculation
324
+ if (delta === 0) {
325
+ s = 0;
326
+ }
327
+ else {
328
+ s = delta / (1 - Math.abs(2 * l - 1));
329
+ }
330
+ return {
331
+ h,
332
+ s,
333
+ l,
334
+ };
398
335
  };
336
+ export { getRGBColor, HSLToRGB, HEXToRGB, RGBToHSL, RGBStringToRGBObject, RGBtoHEX, };
337
+ //# sourceMappingURL=ColorConversion.js.map