@ui5/webcomponents-base 0.0.0-306572ffa → 0.0.0-3236d56be

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 (342) hide show
  1. package/.eslintignore +3 -0
  2. package/CHANGELOG.md +308 -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/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 +19 -62
  16. package/dist/InitialConfiguration.js +43 -8
  17. package/dist/Keys.js +107 -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/Theming.js +2 -1
  28. package/dist/UI5Element.js +319 -364
  29. package/dist/UI5ElementMetadata.js +132 -17
  30. package/dist/asset-registries/Icons.js +117 -13
  31. package/dist/asset-registries/Illustrations.js +30 -0
  32. package/dist/asset-registries/LocaleData.js +105 -66
  33. package/dist/asset-registries/Themes.js +23 -32
  34. package/dist/asset-registries/i18n.js +62 -48
  35. package/dist/assets-meta/IconCollectionsAlias.js +18 -0
  36. package/dist/config/Icons.js +52 -0
  37. package/dist/config/Language.js +33 -6
  38. package/dist/config/Theme.js +25 -0
  39. package/dist/css/BusyIndicator.css +76 -0
  40. package/dist/css/FontFace.css +75 -0
  41. package/dist/css/OverrideFontFace.css +32 -0
  42. package/dist/css/SystemCSSVars.css +17 -0
  43. package/dist/delegate/ItemNavigation.js +239 -170
  44. package/dist/delegate/ResizeHandler.js +78 -37
  45. package/dist/delegate/ScrollEnablement.js +49 -20
  46. package/dist/features/F6Navigation.js +108 -0
  47. package/dist/features/OpenUI5Enablement.js +119 -0
  48. package/dist/features/OpenUI5Support.js +41 -6
  49. package/dist/generated/AssetParameters.js +1 -1
  50. package/dist/generated/VersionInfo.js +10 -0
  51. package/dist/generated/css/BusyIndicator.css.js +5 -0
  52. package/dist/generated/css/FontFace.css.js +5 -0
  53. package/dist/generated/css/OverrideFontFace.css.js +5 -0
  54. package/dist/generated/css/SystemCSSVars.css.js +5 -0
  55. package/dist/i18nBundle.js +38 -4
  56. package/dist/isLegacyBrowser.js +3 -0
  57. package/dist/locale/applyDirection.js +6 -4
  58. package/dist/locale/directionChange.js +32 -0
  59. package/dist/locale/getEffectiveDir.js +28 -0
  60. package/dist/locale/getLocale.js +12 -2
  61. package/dist/locale/languageChange.js +1 -1
  62. package/dist/renderer/LitRenderer.js +39 -18
  63. package/dist/renderer/directives/style-map.js +72 -0
  64. package/dist/renderer/executeTemplate.js +19 -2
  65. package/dist/resources/bundle.esm.js +15 -112
  66. package/dist/resources/bundle.esm.js.map +1 -1
  67. package/dist/sap/base/Log.js +241 -0
  68. package/dist/sap/base/assert.js +8 -0
  69. package/dist/sap/base/security/URLListValidator.js +148 -0
  70. package/dist/sap/base/security/encodeCSS.js +14 -0
  71. package/dist/sap/base/security/encodeXML.js +23 -0
  72. package/dist/sap/base/security/sanitizeHTML.js +16 -0
  73. package/dist/sap/base/strings/toHex.js +8 -0
  74. package/dist/sap/base/util/now.js +7 -0
  75. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +3585 -0
  76. package/dist/test-resources/assets/Themes.js +8 -8
  77. package/dist/test-resources/elements/Parent.js +6 -2
  78. package/dist/test-resources/elements/WithStaticArea.js +2 -1
  79. package/dist/test-resources/pages/AllTestElements.html +3 -3
  80. package/dist/test-resources/pages/Configuration.html +0 -2
  81. package/dist/test-resources/pages/ConfigurationScript.html +0 -2
  82. package/dist/test-resources/pages/i18n.html +2 -9
  83. package/dist/test-resources/specs/ConfigurationChange.spec.js +10 -8
  84. package/dist/test-resources/specs/ConfigurationScript.spec.js +25 -23
  85. package/dist/test-resources/specs/ConfigurationURL.spec.js +65 -17
  86. package/dist/test-resources/specs/CustomTheme.spec.js +9 -7
  87. package/dist/test-resources/specs/EventProvider.spec.js +63 -0
  88. package/dist/test-resources/specs/StaticArea.spec.js +56 -12
  89. package/dist/test-resources/specs/Theming.spec.js +12 -10
  90. package/dist/test-resources/specs/UI5ElementInvalidation.js +54 -70
  91. package/dist/test-resources/specs/UI5ElementLifecycle.js +17 -15
  92. package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js +25 -51
  93. package/dist/test-resources/specs/UI5ElementMetadataExt.js +9 -7
  94. package/dist/test-resources/specs/UI5ElementPropertyValidation.js +7 -5
  95. package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js +37 -35
  96. package/dist/test-resources/specs/UI5ElementShadowDOM.js +10 -8
  97. package/dist/test-resources/specs/UI5ElementSlots.js +10 -8
  98. package/dist/theming/CustomStyle.js +25 -5
  99. package/dist/theming/ThemeLoaded.js +22 -0
  100. package/dist/theming/applyTheme.js +13 -15
  101. package/dist/theming/getConstructableStyle.js +7 -6
  102. package/dist/theming/getEffectiveLinksHrefs.js +27 -0
  103. package/dist/theming/getEffectiveStyle.js +24 -8
  104. package/dist/theming/getStylesString.js +4 -2
  105. package/dist/theming/getThemeDesignerTheme.js +25 -5
  106. package/dist/theming/preloadLinks.js +23 -0
  107. package/dist/types/CSSColor.js +9 -0
  108. package/dist/types/CalendarType.js +1 -1
  109. package/dist/types/DataType.js +13 -1
  110. package/dist/types/Float.js +4 -0
  111. package/dist/types/Integer.js +4 -0
  112. package/dist/types/InvisibleMessageMode.js +30 -0
  113. package/dist/types/ItemNavigationBehavior.js +2 -7
  114. package/dist/types/PopupState.js +1 -1
  115. package/dist/types/ValueState.js +1 -1
  116. package/dist/updateShadowRoot.js +30 -0
  117. package/dist/util/AriaLabelHelper.js +41 -0
  118. package/dist/util/Caret.js +45 -0
  119. package/dist/util/ColorConversion.js +370 -0
  120. package/dist/util/FocusableElements.js +22 -9
  121. package/dist/util/HTMLSanitizer.js +7 -0
  122. package/dist/util/InvisibleMessage.js +60 -0
  123. package/dist/util/PopupUtils.js +93 -0
  124. package/dist/util/SlotsHelper.js +43 -0
  125. package/dist/util/TabbableElements.js +5 -1
  126. package/dist/util/arraysAreEqual.js +15 -0
  127. package/dist/util/clamp.js +12 -0
  128. package/dist/util/createLinkInHead.js +19 -0
  129. package/dist/util/debounce.js +17 -0
  130. package/dist/util/escapeRegex.js +10 -0
  131. package/dist/util/generateHighlightedMarkup.js +42 -0
  132. package/dist/util/getActiveElement.js +11 -0
  133. package/dist/util/getClassCopy.js +10 -0
  134. package/dist/util/getEffectiveContentDensity.js +5 -0
  135. package/dist/util/getNormalizedTarget.js +16 -0
  136. package/dist/util/isElementInView.js +15 -0
  137. package/dist/util/isNodeHidden.js +1 -1
  138. package/dist/util/isNodeTabbable.js +4 -4
  139. package/dist/util/isValidPropertyName.js +4 -2
  140. package/index.js +1 -1
  141. package/lib/generate-asset-parameters/index.js +8 -5
  142. package/lib/generate-styles/index.js +26 -0
  143. package/lib/generate-version-info/index.js +32 -0
  144. package/package-scripts.js +30 -19
  145. package/package.json +19 -13
  146. package/src/AssetRegistry.js +8 -7
  147. package/src/Boot.js +59 -0
  148. package/src/CSP.js +59 -0
  149. package/src/CustomElementsRegistry.js +60 -4
  150. package/src/CustomElementsScope.js +20 -98
  151. package/src/CustomElementsScopeUtils.js +108 -0
  152. package/src/DOMObserver.js +65 -0
  153. package/src/Device.js +71 -773
  154. package/src/EventProvider.js +30 -26
  155. package/src/FeaturesRegistry.js +4 -1
  156. package/src/FontFace.js +19 -62
  157. package/src/InitialConfiguration.js +43 -8
  158. package/src/Keys.js +107 -0
  159. package/src/ManagedStyles.js +83 -0
  160. package/src/MediaRange.js +109 -0
  161. package/{dist/util/parseProperties.js → src/PropertiesFileFormat.js} +6 -0
  162. package/src/Render.js +175 -0
  163. package/src/RenderScheduler.js +16 -138
  164. package/src/Runtimes.js +107 -0
  165. package/src/StaticArea.js +1 -29
  166. package/src/StaticAreaItem.js +58 -65
  167. package/src/SystemCSSVars.js +4 -25
  168. package/src/Theming.js +2 -1
  169. package/src/UI5Element.js +319 -364
  170. package/src/UI5ElementMetadata.js +132 -17
  171. package/src/asset-registries/Icons.js +117 -13
  172. package/src/asset-registries/Illustrations.js +30 -0
  173. package/src/asset-registries/LocaleData.js +105 -66
  174. package/src/asset-registries/Themes.js +23 -32
  175. package/src/asset-registries/i18n.js +62 -48
  176. package/src/assets-meta/IconCollectionsAlias.js +18 -0
  177. package/src/config/Icons.js +52 -0
  178. package/src/config/Language.js +33 -6
  179. package/src/config/Theme.js +25 -0
  180. package/src/css/BusyIndicator.css +76 -0
  181. package/src/css/FontFace.css +75 -0
  182. package/src/css/OverrideFontFace.css +32 -0
  183. package/src/css/SystemCSSVars.css +17 -0
  184. package/src/delegate/ItemNavigation.js +239 -170
  185. package/src/delegate/ResizeHandler.js +78 -37
  186. package/src/delegate/ScrollEnablement.js +49 -20
  187. package/src/features/F6Navigation.js +108 -0
  188. package/src/features/OpenUI5Enablement.js +119 -0
  189. package/src/features/OpenUI5Support.js +41 -6
  190. package/src/i18nBundle.js +38 -4
  191. package/src/isLegacyBrowser.js +3 -0
  192. package/src/locale/applyDirection.js +6 -4
  193. package/src/locale/directionChange.js +32 -0
  194. package/src/locale/getEffectiveDir.js +28 -0
  195. package/src/locale/getLocale.js +12 -2
  196. package/src/locale/languageChange.js +1 -1
  197. package/src/renderer/LitRenderer.js +39 -18
  198. package/src/renderer/directives/style-map.js +72 -0
  199. package/src/renderer/executeTemplate.js +19 -2
  200. package/src/theming/CustomStyle.js +25 -5
  201. package/src/theming/ThemeLoaded.js +22 -0
  202. package/src/theming/applyTheme.js +13 -15
  203. package/src/theming/getConstructableStyle.js +7 -6
  204. package/src/theming/getEffectiveLinksHrefs.js +27 -0
  205. package/src/theming/getEffectiveStyle.js +24 -8
  206. package/src/theming/getStylesString.js +4 -2
  207. package/src/theming/getThemeDesignerTheme.js +25 -5
  208. package/src/theming/preloadLinks.js +23 -0
  209. package/src/types/CSSColor.js +9 -0
  210. package/src/types/CalendarType.js +1 -1
  211. package/src/types/DataType.js +13 -1
  212. package/src/types/Float.js +4 -0
  213. package/src/types/Integer.js +4 -0
  214. package/src/types/InvisibleMessageMode.js +30 -0
  215. package/src/types/ItemNavigationBehavior.js +2 -7
  216. package/src/types/PopupState.js +1 -1
  217. package/src/types/ValueState.js +1 -1
  218. package/src/updateShadowRoot.js +30 -0
  219. package/src/util/AriaLabelHelper.js +41 -0
  220. package/src/util/Caret.js +45 -0
  221. package/src/util/ColorConversion.js +370 -0
  222. package/src/util/FocusableElements.js +22 -9
  223. package/src/util/HTMLSanitizer.js +7 -0
  224. package/src/util/InvisibleMessage.js +60 -0
  225. package/src/util/PopupUtils.js +93 -0
  226. package/src/util/SlotsHelper.js +43 -0
  227. package/src/util/TabbableElements.js +5 -1
  228. package/src/util/arraysAreEqual.js +15 -0
  229. package/src/util/clamp.js +12 -0
  230. package/src/util/createLinkInHead.js +19 -0
  231. package/src/util/debounce.js +17 -0
  232. package/src/util/escapeRegex.js +10 -0
  233. package/src/util/generateHighlightedMarkup.js +42 -0
  234. package/src/util/getActiveElement.js +11 -0
  235. package/src/util/getClassCopy.js +10 -0
  236. package/src/util/getEffectiveContentDensity.js +5 -0
  237. package/src/util/getNormalizedTarget.js +16 -0
  238. package/src/util/isElementInView.js +15 -0
  239. package/src/util/isNodeHidden.js +1 -1
  240. package/src/util/isNodeTabbable.js +4 -4
  241. package/src/util/isValidPropertyName.js +4 -2
  242. package/used-modules.txt +10 -0
  243. package/bundle.es5.js +0 -28
  244. package/dist/SVGIconRegistry.js +0 -62
  245. package/dist/boot.js +0 -34
  246. package/dist/compatibility/DOMObserver.js +0 -62
  247. package/dist/compatibility/patchNodeValue.js +0 -24
  248. package/dist/compatibility/whenPolyfillLoaded.js +0 -26
  249. package/dist/delegate/CustomResize.js +0 -78
  250. package/dist/delegate/NativeResize.js +0 -44
  251. package/dist/features/PropertiesFormatSupport.js +0 -8
  252. package/dist/features/browsersupport/Edge.js +0 -6
  253. package/dist/features/browsersupport/IE11.js +0 -41
  254. package/dist/features/browsersupport/IE11WithWebComponentsPolyfill.js +0 -5
  255. package/dist/renderer/ifDefined.js +0 -21
  256. package/dist/renderer/scopeHTML.js +0 -32
  257. package/dist/resources/bundle.es5.js +0 -212
  258. package/dist/resources/bundle.es5.js.map +0 -1
  259. package/dist/theming/CSSVarsPonyfill.js +0 -24
  260. package/dist/theming/adaptCSSForIE.js +0 -95
  261. package/dist/theming/createComponentStyleTag.js +0 -55
  262. package/dist/theming/createThemePropertiesStyleTag.js +0 -20
  263. package/dist/thirdparty/Array.from.js +0 -16
  264. package/dist/thirdparty/Array.prototype.fill.js +0 -44
  265. package/dist/thirdparty/Array.prototype.find.js +0 -46
  266. package/dist/thirdparty/Array.prototype.includes.js +0 -51
  267. package/dist/thirdparty/Element.prototype.closest.js +0 -11
  268. package/dist/thirdparty/Element.prototype.matches.js +0 -6
  269. package/dist/thirdparty/Map.prototype.keys.js +0 -9
  270. package/dist/thirdparty/Number.isInteger.js +0 -5
  271. package/dist/thirdparty/Number.isNaN.js +0 -1
  272. package/dist/thirdparty/Number.parseInt.js +0 -1
  273. package/dist/thirdparty/Object.assign.js +0 -31
  274. package/dist/thirdparty/Object.entries.js +0 -11
  275. package/dist/thirdparty/Symbol.js +0 -2
  276. package/dist/thirdparty/WeakSet.js +0 -27
  277. package/dist/thirdparty/es6-string-methods.js +0 -182
  278. package/dist/thirdparty/events-polyfills.js +0 -89
  279. package/dist/thirdparty/fetch.js +0 -1
  280. package/dist/thirdparty/template.js +0 -600
  281. package/dist/thirdparty/webcomponents-sd-ce-pf.js +0 -318
  282. package/dist/util/getEffectiveAriaLabelText.js +0 -28
  283. package/dist/util/isSlot.js +0 -3
  284. package/dist/webcomponentsjs/LICENSE.md +0 -19
  285. package/dist/webcomponentsjs/README.md +0 -229
  286. package/dist/webcomponentsjs/bundles/webcomponents-ce.js +0 -63
  287. package/dist/webcomponentsjs/bundles/webcomponents-ce.js.map +0 -1
  288. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js +0 -297
  289. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js.map +0 -1
  290. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce.js +0 -208
  291. package/dist/webcomponentsjs/bundles/webcomponents-sd-ce.js.map +0 -1
  292. package/dist/webcomponentsjs/bundles/webcomponents-sd.js +0 -166
  293. package/dist/webcomponentsjs/bundles/webcomponents-sd.js.map +0 -1
  294. package/dist/webcomponentsjs/custom-elements-es5-adapter.js +0 -15
  295. package/dist/webcomponentsjs/package.json +0 -46
  296. package/dist/webcomponentsjs/src/entrypoints/custom-elements-es5-adapter-index.js +0 -16
  297. package/dist/webcomponentsjs/src/entrypoints/webcomponents-bundle-index.js +0 -53
  298. package/dist/webcomponentsjs/src/entrypoints/webcomponents-ce-index.js +0 -17
  299. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-index.js +0 -19
  300. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-pf-index.js +0 -28
  301. package/dist/webcomponentsjs/src/entrypoints/webcomponents-sd-index.js +0 -18
  302. package/dist/webcomponentsjs/webcomponents-bundle.js +0 -298
  303. package/dist/webcomponentsjs/webcomponents-bundle.js.map +0 -1
  304. package/dist/webcomponentsjs/webcomponents-loader.js +0 -185
  305. package/src/SVGIconRegistry.js +0 -62
  306. package/src/boot.js +0 -34
  307. package/src/compatibility/DOMObserver.js +0 -62
  308. package/src/compatibility/patchNodeValue.js +0 -24
  309. package/src/compatibility/whenPolyfillLoaded.js +0 -26
  310. package/src/delegate/CustomResize.js +0 -78
  311. package/src/delegate/NativeResize.js +0 -44
  312. package/src/features/PropertiesFormatSupport.js +0 -8
  313. package/src/features/browsersupport/Edge.js +0 -6
  314. package/src/features/browsersupport/IE11.js +0 -41
  315. package/src/features/browsersupport/IE11WithWebComponentsPolyfill.js +0 -5
  316. package/src/renderer/ifDefined.js +0 -21
  317. package/src/renderer/scopeHTML.js +0 -32
  318. package/src/theming/CSSVarsPonyfill.js +0 -24
  319. package/src/theming/adaptCSSForIE.js +0 -95
  320. package/src/theming/createComponentStyleTag.js +0 -55
  321. package/src/theming/createThemePropertiesStyleTag.js +0 -20
  322. package/src/thirdparty/Array.from.js +0 -16
  323. package/src/thirdparty/Array.prototype.fill.js +0 -44
  324. package/src/thirdparty/Array.prototype.find.js +0 -46
  325. package/src/thirdparty/Array.prototype.includes.js +0 -51
  326. package/src/thirdparty/Element.prototype.closest.js +0 -11
  327. package/src/thirdparty/Element.prototype.matches.js +0 -6
  328. package/src/thirdparty/Map.prototype.keys.js +0 -9
  329. package/src/thirdparty/Number.isInteger.js +0 -5
  330. package/src/thirdparty/Number.isNaN.js +0 -1
  331. package/src/thirdparty/Number.parseInt.js +0 -1
  332. package/src/thirdparty/Object.assign.js +0 -31
  333. package/src/thirdparty/Object.entries.js +0 -11
  334. package/src/thirdparty/Symbol.js +0 -2
  335. package/src/thirdparty/WeakSet.js +0 -27
  336. package/src/thirdparty/es6-string-methods.js +0 -182
  337. package/src/thirdparty/events-polyfills.js +0 -89
  338. package/src/thirdparty/fetch.js +0 -1
  339. package/src/thirdparty/template.js +0 -600
  340. package/src/thirdparty/webcomponents-sd-ce-pf.js +0 -318
  341. package/src/util/getEffectiveAriaLabelText.js +0 -28
  342. package/src/util/isSlot.js +0 -3
