@ui5/webcomponents-base 0.0.0-e7dd012d7 → 0.0.0-ec448881d

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 (341) hide show
  1. package/.eslintignore +3 -0
  2. package/CHANGELOG.md +272 -0
  3. package/README.md +26 -2
  4. package/bundle.esm.js +13 -11
  5. package/dist/AssetRegistry.js +8 -9
  6. package/dist/Boot.js +59 -0
  7. package/dist/CSP.js +59 -0
  8. package/dist/CustomElementsRegistry.js +60 -4
  9. package/dist/CustomElementsScope.js +20 -98
  10. package/dist/CustomElementsScopeUtils.js +108 -0
  11. package/dist/DOMObserver.js +65 -0
  12. package/dist/Device.js +71 -773
  13. package/dist/EventProvider.js +30 -26
  14. package/dist/FeaturesRegistry.js +4 -1
  15. package/dist/FontFace.js +7 -95
  16. package/dist/InitialConfiguration.js +37 -21
  17. package/dist/Keys.js +98 -0
  18. package/dist/ManagedStyles.js +83 -0
  19. package/dist/MediaRange.js +109 -0
  20. package/{src/util/parseProperties.js → dist/PropertiesFileFormat.js} +6 -0
  21. package/dist/Render.js +175 -0
  22. package/dist/RenderScheduler.js +16 -138
  23. package/dist/Runtimes.js +107 -0
  24. package/dist/StaticArea.js +1 -29
  25. package/dist/StaticAreaItem.js +58 -65
  26. package/dist/SystemCSSVars.js +4 -25
  27. package/dist/UI5Element.js +315 -382
  28. package/dist/UI5ElementMetadata.js +132 -17
  29. package/dist/asset-registries/Icons.js +117 -14
  30. package/dist/asset-registries/Illustrations.js +30 -0
  31. package/dist/asset-registries/LocaleData.js +97 -68
  32. package/dist/asset-registries/Themes.js +29 -35
  33. package/dist/asset-registries/i18n.js +61 -50
  34. package/dist/assets-meta/IconCollectionsAlias.js +18 -0
  35. package/dist/config/Icons.js +52 -0
  36. package/dist/config/Language.js +18 -20
  37. package/dist/config/Theme.js +25 -0
  38. package/dist/css/BusyIndicator.css +80 -0
  39. package/dist/css/FontFace.css +75 -0
  40. package/dist/css/OverrideFontFace.css +32 -0
  41. package/dist/css/SystemCSSVars.css +17 -0
  42. package/dist/delegate/ItemNavigation.js +233 -201
  43. package/dist/delegate/ResizeHandler.js +78 -37
  44. package/dist/delegate/ScrollEnablement.js +49 -20
  45. package/dist/features/F6Navigation.js +106 -0
  46. package/dist/features/OpenUI5Enablement.js +119 -0
  47. package/dist/features/OpenUI5Support.js +41 -6
  48. package/dist/generated/AssetParameters.js +1 -1
  49. package/dist/generated/VersionInfo.js +10 -0
  50. package/dist/generated/css/BusyIndicator.css.js +5 -0
  51. package/dist/generated/css/FontFace.css.js +5 -0
  52. package/dist/generated/css/OverrideFontFace.css.js +5 -0
  53. package/dist/generated/css/SystemCSSVars.css.js +5 -0
  54. package/dist/i18nBundle.js +38 -4
  55. package/dist/isLegacyBrowser.js +3 -0
  56. package/dist/locale/applyDirection.js +6 -4
  57. package/dist/locale/directionChange.js +32 -0
  58. package/dist/locale/getEffectiveDir.js +28 -0
  59. package/dist/locale/languageChange.js +1 -1
  60. package/dist/renderer/LitRenderer.js +39 -18
  61. package/dist/renderer/directives/style-map.js +72 -0
  62. package/dist/renderer/executeTemplate.js +19 -2
  63. package/dist/resources/bundle.esm.js +15 -112
  64. package/dist/resources/bundle.esm.js.map +1 -1
  65. package/dist/sap/base/Log.js +241 -0
  66. package/dist/sap/base/assert.js +8 -0
  67. package/dist/sap/base/security/URLListValidator.js +148 -0
  68. package/dist/sap/base/security/encodeCSS.js +14 -0
  69. package/dist/sap/base/security/encodeXML.js +23 -0
  70. package/dist/sap/base/security/sanitizeHTML.js +16 -0
  71. package/dist/sap/base/strings/toHex.js +8 -0
  72. package/dist/sap/base/util/now.js +7 -0
  73. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +3585 -0
  74. package/dist/test-resources/assets/Themes.js +8 -8
  75. package/dist/test-resources/elements/Parent.js +6 -2
  76. package/dist/test-resources/elements/WithStaticArea.js +2 -1
  77. package/dist/test-resources/pages/AllTestElements.html +3 -3
  78. package/dist/test-resources/pages/Configuration.html +0 -2
  79. package/dist/test-resources/pages/ConfigurationScript.html +0 -2
  80. package/dist/test-resources/pages/i18n.html +2 -9
  81. package/dist/test-resources/specs/ConfigurationChange.spec.js +10 -8
  82. package/dist/test-resources/specs/ConfigurationScript.spec.js +25 -23
  83. package/dist/test-resources/specs/ConfigurationURL.spec.js +65 -17
  84. package/dist/test-resources/specs/CustomTheme.spec.js +9 -7
  85. package/dist/test-resources/specs/EventProvider.spec.js +63 -0
  86. package/dist/test-resources/specs/StaticArea.spec.js +56 -12
  87. package/dist/test-resources/specs/Theming.spec.js +23 -10
  88. package/dist/test-resources/specs/UI5ElementInvalidation.js +54 -70
  89. package/dist/test-resources/specs/UI5ElementLifecycle.js +17 -15
  90. package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js +25 -51
  91. package/dist/test-resources/specs/UI5ElementMetadataExt.js +9 -7
  92. package/dist/test-resources/specs/UI5ElementPropertyValidation.js +7 -5
  93. package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js +37 -35
  94. package/dist/test-resources/specs/UI5ElementShadowDOM.js +10 -8
  95. package/dist/test-resources/specs/UI5ElementSlots.js +10 -8
  96. package/dist/theming/CustomStyle.js +25 -5
  97. package/dist/theming/applyTheme.js +11 -16
  98. package/dist/theming/getConstructableStyle.js +7 -6
  99. package/dist/theming/getEffectiveLinksHrefs.js +27 -0
  100. package/dist/theming/getEffectiveStyle.js +24 -8
  101. package/dist/theming/getStylesString.js +4 -2
  102. package/dist/theming/getThemeDesignerTheme.js +25 -5
  103. package/dist/theming/preloadLinks.js +23 -0
  104. package/dist/types/CSSColor.js +9 -0
  105. package/dist/types/CalendarType.js +1 -1
  106. package/dist/types/DataType.js +13 -1
  107. package/dist/types/Float.js +4 -0
  108. package/dist/types/Integer.js +4 -0
  109. package/dist/types/InvisibleMessageMode.js +30 -0
  110. package/dist/types/ItemNavigationBehavior.js +2 -7
  111. package/dist/types/PopupState.js +1 -1
  112. package/dist/types/ValueState.js +1 -1
  113. package/dist/updateShadowRoot.js +30 -0
  114. package/dist/util/AriaLabelHelper.js +4 -4
  115. package/dist/util/Caret.js +45 -0
  116. package/dist/util/ColorConversion.js +370 -0
  117. package/dist/util/FocusableElements.js +22 -9
  118. package/dist/util/HTMLSanitizer.js +7 -0
  119. package/dist/util/InvisibleMessage.js +60 -0
  120. package/dist/util/PopupUtils.js +93 -0
  121. package/dist/util/SlotsHelper.js +43 -0
  122. package/dist/util/TabbableElements.js +5 -1
  123. package/dist/util/arraysAreEqual.js +15 -0
  124. package/dist/util/clamp.js +12 -0
  125. package/dist/util/createLinkInHead.js +19 -0
  126. package/dist/util/debounce.js +17 -0
  127. package/dist/util/escapeRegex.js +10 -0
  128. package/dist/util/generateHighlightedMarkup.js +42 -0
  129. package/dist/util/getActiveElement.js +11 -0
  130. package/dist/util/getClassCopy.js +10 -0
  131. package/dist/util/getEffectiveContentDensity.js +5 -0
  132. package/dist/util/getNormalizedTarget.js +16 -0
  133. package/dist/util/isElementInView.js +15 -0
  134. package/dist/util/isNodeHidden.js +1 -1
  135. package/dist/util/isNodeTabbable.js +4 -4
  136. package/hash.txt +1 -0
  137. package/index.js +1 -1
  138. package/lib/generate-asset-parameters/index.js +8 -5
  139. package/lib/generate-styles/index.js +26 -0
  140. package/lib/generate-version-info/index.js +32 -0
  141. package/package-scripts.js +30 -19
  142. package/package.json +19 -13
  143. package/src/AssetRegistry.js +8 -9
  144. package/src/Boot.js +59 -0
  145. package/src/CSP.js +59 -0
  146. package/src/CustomElementsRegistry.js +60 -4
  147. package/src/CustomElementsScope.js +20 -98
  148. package/src/CustomElementsScopeUtils.js +108 -0
  149. package/src/DOMObserver.js +65 -0
  150. package/src/Device.js +71 -773
  151. package/src/EventProvider.js +30 -26
  152. package/src/FeaturesRegistry.js +4 -1
  153. package/src/FontFace.js +7 -95
  154. package/src/InitialConfiguration.js +37 -21
  155. package/src/Keys.js +98 -0
  156. package/src/ManagedStyles.js +83 -0
  157. package/src/MediaRange.js +109 -0
  158. package/{dist/util/parseProperties.js → src/PropertiesFileFormat.js} +6 -0
  159. package/src/Render.js +175 -0
  160. package/src/RenderScheduler.js +16 -138
  161. package/src/Runtimes.js +107 -0
  162. package/src/StaticArea.js +1 -29
  163. package/src/StaticAreaItem.js +58 -65
  164. package/src/SystemCSSVars.js +4 -25
  165. package/src/UI5Element.js +315 -382
  166. package/src/UI5ElementMetadata.js +132 -17
  167. package/src/asset-registries/Icons.js +117 -14
  168. package/src/asset-registries/Illustrations.js +30 -0
  169. package/src/asset-registries/LocaleData.js +97 -68
  170. package/src/asset-registries/Themes.js +29 -35
  171. package/src/asset-registries/i18n.js +61 -50
  172. package/src/assets-meta/IconCollectionsAlias.js +18 -0
  173. package/src/config/Icons.js +52 -0
  174. package/src/config/Language.js +18 -20
  175. package/src/config/Theme.js +25 -0
  176. package/src/css/BusyIndicator.css +80 -0
  177. package/src/css/FontFace.css +75 -0
  178. package/src/css/OverrideFontFace.css +32 -0
  179. package/src/css/SystemCSSVars.css +17 -0
  180. package/src/delegate/ItemNavigation.js +233 -201
  181. package/src/delegate/ResizeHandler.js +78 -37
  182. package/src/delegate/ScrollEnablement.js +49 -20
  183. package/src/features/F6Navigation.js +106 -0
  184. package/src/features/OpenUI5Enablement.js +119 -0
  185. package/src/features/OpenUI5Support.js +41 -6
  186. package/src/i18nBundle.js +38 -4
  187. package/src/isLegacyBrowser.js +3 -0
  188. package/src/locale/applyDirection.js +6 -4
  189. package/src/locale/directionChange.js +32 -0
  190. package/src/locale/getEffectiveDir.js +28 -0
  191. package/src/locale/languageChange.js +1 -1
  192. package/src/renderer/LitRenderer.js +39 -18
  193. package/src/renderer/directives/style-map.js +72 -0
  194. package/src/renderer/executeTemplate.js +19 -2
  195. package/src/theming/CustomStyle.js +25 -5
  196. package/src/theming/applyTheme.js +11 -16
  197. package/src/theming/getConstructableStyle.js +7 -6
  198. package/src/theming/getEffectiveLinksHrefs.js +27 -0
  199. package/src/theming/getEffectiveStyle.js +24 -8
  200. package/src/theming/getStylesString.js +4 -2
  201. package/src/theming/getThemeDesignerTheme.js +25 -5
  202. package/src/theming/preloadLinks.js +23 -0
  203. package/src/types/CSSColor.js +9 -0
  204. package/src/types/CalendarType.js +1 -1
  205. package/src/types/DataType.js +13 -1
  206. package/src/types/Float.js +4 -0
  207. package/src/types/Integer.js +4 -0
  208. package/src/types/InvisibleMessageMode.js +30 -0
  209. package/src/types/ItemNavigationBehavior.js +2 -7
  210. package/src/types/PopupState.js +1 -1
  211. package/src/types/ValueState.js +1 -1
  212. package/src/updateShadowRoot.js +30 -0
  213. package/src/util/AriaLabelHelper.js +4 -4
  214. package/src/util/Caret.js +45 -0
  215. package/src/util/ColorConversion.js +370 -0
  216. package/src/util/FocusableElements.js +22 -9
  217. package/src/util/HTMLSanitizer.js +7 -0
  218. package/src/util/InvisibleMessage.js +60 -0
  219. package/src/util/PopupUtils.js +93 -0
  220. package/src/util/SlotsHelper.js +43 -0
  221. package/src/util/TabbableElements.js +5 -1
  222. package/src/util/arraysAreEqual.js +15 -0
  223. package/src/util/clamp.js +12 -0
  224. package/src/util/createLinkInHead.js +19 -0
  225. package/src/util/debounce.js +17 -0
  226. package/src/util/escapeRegex.js +10 -0
  227. package/src/util/generateHighlightedMarkup.js +42 -0
  228. package/src/util/getActiveElement.js +11 -0
  229. package/src/util/getClassCopy.js +10 -0
  230. package/src/util/getEffectiveContentDensity.js +5 -0
  231. package/src/util/getNormalizedTarget.js +16 -0
  232. package/src/util/isElementInView.js +15 -0
  233. package/src/util/isNodeHidden.js +1 -1
  234. package/src/util/isNodeTabbable.js +4 -4
  235. package/used-modules.txt +10 -0
  236. package/bundle.es5.js +0 -28
  237. package/dist/SVGIconRegistry.js +0 -73
  238. package/dist/boot.js +0 -34
  239. package/dist/compatibility/DOMObserver.js +0 -62
  240. package/dist/compatibility/patchNodeValue.js +0 -24
  241. package/dist/compatibility/whenPolyfillLoaded.js +0 -26
  242. package/dist/config/AssetsPath.js +0 -17
  243. package/dist/delegate/CustomResize.js +0 -78
  244. package/dist/delegate/NativeResize.js +0 -45
  245. package/dist/features/PropertiesFormatSupport.js +0 -8
  246. package/dist/features/browsersupport/Edge.js +0 -6
  247. package/dist/features/browsersupport/IE11.js +0 -42
  248. package/dist/features/browsersupport/IE11WithWebComponentsPolyfill.js +0 -5
  249. package/dist/renderer/ifDefined.js +0 -21
  250. package/dist/renderer/scopeHTML.js +0 -32
  251. package/dist/resources/bundle.es5.js +0 -212
  252. package/dist/resources/bundle.es5.js.map +0 -1
  253. package/dist/theming/CSSVarsPonyfill.js +0 -68
  254. package/dist/theming/adaptCSSForIE.js +0 -95
  255. package/dist/theming/createComponentStyleTag.js +0 -54
  256. package/dist/theming/createThemePropertiesStyleTag.js +0 -20
  257. package/dist/thirdparty/Array.from.js +0 -16
  258. package/dist/thirdparty/Array.prototype.fill.js +0 -44
  259. package/dist/thirdparty/Array.prototype.find.js +0 -46
  260. package/dist/thirdparty/Array.prototype.includes.js +0 -51
  261. package/dist/thirdparty/Element.prototype.closest.js +0 -11
  262. package/dist/thirdparty/Element.prototype.matches.js +0 -6
  263. package/dist/thirdparty/Map.prototype.keys.js +0 -9
  264. package/dist/thirdparty/Number.isInteger.js +0 -5
  265. package/dist/thirdparty/Number.isNaN.js +0 -1
  266. package/dist/thirdparty/Number.parseFloat.js +0 -1
  267. package/dist/thirdparty/Number.parseInt.js +0 -1
  268. package/dist/thirdparty/Object.assign.js +0 -31
  269. package/dist/thirdparty/Object.entries.js +0 -11
  270. package/dist/thirdparty/Symbol.js +0 -2
  271. package/dist/thirdparty/WeakSet.js +0 -27
  272. package/dist/thirdparty/es6-string-methods.js +0 -182
  273. package/dist/thirdparty/events-polyfills.js +0 -89
  274. package/dist/thirdparty/fetch.js +0 -1
  275. package/dist/thirdparty/template.js +0 -600
  276. package/dist/thirdparty/webcomponents-sd-ce-pf.js +0 -318
  277. package/dist/util/EffectiveAssetPath.js +0 -27
  278. package/dist/util/encodeCSS.js +0 -24
  279. package/dist/util/isSlot.js +0 -3
  280. package/dist/webcomponentsjs/LICENSE.md +0 -19
  281. package/dist/webcomponentsjs/README.md +0 -229
  282. package/dist/webcomponentsjs/bundles/webcomponents-ce.js +0 -63
  283. package/dist/webcomponentsjs/bundles/webcomponents-ce.js.map +0 -1
  284. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js +0 -297
  285. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js.map +0 -1
  286. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce.js +0 -208
  287. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce.js.map +0 -1
  288. package/dist/webcomponentsjs/bundles/webcomponents-sd.js +0 -166
  289. package/dist/webcomponentsjs/bundles/webcomponents-sd.js.map +0 -1
  290. package/dist/webcomponentsjs/custom-elements-es5-adapter.js +0 -15
  291. package/dist/webcomponentsjs/package.json +0 -46
  292. package/dist/webcomponentsjs/src/entrypoints/custom-elements-es5-adapter-index.js +0 -16
  293. package/dist/webcomponentsjs/src/entrypoints/webcomponents-bundle-index.js +0 -53
  294. package/dist/webcomponentsjs/src/entrypoints/webcomponents-ce-index.js +0 -17
  295. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-index.js +0 -19
  296. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-pf-index.js +0 -28
  297. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-index.js +0 -18
  298. package/dist/webcomponentsjs/webcomponents-bundle.js +0 -298
  299. package/dist/webcomponentsjs/webcomponents-bundle.js.map +0 -1
  300. package/dist/webcomponentsjs/webcomponents-loader.js +0 -185
  301. package/src/SVGIconRegistry.js +0 -73
  302. package/src/boot.js +0 -34
  303. package/src/compatibility/DOMObserver.js +0 -62
  304. package/src/compatibility/patchNodeValue.js +0 -24
  305. package/src/compatibility/whenPolyfillLoaded.js +0 -26
  306. package/src/config/AssetsPath.js +0 -17
  307. package/src/delegate/CustomResize.js +0 -78
  308. package/src/delegate/NativeResize.js +0 -45
  309. package/src/features/PropertiesFormatSupport.js +0 -8
  310. package/src/features/browsersupport/Edge.js +0 -6
  311. package/src/features/browsersupport/IE11.js +0 -42
  312. package/src/features/browsersupport/IE11WithWebComponentsPolyfill.js +0 -5
  313. package/src/renderer/ifDefined.js +0 -21
  314. package/src/renderer/scopeHTML.js +0 -32
  315. package/src/theming/CSSVarsPonyfill.js +0 -68
  316. package/src/theming/adaptCSSForIE.js +0 -95
  317. package/src/theming/createComponentStyleTag.js +0 -54
  318. package/src/theming/createThemePropertiesStyleTag.js +0 -20
  319. package/src/thirdparty/Array.from.js +0 -16
  320. package/src/thirdparty/Array.prototype.fill.js +0 -44
  321. package/src/thirdparty/Array.prototype.find.js +0 -46
  322. package/src/thirdparty/Array.prototype.includes.js +0 -51
  323. package/src/thirdparty/Element.prototype.closest.js +0 -11
  324. package/src/thirdparty/Element.prototype.matches.js +0 -6
  325. package/src/thirdparty/Map.prototype.keys.js +0 -9
  326. package/src/thirdparty/Number.isInteger.js +0 -5
  327. package/src/thirdparty/Number.isNaN.js +0 -1
  328. package/src/thirdparty/Number.parseFloat.js +0 -1
  329. package/src/thirdparty/Number.parseInt.js +0 -1
  330. package/src/thirdparty/Object.assign.js +0 -31
  331. package/src/thirdparty/Object.entries.js +0 -11
  332. package/src/thirdparty/Symbol.js +0 -2
  333. package/src/thirdparty/WeakSet.js +0 -27
  334. package/src/thirdparty/es6-string-methods.js +0 -182
  335. package/src/thirdparty/events-polyfills.js +0 -89
  336. package/src/thirdparty/fetch.js +0 -1
  337. package/src/thirdparty/template.js +0 -600
  338. package/src/thirdparty/webcomponents-sd-ce-pf.js +0 -318
  339. package/src/util/EffectiveAssetPath.js +0 -27
  340. package/src/util/encodeCSS.js +0 -24
  341. package/src/util/isSlot.js +0 -3
