@ui5/webcomponents-base 0.0.0-306572ffa → 0.0.0-35e2c9666

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 (328) hide show
  1. package/.eslintignore +3 -0
  2. package/CHANGELOG.md +242 -0
  3. package/README.md +26 -2
  4. package/bundle.esm.js +13 -11
  5. package/dist/AssetRegistry.js +8 -7
  6. package/dist/Boot.js +59 -0
  7. package/dist/CSP.js +59 -0
  8. package/dist/CustomElementsRegistry.js +60 -4
  9. package/dist/DOMObserver.js +65 -0
  10. package/dist/Device.js +69 -776
  11. package/dist/EventProvider.js +30 -26
  12. package/dist/FeaturesRegistry.js +4 -1
  13. package/dist/FontFace.js +19 -62
  14. package/dist/InitialConfiguration.js +43 -8
  15. package/dist/Keys.js +107 -0
  16. package/dist/ManagedStyles.js +83 -0
  17. package/dist/MediaRange.js +109 -0
  18. package/{src/util/parseProperties.js → dist/PropertiesFileFormat.js} +6 -0
  19. package/dist/Render.js +175 -0
  20. package/dist/RenderScheduler.js +16 -138
  21. package/dist/Runtimes.js +107 -0
  22. package/dist/StaticArea.js +1 -29
  23. package/dist/StaticAreaItem.js +58 -65
  24. package/dist/SystemCSSVars.js +4 -25
  25. package/dist/Theming.js +2 -1
  26. package/dist/UI5Element.js +310 -365
  27. package/dist/UI5ElementMetadata.js +131 -16
  28. package/dist/asset-registries/Icons.js +121 -13
  29. package/dist/asset-registries/Illustrations.js +30 -0
  30. package/dist/asset-registries/LocaleData.js +105 -66
  31. package/dist/asset-registries/Themes.js +23 -32
  32. package/dist/asset-registries/i18n.js +62 -48
  33. package/dist/assets-meta/IconCollectionsAlias.js +18 -0
  34. package/dist/config/Language.js +33 -6
  35. package/dist/config/Theme.js +25 -0
  36. package/dist/css/FontFace.css +45 -0
  37. package/dist/css/OverrideFontFace.css +32 -0
  38. package/dist/css/SystemCSSVars.css +17 -0
  39. package/dist/delegate/ItemNavigation.js +239 -170
  40. package/dist/delegate/ResizeHandler.js +78 -37
  41. package/dist/delegate/ScrollEnablement.js +49 -20
  42. package/dist/features/F6Navigation.js +108 -0
  43. package/dist/features/OpenUI5Support.js +41 -6
  44. package/dist/generated/AssetParameters.js +1 -1
  45. package/dist/generated/VersionInfo.js +10 -0
  46. package/dist/generated/css/FontFace.css.js +5 -0
  47. package/dist/generated/css/OverrideFontFace.css.js +5 -0
  48. package/dist/generated/css/SystemCSSVars.css.js +5 -0
  49. package/dist/i18nBundle.js +38 -4
  50. package/dist/isLegacyBrowser.js +3 -0
  51. package/dist/locale/applyDirection.js +6 -4
  52. package/dist/locale/directionChange.js +32 -0
  53. package/dist/locale/getEffectiveDir.js +28 -0
  54. package/dist/locale/getLocale.js +12 -2
  55. package/dist/locale/languageChange.js +1 -1
  56. package/dist/renderer/LitRenderer.js +24 -21
  57. package/dist/renderer/directives/style-map.js +72 -0
  58. package/dist/resources/bundle.esm.js +17 -109
  59. package/dist/resources/bundle.esm.js.map +1 -1
  60. package/dist/sap/base/Log.js +241 -0
  61. package/dist/sap/base/assert.js +8 -0
  62. package/dist/sap/base/security/URLListValidator.js +148 -0
  63. package/dist/sap/base/security/encodeCSS.js +14 -0
  64. package/dist/sap/base/security/encodeXML.js +23 -0
  65. package/dist/sap/base/security/sanitizeHTML.js +16 -0
  66. package/dist/sap/base/strings/toHex.js +8 -0
  67. package/dist/sap/base/util/now.js +7 -0
  68. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +3585 -0
  69. package/dist/test-resources/assets/Themes.js +8 -8
  70. package/dist/test-resources/elements/Parent.js +6 -2
  71. package/dist/test-resources/elements/WithStaticArea.js +2 -1
  72. package/dist/test-resources/pages/AllTestElements.html +3 -3
  73. package/dist/test-resources/pages/Configuration.html +0 -2
  74. package/dist/test-resources/pages/ConfigurationScript.html +0 -2
  75. package/dist/test-resources/pages/i18n.html +2 -9
  76. package/dist/test-resources/specs/ConfigurationChange.spec.js +10 -8
  77. package/dist/test-resources/specs/ConfigurationScript.spec.js +25 -23
  78. package/dist/test-resources/specs/ConfigurationURL.spec.js +65 -17
  79. package/dist/test-resources/specs/CustomTheme.spec.js +9 -7
  80. package/dist/test-resources/specs/EventProvider.spec.js +63 -0
  81. package/dist/test-resources/specs/StaticArea.spec.js +56 -12
  82. package/dist/test-resources/specs/Theming.spec.js +12 -10
  83. package/dist/test-resources/specs/UI5ElementInvalidation.js +54 -70
  84. package/dist/test-resources/specs/UI5ElementLifecycle.js +17 -15
  85. package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js +25 -51
  86. package/dist/test-resources/specs/UI5ElementMetadataExt.js +9 -7
  87. package/dist/test-resources/specs/UI5ElementPropertyValidation.js +7 -5
  88. package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js +37 -35
  89. package/dist/test-resources/specs/UI5ElementShadowDOM.js +10 -8
  90. package/dist/test-resources/specs/UI5ElementSlots.js +10 -8
  91. package/dist/theming/CustomStyle.js +25 -5
  92. package/dist/theming/ThemeLoaded.js +22 -0
  93. package/dist/theming/applyTheme.js +13 -15
  94. package/dist/theming/getConstructableStyle.js +7 -6
  95. package/dist/theming/getEffectiveLinksHrefs.js +20 -0
  96. package/dist/theming/getEffectiveStyle.js +15 -8
  97. package/dist/theming/getStylesString.js +4 -2
  98. package/dist/theming/getThemeDesignerTheme.js +25 -5
  99. package/dist/theming/preloadLinks.js +23 -0
  100. package/dist/types/CSSColor.js +9 -0
  101. package/dist/types/CalendarType.js +1 -1
  102. package/dist/types/DataType.js +13 -1
  103. package/dist/types/Float.js +4 -0
  104. package/dist/types/Integer.js +4 -0
  105. package/dist/types/InvisibleMessageMode.js +30 -0
  106. package/dist/types/ItemNavigationBehavior.js +2 -7
  107. package/dist/types/PopupState.js +1 -1
  108. package/dist/types/ValueState.js +1 -1
  109. package/dist/updateShadowRoot.js +30 -0
  110. package/dist/util/AriaLabelHelper.js +41 -0
  111. package/dist/util/Caret.js +45 -0
  112. package/dist/util/ColorConversion.js +370 -0
  113. package/dist/util/FocusableElements.js +22 -9
  114. package/dist/util/HTMLSanitizer.js +7 -0
  115. package/dist/util/InvisibleMessage.js +60 -0
  116. package/dist/util/PopupUtils.js +93 -0
  117. package/dist/util/SlotsHelper.js +43 -0
  118. package/dist/util/TabbableElements.js +5 -1
  119. package/dist/util/arraysAreEqual.js +15 -0
  120. package/dist/util/clamp.js +12 -0
  121. package/dist/util/createLinkInHead.js +19 -0
  122. package/dist/util/debounce.js +17 -0
  123. package/dist/util/escapeRegex.js +10 -0
  124. package/dist/util/generateHighlightedMarkup.js +42 -0
  125. package/dist/util/getActiveElement.js +11 -0
  126. package/dist/util/getClassCopy.js +10 -0
  127. package/dist/util/getEffectiveContentDensity.js +5 -0
  128. package/dist/util/isElementInView.js +15 -0
  129. package/dist/util/isNodeHidden.js +1 -1
  130. package/dist/util/isNodeTabbable.js +4 -4
  131. package/dist/util/isValidPropertyName.js +4 -2
  132. package/hash.txt +1 -0
  133. package/index.js +1 -1
  134. package/lib/generate-asset-parameters/index.js +0 -1
  135. package/lib/generate-styles/index.js +18 -0
  136. package/lib/generate-version-info/index.js +27 -0
  137. package/package-scripts.js +34 -19
  138. package/package.json +19 -13
  139. package/src/AssetRegistry.js +8 -7
  140. package/src/Boot.js +59 -0
  141. package/src/CSP.js +59 -0
  142. package/src/CustomElementsRegistry.js +60 -4
  143. package/src/DOMObserver.js +65 -0
  144. package/src/Device.js +69 -776
  145. package/src/EventProvider.js +30 -26
  146. package/src/FeaturesRegistry.js +4 -1
  147. package/src/FontFace.js +19 -62
  148. package/src/InitialConfiguration.js +43 -8
  149. package/src/Keys.js +107 -0
  150. package/src/ManagedStyles.js +83 -0
  151. package/src/MediaRange.js +109 -0
  152. package/{dist/util/parseProperties.js → src/PropertiesFileFormat.js} +6 -0
  153. package/src/Render.js +175 -0
  154. package/src/RenderScheduler.js +16 -138
  155. package/src/Runtimes.js +107 -0
  156. package/src/StaticArea.js +1 -29
  157. package/src/StaticAreaItem.js +58 -65
  158. package/src/SystemCSSVars.js +4 -25
  159. package/src/Theming.js +2 -1
  160. package/src/UI5Element.js +310 -365
  161. package/src/UI5ElementMetadata.js +131 -16
  162. package/src/asset-registries/Icons.js +121 -13
  163. package/src/asset-registries/Illustrations.js +30 -0
  164. package/src/asset-registries/LocaleData.js +105 -66
  165. package/src/asset-registries/Themes.js +23 -32
  166. package/src/asset-registries/i18n.js +62 -48
  167. package/src/assets-meta/IconCollectionsAlias.js +18 -0
  168. package/src/config/Language.js +33 -6
  169. package/src/config/Theme.js +25 -0
  170. package/src/css/FontFace.css +45 -0
  171. package/src/css/OverrideFontFace.css +32 -0
  172. package/src/css/SystemCSSVars.css +17 -0
  173. package/src/delegate/ItemNavigation.js +239 -170
  174. package/src/delegate/ResizeHandler.js +78 -37
  175. package/src/delegate/ScrollEnablement.js +49 -20
  176. package/src/features/F6Navigation.js +108 -0
  177. package/src/features/OpenUI5Support.js +41 -6
  178. package/src/i18nBundle.js +38 -4
  179. package/src/isLegacyBrowser.js +3 -0
  180. package/src/locale/applyDirection.js +6 -4
  181. package/src/locale/directionChange.js +32 -0
  182. package/src/locale/getEffectiveDir.js +28 -0
  183. package/src/locale/getLocale.js +12 -2
  184. package/src/locale/languageChange.js +1 -1
  185. package/src/renderer/LitRenderer.js +24 -21
  186. package/src/renderer/directives/style-map.js +72 -0
  187. package/src/theming/CustomStyle.js +25 -5
  188. package/src/theming/ThemeLoaded.js +22 -0
  189. package/src/theming/applyTheme.js +13 -15
  190. package/src/theming/getConstructableStyle.js +7 -6
  191. package/src/theming/getEffectiveLinksHrefs.js +20 -0
  192. package/src/theming/getEffectiveStyle.js +15 -8
  193. package/src/theming/getStylesString.js +4 -2
  194. package/src/theming/getThemeDesignerTheme.js +25 -5
  195. package/src/theming/preloadLinks.js +23 -0
  196. package/src/types/CSSColor.js +9 -0
  197. package/src/types/CalendarType.js +1 -1
  198. package/src/types/DataType.js +13 -1
  199. package/src/types/Float.js +4 -0
  200. package/src/types/Integer.js +4 -0
  201. package/src/types/InvisibleMessageMode.js +30 -0
  202. package/src/types/ItemNavigationBehavior.js +2 -7
  203. package/src/types/PopupState.js +1 -1
  204. package/src/types/ValueState.js +1 -1
  205. package/src/updateShadowRoot.js +30 -0
  206. package/src/util/AriaLabelHelper.js +41 -0
  207. package/src/util/Caret.js +45 -0
  208. package/src/util/ColorConversion.js +370 -0
  209. package/src/util/FocusableElements.js +22 -9
  210. package/src/util/HTMLSanitizer.js +7 -0
  211. package/src/util/InvisibleMessage.js +60 -0
  212. package/src/util/PopupUtils.js +93 -0
  213. package/src/util/SlotsHelper.js +43 -0
  214. package/src/util/TabbableElements.js +5 -1
  215. package/src/util/arraysAreEqual.js +15 -0
  216. package/src/util/clamp.js +12 -0
  217. package/src/util/createLinkInHead.js +19 -0
  218. package/src/util/debounce.js +17 -0
  219. package/src/util/escapeRegex.js +10 -0
  220. package/src/util/generateHighlightedMarkup.js +42 -0
  221. package/src/util/getActiveElement.js +11 -0
  222. package/src/util/getClassCopy.js +10 -0
  223. package/src/util/getEffectiveContentDensity.js +5 -0
  224. package/src/util/isElementInView.js +15 -0
  225. package/src/util/isNodeHidden.js +1 -1
  226. package/src/util/isNodeTabbable.js +4 -4
  227. package/src/util/isValidPropertyName.js +4 -2
  228. package/used-modules.txt +10 -0
  229. package/bundle.es5.js +0 -28
  230. package/dist/SVGIconRegistry.js +0 -62
  231. package/dist/boot.js +0 -34
  232. package/dist/compatibility/DOMObserver.js +0 -62
  233. package/dist/compatibility/patchNodeValue.js +0 -24
  234. package/dist/compatibility/whenPolyfillLoaded.js +0 -26
  235. package/dist/delegate/CustomResize.js +0 -78
  236. package/dist/delegate/NativeResize.js +0 -44
  237. package/dist/features/PropertiesFormatSupport.js +0 -8
  238. package/dist/features/browsersupport/Edge.js +0 -6
  239. package/dist/features/browsersupport/IE11.js +0 -41
  240. package/dist/features/browsersupport/IE11WithWebComponentsPolyfill.js +0 -5
  241. package/dist/renderer/ifDefined.js +0 -21
  242. package/dist/renderer/scopeHTML.js +0 -32
  243. package/dist/resources/bundle.es5.js +0 -212
  244. package/dist/resources/bundle.es5.js.map +0 -1
  245. package/dist/theming/CSSVarsPonyfill.js +0 -24
  246. package/dist/theming/adaptCSSForIE.js +0 -95
  247. package/dist/theming/createComponentStyleTag.js +0 -55
  248. package/dist/theming/createThemePropertiesStyleTag.js +0 -20
  249. package/dist/thirdparty/Array.from.js +0 -16
  250. package/dist/thirdparty/Array.prototype.fill.js +0 -44
  251. package/dist/thirdparty/Array.prototype.find.js +0 -46
  252. package/dist/thirdparty/Array.prototype.includes.js +0 -51
  253. package/dist/thirdparty/Element.prototype.closest.js +0 -11
  254. package/dist/thirdparty/Element.prototype.matches.js +0 -6
  255. package/dist/thirdparty/Map.prototype.keys.js +0 -9
  256. package/dist/thirdparty/Number.isInteger.js +0 -5
  257. package/dist/thirdparty/Number.isNaN.js +0 -1
  258. package/dist/thirdparty/Number.parseInt.js +0 -1
  259. package/dist/thirdparty/Object.assign.js +0 -31
  260. package/dist/thirdparty/Object.entries.js +0 -11
  261. package/dist/thirdparty/Symbol.js +0 -2
  262. package/dist/thirdparty/WeakSet.js +0 -27
  263. package/dist/thirdparty/es6-string-methods.js +0 -182
  264. package/dist/thirdparty/events-polyfills.js +0 -89
  265. package/dist/thirdparty/fetch.js +0 -1
  266. package/dist/thirdparty/template.js +0 -600
  267. package/dist/thirdparty/webcomponents-sd-ce-pf.js +0 -318
  268. package/dist/util/getEffectiveAriaLabelText.js +0 -28
  269. package/dist/util/isSlot.js +0 -3
  270. package/dist/webcomponentsjs/LICENSE.md +0 -19
  271. package/dist/webcomponentsjs/README.md +0 -229
  272. package/dist/webcomponentsjs/bundles/webcomponents-ce.js +0 -63
  273. package/dist/webcomponentsjs/bundles/webcomponents-ce.js.map +0 -1
  274. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js +0 -297
  275. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js.map +0 -1
  276. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce.js +0 -208
  277. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce.js.map +0 -1
  278. package/dist/webcomponentsjs/bundles/webcomponents-sd.js +0 -166
  279. package/dist/webcomponentsjs/bundles/webcomponents-sd.js.map +0 -1
  280. package/dist/webcomponentsjs/custom-elements-es5-adapter.js +0 -15
  281. package/dist/webcomponentsjs/package.json +0 -46
  282. package/dist/webcomponentsjs/src/entrypoints/custom-elements-es5-adapter-index.js +0 -16
  283. package/dist/webcomponentsjs/src/entrypoints/webcomponents-bundle-index.js +0 -53
  284. package/dist/webcomponentsjs/src/entrypoints/webcomponents-ce-index.js +0 -17
  285. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-index.js +0 -19
  286. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-pf-index.js +0 -28
  287. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-index.js +0 -18
  288. package/dist/webcomponentsjs/webcomponents-bundle.js +0 -298
  289. package/dist/webcomponentsjs/webcomponents-bundle.js.map +0 -1
  290. package/dist/webcomponentsjs/webcomponents-loader.js +0 -185
  291. package/src/SVGIconRegistry.js +0 -62
  292. package/src/boot.js +0 -34
  293. package/src/compatibility/DOMObserver.js +0 -62
  294. package/src/compatibility/patchNodeValue.js +0 -24
  295. package/src/compatibility/whenPolyfillLoaded.js +0 -26
  296. package/src/delegate/CustomResize.js +0 -78
  297. package/src/delegate/NativeResize.js +0 -44
  298. package/src/features/PropertiesFormatSupport.js +0 -8
  299. package/src/features/browsersupport/Edge.js +0 -6
  300. package/src/features/browsersupport/IE11.js +0 -41
  301. package/src/features/browsersupport/IE11WithWebComponentsPolyfill.js +0 -5
  302. package/src/renderer/ifDefined.js +0 -21
  303. package/src/renderer/scopeHTML.js +0 -32
  304. package/src/theming/CSSVarsPonyfill.js +0 -24
  305. package/src/theming/adaptCSSForIE.js +0 -95
  306. package/src/theming/createComponentStyleTag.js +0 -55
  307. package/src/theming/createThemePropertiesStyleTag.js +0 -20
  308. package/src/thirdparty/Array.from.js +0 -16
  309. package/src/thirdparty/Array.prototype.fill.js +0 -44
  310. package/src/thirdparty/Array.prototype.find.js +0 -46
  311. package/src/thirdparty/Array.prototype.includes.js +0 -51
  312. package/src/thirdparty/Element.prototype.closest.js +0 -11
  313. package/src/thirdparty/Element.prototype.matches.js +0 -6
  314. package/src/thirdparty/Map.prototype.keys.js +0 -9
  315. package/src/thirdparty/Number.isInteger.js +0 -5
  316. package/src/thirdparty/Number.isNaN.js +0 -1
  317. package/src/thirdparty/Number.parseInt.js +0 -1
  318. package/src/thirdparty/Object.assign.js +0 -31
  319. package/src/thirdparty/Object.entries.js +0 -11
  320. package/src/thirdparty/Symbol.js +0 -2
  321. package/src/thirdparty/WeakSet.js +0 -27
  322. package/src/thirdparty/es6-string-methods.js +0 -182
  323. package/src/thirdparty/events-polyfills.js +0 -89
  324. package/src/thirdparty/fetch.js +0 -1
  325. package/src/thirdparty/template.js +0 -600
  326. package/src/thirdparty/webcomponents-sd-ce-pf.js +0 -318
  327. package/src/util/getEffectiveAriaLabelText.js +0 -28
  328. package/src/util/isSlot.js +0 -3
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/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/src/util/isValidPropertyName.js CHANGED
@@ -1,9 +1,11 @@
1
1
  // Note: disabled is present in IE so we explicitly allow it here.