package/dist/SystemCSSVars.js CHANGED
@@ -1,31 +1,10 @@
1
- import createStyleInHead from "./util/createStyleInHead.js";
2
-
3
- const systemCSSVars = `
4
- :root {
5
- --_ui5_content_density:cozy;
6
- }
7
-
8
- [data-ui5-compact-size],
9
- .ui5-content-density-compact,
10
- .sapUiSizeCompact {
11
- --_ui5_content_density:compact;
12
- }
13
-
14
- [dir="rtl"] {
15
- --_ui5_dir:rtl;
16
- }
17
-
18
- [dir="ltr"] {
19
- --_ui5_dir:ltr;
20
- }
21
- `;
1
+ import { hasStyle, createStyle } from "./ManagedStyles.js";
2
+ import systemCSSVars from "./generated/css/SystemCSSVars.css.js";
22
3
 
23
4
  const insertSystemCSSVars = () => {
24
- if (document.querySelector(`head>style[data-ui5-system-css-vars]`)) {
25
- return;
5
+ if (!hasStyle("data-ui5-system-css-vars")) {
6
+ createStyle(systemCSSVars, "data-ui5-system-css-vars");
26
7
  }
27
-
28
- createStyleInHead(systemCSSVars, { "data-ui5-system-css-vars": "" });
29
8
  };
30
9
 
31
10
  export default insertSystemCSSVars;
package/dist/Theming.js CHANGED
@@ -1,3 +1,4 @@
1
1
  import { addCustomCSS } from "./theming/CustomStyle.js";
2
+ import { attachThemeLoaded, detachThemeLoaded } from "./theming/ThemeLoaded.js";
2
3
 
3
- export { addCustomCSS }; // eslint-disable-line
4
+ export { addCustomCSS, attachThemeLoaded, detachThemeLoaded };