package/src/util/SlotsHelper.js ADDED
@@ -0,0 +1,43 @@
1
+ /**
2
+ * Determines the slot to which a node should be assigned
3
+ * @param node Text node or HTML element
4
+ * @returns {string}
5
+ */
6
+ const getSlotName = node => {
7
+ // Text nodes can only go to the default slot
8
+ if (!(node instanceof HTMLElement)) {
9
+ return "default";
10
+ }
11
+
12
+ // Discover the slot based on the real slot name (f.e. footer => footer, or content-32 => content)
13
+ const slot = node.getAttribute("slot");
14
+ if (slot) {
15
+ const match = slot.match(/^(.+?)-\d+$/);
16
+ return match ? match[1] : slot;
17
+ }
18
+
19
+ // Use default slot as a fallback
20
+ return "default";
21
+ };
22
+
23
+ const isSlot = el => el && el instanceof HTMLElement && el.localName === "slot";
24
+
25
+ const getSlottedElements = el => {
26
+ if (isSlot(el)) {
27
+ return el.assignedNodes({ flatten: true }).filter(item => item instanceof HTMLElement);
28
+ }
29
+
30
+ return [el];
31
+ };
32
+
33
+ const getSlottedElementsList = elList => {
34
+ const reducer = (acc, curr) => acc.concat(getSlottedElements(curr));
35
+ return elList.reduce(reducer, []);
36
+ };
37
+
38
+ export {
39
+ getSlotName,
40
+ isSlot,
41
+ getSlottedElements,
42
+ getSlottedElementsList,
43
+ };
package/src/util/TabbableElements.js CHANGED
@@ -17,7 +17,7 @@ const getTabbables = (nodes, tabbables) => {
17
17
  }