2
2
  // Others, such as title/hidden, we explicitly override, so valid too
3
- const whitelist = [
3
+ const allowList = [
4
4
  "disabled",
5
5
  "title",
6
6
  "hidden",
7
+ "role",
8
+ "draggable",
7
9
  ];
8
10
 
9
11
  /**
@@ -13,7 +15,7 @@ const whitelist = [
13
15
  * @returns {boolean}
14
16
  */
15
17
  const isValidPropertyName = name => {
16
- if (whitelist.includes(name) || name.startsWith("aria")) {
18
+ if (allowList.includes(name) || name.startsWith("aria")) {
17
19
  return true;
18
20
  }
19
21
  const classes = [
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,62 +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 calcKey = (name, collection) => {
10
- // silently support ui5-compatible URIs
11
- if (name.startsWith("sap-icon://")) {
12
- name = name.replace("sap-icon://", "");
13
- [name, collection] = name.split("/").reverse();
14
- }
15
- collection = collection || DEFAULT_COLLECTION;
16
- return `${collection}:${name}`;
17
- };
18
-
19
- const registerIcon = (name, { pathData, ltr, accData, collection } = {}) => { // eslint-disable-line
20
- const key = calcKey(name, collection);
21
- registry.set(key, { pathData, ltr, accData });
22
- };
23
-
24
- const getIconDataSync = (name, collection = DEFAULT_COLLECTION) => {
25
- const key = calcKey(name, collection);
26
- return registry.get(key);
27
- };
28
-
29
- const getIconData = async (name, collection = DEFAULT_COLLECTION) => {
30
- const key = calcKey(name, collection);
31
-
32
- if (!iconCollectionPromises.has(collection)) {
33
- iconCollectionPromises.set(collection, Promise.resolve(ICON_NOT_FOUND));
34
- }
35
-
36
- const iconData = await iconCollectionPromises.get(collection);
37
-
38
- if (iconData === ICON_NOT_FOUND) {
39
- return iconData;
40
- }
41
-
42
- return registry.get(key);
43
- };
44
-
45
- const getRegisteredNames = async () => {
46
- if (iconCollectionPromises.has(DEFAULT_COLLECTION)) {
47
- await iconCollectionPromises.get(DEFAULT_COLLECTION);
48
- }
49
- return Array.from(registry.keys()).map(k => k.split(":")[1]);
50
- };
51
-
52
- const registerCollectionPromise = (collection, promise) => {
53
- iconCollectionPromises.set(collection, promise);
54
- };
55
-
56
- export {
57
- getIconData,
58
- getIconDataSync,
59
- registerIcon,
60
- getRegisteredNames,
61
- registerCollectionPromise,
62
- };
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/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;
package/dist/delegate/NativeResize.js DELETED
@@ -1,44 +0,0 @@
1
- class NativeResize {
2
- static initialize() {
3
- NativeResize.resizeObserver = new window.ResizeObserver(entries => {
4
- // call attached callbacks
5
- entries.forEach(entry => {
6
- const callbacks = NativeResize.observedObjects.get(entry.target);
7
-
8
- callbacks.forEach(el => el());
9
- });
10
- });
11
-
12
- NativeResize.observedObjects = new Map();
13
- }
14
-
15
- static attachListener(ref, callback) {
16
- const observedDOMs = NativeResize.observedObjects;
17
- const callbacks = observedDOMs.get(ref) || [];
18
-
19
- // if no callbacks has been added for this ref - start observing it
20
- if (!callbacks.length) {
21
- NativeResize.resizeObserver.observe(ref);
22
- }
23
-
24
- // save the callbacks in an array
25
- observedDOMs.set(ref, [...callbacks, callback]);
26
- }
27
-
28
- static detachListener(ref, callback) {
29
- const callbacks = NativeResize.observedObjects.get(ref) || [];
30
- const filteredCallbacks = callbacks.filter(fn => fn !== callback);
31
-
32
- if (!callbacks.length || (callbacks.length === filteredCallbacks.length && callbacks.length !== 0)) {
33
- return;
34
- }
35
-
36
- NativeResize.observedObjects.set(ref, filteredCallbacks);
37
-
38
- if (!filteredCallbacks.length) {
39
- NativeResize.resizeObserver.unobserve(ref);
40
- }
41
- }
42
- }
43
-
44
- export default NativeResize;
package/dist/features/PropertiesFormatSupport.js DELETED
@@ -1,8 +0,0 @@
1
- import { registerFeature } from "../FeaturesRegistry.js";
2
- import parseProperties from "../util/parseProperties.js";
3
-
4
- const PropertiesFormatSupport = {
5
- parser: parseProperties,
6
- };
7
-
8
- registerFeature("PropertiesFormatSupport", PropertiesFormatSupport);
package/dist/features/browsersupport/Edge.js DELETED
@@ -1,6 +0,0 @@
1
- // URLSearchParams
2
- import "url-search-params-polyfill/index.js";
3
-
4
-
5
- // "pseudo mutation observer" fix for nodeValue
6
- import "../../compatibility/patchNodeValue.js";
package/dist/features/browsersupport/IE11.js DELETED
@@ -1,41 +0,0 @@
1
- // CSS Custom Properties
2
- import cssVars from "css-vars-ponyfill/dist/css-vars-ponyfill.esm.js";
3
-
4
- // String
5
- import "../../thirdparty/es6-string-methods.js";
6
-
7
- // Object
8
- import "../../thirdparty/Object.entries.js";
9
-
10
- // Array
11
- import "../../thirdparty/Array.prototype.fill.js";
12
- import "../../thirdparty/Array.prototype.find.js";
13
- import "../../thirdparty/Array.prototype.includes.js";
14
-
15
- // Map
16
- import "../../thirdparty/Map.prototype.keys.js";
17
-
18
- // Number
19
- import "../../thirdparty/Number.isInteger.js";
20
- import "../../thirdparty/Number.isNaN.js";
21
- import "../../thirdparty/Number.parseInt.js";
22
-
23
- // Element
24
- import "../../thirdparty/Element.prototype.matches.js";
25
- import "../../thirdparty/Element.prototype.closest.js";
26
-
27
- // WeakSet
28
- import "../../thirdparty/WeakSet.js";
29
-
30
- // fetch
31
- import "../../thirdparty/fetch.js";
32
-
33
- // async - await
34
- import "regenerator-runtime/runtime.js";
35
-
36
- // Plus all polyfills needed for Edge are also needed for IE11
37
- import "./Edge.js";
38
-
39
- window.CSSVarsPonyfill = {
40
- cssVars,
41
- };
package/dist/features/browsersupport/IE11WithWebComponentsPolyfill.js DELETED
@@ -1,5 +0,0 @@
1
- // All web components polyfills (including platform) with "window" passed as argument to the iife
2
- import "../../thirdparty/webcomponents-sd-ce-pf.js";
3
-
4
- // All IE11 polyfills, needed by the project itself
5
- import "./IE11.js";
package/dist/renderer/ifDefined.js DELETED
@@ -1,21 +0,0 @@
1
- import {
2
- AttributePart,
3
- directive,
4
- noChange,
5
- } from "lit-html/lit-html.js";
6
-
7
- /*
8
- lit-html directive that removes and attribute if it is undefined
9
- */
10
- export default directive(value => part => {
11
- if ((value === undefined) && part instanceof AttributePart) {
12
- if (value !== part.value) {
13
- const name = part.committer.name;
14
- part.committer.element.removeAttribute(name);
15
- }
16
- } else if (part.committer && part.committer.element && part.committer.element.getAttribute(part.committer.name) === value) {
17
- part.setValue(noChange);
18
- } else {
19
- part.setValue(value);
20
- }
21
- });