@ui5/webcomponents-base 0.0.0-4180fe799 → 0.0.0-4738ea0dc

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 (694) hide show
  1. package/.eslintignore +3 -1
  2. package/CHANGELOG.md +437 -0
  3. package/README.md +28 -6
  4. package/bundle.esm.js +15 -11
  5. package/dist/AssetRegistry.d.ts +5 -0
  6. package/dist/AssetRegistry.js +2 -7
  7. package/dist/AssetRegistry.js.map +1 -0
  8. package/dist/Boot.d.ts +8 -0
  9. package/dist/Boot.js +35 -30
  10. package/dist/Boot.js.map +1 -0
  11. package/dist/CSP.d.ts +30 -0
  12. package/dist/CSP.js +16 -24
  13. package/dist/CSP.js.map +1 -0
  14. package/dist/CustomElementsRegistry.d.ts +5 -0
  15. package/dist/CustomElementsRegistry.js +69 -30
  16. package/dist/CustomElementsRegistry.js.map +1 -0
  17. package/dist/CustomElementsScope.d.ts +7 -0
  18. package/dist/CustomElementsScope.js +11 -108
  19. package/dist/CustomElementsScope.js.map +1 -0
  20. package/dist/CustomElementsScopeUtils.d.ts +55 -0
  21. package/dist/CustomElementsScopeUtils.js +90 -0
  22. package/dist/CustomElementsScopeUtils.js.map +1 -0
  23. package/dist/DOMObserver.d.ts +11 -0
  24. package/dist/DOMObserver.js +12 -54
  25. package/dist/DOMObserver.js.map +1 -0
  26. package/dist/Device.d.ts +12 -0
  27. package/dist/Device.js +148 -89
  28. package/dist/Device.js.map +1 -0
  29. package/dist/EventProvider.d.ts +25 -0
  30. package/dist/EventProvider.js +67 -82
  31. package/dist/EventProvider.js.map +1 -0
  32. package/dist/FeaturesRegistry.d.ts +3 -0
  33. package/dist/FeaturesRegistry.js +5 -7
  34. package/dist/FeaturesRegistry.js.map +1 -0
  35. package/dist/FontFace.d.ts +2 -0
  36. package/dist/FontFace.js +14 -19
  37. package/dist/FontFace.js.map +1 -0
  38. package/dist/InitialConfiguration.d.ts +22 -0
  39. package/dist/InitialConfiguration.js +112 -131
  40. package/dist/InitialConfiguration.js.map +1 -0
  41. package/dist/Keys.d.ts +57 -0
  42. package/dist/Keys.js +174 -244
  43. package/dist/Keys.js.map +1 -0
  44. package/dist/ManagedStyles.d.ts +8 -0
  45. package/dist/ManagedStyles.js +62 -68
  46. package/dist/ManagedStyles.js.map +1 -0
  47. package/dist/MarkedEvents.d.ts +9 -0
  48. package/dist/MarkedEvents.js +15 -0
  49. package/dist/MarkedEvents.js.map +1 -0
  50. package/dist/MediaRange.d.ts +37 -0
  51. package/dist/MediaRange.js +54 -65
  52. package/dist/MediaRange.js.map +1 -0
  53. package/dist/PropertiesFileFormat.d.ts +8 -0
  54. package/dist/PropertiesFileFormat.js +72 -82
  55. package/dist/PropertiesFileFormat.js.map +1 -0
  56. package/dist/Render.d.ts +47 -0
  57. package/dist/Render.js +81 -113
  58. package/dist/Render.js.map +1 -0
  59. package/dist/RenderQueue.d.ts +19 -0
  60. package/dist/RenderQueue.js +52 -62
  61. package/dist/RenderQueue.js.map +1 -0
  62. package/dist/Runtimes.d.ts +27 -0
  63. package/dist/Runtimes.js +86 -0
  64. package/dist/Runtimes.js.map +1 -0
  65. package/dist/StaticArea.d.ts +0 -0
  66. package/dist/StaticArea.js +4 -1
  67. package/dist/StaticArea.js.map +1 -0
  68. package/dist/StaticAreaItem.d.ts +36 -0
  69. package/dist/StaticAreaItem.js +85 -84
  70. package/dist/StaticAreaItem.js.map +1 -0
  71. package/dist/SystemCSSVars.d.ts +2 -0
  72. package/dist/SystemCSSVars.js +4 -5
  73. package/dist/SystemCSSVars.js.map +1 -0
  74. package/dist/Theming.d.ts +3 -0
  75. package/dist/Theming.js +1 -1
  76. package/dist/Theming.js.map +1 -0
  77. package/dist/UI5Element.d.ts +378 -0
  78. package/dist/UI5Element.js +917 -980
  79. package/dist/UI5Element.js.map +1 -0
  80. package/dist/UI5ElementMetadata.d.ts +150 -0
  81. package/dist/UI5ElementMetadata.js +278 -306
  82. package/dist/UI5ElementMetadata.js.map +1 -0
  83. package/dist/animations/AnimationQueue.d.ts +8 -0
  84. package/dist/animations/AnimationQueue.js +31 -38
  85. package/dist/animations/AnimationQueue.js.map +1 -0
  86. package/dist/animations/animate.d.ts +14 -0
  87. package/dist/animations/animate.js +46 -51
  88. package/dist/animations/animate.js.map +1 -0
  89. package/dist/animations/scroll.d.ts +5 -0
  90. package/dist/animations/scroll.js +18 -27
  91. package/dist/animations/scroll.js.map +1 -0
  92. package/dist/animations/slideDown.d.ts +5 -0
  93. package/dist/animations/slideDown.js +53 -78
  94. package/dist/animations/slideDown.js.map +1 -0
  95. package/dist/animations/slideUp.d.ts +5 -0
  96. package/dist/animations/slideUp.js +49 -70
  97. package/dist/animations/slideUp.js.map +1 -0
  98. package/dist/api.json +1 -0
  99. package/dist/asset-registries/Icons.d.ts +30 -0
  100. package/dist/asset-registries/Icons.js +88 -123
  101. package/dist/asset-registries/Icons.js.map +1 -0
  102. package/dist/asset-registries/Illustrations.d.ts +17 -0
  103. package/dist/asset-registries/Illustrations.js +41 -25
  104. package/dist/asset-registries/Illustrations.js.map +1 -0
  105. package/dist/asset-registries/LocaleData.d.ts +7 -0
  106. package/dist/asset-registries/LocaleData.js +104 -127
  107. package/dist/asset-registries/LocaleData.js.map +1 -0
  108. package/dist/asset-registries/Themes.d.ts +11 -0
  109. package/dist/asset-registries/Themes.js +38 -66
  110. package/dist/asset-registries/Themes.js.map +1 -0
  111. package/dist/asset-registries/i18n.d.ts +23 -0
  112. package/dist/asset-registries/i18n.js +55 -81
  113. package/dist/asset-registries/i18n.js.map +1 -0
  114. package/dist/assets/bundle.esm.0059c2ef.js +60 -0
  115. package/dist/assets-meta/IconCollectionsAlias.d.ts +31 -0
  116. package/dist/assets-meta/IconCollectionsAlias.js +30 -10
  117. package/dist/assets-meta/IconCollectionsAlias.js.map +1 -0
  118. package/dist/config/AnimationMode.d.ts +14 -0
  119. package/dist/config/AnimationMode.js +21 -18
  120. package/dist/config/AnimationMode.js.map +1 -0
  121. package/dist/config/CalendarType.d.ts +8 -0
  122. package/dist/config/CalendarType.js +13 -12
  123. package/dist/config/CalendarType.js.map +1 -0
  124. package/dist/config/FormatSettings.d.ts +15 -0
  125. package/dist/config/FormatSettings.js +15 -9
  126. package/dist/config/FormatSettings.js.map +1 -0
  127. package/dist/config/Icons.d.ts +55 -0
  128. package/dist/config/Icons.js +103 -0
  129. package/dist/config/Icons.js.map +1 -0
  130. package/dist/config/Language.d.ts +31 -0
  131. package/dist/config/Language.js +31 -43
  132. package/dist/config/Language.js.map +1 -0
  133. package/dist/config/NoConflict.d.ts +20 -0
  134. package/dist/config/NoConflict.js +40 -41
  135. package/dist/config/NoConflict.js.map +1 -0
  136. package/dist/config/RTL.d.ts +7 -0
  137. package/dist/config/RTL.js +26 -20
  138. package/dist/config/RTL.js.map +1 -0
  139. package/dist/config/Theme.d.ts +28 -0
  140. package/dist/config/Theme.js +38 -29
  141. package/dist/config/Theme.js.map +1 -0
  142. package/dist/config/ThemeRoots.d.ts +4 -0
  143. package/dist/config/ThemeRoots.js +28 -0
  144. package/dist/config/ThemeRoots.js.map +1 -0
  145. package/dist/css/BusyIndicator.css +80 -0
  146. package/dist/css/FontFace.css +31 -10
  147. package/dist/decorators/customElement.d.ts +23 -0
  148. package/dist/decorators/customElement.js +31 -0
  149. package/dist/decorators/customElement.js.map +1 -0
  150. package/dist/decorators/event.d.ts +10 -0
  151. package/dist/decorators/event.js +24 -0
  152. package/dist/decorators/event.js.map +1 -0
  153. package/dist/decorators/fastNavigation.d.ts +7 -0
  154. package/dist/decorators/fastNavigation.js +13 -0
  155. package/dist/decorators/fastNavigation.js.map +1 -0
  156. package/dist/decorators/languageAware.d.ts +7 -0
  157. package/dist/decorators/languageAware.js +13 -0
  158. package/dist/decorators/languageAware.js.map +1 -0
  159. package/dist/decorators/property.d.ts +9 -0
  160. package/dist/decorators/property.js +24 -0
  161. package/dist/decorators/property.js.map +1 -0
  162. package/dist/decorators/slot.d.ts +9 -0
  163. package/dist/decorators/slot.js +37 -0
  164. package/dist/decorators/slot.js.map +1 -0
  165. package/dist/decorators/themeAware.d.ts +7 -0
  166. package/dist/decorators/themeAware.js +13 -0
  167. package/dist/decorators/themeAware.js.map +1 -0
  168. package/dist/delegate/ItemNavigation.d.ts +113 -0
  169. package/dist/delegate/ItemNavigation.js +277 -312
  170. package/dist/delegate/ItemNavigation.js.map +1 -0
  171. package/dist/delegate/ResizeHandler.d.ts +25 -0
  172. package/dist/delegate/ResizeHandler.js +70 -91
  173. package/dist/delegate/ResizeHandler.js.map +1 -0
  174. package/dist/delegate/ScrollEnablement.d.ts +49 -0
  175. package/dist/delegate/ScrollEnablement.js +157 -180
  176. package/dist/delegate/ScrollEnablement.js.map +1 -0
  177. package/dist/features/F6Navigation.d.ts +19 -0
  178. package/dist/features/F6Navigation.js +151 -0
  179. package/dist/features/F6Navigation.js.map +1 -0
  180. package/dist/features/LegacyDateFormats.d.ts +18 -0
  181. package/dist/features/LegacyDateFormats.js +20 -0
  182. package/dist/features/LegacyDateFormats.js.map +1 -0
  183. package/dist/features/OpenUI5Element.d.ts +9 -0
  184. package/dist/features/OpenUI5Element.js +5 -0
  185. package/dist/features/OpenUI5Element.js.map +1 -0
  186. package/dist/features/OpenUI5Enablement.d.ts +11 -0
  187. package/dist/features/OpenUI5Enablement.js +96 -0
  188. package/dist/features/OpenUI5Enablement.js.map +1 -0
  189. package/dist/features/OpenUI5Support.d.ts +25 -0
  190. package/dist/features/OpenUI5Support.js +92 -119
  191. package/dist/features/OpenUI5Support.js.map +1 -0
  192. package/dist/generated/AssetParameters.js +1 -1
  193. package/dist/generated/VersionInfo.js +10 -0
  194. package/dist/generated/css/BusyIndicator.css.d.ts +3 -0
  195. package/dist/generated/css/BusyIndicator.css.js +7 -0
  196. package/dist/generated/css/BusyIndicator.css.js.map +1 -0
  197. package/dist/generated/css/FontFace.css.d.ts +3 -0
  198. package/dist/generated/css/FontFace.css.js +7 -5
  199. package/dist/generated/css/FontFace.css.js.map +1 -0
  200. package/dist/generated/css/OverrideFontFace.css.d.ts +3 -0
  201. package/dist/generated/css/OverrideFontFace.css.js +7 -5
  202. package/dist/generated/css/OverrideFontFace.css.js.map +1 -0
  203. package/dist/generated/css/SystemCSSVars.css.d.ts +3 -0
  204. package/dist/generated/css/SystemCSSVars.css.js +7 -5
  205. package/dist/generated/css/SystemCSSVars.css.js.map +1 -0
  206. package/dist/generated/templates/elements/WithComplexTemplateTemplate.lit.js +11 -0
  207. package/dist/getSharedResource.d.ts +11 -0
  208. package/dist/getSharedResource.js +21 -17
  209. package/dist/getSharedResource.js.map +1 -0
  210. package/dist/global.d.ts +38 -0
  211. package/dist/i18nBundle.d.ts +43 -0
  212. package/dist/i18nBundle.js +56 -64
  213. package/dist/i18nBundle.js.map +1 -0
  214. package/dist/locale/Locale.d.ts +22 -0
  215. package/dist/locale/Locale.js +75 -87
  216. package/dist/locale/Locale.js.map +1 -0
  217. package/dist/locale/RTLAwareRegistry.d.ts +4 -0
  218. package/dist/locale/RTLAwareRegistry.js +6 -11
  219. package/dist/locale/RTLAwareRegistry.js.map +1 -0
  220. package/dist/locale/applyDirection.d.ts +10 -0
  221. package/dist/locale/applyDirection.js +7 -7
  222. package/dist/locale/applyDirection.js.map +1 -0
  223. package/dist/locale/directionChange.d.ts +15 -0
  224. package/dist/locale/directionChange.js +7 -15
  225. package/dist/locale/directionChange.js.map +1 -0
  226. package/dist/locale/getEffectiveDir.d.ts +2 -0
  227. package/dist/locale/getEffectiveDir.js +20 -24
  228. package/dist/locale/getEffectiveDir.js.map +1 -0
  229. package/dist/locale/getLocale.d.ts +7 -0
  230. package/dist/locale/getLocale.js +26 -29
  231. package/dist/locale/getLocale.js.map +1 -0
  232. package/dist/locale/languageChange.d.ts +5 -0
  233. package/dist/locale/languageChange.js +8 -16
  234. package/dist/locale/languageChange.js.map +1 -0
  235. package/dist/locale/nextFallbackLocale.d.ts +8 -0
  236. package/dist/locale/nextFallbackLocale.js +15 -19
  237. package/dist/locale/nextFallbackLocale.js.map +1 -0
  238. package/dist/locale/normalizeLocale.d.ts +7 -0
  239. package/dist/locale/normalizeLocale.js +34 -41
  240. package/dist/locale/normalizeLocale.js.map +1 -0
  241. package/dist/renderer/LitRenderer.d.ts +14 -0
  242. package/dist/renderer/LitRenderer.js +31 -24
  243. package/dist/renderer/LitRenderer.js.map +1 -0
  244. package/dist/renderer/executeTemplate.d.ts +13 -0
  245. package/dist/renderer/executeTemplate.js +20 -7
  246. package/dist/renderer/executeTemplate.js.map +1 -0
  247. package/dist/sap/base/Log.js +28 -29
  248. package/dist/sap/base/assert.js +5 -6
  249. package/dist/sap/base/security/URLListValidator.js +13 -2
  250. package/dist/sap/base/security/encodeCSS.js +14 -0
  251. package/dist/sap/base/security/encodeXML.js +23 -0
  252. package/dist/sap/base/strings/toHex.js +8 -0
  253. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +1 -1
  254. package/dist/theming/CustomStyle.d.ts +6 -0
  255. package/dist/theming/CustomStyle.js +39 -31
  256. package/dist/theming/CustomStyle.js.map +1 -0
  257. package/dist/theming/ThemeLoaded.d.ts +5 -0
  258. package/dist/theming/ThemeLoaded.js +8 -16
  259. package/dist/theming/ThemeLoaded.js.map +1 -0
  260. package/dist/theming/applyTheme.d.ts +2 -0
  261. package/dist/theming/applyTheme.js +60 -60
  262. package/dist/theming/applyTheme.js.map +1 -0
  263. package/dist/theming/getConstructableStyle.d.ts +9 -0
  264. package/dist/theming/getConstructableStyle.js +12 -17
  265. package/dist/theming/getConstructableStyle.js.map +1 -0
  266. package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
  267. package/dist/theming/getEffectiveLinksHrefs.js +13 -16
  268. package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
  269. package/dist/theming/getEffectiveStyle.d.ts +3 -0
  270. package/dist/theming/getEffectiveStyle.js +25 -23
  271. package/dist/theming/getEffectiveStyle.js.map +1 -0
  272. package/dist/theming/getStylesString.d.ts +3 -0
  273. package/dist/theming/getStylesString.js +9 -13
  274. package/dist/theming/getStylesString.js.map +1 -0
  275. package/dist/theming/getThemeDesignerTheme.d.ts +7 -0
  276. package/dist/theming/getThemeDesignerTheme.js +73 -61
  277. package/dist/theming/getThemeDesignerTheme.js.map +1 -0
  278. package/dist/theming/preloadLinks.d.ts +3 -0
  279. package/dist/theming/preloadLinks.js +13 -17
  280. package/dist/theming/preloadLinks.js.map +1 -0
  281. package/dist/thirdparty/_merge.d.ts +2 -0
  282. package/dist/thirdparty/_merge.js +7 -4
  283. package/dist/thirdparty/_merge.js.map +1 -0
  284. package/dist/thirdparty/isPlainObject.d.ts +2 -0
  285. package/dist/thirdparty/isPlainObject.js +11 -10
  286. package/dist/thirdparty/isPlainObject.js.map +1 -0
  287. package/dist/thirdparty/merge.d.ts +2 -0
  288. package/dist/thirdparty/merge.js +4 -8
  289. package/dist/thirdparty/merge.js.map +1 -0
  290. package/dist/types/AnimationMode.d.ts +32 -0
  291. package/dist/types/AnimationMode.js +33 -6
  292. package/dist/types/AnimationMode.js.map +1 -0
  293. package/dist/types/CSSColor.d.ts +16 -0
  294. package/dist/types/CSSColor.js +15 -5
  295. package/dist/types/CSSColor.js.map +1 -0
  296. package/dist/types/CalendarType.d.ts +37 -0
  297. package/dist/types/CalendarType.js +35 -18
  298. package/dist/types/CalendarType.js.map +1 -0
  299. package/dist/types/DOMReference.d.ts +17 -0
  300. package/dist/types/DOMReference.js +25 -0
  301. package/dist/types/DOMReference.js.map +1 -0
  302. package/dist/types/DataType.d.ts +25 -0
  303. package/dist/types/DataType.js +33 -26
  304. package/dist/types/DataType.js.map +1 -0
  305. package/dist/types/Float.d.ts +18 -0
  306. package/dist/types/Float.js +18 -10
  307. package/dist/types/Float.js.map +1 -0
  308. package/dist/types/Integer.d.ts +18 -0
  309. package/dist/types/Integer.js +18 -9
  310. package/dist/types/Integer.js.map +1 -0
  311. package/dist/types/InvisibleMessageMode.d.ts +25 -0
  312. package/dist/types/InvisibleMessageMode.js +20 -23
  313. package/dist/types/InvisibleMessageMode.js.map +1 -0
  314. package/dist/types/ItemNavigationBehavior.d.ts +24 -0
  315. package/dist/types/ItemNavigationBehavior.js +22 -12
  316. package/dist/types/ItemNavigationBehavior.js.map +1 -0
  317. package/dist/types/NavigationMode.d.ts +32 -0
  318. package/dist/types/NavigationMode.js +33 -6
  319. package/dist/types/NavigationMode.js.map +1 -0
  320. package/dist/types/ValueState.d.ts +42 -0
  321. package/dist/types/ValueState.js +41 -19
  322. package/dist/types/ValueState.js.map +1 -0
  323. package/dist/types.d.ts +18 -0
  324. package/dist/types.js +2 -0
  325. package/dist/types.js.map +1 -0
  326. package/dist/updateShadowRoot.d.ts +8 -0
  327. package/dist/updateShadowRoot.js +25 -17
  328. package/dist/updateShadowRoot.js.map +1 -0
  329. package/dist/util/AriaLabelHelper.d.ts +15 -0
  330. package/dist/util/AriaLabelHelper.js +166 -36
  331. package/dist/util/AriaLabelHelper.js.map +1 -0
  332. package/dist/util/Caret.d.ts +7 -0
  333. package/dist/util/Caret.js +16 -38
  334. package/dist/util/Caret.js.map +1 -0
  335. package/dist/util/ColorConversion.d.ts +30 -0
  336. package/dist/util/ColorConversion.js +315 -348
  337. package/dist/util/ColorConversion.js.map +1 -0
  338. package/dist/util/FetchHelper.d.ts +3 -0
  339. package/dist/util/FetchHelper.js +19 -25
  340. package/dist/util/FetchHelper.js.map +1 -0
  341. package/dist/util/FocusableElements.d.ts +4 -0
  342. package/dist/util/FocusableElements.js +66 -72
  343. package/dist/util/FocusableElements.js.map +1 -0
  344. package/dist/util/HTMLSanitizer.d.ts +3 -0
  345. package/dist/util/HTMLSanitizer.js +4 -5
  346. package/dist/util/HTMLSanitizer.js.map +1 -0
  347. package/dist/util/InvisibleMessage.d.ts +10 -0
  348. package/dist/util/InvisibleMessage.js +42 -44
  349. package/dist/util/InvisibleMessage.js.map +1 -0
  350. package/dist/util/PopupUtils.d.ts +7 -0
  351. package/dist/util/PopupUtils.js +58 -77
  352. package/dist/util/PopupUtils.js.map +1 -0
  353. package/dist/util/SlotsHelper.d.ts +9 -0
  354. package/dist/util/SlotsHelper.js +22 -35
  355. package/dist/util/SlotsHelper.js.map +1 -0
  356. package/dist/util/StringHelper.d.ts +3 -0
  357. package/dist/util/StringHelper.js +17 -20
  358. package/dist/util/StringHelper.js.map +1 -0
  359. package/dist/util/TabbableElements.d.ts +17 -0
  360. package/dist/util/TabbableElements.js +53 -43
  361. package/dist/util/TabbableElements.js.map +1 -0
  362. package/dist/util/arraysAreEqual.d.ts +2 -0
  363. package/dist/util/arraysAreEqual.js +10 -12
  364. package/dist/util/arraysAreEqual.js.map +1 -0
  365. package/dist/util/clamp.d.ts +9 -0
  366. package/dist/util/clamp.js +2 -2
  367. package/dist/util/clamp.js.map +1 -0
  368. package/dist/util/createLinkInHead.d.ts +7 -0
  369. package/dist/util/createLinkInHead.js +14 -12
  370. package/dist/util/createLinkInHead.js.map +1 -0
  371. package/dist/util/createStyleInHead.d.ts +8 -0
  372. package/dist/util/createStyleInHead.js +10 -10
  373. package/dist/util/createStyleInHead.js.map +1 -0
  374. package/dist/util/debounce.d.ts +2 -0
  375. package/dist/util/debounce.js +6 -8
  376. package/dist/util/debounce.js.map +1 -0
  377. package/dist/util/detectNavigatorLanguage.d.ts +2 -0
  378. package/dist/util/detectNavigatorLanguage.js +7 -10
  379. package/dist/util/detectNavigatorLanguage.js.map +1 -0
  380. package/dist/util/escapeRegex.d.ts +8 -0
  381. package/dist/util/escapeRegex.js +11 -0
  382. package/dist/util/escapeRegex.js.map +1 -0
  383. package/dist/util/formatMessage.d.ts +2 -0
  384. package/dist/util/formatMessage.js +15 -19
  385. package/dist/util/formatMessage.js.map +1 -0
  386. package/dist/util/generateHighlightedMarkup.d.ts +9 -0
  387. package/dist/util/generateHighlightedMarkup.js +41 -0
  388. package/dist/util/generateHighlightedMarkup.js.map +1 -0
  389. package/dist/util/getActiveElement.d.ts +2 -0
  390. package/dist/util/getActiveElement.js +6 -8
  391. package/dist/util/getActiveElement.js.map +1 -0
  392. package/dist/util/getClassCopy.d.ts +398 -0
  393. package/dist/util/getClassCopy.js +7 -7
  394. package/dist/util/getClassCopy.js.map +1 -0
  395. package/dist/util/getDesigntimePropertyAsArray.d.ts +2 -0
  396. package/dist/util/getDesigntimePropertyAsArray.js +4 -3
  397. package/dist/util/getDesigntimePropertyAsArray.js.map +1 -0
  398. package/dist/util/getEffectiveContentDensity.d.ts +2 -0
  399. package/dist/util/getEffectiveContentDensity.js +2 -3
  400. package/dist/util/getEffectiveContentDensity.js.map +1 -0
  401. package/dist/util/getEffectiveScrollbarStyle.d.ts +2 -0
  402. package/dist/util/getEffectiveScrollbarStyle.js +4 -0
  403. package/dist/util/getEffectiveScrollbarStyle.js.map +1 -0
  404. package/dist/util/getFastNavigationGroups.d.ts +2 -0
  405. package/dist/util/getFastNavigationGroups.js +51 -0
  406. package/dist/util/getFastNavigationGroups.js.map +1 -0
  407. package/dist/util/getFileExtension.d.ts +12 -0
  408. package/dist/util/getFileExtension.js +9 -11
  409. package/dist/util/getFileExtension.js.map +1 -0
  410. package/dist/util/getNormalizedTarget.d.ts +7 -0
  411. package/dist/util/getNormalizedTarget.js +14 -0
  412. package/dist/util/getNormalizedTarget.js.map +1 -0
  413. package/dist/util/getSingletonElementInstance.d.ts +2 -0
  414. package/dist/util/getSingletonElementInstance.js +7 -10
  415. package/dist/util/getSingletonElementInstance.js.map +1 -0
  416. package/dist/util/isElementClickable.d.ts +2 -0
  417. package/dist/util/isElementClickable.js +16 -0
  418. package/dist/util/isElementClickable.js.map +1 -0
  419. package/dist/util/isElementHidden.d.ts +2 -0
  420. package/dist/util/isElementHidden.js +8 -0
  421. package/dist/util/isElementHidden.js.map +1 -0
  422. package/dist/util/isElementInView.d.ts +6 -0
  423. package/dist/util/isElementInView.js +6 -9
  424. package/dist/util/isElementInView.js.map +1 -0
  425. package/dist/util/isElementTabbable.d.ts +9 -0
  426. package/dist/util/isElementTabbable.js +30 -0
  427. package/dist/util/isElementTabbable.js.map +1 -0
  428. package/dist/util/isValidPropertyName.d.ts +8 -0
  429. package/dist/util/isValidPropertyName.js +16 -17
  430. package/dist/util/isValidPropertyName.js.map +1 -0
  431. package/dist/util/whenDOMReady.d.ts +2 -0
  432. package/dist/util/whenDOMReady.js +11 -10
  433. package/dist/util/whenDOMReady.js.map +1 -0
  434. package/dist/util/willShowContent.d.ts +2 -0
  435. package/dist/util/willShowContent.js +7 -0
  436. package/dist/util/willShowContent.js.map +1 -0
  437. package/dist/validateThemeRoot.d.ts +2 -0
  438. package/dist/validateThemeRoot.js +47 -0
  439. package/dist/validateThemeRoot.js.map +1 -0
  440. package/lib/generate-asset-parameters/index.js +8 -4
  441. package/lib/generate-styles/index.js +24 -11
  442. package/lib/generate-version-info/index.js +32 -0
  443. package/package-scripts.js +34 -28
  444. package/package.json +7 -6
  445. package/src/Boot.ts +65 -0
  446. package/src/{CSP.js → CSP.ts} +14 -7
  447. package/src/CustomElementsRegistry.ts +98 -0
  448. package/src/CustomElementsScope.ts +33 -0
  449. package/src/{CustomElementsScope.js → CustomElementsScopeUtils.ts} +14 -7
  450. package/src/DOMObserver.ts +28 -0
  451. package/src/Device.ts +203 -0
  452. package/src/{EventProvider.js → EventProvider.ts} +9 -7
  453. package/src/FeaturesRegistry.ts +14 -0
  454. package/src/{FontFace.js → FontFace.ts} +3 -2
  455. package/src/{InitialConfiguration.js → InitialConfiguration.ts} +54 -13
  456. package/src/Keys.ts +295 -0
  457. package/src/ManagedStyles.ts +92 -0
  458. package/src/MarkedEvents.ts +20 -0
  459. package/src/{MediaRange.js → MediaRange.ts} +54 -53
  460. package/src/{PropertiesFileFormat.js → PropertiesFileFormat.ts} +8 -8
  461. package/src/{Render.js → Render.ts} +25 -20
  462. package/src/{RenderQueue.js → RenderQueue.ts} +10 -5
  463. package/src/Runtimes.ts +114 -0
  464. package/src/{StaticAreaItem.js → StaticAreaItem.ts} +33 -18
  465. package/src/{UI5Element.js → UI5Element.ts} +289 -148
  466. package/src/{UI5ElementMetadata.js → UI5ElementMetadata.ts} +129 -59
  467. package/src/animations/{AnimationQueue.js → AnimationQueue.ts} +8 -7
  468. package/src/animations/animate.ts +64 -0
  469. package/src/animations/scroll.ts +21 -0
  470. package/src/animations/{slideDown.js → slideDown.ts} +27 -34
  471. package/src/animations/{slideUp.js → slideUp.ts} +28 -32
  472. package/src/asset-registries/Icons.ts +161 -0
  473. package/src/asset-registries/Illustrations.ts +75 -0
  474. package/src/asset-registries/{LocaleData.js → LocaleData.ts} +42 -29
  475. package/src/asset-registries/Themes.ts +72 -0
  476. package/src/asset-registries/{i18n.js → i18n.ts} +21 -24
  477. package/src/assets-meta/IconCollectionsAlias.ts +41 -0
  478. package/src/config/AnimationMode.ts +33 -0
  479. package/src/config/{CalendarType.js → CalendarType.ts} +8 -3
  480. package/src/config/FormatSettings.ts +35 -0
  481. package/src/config/Icons.ts +126 -0
  482. package/src/config/{Language.js → Language.ts} +22 -18
  483. package/src/config/NoConflict.ts +67 -0
  484. package/src/config/{RTL.js → RTL.ts} +18 -4
  485. package/src/config/Theme.ts +64 -0
  486. package/src/config/ThemeRoots.ts +41 -0
  487. package/src/css/BusyIndicator.css +80 -0
  488. package/src/css/FontFace.css +31 -10
  489. package/src/decorators/customElement.ts +57 -0
  490. package/src/decorators/event.ts +28 -0
  491. package/src/decorators/fastNavigation.ts +14 -0
  492. package/src/decorators/languageAware.ts +14 -0
  493. package/src/decorators/property.ts +30 -0
  494. package/src/decorators/slot.ts +49 -0
  495. package/src/decorators/themeAware.ts +14 -0
  496. package/src/delegate/{ItemNavigation.js → ItemNavigation.ts} +65 -23
  497. package/src/delegate/ResizeHandler.ts +100 -0
  498. package/src/delegate/ScrollEnablement.ts +224 -0
  499. package/src/features/F6Navigation.ts +195 -0
  500. package/src/features/LegacyDateFormats.ts +40 -0
  501. package/src/features/OpenUI5Element.ts +11 -0
  502. package/src/features/OpenUI5Enablement.ts +117 -0
  503. package/src/features/OpenUI5Support.ts +153 -0
  504. package/src/generated/css/BusyIndicator.css.ts +9 -0
  505. package/src/generated/css/FontFace.css.ts +9 -0
  506. package/src/generated/css/OverrideFontFace.css.ts +9 -0
  507. package/src/generated/css/SystemCSSVars.css.ts +9 -0
  508. package/src/{getSharedResource.js → getSharedResource.ts} +13 -4
  509. package/src/global.d.ts +38 -0
  510. package/src/{i18nBundle.js → i18nBundle.ts} +44 -22
  511. package/src/locale/{Locale.js → Locale.ts} +15 -5
  512. package/src/locale/RTLAwareRegistry.ts +16 -0
  513. package/src/locale/{applyDirection.js → applyDirection.ts} +4 -3
  514. package/src/locale/{directionChange.js → directionChange.ts} +6 -4
  515. package/src/locale/{getEffectiveDir.js → getEffectiveDir.ts} +1 -1
  516. package/src/locale/{getLocale.js → getLocale.ts} +12 -7
  517. package/src/locale/languageChange.ts +24 -0
  518. package/src/locale/{nextFallbackLocale.js → nextFallbackLocale.ts} +1 -1
  519. package/src/locale/{normalizeLocale.js → normalizeLocale.ts} +5 -3
  520. package/src/renderer/LitRenderer.ts +60 -0
  521. package/src/renderer/executeTemplate.ts +40 -0
  522. package/src/theming/CustomStyle.ts +64 -0
  523. package/src/theming/{ThemeLoaded.js → ThemeLoaded.ts} +6 -4
  524. package/src/theming/{applyTheme.js → applyTheme.ts} +30 -15
  525. package/src/theming/{getConstructableStyle.js → getConstructableStyle.ts} +5 -4
  526. package/src/theming/getEffectiveLinksHrefs.ts +26 -0
  527. package/src/theming/{getEffectiveStyle.js → getEffectiveStyle.ts} +15 -4
  528. package/src/theming/getStylesString.ts +15 -0
  529. package/src/theming/getThemeDesignerTheme.ts +101 -0
  530. package/src/theming/{preloadLinks.js → preloadLinks.ts} +3 -2
  531. package/src/thirdparty/{_merge.js → _merge.ts} +2 -2
  532. package/src/thirdparty/{isPlainObject.js → isPlainObject.ts} +1 -1
  533. package/src/thirdparty/merge.ts +5 -0
  534. package/src/types/AnimationMode.ts +33 -0
  535. package/src/types/{CSSColor.js → CSSColor.ts} +12 -1
  536. package/src/types/CalendarType.ts +38 -0
  537. package/src/types/DOMReference.ts +28 -0
  538. package/src/types/DataType.ts +51 -0
  539. package/src/types/Float.ts +25 -0
  540. package/src/types/Integer.ts +25 -0
  541. package/src/types/InvisibleMessageMode.ts +27 -0
  542. package/src/types/ItemNavigationBehavior.ts +26 -0
  543. package/src/types/NavigationMode.ts +33 -0
  544. package/src/types/ValueState.ts +47 -0
  545. package/src/types.ts +30 -0
  546. package/src/updateShadowRoot.ts +42 -0
  547. package/src/util/AriaLabelHelper.ts +218 -0
  548. package/src/util/Caret.ts +28 -0
  549. package/src/util/ColorConversion.ts +399 -0
  550. package/src/util/{FetchHelper.js → FetchHelper.ts} +7 -7
  551. package/src/util/FocusableElements.ts +92 -0
  552. package/src/util/{HTMLSanitizer.js → HTMLSanitizer.ts} +2 -0
  553. package/src/util/{InvisibleMessage.js → InvisibleMessage.ts} +25 -14
  554. package/src/util/PopupUtils.ts +112 -0
  555. package/src/util/{SlotsHelper.js → SlotsHelper.ts} +9 -13
  556. package/src/util/{StringHelper.js → StringHelper.ts} +7 -7
  557. package/src/util/TabbableElements.ts +70 -0
  558. package/src/util/{arraysAreEqual.js → arraysAreEqual.ts} +1 -1
  559. package/src/util/{clamp.js → clamp.ts} +1 -1
  560. package/src/util/{createLinkInHead.js → createLinkInHead.ts} +10 -4
  561. package/src/util/{createStyleInHead.js → createStyleInHead.ts} +4 -2
  562. package/src/util/{debounce.js → debounce.ts} +5 -4
  563. package/src/util/{detectNavigatorLanguage.js → detectNavigatorLanguage.ts} +1 -1
  564. package/src/util/escapeRegex.ts +11 -0
  565. package/src/util/{formatMessage.js → formatMessage.ts} +4 -3
  566. package/src/util/generateHighlightedMarkup.ts +43 -0
  567. package/src/util/{getClassCopy.js → getClassCopy.ts} +3 -1
  568. package/src/util/{getDesigntimePropertyAsArray.js → getDesigntimePropertyAsArray.ts} +1 -1
  569. package/src/util/getEffectiveContentDensity.ts +5 -0
  570. package/src/util/getEffectiveScrollbarStyle.ts +5 -0
  571. package/src/util/getFastNavigationGroups.ts +63 -0
  572. package/src/util/{getFileExtension.js → getFileExtension.ts} +3 -3
  573. package/src/util/getNormalizedTarget.ts +16 -0
  574. package/src/util/{getSingletonElementInstance.js → getSingletonElementInstance.ts} +1 -1
  575. package/src/util/isElementClickable.ts +19 -0
  576. package/src/util/isElementHidden.ts +9 -0
  577. package/src/util/{isElementInView.js → isElementInView.ts} +1 -1
  578. package/src/util/isElementTabbable.ts +37 -0
  579. package/src/util/{isValidPropertyName.js → isValidPropertyName.ts} +1 -1
  580. package/src/util/{whenDOMReady.js → whenDOMReady.ts} +1 -1
  581. package/src/util/willShowContent.ts +7 -0
  582. package/src/validateThemeRoot.ts +58 -0
  583. package/tsconfig.json +13 -0
  584. package/used-modules.txt +4 -1
  585. package/config/.eslintrc.js +0 -3
  586. package/config/rollup.config.js +0 -1
  587. package/dist/RenderScheduler.js +0 -44
  588. package/dist/animations/config.js +0 -5
  589. package/dist/isLegacyBrowser.js +0 -3
  590. package/dist/resources/bundle.esm.js +0 -37
  591. package/dist/resources/bundle.esm.js.map +0 -1
  592. package/dist/test-resources/assets/Themes.js +0 -17
  593. package/dist/test-resources/elements/Child.js +0 -35
  594. package/dist/test-resources/elements/Generic.js +0 -84
  595. package/dist/test-resources/elements/GenericExt.js +0 -26
  596. package/dist/test-resources/elements/NoShadowDOM.js +0 -13
  597. package/dist/test-resources/elements/Parent.js +0 -41
  598. package/dist/test-resources/elements/WithStaticArea.js +0 -77
  599. package/dist/test-resources/pages/AllTestElements.html +0 -42
  600. package/dist/test-resources/pages/Configuration.html +0 -18
  601. package/dist/test-resources/pages/ConfigurationScript.html +0 -34
  602. package/dist/test-resources/pages/assets/messagebundle_de.properties +0 -1
  603. package/dist/test-resources/pages/assets/messagebundle_en.properties +0 -1
  604. package/dist/test-resources/pages/assets/messagebundle_es.properties +0 -1
  605. package/dist/test-resources/pages/assets/messagebundle_fr.properties +0 -1
  606. package/dist/test-resources/pages/i18n.html +0 -33
  607. package/dist/test-resources/specs/ConfigurationChange.spec.js +0 -27
  608. package/dist/test-resources/specs/ConfigurationScript.spec.js +0 -63
  609. package/dist/test-resources/specs/ConfigurationURL.spec.js +0 -93
  610. package/dist/test-resources/specs/CustomTheme.spec.js +0 -27
  611. package/dist/test-resources/specs/EventProvider.spec.js +0 -63
  612. package/dist/test-resources/specs/StaticArea.spec.js +0 -78
  613. package/dist/test-resources/specs/Theming.spec.js +0 -33
  614. package/dist/test-resources/specs/UI5ElementInvalidation.js +0 -242
  615. package/dist/test-resources/specs/UI5ElementLifecycle.js +0 -98
  616. package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js +0 -75
  617. package/dist/test-resources/specs/UI5ElementMetadataExt.js +0 -42
  618. package/dist/test-resources/specs/UI5ElementPropertyValidation.js +0 -14
  619. package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js +0 -67
  620. package/dist/test-resources/specs/UI5ElementShadowDOM.js +0 -24
  621. package/dist/test-resources/specs/UI5ElementSlots.js +0 -36
  622. package/dist/types/CSSSize.js +0 -9
  623. package/dist/types/PopupState.js +0 -37
  624. package/dist/util/encodeCSS.js +0 -24
  625. package/dist/util/findNodeOwner.js +0 -35
  626. package/dist/util/isDescendantOf.js +0 -15
  627. package/dist/util/isNodeClickable.js +0 -19
  628. package/dist/util/isNodeHidden.js +0 -9
  629. package/dist/util/isNodeTabbable.js +0 -28
  630. package/dist/util/setToArray.js +0 -10
  631. package/hash.txt +0 -1
  632. package/src/Boot.js +0 -43
  633. package/src/CustomElementsRegistry.js +0 -39
  634. package/src/DOMObserver.js +0 -65
  635. package/src/Device.js +0 -107
  636. package/src/FeaturesRegistry.js +0 -11
  637. package/src/Keys.js +0 -248
  638. package/src/ManagedStyles.js +0 -83
  639. package/src/RenderScheduler.js +0 -44
  640. package/src/animations/animate.js +0 -53
  641. package/src/animations/config.js +0 -5
  642. package/src/animations/scroll.js +0 -28
  643. package/src/asset-registries/Icons.js +0 -139
  644. package/src/asset-registries/Illustrations.js +0 -30
  645. package/src/asset-registries/Themes.js +0 -78
  646. package/src/assets-meta/IconCollectionsAlias.js +0 -18
  647. package/src/config/AnimationMode.js +0 -23
  648. package/src/config/FormatSettings.js +0 -13
  649. package/src/config/NoConflict.js +0 -51
  650. package/src/config/Theme.js +0 -42
  651. package/src/delegate/ResizeHandler.js +0 -106
  652. package/src/delegate/ScrollEnablement.js +0 -188
  653. package/src/features/OpenUI5Support.js +0 -125
  654. package/src/isLegacyBrowser.js +0 -3
  655. package/src/locale/RTLAwareRegistry.js +0 -14
  656. package/src/locale/languageChange.js +0 -22
  657. package/src/renderer/LitRenderer.js +0 -34
  658. package/src/renderer/executeTemplate.js +0 -17
  659. package/src/theming/CustomStyle.js +0 -40
  660. package/src/theming/getEffectiveLinksHrefs.js +0 -20
  661. package/src/theming/getStylesString.js +0 -15
  662. package/src/theming/getThemeDesignerTheme.js +0 -68
  663. package/src/thirdparty/merge.js +0 -10
  664. package/src/types/AnimationMode.js +0 -7
  665. package/src/types/CSSSize.js +0 -9
  666. package/src/types/CalendarType.js +0 -22
  667. package/src/types/DataType.js +0 -37
  668. package/src/types/Float.js +0 -14
  669. package/src/types/Integer.js +0 -13
  670. package/src/types/InvisibleMessageMode.js +0 -30
  671. package/src/types/ItemNavigationBehavior.js +0 -16
  672. package/src/types/NavigationMode.js +0 -7
  673. package/src/types/PopupState.js +0 -37
  674. package/src/types/ValueState.js +0 -22
  675. package/src/updateShadowRoot.js +0 -30
  676. package/src/util/AriaLabelHelper.js +0 -41
  677. package/src/util/Caret.js +0 -45
  678. package/src/util/ColorConversion.js +0 -370
  679. package/src/util/FocusableElements.js +0 -77
  680. package/src/util/PopupUtils.js +0 -93
  681. package/src/util/TabbableElements.js +0 -47
  682. package/src/util/encodeCSS.js +0 -24
  683. package/src/util/findNodeOwner.js +0 -35
  684. package/src/util/getEffectiveContentDensity.js +0 -5
  685. package/src/util/isDescendantOf.js +0 -15
  686. package/src/util/isNodeClickable.js +0 -19
  687. package/src/util/isNodeHidden.js +0 -9
  688. package/src/util/isNodeTabbable.js +0 -28
  689. package/src/util/setToArray.js +0 -10
  690. /package/src/{AssetRegistry.js → AssetRegistry.ts} +0 -0
  691. /package/src/{StaticArea.js → StaticArea.ts} +0 -0
  692. /package/src/{SystemCSSVars.js → SystemCSSVars.ts} +0 -0
  693. /package/src/{Theming.js → Theming.ts} +0 -0
  694. /package/src/util/{getActiveElement.js → getActiveElement.ts} +0 -0