18
18
 
19
19
  Array.from(nodes).forEach(currentNode => {
20
- if (currentNode.nodeType === Node.TEXT_NODE || currentNode.nodeType === Node.COMMENT_NODE) {
20
+ if (currentNode.nodeType === Node.TEXT_NODE || currentNode.nodeType === Node.COMMENT_NODE || currentNode.hasAttribute("data-sap-no-tab-ref")) {
21
21
  return;
22
22
  }
23
23
 
@@ -27,6 +27,10 @@ const getTabbables = (nodes, tabbables) => {
27
27
  currentNode = Array.from(children).find(node => node.tagName !== "STYLE");
28
28
  }
29
29
 
30
+ if (!currentNode) {
31
+ return;
32
+ }
33
+
30
34
  if (isNodeTabbable(currentNode)) {
31
35
  tabbablesNodes.push(currentNode);
32
36
  }
package/src/util/arraysAreEqual.js ADDED
@@ -0,0 +1,15 @@
1
+ const arraysAreEqual = (arr1, arr2) => {
2
+ if (arr1.length !== arr2.length) {
3
+ return false;
4
+ }
5
+
6
+ for (let i = 0; i < arr1.length; i++) {
7
+ if (arr1[i] !== arr2[i]) {
8
+ return false;
9
+ }
10
+ }
11
+
12
+ return true;
13
+ };
14
+
15
+ export default arraysAreEqual;
package/src/util/clamp.js ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Returns a value clamped between an upper bound 'max' and lower bound 'min'.
3
+ * @param {number} val value
4
+ * @param {number} min lower bound
5
+ * @param {number} max upper bound
6
+ * @returns {number}
7
+ */
8
+ const clamp = (val, min, max) => {
9
+ return Math.min(Math.max(val, min), max);
10
+ };
11
+
12
+ export default clamp;
package/src/util/createLinkInHead.js ADDED
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Creates a <link> tag in the <head> tag
3
+ * @param href - the CSS
4
+ * @param attributes - optional attributes to add to the tag
5
+ * @returns {HTMLElement}
6
+ */
7
+ const createLinkInHead = (href, attributes = {}) => {
8
+ const link = document.createElement("link");
9
+ link.type = "text/css";
10
+ link.rel = "stylesheet";
11
+
12
+ Object.entries(attributes).forEach(pair => link.setAttribute(...pair));
13
+
14
+ link.href = href;
15
+ document.head.appendChild(link);
16
+ return link;
17
+ };
18
+
19
+ export default createLinkInHead;
package/src/util/debounce.js ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Delays function execution by given threshold.
3
+ * @param fn {Function}
4
+ * @param delay {Integer}
5
+ */
6
+
7
+ let debounceInterval = null;
8
+
9
+ const debounce = (fn, delay) => {
10
+ clearTimeout(debounceInterval);
11
+ debounceInterval = setTimeout(() => {
12
+ debounceInterval = null;
13
+ fn();
14
+ }, delay);
15
+ };
16
+
17
+ export default debounce;
package/src/util/escapeRegex.js ADDED
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Escape a regular expression text so that it can be used in a regular expression.
3
+ * @param {string} text The string to be interpreted literally
4
+ * @returns Regular expression string to pass to regex
5
+ */
6
+ function escapeRegex(text) {
7
+ return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
8
+ }
9
+
10
+ export default escapeRegex;
package/src/util/generateHighlightedMarkup.js ADDED
@@ -0,0 +1,42 @@
1
+ import escapeRegex from "./escapeRegex.js";
2
+ import encodeXML from "../sap/base/security/encodeXML.js";
3
+
4
+ // utility to replace all occurances of a string
5
+ function replaceAll(text, find, replace, caseInsensitive) {
6
+ return text.replace(new RegExp(escapeRegex(find), `${caseInsensitive ? "i" : ""}g`), replace);
7
+ }
8
+
9
+ /**
10
+ * Generate markup for a raw string where a particular text is wrapped with some tag, by default `<b>` (bold) tag.
11
+ * All inputs to this function are considered literal text, and special characters will always be escaped.
12
+ * @param {string} text The text to add highlighting to
13
+ * @param {string} textToHighlight The text which should be highlighted
14
+ * @return {string} the markup HTML which contains all occurrances of the input text surrounded with a `<b>` tag.
15
+ */
16
+ function generateHighlightedMarkup(text, textToHighlight) {
17
+ if (!text || !textToHighlight) {
18
+ return text;
19
+ }
20
+ // a token is some string that does not appear in either of the input strings
21
+ // repeat the token until it does not appear in the string
22
+ const makeToken = t => {
23
+ const [s, e] = t.split("");
24
+ while (text.indexOf(t) >= 0 || textToHighlight.indexOf(t) >= 0) {
25
+ t = `${s}${t}${e}`;
26
+ }
27
+ return t;
28
+ };
29
+ // It doesn't matter what characters are used as long as all 4 of them are unique
30
+ // And also that encodeXML will not change these characters
31
+ const openToken = makeToken("12");
32
+ const closeToken = makeToken("34");
33
+ // wrap every occurance of the textToHighlight using the open/close tokens (instead of markup at this point)
34
+ let result = encodeXML(replaceAll(text, textToHighlight, match => `${openToken}${match}${closeToken}`, true));
35
+ // now replace the open and close tokens with the markup that we expect
36
+ [[openToken, "<b>"], [closeToken, "</b>"]].forEach(([find, replace]) => {
37
+ result = replaceAll(result, find, replace);
38
+ });
39
+ return result;
40
+ }
41
+
42
+ export default generateHighlightedMarkup;
package/src/util/getActiveElement.js ADDED
@@ -0,0 +1,11 @@
1
+ const getActiveElement = () => {
2
+ let element = document.activeElement;
3
+
4
+ while (element && element.shadowRoot && element.shadowRoot.activeElement) {
5
+ element = element.shadowRoot.activeElement;
6
+ }
7
+
8
+ return element;
9
+ };
10
+
11
+ export default getActiveElement;
package/src/util/getClassCopy.js ADDED
@@ -0,0 +1,10 @@
1
+ const getClassCopy = (klass, constructorCallback) => {
2
+ return class classCopy extends klass {
3
+ constructor() {
4
+ super();
5
+ constructorCallback && constructorCallback();
6
+ }
7
+ };
8
+ };
9
+
10
+ export default getClassCopy;
package/src/util/getEffectiveContentDensity.js ADDED
@@ -0,0 +1,5 @@
1
+ const GLOBAL_CONTENT_DENSITY_CSS_VAR = "--_ui5_content_density";
2
+
3
+ const getEffectiveContentDensity = el => getComputedStyle(el).getPropertyValue(GLOBAL_CONTENT_DENSITY_CSS_VAR);
4
+
5
+ export default getEffectiveContentDensity;
package/src/util/getNormalizedTarget.js ADDED
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Returns the normalized event target in cases when it has shadow root.
3
+ * @param {Object} target The original event target
4
+ * @returns {Object} The normalized target
5
+ */
6
+ const getNormalizedTarget = target => {
7
+ let element = target;
8
+
9
+ if (target.shadowRoot && target.shadowRoot.activeElement) {
10
+ element = target.shadowRoot.activeElement;
11
+ }
12
+
13
+ return element;
14
+ };
15
+
16
+ export default getNormalizedTarget;
package/src/util/isElementInView.js ADDED
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Determines if the element is within the viewport.
3
+ * @param el {HTMLElement}
4
+ */
5
+ const isElementInView = el => {
6
+ const rect = el.getBoundingClientRect();
7
+
8
+ return (
9
+ rect.top >= 0 && rect.left >= 0
10
+ && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)
11
+ && rect.right <= (window.innerWidth || document.documentElement.clientWidth)
12
+ );
13
+ };
14
+
15
+ export default isElementInView;
package/src/util/isNodeHidden.js CHANGED
@@ -3,7 +3,7 @@ const isNodeHidden = node => {
3
3
  return false;
4
4
  }
5
5
 
6
- return (node.offsetWidth <= 0 && node.offsetHeight <= 0) || node.style.visibility === "hidden";
6
+ return (node.offsetWidth <= 0 && node.offsetHeight <= 0) || (node.style && node.style.visibility === "hidden");
7
7
  };
8
8
 
9
9
  export default isNodeHidden;
package/src/util/isNodeTabbable.js CHANGED
@@ -15,14 +15,14 @@ const isNodeTabbable = node => {
15
15
  return false;
16
16
  }
17
17
 
18
- if (nodeName === "a" || /input|select|textarea|button|object/.test(nodeName)) {
19
- return !node.disabled;
20
- }
21
-
22
18
  const tabIndex = node.getAttribute("tabindex");
23
19
  if (tabIndex !== null && tabIndex !== undefined) {
24
20
  return parseInt(tabIndex) >= 0;
25
21
  }
22
+
23
+ if (nodeName === "a" || /input|select|textarea|button|object/.test(nodeName)) {
24
+ return !node.disabled;
25
+ }
26
26
  };
27
27
 
28
28
  export default isNodeTabbable;
package/used-modules.txt ADDED
@@ -0,0 +1,10 @@
1
+ # Needed files from OpenUI5
2
+
3
+ sap/base/util/now.js
4
+ sap/base/Log.js
5
+ sap/base/assert.js
6
+ sap/base/security/URLListValidator.js
7
+ sap/base/security/sanitizeHTML.js
8
+ sap/base/strings/toHex.js
9
+ sap/base/security/encodeXML.js
10
+ sap/base/security/encodeCSS.js
package/bundle.es5.js DELETED
@@ -1,28 +0,0 @@
1
- // ES5 bundle targets IE11 only
2
- import "./dist/features/browsersupport/IE11.js";
3
-
4
- import "./bundle.esm.js";
5
-
6
- import { getAnimationMode } from "./dist/config/AnimationMode.js";
7
- import { getLanguage } from "./dist/config/Language.js";
8
- import { getCalendarType } from "./dist/config/CalendarType.js";
9
- import { getTheme, setTheme } from "./dist/config/Theme.js";
10
- import { getNoConflict, setNoConflict } from "./dist/config/NoConflict.js";
11
- import { getRTL } from "./dist/config/RTL.js";
12
- import { getFirstDayOfWeek } from "./dist/config/FormatSettings.js";
13
- import { getRegisteredNames as getIconNames } from "./dist/SVGIconRegistry.js"
14
- const configuration = {
15
- getAnimationMode,
16
- getLanguage,
17
- getTheme,
18
- setTheme,
19
- getNoConflict,
20
- setNoConflict,
21
- getCalendarType,
22
- getRTL,
23
- getFirstDayOfWeek,
24
- };
25
- export {
26
- configuration,
27
- getIconNames,
28
- };
package/dist/SVGIconRegistry.js DELETED
@@ -1,73 +0,0 @@
1
- import getSharedResource from "./getSharedResource.js";
2
-
3
- const registry = getSharedResource("SVGIcons.registry", new Map());
4
- const iconCollectionPromises = getSharedResource("SVGIcons.promises", new Map());
5
-
6
- const ICON_NOT_FOUND = "ICON_NOT_FOUND";
7
- const DEFAULT_COLLECTION = "SAP-icons";
8
-
9
- const parseName = name => {
10
- // silently support ui5-compatible URIs
11
- if (name.startsWith("sap-icon://")) {
12
- name = name.replace("sap-icon://", "");
13
- }
14
-
15
- let collection;
16
- [name, collection] = name.split("/").reverse();
17
- collection = collection || DEFAULT_COLLECTION;
18
- // hardcoded alias in case icon explorer is used, resolve `SAP-icons-TNT` to `tnt`
19
- // aliases can be made a feature in the future if more collections need it or more aliases are needed.
20
- if (collection === "SAP-icons-TNT") {
21
- collection = "tnt";
22
- }
23
- const registryKey = `${collection}/${name}`;
24
- return { name, collection, registryKey };
25
- };
26
-
27
-
28
- const registerIcon = (name, { pathData, ltr, accData, collection } = {}) => { // eslint-disable-line
29
- if (!collection) {
30
- collection = DEFAULT_COLLECTION;
31
- }
32
-
33
- const key = `${collection}/${name}`;
34
- registry.set(key, { pathData, ltr, accData });
35
- };
36
-
37
- const getIconDataSync = nameProp => {
38
- const { registryKey } = parseName(nameProp);
39
- return registry.get(registryKey);
40
- };
41
-
42
- const getIconData = async nameProp => {
43
- const { collection, registryKey } = parseName(nameProp);
44
-
45
- if (!iconCollectionPromises.has(collection)) {
46
- iconCollectionPromises.set(collection, Promise.resolve(ICON_NOT_FOUND));
47
- }
48
-
49
- const iconData = await iconCollectionPromises.get(collection);
50
-
51
- if (iconData === ICON_NOT_FOUND) {
52
- return iconData;
53
- }
54
-
55
- return registry.get(registryKey);
56
- };
57
-
58
- const getRegisteredNames = async () => {
59
- await Promise.all(Array.from(iconCollectionPromises.values()));
60
- return Array.from(registry.keys());
61
- };
62
-
63
- const registerCollectionPromise = (collection, promise) => {
64
- iconCollectionPromises.set(collection, promise);
65
- };
66
-
67
- export {
68
- getIconData,
69
- getIconDataSync,
70
- registerIcon,
71
- getRegisteredNames,
72
- registerCollectionPromise,
73
- };
package/dist/boot.js DELETED
@@ -1,34 +0,0 @@
1
- import whenDOMReady from "./util/whenDOMReady.js";
2
- import insertFontFace from "./FontFace.js";
3
- import insertSystemCSSVars from "./SystemCSSVars.js";
4
- import { getTheme } from "./config/Theme.js";
5
- import applyTheme from "./theming/applyTheme.js";
6
- import whenPolyfillLoaded from "./compatibility/whenPolyfillLoaded.js";
7
- import { getFeature } from "./FeaturesRegistry.js";
8
-
9
- let bootPromise;
10
-
11
- const boot = () => {
12
- if (bootPromise) {
13
- return bootPromise;
14
- }
15
-
16
- bootPromise = new Promise(async resolve => {
17
- const OpenUI5Support = getFeature("OpenUI5Support");
18
- if (OpenUI5Support) {
19
- await OpenUI5Support.init();
20
- }
21
-
22
- await whenDOMReady();
23
- await applyTheme(getTheme());
24
- OpenUI5Support && OpenUI5Support.attachListeners();
25
- insertFontFace();
26
- insertSystemCSSVars();
27
- await whenPolyfillLoaded();
28
- resolve();
29
- });
30
-
31
- return bootPromise;
32
- };
33
-
34
- export default boot;
package/dist/compatibility/DOMObserver.js DELETED
@@ -1,62 +0,0 @@
1
- // Shorthands
2
- const w = window;
3
-
4
- // Map of observer objects per dom node
5
- const observers = new WeakMap();
6
-
7
- /**
8
- * Implements universal DOM node observation methods.
9
- */
10
- class DOMObserver {
11
- constructor() {
12
- throw new Error("Static class");
13
- }
14
-
15
- /**
16
- * This function abstracts out mutation observer usage inside shadow DOM.
17
- * For native shadow DOM the native mutation observer is used.
18
- * When the polyfill is used, the observeChildren ShadyDOM method is used instead.
19
- *
20
- * @throws Exception
21
- * Note: does not allow several mutation observers per node. If there is a valid use-case, this behavior can be changed.
22
- *
23
- * @param node
24
- * @param callback
25
- * @param options - Only used for the native mutation observer
26
- */
27
- static observeDOMNode(node, callback, options) {
28
- let observerObject = observers.get(node);
29
- if (observerObject) {
30
- throw new Error("A mutation/ShadyDOM observer is already assigned to this node.");
31
- }
32
-
33
- if (w.ShadyDOM) {
34
- observerObject = w.ShadyDOM.observeChildren(node, callback);
35
- } else {
36
- observerObject = new MutationObserver(callback);
37
- observerObject.observe(node, options);
38
- }
39
-
40
- observers.set(node, observerObject);
41
- }
42
-
43
- /**
44
- * De-registers the mutation observer, depending on its type
45
- * @param node
46
- */
47
- static unobserveDOMNode(node) {
48
- const observerObject = observers.get(node);
49
- if (!observerObject) {
50
- return;
51
- }
52
-
53
- if (observerObject instanceof MutationObserver) {
54
- observerObject.disconnect();
55
- } else {
56
- w.ShadyDOM.unobserveChildren(observerObject);
57
- }
58
- observers.delete(node);
59
- }
60
- }
61
-
62
- export default DOMObserver;
package/dist/compatibility/patchNodeValue.js DELETED
@@ -1,24 +0,0 @@
1
- const patchNodeValue = () => {
2
- if (!window.ShadyDOM) {
3
- return;
4
- }
5
- const nativeNodeValue = Object.getOwnPropertyDescriptor(Node.prototype, "nodeValue");
6
- Object.defineProperty(Node.prototype, "nodeValue", {
7
- get() {
8
- return nativeNodeValue.get.apply(this);
9
- },
10
- set(text) {
11
- nativeNodeValue.set.apply(this, arguments); // eslint-disable-line
12
-
13
- // Call manually the mutation observer callback
14
- const parentElement = this.parentNode;
15
- if (parentElement instanceof HTMLElement && parentElement.isUI5Element) {
16
- parentElement._processChildren();
17
- }
18
- },
19
- });
20
- };
21
-
22
- patchNodeValue();
23
-
24
- export default {};
package/dist/compatibility/whenPolyfillLoaded.js DELETED
@@ -1,26 +0,0 @@
1
- let polyfillLoadedPromise;
2
-
3
- const whenPolyfillLoaded = () => {
4
- if (polyfillLoadedPromise) {
5
- return polyfillLoadedPromise;
6
- }
7
-
8
- polyfillLoadedPromise = new Promise(resolve => {
9
- if (window.WebComponents
10
- && !window.WebComponents.ready
11
- && window.WebComponents.waitFor) {
12
- // the polyfill loader is present
13
- window.WebComponents.waitFor(() => {
14
- // the polyfills are loaded, safe to execute code depending on their APIs
15
- resolve();
16
- });
17
- } else {
18
- // polyfill loader missing, modern browsers only
19
- resolve();
20
- }
21
- });
22
-
23
- return polyfillLoadedPromise;
24
- };
25
-
26
- export default whenPolyfillLoaded;
package/dist/config/AssetsPath.js DELETED
@@ -1,17 +0,0 @@
1
- import { getAssetsPath as getConfiguredAssetsPath } from "../InitialConfiguration.js";
2
-
3
- let assetsPath;
4
-
5
- const getAssetsPath = () => {
6
- if (assetsPath === undefined) {
7
- assetsPath = getConfiguredAssetsPath();
8
- }
9
-
10
- return assetsPath;
11
- };
12
-
13
- const setAssetsPath = newAssetsPath => {
14
- assetsPath = newAssetsPath;
15
- };
16
-
17
- export { getAssetsPath, setAssetsPath }; // eslint-disable-line
package/dist/delegate/CustomResize.js DELETED
@@ -1,78 +0,0 @@
1
- const INTERVAL = 300;
2
-
3
- class CustomResize {
4
- static initialize() {
5
- CustomResize.initialized = false;
6
- CustomResize.resizeInterval = undefined;
7
- CustomResize.resizeListeners = new Map();
8
- }
9
-
10
- static attachListener(ref, callback) {
11
- const observedObject = CustomResize.resizeListeners.get(ref);
12
- const existingCallbacks = observedObject ? observedObject.callbacks : [];
13
-
14
- CustomResize.resizeListeners.set(ref, {
15
- width: ref ? ref.offsetWidth : 0,
16
- height: ref ? ref.offsetHeight : 0,
17
- callbacks: existingCallbacks.concat(callback),
18
- });
19
-
20
- CustomResize.initListener();
21
- }
22
-
23
- static initListener() {
24
- if (CustomResize.resizeListeners.size > 0 && !CustomResize.initialized) {
25
- CustomResize.resizeInterval = setInterval(CustomResize.checkListeners.bind(CustomResize), INTERVAL);
26
- }
27
- }
28
-
29
- static checkListeners() {
30
- CustomResize.resizeListeners.forEach((entry, ref) => {
31
- const changed = CustomResize.checkSizes(entry, ref);
32
-
33
- if (changed || (entry && !entry._hasBeenRendered)) {
34
- CustomResize.updateSizes(entry, ref.offsetWidth, ref.offsetHeight);
35
- entry.callbacks.forEach(el => el());
36
- entry._hasBeenRendered = true;
37
- }
38
- });
39
- }
40
-
41
- static updateSizes(sizes, newWidth, newHeight) {
42
- sizes.width = newWidth;
43
- sizes.height = newHeight;
44
- }
45
-
46
- static checkSizes(entry, ref) {
47
- const oldHeight = entry.height;
48
- const oldWidth = entry.width;
49
- const newHeight = ref.offsetHeight;
50
- const newWidth = ref.offsetWidth;
51
-
52
- return ((oldHeight !== newHeight) || oldWidth !== newWidth);
53
- }
54
-
55
- static detachListener(ref, callback) {
56
- const listenerObject = CustomResize.resizeListeners.get(ref);
57
- const callbacks = listenerObject ? listenerObject.callbacks : [];
58
- const filteredCallbacks = callbacks.filter(fn => fn !== callback);
59
-
60
- if (!listenerObject || (callbacks.length === filteredCallbacks.length && callbacks.length !== 0)) {
61
- return;
62
- }
63
-
64
- CustomResize.resizeListeners.set(ref, Object.assign(listenerObject, { callbacks: filteredCallbacks }));
65
-
66
- if (!filteredCallbacks.length) {
67
- listenerObject.callbacks = null;
68
- CustomResize.resizeListeners.delete(ref);
69
- }
70
-
71
- if (CustomResize.resizeListeners.size === 0) {
72
- CustomResize.initialized = false;
73
- clearInterval(CustomResize.resizeInterval);
74
- }
75
- }
76
- }
77
-
78
- export default CustomResize;