package/dist/Boot.js CHANGED
@@ -1,43 +1,48 @@
1
- import EventProvider from "./EventProvider.js";
2
1
  import whenDOMReady from "./util/whenDOMReady.js";
3
2
  import insertFontFace from "./FontFace.js";
4
3
  import insertSystemCSSVars from "./SystemCSSVars.js";
5
4
  import { getTheme } from "./config/Theme.js";
6
5
  import applyTheme from "./theming/applyTheme.js";
6
+ import { registerCurrentRuntime } from "./Runtimes.js";
7
7
  import { getFeature } from "./FeaturesRegistry.js";
8
-
9
- let booted = false;
10
- const eventProvider = new EventProvider();
11
-
8
+ let bootPromise;
12
9
  /**
13
- * Attach a callback that will be executed on boot
10
+ * Attach a callback that will be executed on boot
14
11
  * @public
15
12
  * @param listener
16
13
  */
17
- const attachBoot = listener => {
18
- eventProvider.attachEvent("boot", listener);
14
+ const attachBoot = async (listener) => {
15
+ await boot();
16
+ listener();
19
17
  };
20
-
21
18
  const boot = async () => {
22
- if (booted) {
23
- return;
24
- }
25
-
26
- const OpenUI5Support = getFeature("OpenUI5Support");
27
- if (OpenUI5Support) {
28
- await OpenUI5Support.init();
29
- }
30
-
31
- await whenDOMReady();
32
- await applyTheme(getTheme());
33
- OpenUI5Support && OpenUI5Support.attachListeners();
34
- insertFontFace();
35
- insertSystemCSSVars();
36
- await eventProvider.fireEventAsync("boot");
37
- booted = true;
38
- };
39
-
40
- export {
41
- boot,
42
- attachBoot,
19
+ if (bootPromise !== undefined) {
20
+ return bootPromise;
21
+ }
22
+ const bootExecutor = async (resolve) => {
23
+ if (typeof document === "undefined") {
24
+ resolve();
25
+ return;
26
+ }
27
+ registerCurrentRuntime();
28
+ const openUI5Support = getFeature("OpenUI5Support");
29
+ const isOpenUI5Loaded = openUI5Support ? openUI5Support.isLoaded() : false;
30
+ const f6Navigation = getFeature("F6Navigation");
31
+ if (openUI5Support) {
32
+ await openUI5Support.init();
33
+ }
34
+ if (f6Navigation && !isOpenUI5Loaded) {
35
+ f6Navigation.init();
36
+ }
37
+ await whenDOMReady();
38
+ await applyTheme(getTheme());
39
+ openUI5Support && openUI5Support.attachListeners();
40
+ insertFontFace();
41
+ insertSystemCSSVars();
42
+ resolve();
43
+ };
44
+ bootPromise = new Promise(bootExecutor);
45
+ return bootPromise;
43
46
  };
47
+ export { boot, attachBoot, };
48
+ //# sourceMappingURL=Boot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Boot.js","sourceRoot":"","sources":["../src/Boot.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,cAAc,MAAM,eAAe,CAAC;AAC3C,OAAO,mBAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAKnD,IAAI,WAA0B,CAAC;AAE/B;;;;GAIG;AACH,MAAM,UAAU,GAAG,KAAK,EAAE,QAAoB,EAAE,EAAE;IACjD,MAAM,IAAI,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,KAAK,IAAmB,EAAE;IACtC,IAAI,WAAW,KAAK,SAAS,EAAE;QAC9B,OAAO,WAAW,CAAC;KACnB;IAED,MAAM,YAAY,GAAG,KAAK,EAAE,OAAuB,EAAE,EAAE;QACtD,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACpC,OAAO,EAAE,CAAC;YACV,OAAO;SACP;QACD,sBAAsB,EAAE,CAAC;QAEzB,MAAM,cAAc,GAAG,UAAU,CAAwB,gBAAgB,CAAC,CAAC;QAC3E,MAAM,eAAe,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3E,MAAM,YAAY,GAAG,UAAU,CAAsB,cAAc,CAAC,CAAC;QAErE,IAAI,cAAc,EAAE;YACnB,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC;SAC5B;QAED,IAAI,YAAY,IAAI,CAAC,eAAe,EAAE;YACrC,YAAY,CAAC,IAAI,EAAE,CAAC;SACpB;QAED,MAAM,YAAY,EAAE,CAAC;QACrB,MAAM,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC7B,cAAc,IAAI,cAAc,CAAC,eAAe,EAAE,CAAC;QACnD,cAAc,EAAE,CAAC;QACjB,mBAAmB,EAAE,CAAC;QAEtB,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,WAAW,GAAG,IAAI,OAAO,CAAC,YAAiD,CAAC,CAAC;IAE7E,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAEF,OAAO,EACN,IAAI,EACJ,UAAU,GACV,CAAC"}
package/dist/CSP.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ /**
2
+ * Use this function to provide the path to the directory where the css resources for the given package will be served from.
3
+ *
4
+ * @public
5
+ * @param packageName name of the package that is being configured
6
+ * @param root path, accessible by the server that will serve the css resources
7
+ */
8
+ declare const setPackageCSSRoot: (packageName: string, root: string) => void;
9
+ declare const getUrl: (packageName: string, path: string) => string;
10
+ /**
11
+ * Call this function to enable or disable the usage of <link> tags instead of <style> tags to achieve CSP compliance
12
+ * Example: "setUseLinks(true)" will unconditionally use <link> tags for all browsers;
13
+ * Example: "setUseLinks(!document.adoptedStyleSheets) will only enable the usage of <link> tags for browsers that do not support constructable stylesheets.
14
+ *
15
+ * @public
16
+ * @param use whether links will be used
17
+ */
18
+ declare const setUseLinks: (use: boolean) => void;
19
+ /**
20
+ * Call this function to enable or disable the preloading of <link> tags.
21
+ * Note: only taken into account when <link> tags are being used.
22
+ * Note: links are being preloaded by default, so call "setPreloadLinks(false)" to opt out of this.
23
+ *
24
+ * @public
25
+ * @param preload
26
+ */
27
+ declare const setPreloadLinks: (preload: boolean) => void;
28
+ declare const shouldUseLinks: () => boolean;
29
+ declare const shouldPreloadLinks: () => boolean;
30
+ export { setPackageCSSRoot, getUrl, setUseLinks, setPreloadLinks, shouldUseLinks, shouldPreloadLinks, };
package/dist/CSP.js CHANGED
@@ -1,22 +1,24 @@
1
1
  const roots = new Map();
2
2
  let useLinks = false;
3
3
  let preloadLinks = true;
4
-
5
4
  /**
6
- * Use this function to provide the path to the directory where the css resources for the given package will be served from
5
+ * Use this function to provide the path to the directory where the css resources for the given package will be served from.
7
6
  *
8
7
  * @public
9
8
  * @param packageName name of the package that is being configured
10
9
  * @param root path, accessible by the server that will serve the css resources
11
10
  */
12
11
  const setPackageCSSRoot = (packageName, root) => {
13
- roots.set(packageName, root);
12
+ roots.set(packageName, root);
14
13
  };
15
-
16
14
  const getUrl = (packageName, path) => {
17
- return `${roots.get(packageName)}${path}`;
15
+ const packageCSSRoot = roots.get(packageName);
16
+ if (!packageCSSRoot) {
17
+ console.warn(`Root path to the CSS resources ${packageName} not provided - use "setPackageCSSRoot" to provide the root.`); // eslint-disable-line
18
+ return "";
19
+ }
20
+ return `${packageCSSRoot}${path}`;
18
21
  };
19
-
20
22
  /**
21
23
  * Call this function to enable or disable the usage of <link> tags instead of <style> tags to achieve CSP compliance
22
24
  * Example: "setUseLinks(true)" will unconditionally use <link> tags for all browsers;
@@ -25,10 +27,9 @@ const getUrl = (packageName, path) => {
25
27
  * @public
26
28
  * @param use whether links will be used
27
29
  */
28
- const setUseLinks = use => {
29
- useLinks = use;
30
+ const setUseLinks = (use) => {
31
+ useLinks = use;
30
32
  };
31
-
32
33
  /**
33
34
  * Call this function to enable or disable the preloading of <link> tags.
34
35
  * Note: only taken into account when <link> tags are being used.
@@ -37,23 +38,14 @@ const setUseLinks = use => {
37
38
  * @public
38
39
  * @param preload
39
40
  */
40
- const setPreloadLinks = preload => {
41
- preloadLinks = preload;
41
+ const setPreloadLinks = (preload) => {
42
+ preloadLinks = preload;
42
43
  };
43
-
44
44
  const shouldUseLinks = () => {
45
- return useLinks;
45
+ return useLinks;
46
46
  };
47
-
48
47
  const shouldPreloadLinks = () => {
49
- return preloadLinks;
50
- };
51
-
52
- export {
53
- setPackageCSSRoot,
54
- getUrl,
55
- setUseLinks,
56
- setPreloadLinks,
57
- shouldUseLinks,
58
- shouldPreloadLinks,
48
+ return preloadLinks;
59
49
  };
50
+ export { setPackageCSSRoot, getUrl, setUseLinks, setPreloadLinks, shouldUseLinks, shouldPreloadLinks, };
51
+ //# sourceMappingURL=CSP.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CSP.js","sourceRoot":"","sources":["../src/CSP.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,IAAI,GAAG,EAAkB,CAAC;AACxC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,IAAI,YAAY,GAAG,IAAI,CAAC;AAExB;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,EAAE;IAC/D,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,EAAE;IACpD,MAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE9C,IAAI,CAAC,cAAc,EAAE;QACpB,OAAO,CAAC,IAAI,CAAC,kCAAkC,WAAW,8DAA8D,CAAC,CAAC,CAAC,sBAAsB;QACjJ,OAAO,EAAE,CAAC;KACV;IAED,OAAO,GAAG,cAAc,GAAG,IAAI,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,GAAY,EAAE,EAAE;IACpC,QAAQ,GAAG,GAAG,CAAC;AAChB,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC5C,YAAY,GAAG,OAAO,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,EAAE;IAC3B,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,OAAO,YAAY,CAAC;AACrB,CAAC,CAAC;AAEF,OAAO,EACN,iBAAiB,EACjB,MAAM,EACN,WAAW,EACX,eAAe,EACf,cAAc,EACd,kBAAkB,GAClB,CAAC"}
@@ -0,0 +1,5 @@
1
+ declare const registerTag: (tag: string) => void;
2
+ declare const isTagRegistered: (tag: string) => boolean;
3
+ declare const getAllRegisteredTags: () => string[];
4
+ declare const recordTagRegistrationFailure: (tag: string) => void;
5
+ export { registerTag, isTagRegistered, getAllRegisteredTags, recordTagRegistrationFailure, };
@@ -1,39 +1,78 @@
1
- import setToArray from "./util/setToArray.js";
2
-
1
+ import getSharedResource from "./getSharedResource.js";
2
+ import { getCurrentRuntimeIndex, compareRuntimes, getAllRuntimes } from "./Runtimes.js";
3
+ const Tags = getSharedResource("Tags", new Map());
3
4
  const Definitions = new Set();
4
- const Failures = new Set();
5
+ let Failures = new Map();
5
6
  let failureTimeout;
6
-
7
- const registerTag = tag => {
8
- Definitions.add(tag);
7
+ const UNKNOWN_RUNTIME = -1;
8
+ const registerTag = (tag) => {
9
+ Definitions.add(tag);
10
+ Tags.set(tag, getCurrentRuntimeIndex());
9
11
  };
10
-
11
- const isTagRegistered = tag => {
12
- return Definitions.has(tag);
12
+ const isTagRegistered = (tag) => {
13
+ return Definitions.has(tag);
13
14
  };
14
-
15
15
  const getAllRegisteredTags = () => {
16
- return setToArray(Definitions);
16
+ return [...Definitions.values()];
17
17
  };
18
-
19
- const recordTagRegistrationFailure = tag => {
20
- Failures.add(tag);
21
- if (!failureTimeout) {
22
- failureTimeout = setTimeout(() => {
23
- displayFailedRegistrations();
24
- failureTimeout = undefined;
25
- }, 1000);
26
- }
18
+ const recordTagRegistrationFailure = (tag) => {
19
+ let tagRegRuntimeIndex = Tags.get(tag);
20
+ if (tagRegRuntimeIndex === undefined) {
21
+ tagRegRuntimeIndex = UNKNOWN_RUNTIME; // If the tag is taken, but not registered in Tags, then a version before 1.1.0 defined it => use the "unknown" key
22
+ }
23
+ if (!Failures.has(tagRegRuntimeIndex)) {
24
+ Failures.set(tagRegRuntimeIndex, new Set());
25
+ }
26
+ Failures.get(tagRegRuntimeIndex).add(tag);
27
+ if (!failureTimeout) {
28
+ failureTimeout = setTimeout(() => {
29
+ displayFailedRegistrations();
30
+ Failures = new Map();
31
+ failureTimeout = undefined;
32
+ }, 1000);
33
+ }
27
34
  };
28
-
29
35
  const displayFailedRegistrations = () => {
30
- console.warn(`The following tags have already been defined by a different UI5 Web Components version: ${setToArray(Failures).join(", ")}`); // eslint-disable-line
31
- Failures.clear();
32
- };
33
-
34
- export {
35
- registerTag,
36
- isTagRegistered,
37
- getAllRegisteredTags,
38
- recordTagRegistrationFailure,
36
+ const allRuntimes = getAllRuntimes();
37
+ const currentRuntimeIndex = getCurrentRuntimeIndex();
38
+ const currentRuntime = allRuntimes[currentRuntimeIndex];
39
+ let message = `Multiple UI5 Web Components instances detected.`;
40
+ if (allRuntimes.length > 1) {
41
+ message = `${message}\nLoading order (versions before 1.1.0 not listed): ${allRuntimes.map(runtime => `\n${runtime.description}`).join("")}`;
42
+ }
43
+ [...Failures.keys()].forEach(otherRuntimeIndex => {
44
+ let comparison;
45
+ let otherRuntime;
46
+ if (otherRuntimeIndex === UNKNOWN_RUNTIME) { // version < 1.1.0 defined the tag
47
+ comparison = 1; // the current runtime is considered newer
48
+ otherRuntime = {
49
+ description: `Older unknown runtime`,
50
+ };
51
+ }
52
+ else {
53
+ comparison = compareRuntimes(currentRuntimeIndex, otherRuntimeIndex);
54
+ otherRuntime = allRuntimes[otherRuntimeIndex];
55
+ }
56
+ let compareWord;
57
+ if (comparison > 0) {
58
+ compareWord = "an older";
59
+ }
60
+ else if (comparison < 0) {
61
+ compareWord = "a newer";
62
+ }
63
+ else {
64
+ compareWord = "the same";
65
+ }
66
+ message = `${message}\n\n"${currentRuntime.description}" failed to define ${Failures.get(otherRuntimeIndex).size} tag(s) as they were defined by a runtime of ${compareWord} version "${otherRuntime.description}": ${([...Failures.get(otherRuntimeIndex)]).sort().join(", ")}.`;
67
+ if (comparison > 0) {
68
+ message = `${message}\nWARNING! If your code uses features of the above web components, unavailable in ${otherRuntime.description}, it might not work as expected!`;
69
+ }
70
+ else {
71
+ message = `${message}\nSince the above web components were defined by the same or newer version runtime, they should be compatible with your code.`;
72
+ }
73
+ });
74
+ message = `${message}\n\nTo prevent other runtimes from defining tags that you use, consider using scoping or have third-party libraries use scoping: https://github.com/SAP/ui5-webcomponents/blob/main/docs/2-advanced/03-scoping.md.`;
75
+ console.warn(message); // eslint-disable-line
39
76
  };
77
+ export { registerTag, isTagRegistered, getAllRegisteredTags, recordTagRegistrationFailure, };
78
+ //# sourceMappingURL=CustomElementsRegistry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomElementsRegistry.js","sourceRoot":"","sources":["../src/CustomElementsRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGxF,MAAM,IAAI,GAAG,iBAAiB,CAAsB,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACvE,MAAM,WAAW,GAAG,IAAI,GAAG,EAAU,CAAC;AAEtC,IAAI,QAAQ,GAAG,IAAI,GAAG,EAAuB,CAAC;AAC9C,IAAI,cAAmC,CAAC;AAExC,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC;AAE3B,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;IACnC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,sBAAsB,EAAE,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE;IACvC,OAAO,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,OAAO,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAAG,CAAC,GAAW,EAAE,EAAE;IACpD,IAAI,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvC,IAAI,kBAAkB,KAAK,SAAS,EAAE;QACrC,kBAAkB,GAAG,eAAe,CAAC,CAAC,mHAAmH;KACzJ;IAED,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE;QACtC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;KAC5C;IACD,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE3C,IAAI,CAAC,cAAc,EAAE;QACpB,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,0BAA0B,EAAE,CAAC;YAC7B,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;YACrB,cAAc,GAAG,SAAS,CAAC;QAC5B,CAAC,EAAE,IAAI,CAAC,CAAC;KACT;AACF,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;IACrD,MAAM,cAAc,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAExD,IAAI,OAAO,GAAG,iDAAiD,CAAC;IAEhE,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3B,OAAO,GAAG,GAAG,OAAO,uDAAuD,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;KAC7I;IAED,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;QAChD,IAAI,UAAkB,CAAC;QACvB,IAAI,YAAY,CAAC;QAEjB,IAAI,iBAAiB,KAAK,eAAe,EAAE,EAAE,kCAAkC;YAC9E,UAAU,GAAG,CAAC,CAAC,CAAC,0CAA0C;YAC1D,YAAY,GAAG;gBACd,WAAW,EAAE,uBAAuB;aACpC,CAAC;SACF;aAAM;YACN,UAAU,GAAG,eAAe,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;YACrE,YAAY,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;SAC9C;QAED,IAAI,WAAW,CAAC;QAChB,IAAI,UAAU,GAAG,CAAC,EAAE;YACnB,WAAW,GAAG,UAAU,CAAC;SACzB;aAAM,IAAI,UAAU,GAAG,CAAC,EAAE;YAC1B,WAAW,GAAG,SAAS,CAAC;SACxB;aAAM;YACN,WAAW,GAAG,UAAU,CAAC;SACzB;QACD,OAAO,GAAG,GAAG,OAAO,QAAQ,cAAc,CAAC,WAAW,sBAAsB,QAAQ,CAAC,GAAG,CAAC,iBAAiB,CAAE,CAAC,IAAI,gDAAgD,WAAW,aAAa,YAAY,CAAC,WAAW,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,iBAAiB,CAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;QAEpR,IAAI,UAAU,GAAG,CAAC,EAAE;YACnB,OAAO,GAAG,GAAG,OAAO,qFAAqF,YAAY,CAAC,WAAW,kCAAkC,CAAC;SACpK;aAAM;YACN,OAAO,GAAG,GAAG,OAAO,+HAA+H,CAAC;SACpJ;IACF,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,GAAG,OAAO,oNAAoN,CAAC;IAEzO,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;AAC9C,CAAC,CAAC;AAEF,OAAO,EACN,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,4BAA4B,GAC5B,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, shouldScopeCustomElement, getEffectiveScopingSuffixForTag } from "./CustomElementsScopeUtils.js";
2
+ declare class LitStatic {
3
+ static html: (strings: TemplateStringsArray, ...values: unknown[]) => import("lit-html").TemplateResult<1 | 2>;
4
+ static svg: (strings: TemplateStringsArray, ...values: unknown[]) => import("lit-html").TemplateResult<1 | 2>;
5
+ static unsafeStatic: (value: string) => object;
6
+ }
7
+ export { LitStatic, setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, shouldScopeCustomElement, getEffectiveScopingSuffixForTag, };
@@ -1,108 +1,11 @@
1
- let suf;
2
- let rulesObj = {
3
- include: [/^ui5-/],
4
- exclude: [],
5
- };
6
- const tagsCache = new Map(); // true/false means the tag should/should not be cached, undefined means not known yet.
7
-
8
- /**
9
- * Sets the suffix to be used for custom elements scoping, f.e. pass "demo" to get tags such as "ui5-button-demo".
10
- * Note: by default all tags starting with "ui5-" will be scoped, unless you change this by calling "setCustomElementsScopingRules"
11
- *
12
- * @public
13
- * @param suffix The scoping suffix
14
- */
15
- const setCustomElementsScopingSuffix = suffix => {
16
- if (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {
17
- throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");
18
- }
19
-
20
- suf = suffix;
21
- };
22
-
23
- /**
24
- * Returns the currently set scoping suffix, or undefined if not set.
25
- *
26
- * @public
27
- * @returns {String|undefined}
28
- */
29
- const getCustomElementsScopingSuffix = () => {
30
- return suf;
31
- };
32
-
33
- /**
34
- * Sets the rules, governing which custom element tags to scope and which not, f.e.
35
- * setCustomElementsScopingRules({include: [/^ui5-/]}, exclude: [/^ui5-mylib-/, /^ui5-carousel$/]);
36
- * will scope all elements starting with "ui5-" but not the ones starting with "ui5-mylib-" and not "ui5-carousel".
37
- *
38
- * @public
39
- * @param rules Object with "include" and "exclude" properties, both arrays of regular expressions. Note that "include"
40
- * rules are applied first and "exclude" rules second.
41
- */
42
- const setCustomElementsScopingRules = rules => {
43
- if (!rules || !rules.include) {
44
- throw new Error(`"rules" must be an object with at least an "include" property`);
45
- }
46
-
47
- if (!Array.isArray(rules.include) || rules.include.some(rule => !(rule instanceof RegExp))) {
48
- throw new Error(`"rules.include" must be an array of regular expressions`);
49
- }
50
-
51
- if (rules.exclude && (!Array.isArray(rules.exclude) || rules.exclude.some(rule => !(rule instanceof RegExp)))) {
52
- throw new Error(`"rules.exclude" must be an array of regular expressions`);
53
- }
54
-
55
- rules.exclude = rules.exclude || [];
56
- rulesObj = rules;
57
- tagsCache.clear(); // reset the cache upon setting new rules
58
- };
59
-
60
- /**
61
- * Returns the rules, governing which custom element tags to scope and which not. By default, all elements
62
- * starting with "ui5-" are scoped. The default rules are: {include: [/^ui5-/]}.
63
- *
64
- * @public
65
- * @returns {Object}
66
- */
67
- const getCustomElementsScopingRules = () => {
68
- return rulesObj;
69
- };
70
-
71
- /**
72
- * Determines whether custom elements with the given tag should be scoped or not.
73
- * The tag is first matched against the "include" rules and then against the "exclude" rules and the
74
- * result is cached until new rules are set.
75
- *
76
- * @public
77
- * @param tag
78
- */
79
- const shouldScopeCustomElement = tag => {
80
- if (!tagsCache.has(tag)) {
81
- const result = rulesObj.include.some(rule => tag.match(rule)) && !rulesObj.exclude.some(rule => tag.match(rule));
82
- tagsCache.set(tag, result);
83
- }
84
-
85
- return tagsCache.get(tag);
86
- };
87
-
88
- /**
89
- * Returns the currently set scoping suffix, if any and if the tag should be scoped, or undefined otherwise.
90
- *
91
- * @public
92
- * @param tag
93
- * @returns {String}
94
- */
95
- const getEffectiveScopingSuffixForTag = tag => {
96
- if (shouldScopeCustomElement(tag)) {
97
- return getCustomElementsScopingSuffix();
98
- }
99
- };
100
-
101
- export {
102
- setCustomElementsScopingSuffix,
103
- getCustomElementsScopingSuffix,
104
- setCustomElementsScopingRules,
105
- getCustomElementsScopingRules,
106
- shouldScopeCustomElement,
107
- getEffectiveScopingSuffixForTag,
108
- };
1
+ import { html, svg, unsafeStatic, } from "lit-html/static.js";
2
+ import { setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, shouldScopeCustomElement, getEffectiveScopingSuffixForTag, } from "./CustomElementsScopeUtils.js";
3
+ import { registerFeature } from "./FeaturesRegistry.js";
4
+ class LitStatic {
5
+ }
6
+ LitStatic.html = html;
7
+ LitStatic.svg = svg;
8
+ LitStatic.unsafeStatic = unsafeStatic;
9
+ registerFeature("LitStatic", LitStatic);
10
+ export { LitStatic, setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, shouldScopeCustomElement, getEffectiveScopingSuffixForTag, };
11
+ //# sourceMappingURL=CustomElementsScope.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomElementsScope.js","sourceRoot":"","sources":["../src/CustomElementsScope.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,IAAI,EACJ,GAAG,EACH,YAAY,GACZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACN,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,6BAA6B,EAC7B,wBAAwB,EACxB,+BAA+B,GAC/B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,SAAS;;AACP,cAAI,GAAG,IAAI,CAAC;AACZ,aAAG,GAAG,GAAG,CAAC;AACV,sBAAY,GAA8B,YAAY,CAAC;AAG/D,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAExC,OAAO,EACN,SAAS,EACT,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,6BAA6B,EAC7B,wBAAwB,EACxB,+BAA+B,GAC/B,CAAC"}
@@ -0,0 +1,55 @@
1
+ type Rules = {
2
+ include: Array<RegExp>;
3
+ exclude: Array<RegExp>;
4
+ };
5
+ /**
6
+ * Sets the suffix to be used for custom elements scoping, f.e. pass "demo" to get tags such as "ui5-button-demo".
7
+ * Note: by default all tags starting with "ui5-" will be scoped, unless you change this by calling "setCustomElementsScopingRules"
8
+ *
9
+ * @public
10
+ * @param suffix The scoping suffix
11
+ */
12
+ declare const setCustomElementsScopingSuffix: (suffix: string) => void;
13
+ /**
14
+ * Returns the currently set scoping suffix, or undefined if not set.
15
+ *
16
+ * @public
17
+ * @returns {String|undefined}
18
+ */
19
+ declare const getCustomElementsScopingSuffix: () => string;
20
+ /**
21
+ * Sets the rules, governing which custom element tags to scope and which not, f.e.
22
+ * setCustomElementsScopingRules({include: [/^ui5-/]}, exclude: [/^ui5-mylib-/, /^ui5-carousel$/]);
23
+ * will scope all elements starting with "ui5-" but not the ones starting with "ui5-mylib-" and not "ui5-carousel".
24
+ *
25
+ * @public
26
+ * @param rules Object with "include" and "exclude" properties, both arrays of regular expressions. Note that "include"
27
+ * rules are applied first and "exclude" rules second.
28
+ */
29
+ declare const setCustomElementsScopingRules: (rules: Rules) => void;
30
+ /**
31
+ * Returns the rules, governing which custom element tags to scope and which not. By default, all elements
32
+ * starting with "ui5-" are scoped. The default rules are: {include: [/^ui5-/]}.
33
+ *
34
+ * @public
35
+ * @returns {Object}
36
+ */
37
+ declare const getCustomElementsScopingRules: () => Rules;
38
+ /**
39
+ * Determines whether custom elements with the given tag should be scoped or not.
40
+ * The tag is first matched against the "include" rules and then against the "exclude" rules and the
41
+ * result is cached until new rules are set.
42
+ *
43
+ * @public
44
+ * @param tag
45
+ */
46
+ declare const shouldScopeCustomElement: (tag: string) => boolean | undefined;
47
+ /**
48
+ * Returns the currently set scoping suffix, if any and if the tag should be scoped, or undefined otherwise.
49
+ *
50
+ * @public
51
+ * @param tag
52
+ * @returns {String}
53
+ */
54
+ declare const getEffectiveScopingSuffixForTag: (tag: string) => string | undefined;
55
+ export { setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, shouldScopeCustomElement, getEffectiveScopingSuffixForTag, };
@@ -0,0 +1,90 @@
1
+ let suf;
2
+ let rulesObj = {
3
+ include: [/^ui5-/],
4
+ exclude: [],
5
+ };
6
+ const tagsCache = new Map(); // true/false means the tag should/should not be cached, undefined means not known yet.
7
+ /**
8
+ * Sets the suffix to be used for custom elements scoping, f.e. pass "demo" to get tags such as "ui5-button-demo".
9
+ * Note: by default all tags starting with "ui5-" will be scoped, unless you change this by calling "setCustomElementsScopingRules"
10
+ *
11
+ * @public
12
+ * @param suffix The scoping suffix
13
+ */
14
+ const setCustomElementsScopingSuffix = (suffix) => {
15
+ if (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {
16
+ throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");
17
+ }
18
+ suf = suffix;
19
+ };
20
+ /**
21
+ * Returns the currently set scoping suffix, or undefined if not set.
22
+ *
23
+ * @public
24
+ * @returns {String|undefined}
25
+ */
26
+ const getCustomElementsScopingSuffix = () => {
27
+ return suf;
28
+ };
29
+ /**
30
+ * Sets the rules, governing which custom element tags to scope and which not, f.e.
31
+ * setCustomElementsScopingRules({include: [/^ui5-/]}, exclude: [/^ui5-mylib-/, /^ui5-carousel$/]);
32
+ * will scope all elements starting with "ui5-" but not the ones starting with "ui5-mylib-" and not "ui5-carousel".
33
+ *
34
+ * @public
35
+ * @param rules Object with "include" and "exclude" properties, both arrays of regular expressions. Note that "include"
36
+ * rules are applied first and "exclude" rules second.
37
+ */
38
+ const setCustomElementsScopingRules = (rules) => {
39
+ if (!rules || !rules.include) {
40
+ throw new Error(`"rules" must be an object with at least an "include" property`);
41
+ }
42
+ if (!Array.isArray(rules.include) || rules.include.some(rule => !(rule instanceof RegExp))) {
43
+ throw new Error(`"rules.include" must be an array of regular expressions`);
44
+ }
45
+ if (rules.exclude && (!Array.isArray(rules.exclude) || rules.exclude.some(rule => !(rule instanceof RegExp)))) {
46
+ throw new Error(`"rules.exclude" must be an array of regular expressions`);
47
+ }
48
+ rules.exclude = rules.exclude || [];
49
+ rulesObj = rules;
50
+ tagsCache.clear(); // reset the cache upon setting new rules
51
+ };
52
+ /**
53
+ * Returns the rules, governing which custom element tags to scope and which not. By default, all elements
54
+ * starting with "ui5-" are scoped. The default rules are: {include: [/^ui5-/]}.
55
+ *
56
+ * @public
57
+ * @returns {Object}
58
+ */
59
+ const getCustomElementsScopingRules = () => {
60
+ return rulesObj;
61
+ };
62
+ /**
63
+ * Determines whether custom elements with the given tag should be scoped or not.
64
+ * The tag is first matched against the "include" rules and then against the "exclude" rules and the
65
+ * result is cached until new rules are set.
66
+ *
67
+ * @public
68
+ * @param tag
69
+ */
70
+ const shouldScopeCustomElement = (tag) => {
71
+ if (!tagsCache.has(tag)) {
72
+ const result = rulesObj.include.some(rule => tag.match(rule)) && !rulesObj.exclude.some(rule => tag.match(rule));
73
+ tagsCache.set(tag, result);
74
+ }
75
+ return tagsCache.get(tag);
76
+ };
77
+ /**
78
+ * Returns the currently set scoping suffix, if any and if the tag should be scoped, or undefined otherwise.
79
+ *
80
+ * @public
81
+ * @param tag
82
+ * @returns {String}
83
+ */
84
+ const getEffectiveScopingSuffixForTag = (tag) => {
85
+ if (shouldScopeCustomElement(tag)) {
86
+ return getCustomElementsScopingSuffix();
87
+ }
88
+ };
89
+ export { setCustomElementsScopingSuffix, getCustomElementsScopingSuffix, setCustomElementsScopingRules, getCustomElementsScopingRules, shouldScopeCustomElement, getEffectiveScopingSuffixForTag, };
90
+ //# sourceMappingURL=CustomElementsScopeUtils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomElementsScopeUtils.js","sourceRoot":"","sources":["../src/CustomElementsScopeUtils.ts"],"names":[],"mappings":"AAAA,IAAI,GAAW,CAAC;AAOhB,IAAI,QAAQ,GAAU;IACrB,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,SAAS,GAAG,IAAI,GAAG,EAAmB,CAAC,CAAC,uFAAuF;AAErI;;;;;;GAMG;AACH,MAAM,8BAA8B,GAAG,CAAC,MAAc,EAAE,EAAE;IACzD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;QACtC,MAAM,IAAI,KAAK,CAAC,wEAAwE,CAAC,CAAC;KAC1F;IAED,GAAG,GAAG,MAAM,CAAC;AACd,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,8BAA8B,GAAG,GAAG,EAAE;IAC3C,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,6BAA6B,GAAG,CAAC,KAAY,EAAE,EAAE;IACtD,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAC7B,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;KACjF;IAED,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,YAAY,MAAM,CAAC,CAAC,EAAE;QAC3F,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;KAC3E;IAED,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,EAAE;QAC9G,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;KAC3E;IAED,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IACpC,QAAQ,GAAG,KAAK,CAAC;IACjB,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,yCAAyC;AAC7D,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAC1C,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,wBAAwB,GAAG,CAAC,GAAW,EAAE,EAAE;IAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACxB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QACjH,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;KAC3B;IAED,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,+BAA+B,GAAG,CAAC,GAAW,EAAE,EAAE;IACvD,IAAI,wBAAwB,CAAC,GAAG,CAAC,EAAE;QAClC,OAAO,8BAA8B,EAAE,CAAC;KACxC;AACF,CAAC,CAAC;AAEF,OAAO,EACN,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,6BAA6B,EAC7B,wBAAwB,EACxB,+BAA+B,GAC/B,CAAC"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @param node
3
+ * @param callback
4
+ * @param options
5
+ */
6
+ declare const observeDOMNode: (node: Node, callback: MutationCallback, options?: MutationObserverInit) => void;
7
+ /**
8
+ * @param node
9
+ */
10
+ declare const unobserveDOMNode: (node: Node) => void;
11
+ export { observeDOMNode, unobserveDOMNode, };