@ui5/webcomponents-base 0.0.0-a8e886a07 → 0.0.0-acc6fea96

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 (647) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +1812 -0
  3. package/README.md +6 -12
  4. package/cypress/specs/Accessor.cy.ts +79 -0
  5. package/cypress/specs/Boot.cy.ts +19 -0
  6. package/cypress/specs/ConfigurationChange.cy.ts +41 -0
  7. package/cypress/specs/ConfigurationScript.cy.ts +116 -0
  8. package/cypress/specs/ConfigurationURL.cy.ts +182 -0
  9. package/cypress/specs/CustomMount.cy.ts +34 -0
  10. package/cypress/specs/CustomTheme.cy.ts +36 -0
  11. package/cypress/specs/EventProvider.cy.ts +59 -0
  12. package/cypress/specs/SystemDOMElements.cy.ts +8 -0
  13. package/cypress/specs/Theming.cy.ts +74 -0
  14. package/cypress/specs/UI5ElementInvalidation.cy.ts +207 -0
  15. package/cypress/specs/UI5ElementLifecycle.cy.ts +82 -0
  16. package/cypress/specs/UI5ElementListenForChildPropChanges.cy.ts +62 -0
  17. package/cypress/specs/UI5ElementMetadataExt.cy.ts +42 -0
  18. package/cypress/specs/UI5ElementPropertyValidation.cy.ts +16 -0
  19. package/cypress/specs/UI5ElementPropsAndAttrs.cy.ts +113 -0
  20. package/cypress/specs/UI5ElementShadowDOM.cy.ts +30 -0
  21. package/cypress/specs/UI5ElementSlots.cy.ts +116 -0
  22. package/cypress/specs/WithComplexTemplate.cy.ts +32 -0
  23. package/cypress/tsconfig.json +20 -0
  24. package/cypress.config.js +3 -0
  25. package/dist/.tsbuildinfobuild +1 -0
  26. package/dist/AssetRegistry.d.ts +2 -2
  27. package/dist/AssetRegistry.js +2 -2
  28. package/dist/AssetRegistry.js.map +1 -1
  29. package/dist/Boot.d.ts +6 -4
  30. package/dist/Boot.js +37 -6
  31. package/dist/Boot.js.map +1 -1
  32. package/dist/CustomElementsRegistry.js +1 -1
  33. package/dist/CustomElementsRegistry.js.map +1 -1
  34. package/dist/CustomElementsScope.d.ts +4 -4
  35. package/dist/CustomElementsScope.js +2 -2
  36. package/dist/CustomElementsScope.js.map +1 -1
  37. package/dist/CustomElementsScopeUtils.d.ts +8 -1
  38. package/dist/CustomElementsScopeUtils.js +13 -1
  39. package/dist/CustomElementsScopeUtils.js.map +1 -1
  40. package/dist/DOMObserver.js.map +1 -1
  41. package/dist/Device.d.ts +17 -2
  42. package/dist/Device.js +116 -36
  43. package/dist/Device.js.map +1 -1
  44. package/dist/EventProvider.js +1 -1
  45. package/dist/EventProvider.js.map +1 -1
  46. package/dist/FeaturesRegistry.d.ts +16 -1
  47. package/dist/FeaturesRegistry.js +37 -1
  48. package/dist/FeaturesRegistry.js.map +1 -1
  49. package/dist/FontFace.js +6 -1
  50. package/dist/FontFace.js.map +1 -1
  51. package/dist/IgnoreCustomElements.d.ts +25 -0
  52. package/dist/IgnoreCustomElements.js +37 -0
  53. package/dist/IgnoreCustomElements.js.map +1 -0
  54. package/dist/InitialConfiguration.d.ts +15 -3
  55. package/dist/InitialConfiguration.js +42 -10
  56. package/dist/InitialConfiguration.js.map +1 -1
  57. package/dist/Keys.d.ts +8 -1
  58. package/dist/Keys.js +114 -106
  59. package/dist/Keys.js.map +1 -1
  60. package/dist/Location.d.ts +11 -0
  61. package/dist/Location.js +49 -0
  62. package/dist/Location.js.map +1 -0
  63. package/dist/ManagedStyles.d.ts +5 -6
  64. package/dist/ManagedStyles.js +45 -53
  65. package/dist/ManagedStyles.js.map +1 -1
  66. package/dist/MediaRange.d.ts +6 -12
  67. package/dist/MediaRange.js +21 -31
  68. package/dist/MediaRange.js.map +1 -1
  69. package/dist/PropertiesFileFormat.js.map +1 -1
  70. package/dist/Render.js.map +1 -1
  71. package/dist/RenderQueue.js.map +1 -1
  72. package/dist/Runtimes.js +11 -0
  73. package/dist/Runtimes.js.map +1 -1
  74. package/dist/SystemCSSVars.js.map +1 -1
  75. package/dist/Theming.js.map +1 -1
  76. package/dist/UI5Element.d.ts +114 -73
  77. package/dist/UI5Element.js +404 -251
  78. package/dist/UI5Element.js.map +1 -1
  79. package/dist/UI5ElementMetadata.d.ts +41 -27
  80. package/dist/UI5ElementMetadata.js +34 -72
  81. package/dist/UI5ElementMetadata.js.map +1 -1
  82. package/dist/animations/AnimationQueue.js.map +1 -1
  83. package/dist/animations/animate.js.map +1 -1
  84. package/dist/animations/scroll.js.map +1 -1
  85. package/dist/animations/slideDown.js.map +1 -1
  86. package/dist/animations/slideUp.js.map +1 -1
  87. package/dist/asset-registries/Icons.d.ts +22 -13
  88. package/dist/asset-registries/Icons.js +63 -31
  89. package/dist/asset-registries/Icons.js.map +1 -1
  90. package/dist/asset-registries/Illustrations.d.ts +3 -1
  91. package/dist/asset-registries/Illustrations.js +51 -20
  92. package/dist/asset-registries/Illustrations.js.map +1 -1
  93. package/dist/asset-registries/LocaleData.js +1 -1
  94. package/dist/asset-registries/LocaleData.js.map +1 -1
  95. package/dist/asset-registries/Themes.d.ts +6 -7
  96. package/dist/asset-registries/Themes.js +29 -12
  97. package/dist/asset-registries/Themes.js.map +1 -1
  98. package/dist/asset-registries/i18n.d.ts +2 -2
  99. package/dist/asset-registries/i18n.js +12 -5
  100. package/dist/asset-registries/i18n.js.map +1 -1
  101. package/dist/asset-registries/util/IconCollectionsAlias.d.ts +30 -0
  102. package/dist/asset-registries/util/IconCollectionsAlias.js +37 -0
  103. package/dist/asset-registries/util/IconCollectionsAlias.js.map +1 -0
  104. package/dist/asset-registries/util/IconCollectionsByTheme.d.ts +20 -0
  105. package/dist/asset-registries/util/IconCollectionsByTheme.js +42 -0
  106. package/dist/asset-registries/util/IconCollectionsByTheme.js.map +1 -0
  107. package/dist/asset-registries/util/getIconCollectionByTheme.d.ts +13 -0
  108. package/dist/asset-registries/util/getIconCollectionByTheme.js +29 -0
  109. package/dist/asset-registries/util/getIconCollectionByTheme.js.map +1 -0
  110. package/dist/config/AnimationMode.d.ts +2 -2
  111. package/dist/config/AnimationMode.js +6 -1
  112. package/dist/config/AnimationMode.js.map +1 -1
  113. package/dist/config/CalendarType.d.ts +8 -1
  114. package/dist/config/CalendarType.js +23 -2
  115. package/dist/config/CalendarType.js.map +1 -1
  116. package/dist/config/ConfigurationReset.d.ts +4 -0
  117. package/dist/config/ConfigurationReset.js +11 -0
  118. package/dist/config/ConfigurationReset.js.map +1 -0
  119. package/dist/config/Fonts.d.ts +16 -0
  120. package/dist/config/Fonts.js +30 -0
  121. package/dist/config/Fonts.js.map +1 -0
  122. package/dist/config/FormatSettings.d.ts +5 -1
  123. package/dist/config/FormatSettings.js +9 -1
  124. package/dist/config/FormatSettings.js.map +1 -1
  125. package/dist/config/Icons.d.ts +31 -21
  126. package/dist/config/Icons.js +28 -32
  127. package/dist/config/Icons.js.map +1 -1
  128. package/dist/config/Language.d.ts +11 -2
  129. package/dist/config/Language.js +24 -4
  130. package/dist/config/Language.js.map +1 -1
  131. package/dist/config/NoConflict.js +5 -0
  132. package/dist/config/NoConflict.js.map +1 -1
  133. package/dist/config/Theme.d.ts +16 -5
  134. package/dist/config/Theme.js +39 -9
  135. package/dist/config/Theme.js.map +1 -1
  136. package/dist/config/ThemeRoot.d.ts +27 -0
  137. package/dist/config/ThemeRoot.js +61 -0
  138. package/dist/config/ThemeRoot.js.map +1 -0
  139. package/dist/config/Timezone.d.ts +17 -0
  140. package/dist/config/Timezone.js +34 -0
  141. package/dist/config/Timezone.js.map +1 -0
  142. package/dist/config/Tooltips.d.ts +19 -0
  143. package/dist/config/Tooltips.js +29 -0
  144. package/dist/config/Tooltips.js.map +1 -0
  145. package/dist/connectToComponent.d.ts +9 -0
  146. package/dist/connectToComponent.js +59 -0
  147. package/dist/connectToComponent.js.map +1 -0
  148. package/dist/converters/DOMReference.d.ts +5 -0
  149. package/dist/converters/DOMReference.js +13 -0
  150. package/dist/converters/DOMReference.js.map +1 -0
  151. package/dist/css/FontFace.css +47 -17
  152. package/dist/css/SystemCSSVars.css +0 -8
  153. package/dist/decorators/bound.d.ts +1 -0
  154. package/dist/decorators/bound.js +34 -0
  155. package/dist/decorators/bound.js.map +1 -0
  156. package/dist/decorators/customElement.d.ts +56 -2
  157. package/dist/decorators/customElement.js +37 -5
  158. package/dist/decorators/customElement.js.map +1 -1
  159. package/dist/decorators/event-strict.d.ts +15 -0
  160. package/dist/decorators/event-strict.js +26 -0
  161. package/dist/decorators/event-strict.js.map +1 -0
  162. package/dist/decorators/event.d.ts +8 -2
  163. package/dist/decorators/event.js +9 -6
  164. package/dist/decorators/event.js.map +1 -1
  165. package/dist/decorators/i18n.d.ts +17 -0
  166. package/dist/decorators/i18n.js +26 -0
  167. package/dist/decorators/i18n.js.map +1 -0
  168. package/dist/decorators/property.d.ts +1 -1
  169. package/dist/decorators/property.js +7 -7
  170. package/dist/decorators/property.js.map +1 -1
  171. package/dist/decorators/query.d.ts +25 -0
  172. package/dist/decorators/query.js +32 -0
  173. package/dist/decorators/query.js.map +1 -0
  174. package/dist/decorators/queryAll.d.ts +27 -0
  175. package/dist/decorators/queryAll.js +34 -0
  176. package/dist/decorators/queryAll.js.map +1 -0
  177. package/dist/decorators/slot.d.ts +1 -1
  178. package/dist/decorators/slot.js +9 -9
  179. package/dist/decorators/slot.js.map +1 -1
  180. package/dist/decorators.d.ts +8 -0
  181. package/dist/decorators.js +9 -0
  182. package/dist/decorators.js.map +1 -0
  183. package/dist/delegate/ItemNavigation.d.ts +9 -8
  184. package/dist/delegate/ItemNavigation.js +13 -14
  185. package/dist/delegate/ItemNavigation.js.map +1 -1
  186. package/dist/delegate/ResizeHandler.d.ts +6 -7
  187. package/dist/delegate/ResizeHandler.js +11 -9
  188. package/dist/delegate/ResizeHandler.js.map +1 -1
  189. package/dist/delegate/ScrollEnablement.d.ts +4 -3
  190. package/dist/delegate/ScrollEnablement.js +2 -2
  191. package/dist/delegate/ScrollEnablement.js.map +1 -1
  192. package/dist/features/F6Navigation.d.ts +6 -3
  193. package/dist/features/F6Navigation.js +102 -44
  194. package/dist/features/F6Navigation.js.map +1 -1
  195. package/dist/features/InputElementsFormSupport.d.ts +15 -0
  196. package/dist/features/InputElementsFormSupport.js +39 -0
  197. package/dist/features/InputElementsFormSupport.js.map +1 -0
  198. package/dist/features/LegacyDateFormats.d.ts +18 -0
  199. package/dist/features/LegacyDateFormats.js +20 -0
  200. package/dist/features/LegacyDateFormats.js.map +1 -0
  201. package/dist/features/OpenUI5Element.js.map +1 -1
  202. package/dist/features/OpenUI5Enablement.d.ts +3 -3
  203. package/dist/features/OpenUI5Enablement.js.map +1 -1
  204. package/dist/features/OpenUI5Support.d.ts +17 -6
  205. package/dist/features/OpenUI5Support.js +92 -46
  206. package/dist/features/OpenUI5Support.js.map +1 -1
  207. package/dist/features/patchPatcher.d.ts +11 -0
  208. package/dist/features/patchPatcher.js +11 -0
  209. package/dist/features/patchPatcher.js.map +1 -0
  210. package/dist/features/patchPopup.d.ts +15 -0
  211. package/dist/features/patchPopup.js +61 -0
  212. package/dist/features/patchPopup.js.map +1 -0
  213. package/dist/generated/AssetParameters.d.ts +6 -0
  214. package/dist/generated/AssetParameters.js +4 -9
  215. package/dist/generated/AssetParameters.js.map +1 -0
  216. package/dist/generated/VersionInfo.d.ts +10 -0
  217. package/dist/generated/VersionInfo.js +9 -8
  218. package/dist/generated/VersionInfo.js.map +1 -0
  219. package/dist/generated/css/BusyIndicator.css.d.ts +2 -0
  220. package/dist/generated/css/BusyIndicator.css.js +2 -5
  221. package/dist/generated/css/BusyIndicator.css.js.map +1 -0
  222. package/dist/generated/css/FontFace.css.d.ts +2 -0
  223. package/dist/generated/css/FontFace.css.js +2 -5
  224. package/dist/generated/css/FontFace.css.js.map +1 -0
  225. package/dist/generated/css/OverrideFontFace.css.d.ts +2 -0
  226. package/dist/generated/css/OverrideFontFace.css.js +2 -5
  227. package/dist/generated/css/OverrideFontFace.css.js.map +1 -0
  228. package/dist/generated/css/SystemCSSVars.css.d.ts +2 -0
  229. package/dist/generated/css/SystemCSSVars.css.js +2 -5
  230. package/dist/generated/css/SystemCSSVars.css.js.map +1 -0
  231. package/dist/getSharedResource.d.ts +1 -1
  232. package/dist/getSharedResource.js +16 -2
  233. package/dist/getSharedResource.js.map +1 -1
  234. package/{global.d.ts → dist/global.d.ts} +2 -6
  235. package/dist/i18nBundle.d.ts +2 -4
  236. package/dist/i18nBundle.js +3 -5
  237. package/dist/i18nBundle.js.map +1 -1
  238. package/dist/index.d.ts +8 -0
  239. package/dist/jsx-dev-runtime.d.ts +4 -0
  240. package/dist/jsx-dev-runtime.js +43 -0
  241. package/dist/jsx-dev-runtime.js.map +1 -0
  242. package/dist/jsx-runtime.d.ts +50 -0
  243. package/dist/jsx-runtime.js +27 -0
  244. package/dist/jsx-runtime.js.map +1 -0
  245. package/dist/jsx-utils.d.ts +3 -0
  246. package/dist/jsx-utils.js +39 -0
  247. package/dist/jsx-utils.js.map +1 -0
  248. package/dist/locale/Locale.js.map +1 -1
  249. package/dist/locale/RTLAwareRegistry.d.ts +1 -1
  250. package/dist/locale/RTLAwareRegistry.js.map +1 -1
  251. package/dist/locale/applyDirection.d.ts +3 -2
  252. package/dist/locale/applyDirection.js +3 -2
  253. package/dist/locale/applyDirection.js.map +1 -1
  254. package/dist/locale/directionChange.js.map +1 -1
  255. package/dist/locale/getEffectiveDir.d.ts +1 -1
  256. package/dist/locale/getEffectiveDir.js +3 -19
  257. package/dist/locale/getEffectiveDir.js.map +1 -1
  258. package/dist/locale/getLocale.js.map +1 -1
  259. package/dist/locale/languageChange.js.map +1 -1
  260. package/dist/locale/nextFallbackLocale.js.map +1 -1
  261. package/dist/locale/normalizeLocale.js.map +1 -1
  262. package/dist/renderer/JsxRenderer.d.ts +3 -0
  263. package/dist/renderer/JsxRenderer.js +16 -0
  264. package/dist/renderer/JsxRenderer.js.map +1 -0
  265. package/dist/renderer/LitRenderer.d.ts +5 -5
  266. package/dist/renderer/LitRenderer.js +5 -10
  267. package/dist/renderer/LitRenderer.js.map +1 -1
  268. package/dist/renderer/directives/style-map.d.ts +13 -0
  269. package/dist/renderer/directives/style-map.js +59 -59
  270. package/dist/renderer/directives/style-map.js.map +1 -0
  271. package/dist/renderer/executeTemplate.d.ts +3 -4
  272. package/dist/renderer/executeTemplate.js +1 -19
  273. package/dist/renderer/executeTemplate.js.map +1 -1
  274. package/dist/sap/base/Log.js +698 -188
  275. package/dist/sap/base/assert.js +28 -1
  276. package/dist/sap/base/config/MemoryConfigurationProvider.js +20 -0
  277. package/dist/sap/base/security/URLListValidator.js +253 -6
  278. package/dist/sap/base/security/encodeCSS.js +34 -8
  279. package/dist/sap/base/security/encodeXML.js +47 -17
  280. package/dist/sap/base/security/sanitizeHTML.js +35 -13
  281. package/dist/sap/base/strings/toHex.js +27 -2
  282. package/dist/sap/base/util/now.js +24 -3
  283. package/dist/sap/base/util/uid.js +27 -0
  284. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +113 -98
  285. package/dist/ssr-dom-shim.d.ts +1 -0
  286. package/dist/ssr-dom-shim.js +12 -0
  287. package/dist/ssr-dom-shim.js.map +1 -0
  288. package/dist/ssr-dom.d.ts +1 -0
  289. package/dist/ssr-dom.js +3 -0
  290. package/dist/ssr-dom.js.map +1 -0
  291. package/dist/theming/CustomStyle.js +7 -5
  292. package/dist/theming/CustomStyle.js.map +1 -1
  293. package/dist/theming/ThemeLoaded.js.map +1 -1
  294. package/dist/theming/ThemeRegistered.d.ts +4 -0
  295. package/dist/theming/ThemeRegistered.js +11 -0
  296. package/dist/theming/ThemeRegistered.js.map +1 -0
  297. package/dist/theming/applyTheme.js +9 -8
  298. package/dist/theming/applyTheme.js.map +1 -1
  299. package/dist/theming/getConstructableStyle.d.ts +2 -2
  300. package/dist/theming/getConstructableStyle.js +3 -3
  301. package/dist/theming/getConstructableStyle.js.map +1 -1
  302. package/dist/theming/getEffectiveStyle.d.ts +1 -1
  303. package/dist/theming/getEffectiveStyle.js +5 -12
  304. package/dist/theming/getEffectiveStyle.js.map +1 -1
  305. package/dist/theming/getStylesString.d.ts +1 -1
  306. package/dist/theming/getStylesString.js +2 -4
  307. package/dist/theming/getStylesString.js.map +1 -1
  308. package/dist/theming/getThemeDesignerTheme.js +2 -1
  309. package/dist/theming/getThemeDesignerTheme.js.map +1 -1
  310. package/dist/thirdparty/_merge.js.map +1 -1
  311. package/dist/thirdparty/isPlainObject.js.map +1 -1
  312. package/dist/thirdparty/merge.js.map +1 -1
  313. package/dist/thirdparty/preact/jsx.d.ts +2616 -0
  314. package/dist/thirdparty/preact/jsxRuntime.module.d.ts +62 -0
  315. package/dist/thirdparty/preact/jsxRuntime.module.js +2 -0
  316. package/dist/thirdparty/preact/preact.module.d.ts +398 -0
  317. package/dist/thirdparty/preact/preact.module.js +2 -0
  318. package/dist/types/AnimationMode.d.ts +0 -8
  319. package/dist/types/AnimationMode.js +0 -8
  320. package/dist/types/AnimationMode.js.map +1 -1
  321. package/dist/types/CalendarType.d.ts +0 -9
  322. package/dist/types/CalendarType.js +0 -9
  323. package/dist/types/CalendarType.js.map +1 -1
  324. package/dist/types/InvisibleMessageMode.d.ts +5 -10
  325. package/dist/types/InvisibleMessageMode.js +4 -11
  326. package/dist/types/InvisibleMessageMode.js.map +1 -1
  327. package/dist/types/ItemNavigationBehavior.d.ts +0 -6
  328. package/dist/types/ItemNavigationBehavior.js +0 -6
  329. package/dist/types/ItemNavigationBehavior.js.map +1 -1
  330. package/dist/types/MovePlacement.d.ts +20 -0
  331. package/dist/types/MovePlacement.js +22 -0
  332. package/dist/types/MovePlacement.js.map +1 -0
  333. package/dist/types/NavigationMode.d.ts +0 -8
  334. package/dist/types/NavigationMode.js +0 -8
  335. package/dist/types/NavigationMode.js.map +1 -1
  336. package/dist/types/Orientation.d.ts +16 -0
  337. package/dist/types/Orientation.js +18 -0
  338. package/dist/types/Orientation.js.map +1 -0
  339. package/dist/types/ValueState.d.ts +3 -17
  340. package/dist/types/ValueState.js +3 -17
  341. package/dist/types/ValueState.js.map +1 -1
  342. package/dist/types.d.ts +37 -14
  343. package/dist/types.js.map +1 -1
  344. package/dist/updateShadowRoot.d.ts +1 -2
  345. package/dist/updateShadowRoot.js +4 -21
  346. package/dist/updateShadowRoot.js.map +1 -1
  347. package/dist/util/AccessibilityTextsHelper.d.ts +17 -0
  348. package/dist/util/AccessibilityTextsHelper.js +199 -0
  349. package/dist/util/AccessibilityTextsHelper.js.map +1 -0
  350. package/dist/util/Caret.js.map +1 -1
  351. package/dist/util/ColorConversion.d.ts +2 -1
  352. package/dist/util/ColorConversion.js +212 -197
  353. package/dist/util/ColorConversion.js.map +1 -1
  354. package/dist/util/FetchHelper.js.map +1 -1
  355. package/dist/util/FocusableElements.js +26 -14
  356. package/dist/util/FocusableElements.js.map +1 -1
  357. package/dist/util/HTMLSanitizer.js.map +1 -1
  358. package/dist/util/InvisibleMessage.js +2 -2
  359. package/dist/util/InvisibleMessage.js.map +1 -1
  360. package/dist/util/PopupUtils.d.ts +1 -3
  361. package/dist/util/PopupUtils.js +1 -15
  362. package/dist/util/PopupUtils.js.map +1 -1
  363. package/dist/util/SelectionAssistant.d.ts +12 -0
  364. package/dist/util/SelectionAssistant.js +79 -0
  365. package/dist/util/SelectionAssistant.js.map +1 -0
  366. package/dist/util/SlotsHelper.js.map +1 -1
  367. package/dist/util/StringHelper.d.ts +3 -1
  368. package/dist/util/StringHelper.js +15 -1
  369. package/dist/util/StringHelper.js.map +1 -1
  370. package/dist/util/TabbableElements.js +3 -10
  371. package/dist/util/TabbableElements.js.map +1 -1
  372. package/dist/util/arraysAreEqual.js.map +1 -1
  373. package/dist/util/clamp.js +2 -1
  374. package/dist/util/clamp.js.map +1 -1
  375. package/dist/util/createLinkInHead.d.ts +1 -1
  376. package/dist/util/createLinkInHead.js +1 -1
  377. package/dist/util/createLinkInHead.js.map +1 -1
  378. package/dist/util/debounce.js.map +1 -1
  379. package/dist/util/detectNavigatorLanguage.d.ts +2 -2
  380. package/dist/util/detectNavigatorLanguage.js +6 -1
  381. package/dist/util/detectNavigatorLanguage.js.map +1 -1
  382. package/dist/util/dragAndDrop/DragRegistry.d.ts +33 -0
  383. package/dist/util/dragAndDrop/DragRegistry.js +66 -0
  384. package/dist/util/dragAndDrop/DragRegistry.js.map +1 -0
  385. package/dist/util/dragAndDrop/findClosestPosition.d.ts +11 -0
  386. package/dist/util/dragAndDrop/findClosestPosition.js +102 -0
  387. package/dist/util/dragAndDrop/findClosestPosition.js.map +1 -0
  388. package/dist/util/dragAndDrop/handleDragOver.d.ts +16 -0
  389. package/dist/util/dragAndDrop/handleDragOver.js +42 -0
  390. package/dist/util/dragAndDrop/handleDragOver.js.map +1 -0
  391. package/dist/util/dragAndDrop/handleDrop.d.ts +5 -0
  392. package/dist/util/dragAndDrop/handleDrop.js +22 -0
  393. package/dist/util/dragAndDrop/handleDrop.js.map +1 -0
  394. package/dist/util/dragAndDrop/longDragOverHandler.d.ts +2 -0
  395. package/dist/util/dragAndDrop/longDragOverHandler.js +25 -0
  396. package/dist/util/dragAndDrop/longDragOverHandler.js.map +1 -0
  397. package/dist/util/escapeRegex.js.map +1 -1
  398. package/dist/util/fixSafariActiveState.d.ts +2 -0
  399. package/dist/util/fixSafariActiveState.js +11 -0
  400. package/dist/util/fixSafariActiveState.js.map +1 -0
  401. package/dist/util/formatMessage.js.map +1 -1
  402. package/dist/util/generateHighlightedMarkup.js.map +1 -1
  403. package/dist/util/getActiveElement.js.map +1 -1
  404. package/dist/util/getClassCopy.d.ts +142 -104
  405. package/dist/util/getClassCopy.js.map +1 -1
  406. package/dist/util/getDesigntimePropertyAsArray.d.ts +2 -2
  407. package/dist/util/getDesigntimePropertyAsArray.js +2 -1
  408. package/dist/util/getDesigntimePropertyAsArray.js.map +1 -1
  409. package/dist/util/getEffectiveContentDensity.js.map +1 -1
  410. package/dist/util/getEffectiveScrollbarStyle.d.ts +1 -1
  411. package/dist/util/getEffectiveScrollbarStyle.js +31 -1
  412. package/dist/util/getEffectiveScrollbarStyle.js.map +1 -1
  413. package/dist/util/getFastNavigationGroups.js.map +1 -1
  414. package/dist/util/getFileExtension.js.map +1 -1
  415. package/dist/util/getNormalizedTarget.js.map +1 -1
  416. package/dist/util/getSingletonElementInstance.d.ts +10 -1
  417. package/dist/util/getSingletonElementInstance.js +11 -2
  418. package/dist/util/getSingletonElementInstance.js.map +1 -1
  419. package/dist/util/hash2str.d.ts +1 -0
  420. package/dist/util/hash2str.js +14 -0
  421. package/dist/util/hash2str.js.map +1 -0
  422. package/dist/util/isElementClickable.js.map +1 -1
  423. package/dist/util/isElementHidden.js.map +1 -1
  424. package/dist/util/isElementInView.js.map +1 -1
  425. package/dist/util/isElementTabbable.js +2 -2
  426. package/dist/util/isElementTabbable.js.map +1 -1
  427. package/dist/util/isValidPropertyName.js.map +1 -1
  428. package/dist/util/toLowercaseEnumValue.d.ts +3 -0
  429. package/dist/util/toLowercaseEnumValue.js +4 -0
  430. package/dist/util/toLowercaseEnumValue.js.map +1 -0
  431. package/dist/util/whenDOMReady.js.map +1 -1
  432. package/dist/util/willShowContent.js.map +1 -1
  433. package/dist/validateThemeRoot.js +15 -13
  434. package/dist/validateThemeRoot.js.map +1 -1
  435. package/index.js +205 -1
  436. package/package-scripts.cjs +74 -0
  437. package/package.json +31 -9
  438. package/src/css/FontFace.css +47 -17
  439. package/src/css/SystemCSSVars.css +0 -8
  440. package/src/thirdparty/preact/jsxRuntime.module.js +2 -0
  441. package/src/thirdparty/preact/preact.module.js +2 -0
  442. package/src/thirdparty/preact/version.txt +1 -0
  443. package/tsconfig.json +19 -12
  444. package/.eslintignore +0 -15
  445. package/bundle.esm.js +0 -60
  446. package/config/wdio.conf.js +0 -1
  447. package/dist/CSP.d.ts +0 -30
  448. package/dist/CSP.js +0 -51
  449. package/dist/CSP.js.map +0 -1
  450. package/dist/MarkedEvents.d.ts +0 -9
  451. package/dist/MarkedEvents.js +0 -15
  452. package/dist/MarkedEvents.js.map +0 -1
  453. package/dist/StaticArea.d.ts +0 -0
  454. package/dist/StaticArea.js +0 -6
  455. package/dist/StaticArea.js.map +0 -1
  456. package/dist/StaticAreaItem.d.ts +0 -36
  457. package/dist/StaticAreaItem.js +0 -99
  458. package/dist/StaticAreaItem.js.map +0 -1
  459. package/dist/api.json +0 -1
  460. package/dist/assets/bundle.esm.07cba5ff.js +0 -56
  461. package/dist/assets-meta/IconCollectionsAlias.d.ts +0 -17
  462. package/dist/assets-meta/IconCollectionsAlias.js +0 -18
  463. package/dist/assets-meta/IconCollectionsAlias.js.map +0 -1
  464. package/dist/config/RTL.d.ts +0 -7
  465. package/dist/config/RTL.js +0 -34
  466. package/dist/config/RTL.js.map +0 -1
  467. package/dist/config/ThemeRoots.d.ts +0 -4
  468. package/dist/config/ThemeRoots.js +0 -28
  469. package/dist/config/ThemeRoots.js.map +0 -1
  470. package/dist/decorators/fastNavigation.d.ts +0 -7
  471. package/dist/decorators/fastNavigation.js +0 -13
  472. package/dist/decorators/fastNavigation.js.map +0 -1
  473. package/dist/decorators/languageAware.d.ts +0 -7
  474. package/dist/decorators/languageAware.js +0 -13
  475. package/dist/decorators/languageAware.js.map +0 -1
  476. package/dist/decorators/themeAware.d.ts +0 -7
  477. package/dist/decorators/themeAware.js +0 -13
  478. package/dist/decorators/themeAware.js.map +0 -1
  479. package/dist/generated/templates/elements/WithComplexTemplateTemplate.lit.js +0 -11
  480. package/dist/theming/getEffectiveLinksHrefs.d.ts +0 -3
  481. package/dist/theming/getEffectiveLinksHrefs.js +0 -17
  482. package/dist/theming/getEffectiveLinksHrefs.js.map +0 -1
  483. package/dist/theming/preloadLinks.d.ts +0 -3
  484. package/dist/theming/preloadLinks.js +0 -19
  485. package/dist/theming/preloadLinks.js.map +0 -1
  486. package/dist/types/CSSColor.d.ts +0 -16
  487. package/dist/types/CSSColor.js +0 -19
  488. package/dist/types/CSSColor.js.map +0 -1
  489. package/dist/types/DOMReference.d.ts +0 -17
  490. package/dist/types/DOMReference.js +0 -25
  491. package/dist/types/DOMReference.js.map +0 -1
  492. package/dist/types/DataType.d.ts +0 -25
  493. package/dist/types/DataType.js +0 -44
  494. package/dist/types/DataType.js.map +0 -1
  495. package/dist/types/Float.d.ts +0 -18
  496. package/dist/types/Float.js +0 -22
  497. package/dist/types/Float.js.map +0 -1
  498. package/dist/types/Integer.d.ts +0 -18
  499. package/dist/types/Integer.js +0 -22
  500. package/dist/types/Integer.js.map +0 -1
  501. package/dist/util/AriaLabelHelper.d.ts +0 -6
  502. package/dist/util/AriaLabelHelper.js +0 -44
  503. package/dist/util/AriaLabelHelper.js.map +0 -1
  504. package/dist/util/createStyleInHead.d.ts +0 -8
  505. package/dist/util/createStyleInHead.js +0 -18
  506. package/dist/util/createStyleInHead.js.map +0 -1
  507. package/lib/generate-asset-parameters/index.js +0 -25
  508. package/lib/generate-styles/index.js +0 -26
  509. package/lib/generate-version-info/index.js +0 -32
  510. package/package-scripts.js +0 -67
  511. package/src/AssetRegistry.ts +0 -11
  512. package/src/Boot.ts +0 -61
  513. package/src/CSP.ts +0 -66
  514. package/src/CustomElementsRegistry.ts +0 -98
  515. package/src/CustomElementsScope.ts +0 -33
  516. package/src/CustomElementsScopeUtils.ts +0 -115
  517. package/src/DOMObserver.ts +0 -28
  518. package/src/Device.ts +0 -124
  519. package/src/EventProvider.ts +0 -87
  520. package/src/FeaturesRegistry.ts +0 -14
  521. package/src/FontFace.ts +0 -31
  522. package/src/InitialConfiguration.ts +0 -207
  523. package/src/Keys.ts +0 -295
  524. package/src/ManagedStyles.ts +0 -92
  525. package/src/MarkedEvents.ts +0 -20
  526. package/src/MediaRange.ts +0 -110
  527. package/src/PropertiesFileFormat.ts +0 -95
  528. package/src/Render.ts +0 -180
  529. package/src/RenderQueue.ts +0 -71
  530. package/src/Runtimes.ts +0 -114
  531. package/src/StaticArea.ts +0 -3
  532. package/src/StaticAreaItem.ts +0 -113
  533. package/src/SystemCSSVars.ts +0 -10
  534. package/src/Theming.ts +0 -4
  535. package/src/UI5Element.ts +0 -1155
  536. package/src/UI5ElementMetadata.ts +0 -389
  537. package/src/animations/AnimationQueue.ts +0 -43
  538. package/src/animations/animate.ts +0 -64
  539. package/src/animations/scroll.ts +0 -21
  540. package/src/animations/slideDown.ts +0 -72
  541. package/src/animations/slideUp.ts +0 -67
  542. package/src/asset-registries/Icons.ts +0 -162
  543. package/src/asset-registries/Illustrations.ts +0 -75
  544. package/src/asset-registries/LocaleData.ts +0 -172
  545. package/src/asset-registries/Themes.ts +0 -67
  546. package/src/asset-registries/i18n.ts +0 -118
  547. package/src/assets-meta/IconCollectionsAlias.ts +0 -18
  548. package/src/config/AnimationMode.ts +0 -33
  549. package/src/config/CalendarType.ts +0 -23
  550. package/src/config/FormatSettings.ts +0 -21
  551. package/src/config/Icons.ts +0 -59
  552. package/src/config/Language.ts +0 -72
  553. package/src/config/NoConflict.ts +0 -67
  554. package/src/config/RTL.ts +0 -41
  555. package/src/config/Theme.ts +0 -64
  556. package/src/config/ThemeRoots.ts +0 -41
  557. package/src/decorators/customElement.ts +0 -17
  558. package/src/decorators/event.ts +0 -28
  559. package/src/decorators/fastNavigation.ts +0 -14
  560. package/src/decorators/languageAware.ts +0 -14
  561. package/src/decorators/property.ts +0 -30
  562. package/src/decorators/slot.ts +0 -49
  563. package/src/decorators/themeAware.ts +0 -14
  564. package/src/delegate/ItemNavigation.ts +0 -393
  565. package/src/delegate/ResizeHandler.ts +0 -95
  566. package/src/delegate/ScrollEnablement.ts +0 -221
  567. package/src/features/F6Navigation.ts +0 -141
  568. package/src/features/OpenUI5Element.ts +0 -11
  569. package/src/features/OpenUI5Enablement.ts +0 -117
  570. package/src/features/OpenUI5Support.ts +0 -148
  571. package/src/getSharedResource.ts +0 -30
  572. package/src/i18nBundle.ts +0 -108
  573. package/src/locale/Locale.ts +0 -101
  574. package/src/locale/RTLAwareRegistry.ts +0 -16
  575. package/src/locale/applyDirection.ts +0 -18
  576. package/src/locale/directionChange.ts +0 -34
  577. package/src/locale/getEffectiveDir.ts +0 -28
  578. package/src/locale/getLocale.ts +0 -46
  579. package/src/locale/languageChange.ts +0 -24
  580. package/src/locale/nextFallbackLocale.ts +0 -28
  581. package/src/locale/normalizeLocale.ts +0 -56
  582. package/src/renderer/LitRenderer.ts +0 -60
  583. package/src/renderer/directives/style-map.js +0 -72
  584. package/src/renderer/executeTemplate.ts +0 -40
  585. package/src/theming/CustomStyle.ts +0 -62
  586. package/src/theming/ThemeLoaded.ts +0 -24
  587. package/src/theming/applyTheme.ts +0 -90
  588. package/src/theming/getConstructableStyle.ts +0 -31
  589. package/src/theming/getEffectiveLinksHrefs.ts +0 -26
  590. package/src/theming/getEffectiveStyle.ts +0 -41
  591. package/src/theming/getStylesString.ts +0 -15
  592. package/src/theming/getThemeDesignerTheme.ts +0 -101
  593. package/src/theming/preloadLinks.ts +0 -24
  594. package/src/thirdparty/_merge.ts +0 -32
  595. package/src/thirdparty/isPlainObject.ts +0 -18
  596. package/src/thirdparty/merge.ts +0 -5
  597. package/src/types/AnimationMode.ts +0 -33
  598. package/src/types/CSSColor.ts +0 -20
  599. package/src/types/CalendarType.ts +0 -38
  600. package/src/types/DOMReference.ts +0 -28
  601. package/src/types/DataType.ts +0 -51
  602. package/src/types/Float.ts +0 -25
  603. package/src/types/Integer.ts +0 -25
  604. package/src/types/InvisibleMessageMode.ts +0 -27
  605. package/src/types/ItemNavigationBehavior.ts +0 -26
  606. package/src/types/NavigationMode.ts +0 -33
  607. package/src/types/ValueState.ts +0 -47
  608. package/src/types.ts +0 -30
  609. package/src/updateShadowRoot.ts +0 -37
  610. package/src/util/AriaLabelHelper.ts +0 -63
  611. package/src/util/Caret.ts +0 -28
  612. package/src/util/ColorConversion.ts +0 -399
  613. package/src/util/FetchHelper.ts +0 -31
  614. package/src/util/FocusableElements.ts +0 -82
  615. package/src/util/HTMLSanitizer.ts +0 -9
  616. package/src/util/InvisibleMessage.ts +0 -69
  617. package/src/util/PopupUtils.ts +0 -112
  618. package/src/util/SlotsHelper.ts +0 -39
  619. package/src/util/StringHelper.ts +0 -26
  620. package/src/util/TabbableElements.ts +0 -70
  621. package/src/util/arraysAreEqual.ts +0 -15
  622. package/src/util/clamp.ts +0 -12
  623. package/src/util/createLinkInHead.ts +0 -25
  624. package/src/util/createStyleInHead.ts +0 -20
  625. package/src/util/debounce.ts +0 -18
  626. package/src/util/detectNavigatorLanguage.ts +0 -13
  627. package/src/util/escapeRegex.ts +0 -11
  628. package/src/util/formatMessage.ts +0 -24
  629. package/src/util/generateHighlightedMarkup.ts +0 -43
  630. package/src/util/getActiveElement.ts +0 -11
  631. package/src/util/getClassCopy.ts +0 -12
  632. package/src/util/getDesigntimePropertyAsArray.ts +0 -4
  633. package/src/util/getEffectiveContentDensity.ts +0 -5
  634. package/src/util/getEffectiveScrollbarStyle.ts +0 -5
  635. package/src/util/getFastNavigationGroups.ts +0 -63
  636. package/src/util/getFileExtension.ts +0 -21
  637. package/src/util/getNormalizedTarget.ts +0 -16
  638. package/src/util/getSingletonElementInstance.ts +0 -13
  639. package/src/util/isElementClickable.ts +0 -19
  640. package/src/util/isElementHidden.ts +0 -9
  641. package/src/util/isElementInView.ts +0 -15
  642. package/src/util/isElementTabbable.ts +0 -37
  643. package/src/util/isValidPropertyName.ts +0 -29
  644. package/src/util/whenDOMReady.ts +0 -13
  645. package/src/util/willShowContent.ts +0 -7
  646. package/src/validateThemeRoot.ts +0 -58
  647. package/used-modules.txt +0 -10
@@ -3,6 +3,16 @@ import { isF6Next, isF6Previous } from "../Keys.js";
3
3
  import { instanceOfUI5Element } from "../UI5Element.js";
4
4
  import { getFirstFocusableElement } from "../util/FocusableElements.js";
5
5
  import getFastNavigationGroups from "../util/getFastNavigationGroups.js";
6
+ import isElementClickable from "../util/isElementClickable.js";
7
+ import { getCurrentRuntimeIndex, compareRuntimes } from "../Runtimes.js";
8
+ import getSharedResource from "../getSharedResource.js";
9
+ const currentRuntimeINdex = getCurrentRuntimeIndex();
10
+ const shouldUpdate = (runtimeIndex) => {
11
+ if (runtimeIndex === undefined) {
12
+ return true;
13
+ }
14
+ return compareRuntimes(currentRuntimeINdex, runtimeIndex) === 1; // 1 means the current is newer, 0 means the same, -1 means the resource's runtime is newer
15
+ };
6
16
  class F6Navigation {
7
17
  constructor() {
8
18
  this.selectedGroup = null;
@@ -13,47 +23,57 @@ class F6Navigation {
13
23
  attachEventListeners() {
14
24
  document.addEventListener("keydown", this.keydownHandler);
15
25
  }
16
- async _keydownHandler(event) {
17
- if (isF6Next(event)) {
18
- this.updateGroups();
19
- if (this.groups.length < 1) {
20
- return;
26
+ removeEventListeners() {
27
+ document.removeEventListener("keydown", this.keydownHandler);
28
+ }
29
+ async groupElementToFocus(nextElement) {
30
+ let nextElementDomRef = nextElement;
31
+ if (instanceOfUI5Element(nextElement)) {
32
+ nextElementDomRef = nextElement.getDomRef() || nextElement.firstElementChild;
33
+ }
34
+ if (nextElementDomRef) {
35
+ if (isElementClickable(nextElementDomRef)) {
36
+ return nextElementDomRef;
21
37
  }
22
- event.preventDefault();
23
- let nextIndex = -1;
24
- let nextElement;
25
- if (this.selectedGroup) {
26
- nextIndex = this.groups.indexOf(this.selectedGroup);
38
+ const elementToFocus = await getFirstFocusableElement(nextElementDomRef);
39
+ if (elementToFocus) {
40
+ return elementToFocus;
27
41
  }
28
- if (nextIndex > -1) {
29
- if (nextIndex + 1 >= this.groups.length) {
30
- nextElement = this.groups[0];
42
+ }
43
+ }
44
+ async findNextFocusableGroupElement(currentIndex) {
45
+ let elementToFocus;
46
+ /* eslint-disable no-await-in-loop */
47
+ for (let index = 0; index < this.groups.length; index++) {
48
+ let nextElement;
49
+ if (currentIndex > -1) {
50
+ if (currentIndex + 1 >= this.groups.length) {
51
+ currentIndex = 0;
52
+ nextElement = this.groups[currentIndex];
31
53
  }
32
54
  else {
33
- nextElement = this.groups[nextIndex + 1];
55
+ currentIndex += 1;
56
+ nextElement = this.groups[currentIndex];
34
57
  }
35
58
  }
36
59
  else {
37
- nextElement = this.groups[0];
60
+ currentIndex = 0;
61
+ nextElement = this.groups[currentIndex];
38
62
  }
39
- const nextElementDomRef = instanceOfUI5Element(nextElement) ? nextElement.getDomRef() : nextElement;
40
- if (nextElementDomRef) {
41
- const elementToFocus = await getFirstFocusableElement(nextElementDomRef, true);
42
- elementToFocus?.focus();
63
+ elementToFocus = await this.groupElementToFocus(nextElement);
64
+ if (elementToFocus) {
65
+ break;
43
66
  }
44
67
  }
45
- if (isF6Previous(event)) {
46
- this.updateGroups();
47
- if (this.groups.length < 1) {
48
- return;
49
- }
50
- event.preventDefault();
51
- let nextIndex = -1;
68
+ /* eslint-enable no-await-in-loop */
69
+ return elementToFocus;
70
+ }
71
+ async findPreviousFocusableGroupElement(currentIndex) {
72
+ let elementToFocus;
73
+ /* eslint-disable no-await-in-loop */
74
+ for (let index = 0; index < this.groups.length; index++) {
52
75
  let nextElement;
53
- if (this.selectedGroup) {
54
- nextIndex = this.groups.indexOf(this.selectedGroup);
55
- }
56
- if (nextIndex > 0) {
76
+ if (currentIndex > 0) {
57
77
  // Handle the situation where the first focusable element of two neighbor groups is the same
58
78
  // For example:
59
79
  // <ui5-flexible-column-layout>
@@ -62,22 +82,53 @@ class F6Navigation {
62
82
  // </ui5-list>
63
83
  // </ui5-flexible-column-layout>
64
84
  // Here for both FCL & List the firstFoccusableElement is the same (the ui5-li)
65
- const firstFocusable = await getFirstFocusableElement(this.groups[nextIndex - 1], true);
66
- const shouldSkipParent = firstFocusable === await getFirstFocusableElement(this.groups[nextIndex], true);
67
- nextElement = this.groups[shouldSkipParent ? nextIndex - 2 : nextIndex - 1];
85
+ const firstFocusable = await this.groupElementToFocus(this.groups[currentIndex - 1]);
86
+ const shouldSkipParent = firstFocusable === await this.groupElementToFocus(this.groups[currentIndex]);
87
+ currentIndex = shouldSkipParent ? currentIndex - 2 : currentIndex - 1;
88
+ if (currentIndex < 0) {
89
+ currentIndex = this.groups.length - 1;
90
+ }
91
+ nextElement = this.groups[currentIndex];
68
92
  }
69
93
  else {
70
- nextElement = this.groups[this.groups.length - 1];
94
+ currentIndex = this.groups.length - 1;
95
+ nextElement = this.groups[currentIndex];
71
96
  }
72
- const nextElementDomRef = instanceOfUI5Element(nextElement) ? nextElement.getDomRef() : nextElement;
73
- if (nextElementDomRef) {
74
- const elementToFocus = await getFirstFocusableElement(nextElementDomRef, true);
75
- elementToFocus?.focus();
97
+ elementToFocus = await this.groupElementToFocus(nextElement);
98
+ if (elementToFocus) {
99
+ break;
76
100
  }
77
101
  }
102
+ /* eslint-enable no-await-in-loop */
103
+ return elementToFocus;
78
104
  }
79
- removeEventListeners() {
80
- document.removeEventListener("keydown", this.keydownHandler);
105
+ async _keydownHandler(event) {
106
+ const forward = isF6Next(event);
107
+ const backward = isF6Previous(event);
108
+ if (!(forward || backward)) {
109
+ return;
110
+ }
111
+ this.updateGroups();
112
+ if (this.groups.length < 1) {
113
+ return;
114
+ }
115
+ event.preventDefault();
116
+ let elementToFocus;
117
+ if (this.groups.length === 0) {
118
+ elementToFocus = await this.groupElementToFocus(this.groups[0]);
119
+ return elementToFocus?.focus();
120
+ }
121
+ let currentIndex = -1;
122
+ if (this.selectedGroup) {
123
+ currentIndex = this.groups.indexOf(this.selectedGroup);
124
+ }
125
+ if (forward) {
126
+ elementToFocus = await this.findNextFocusableGroupElement(currentIndex);
127
+ }
128
+ if (backward) {
129
+ elementToFocus = await this.findPreviousFocusableGroupElement(currentIndex);
130
+ }
131
+ elementToFocus?.focus();
81
132
  }
82
133
  updateGroups() {
83
134
  this.setSelectedGroup();
@@ -92,7 +143,7 @@ class F6Navigation {
92
143
  this.selectedGroup = element;
93
144
  }
94
145
  deepActive(root) {
95
- if (root.activeElement && root.activeElement.shadowRoot) {
146
+ if (root?.activeElement?.shadowRoot?.activeElement) {
96
147
  return this.deepActive(root.activeElement.shadowRoot);
97
148
  }
98
149
  return root.activeElement;
@@ -100,11 +151,18 @@ class F6Navigation {
100
151
  destroy() {
101
152
  this.removeEventListeners();
102
153
  }
154
+ get _ui5RuntimeIndex() {
155
+ return currentRuntimeINdex;
156
+ }
103
157
  static init() {
104
- if (!this._instance) {
105
- this._instance = new F6Navigation();
158
+ const f6Registry = getSharedResource("F6Registry", {});
159
+ if (!f6Registry.instance) {
160
+ f6Registry.instance = new F6Navigation();
161
+ }
162
+ else if (shouldUpdate(f6Registry.instance?._ui5RuntimeIndex)) {
163
+ f6Registry.instance?.destroy();
164
+ f6Registry.instance = new F6Navigation();
106
165
  }
107
- return this._instance;
108
166
  }
109
167
  }
110
168
  registerFeature("F6Navigation", F6Navigation);
@@ -1 +1 @@
1
- {"version":3,"file":"F6Navigation.js","sourceRoot":"","sources":["../../src/features/F6Navigation.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"F6Navigation.js","sourceRoot":"","sources":["../../src/features/F6Navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AACzE,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AAMxD,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;AAErD,MAAM,YAAY,GAAG,CAAC,YAAgC,EAAE,EAAE;IACzD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACb,CAAC;IACD,OAAO,eAAe,CAAC,mBAAmB,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,2FAA2F;AAC7J,CAAC,CAAC;AAEF,MAAM,YAAY;IAKjB;QAHA,kBAAa,GAAuB,IAAI,CAAC;QACzC,WAAM,GAAuB,EAAE,CAAC;QAG/B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAmC,CAAC;QACxF,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC7B,CAAC;IAED,oBAAoB;QACnB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC;IAED,oBAAoB;QACnB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC9D,CAAC;IAED,KAAK,CAAC,mBAAmB,CAAC,WAAwB;QACjD,IAAI,iBAAiB,GAAG,WAAW,CAAC;QAEpC,IAAI,oBAAoB,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,iBAAiB,GAAG,WAAW,CAAC,SAAS,EAAE,IAAI,WAAW,CAAC,iBAAgC,CAAC;QAC7F,CAAC;QAED,IAAI,iBAAiB,EAAE,CAAC;YACvB,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBAC3C,OAAO,iBAAiB,CAAC;YAC1B,CAAC;YAED,MAAM,cAAc,GAAG,MAAM,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;YAEzE,IAAI,cAAc,EAAE,CAAC;gBACpB,OAAO,cAAc,CAAC;YACvB,CAAC;QACF,CAAC;IACF,CAAC;IAED,KAAK,CAAC,6BAA6B,CAAC,YAAoB;QACvD,IAAI,cAAc,CAAC;QAEnB,qCAAqC;QACrC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;YACzD,IAAI,WAAW,CAAC;YAEhB,IAAI,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC;gBACvB,IAAI,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;oBAC5C,YAAY,GAAG,CAAC,CAAC;oBACjB,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;gBACzC,CAAC;qBAAM,CAAC;oBACP,YAAY,IAAI,CAAC,CAAC;oBAClB,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;gBACzC,CAAC;YACF,CAAC;iBAAM,CAAC;gBACP,YAAY,GAAG,CAAC,CAAC;gBACjB,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACzC,CAAC;YAED,cAAc,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;YAE7D,IAAI,cAAc,EAAE,CAAC;gBACpB,MAAM;YACP,CAAC;QACF,CAAC;QACD,oCAAoC;QAEpC,OAAO,cAAc,CAAC;IACvB,CAAC;IAED,KAAK,CAAC,iCAAiC,CAAC,YAAoB;QAC3D,IAAI,cAAc,CAAC;QAEnB,qCAAqC;QACrC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;YACzD,IAAI,WAAW,CAAC;YAEhB,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;gBACtB,4FAA4F;gBAC5F,eAAe;gBACf,+BAA+B;gBAC/B,iBAAiB;gBACjB,qCAAqC;gBACrC,kBAAkB;gBAClB,gCAAgC;gBAChC,+EAA+E;gBAC/E,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC;gBACrF,MAAM,gBAAgB,GAAG,cAAc,KAAK,MAAM,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;gBAEtG,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC;gBAEtE,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;oBACtB,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBACvC,CAAC;gBAED,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACzC,CAAC;iBAAM,CAAC;gBACP,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBACtC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACzC,CAAC;YAED,cAAc,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;YAE7D,IAAI,cAAc,EAAE,CAAC;gBACpB,MAAM;YACP,CAAC;QACF,CAAC;QACD,oCAAoC;QAEpC,OAAO,cAAc,CAAC;IACvB,CAAC;IAED,KAAK,CAAC,eAAe,CAAC,KAAoB;QACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChC,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,EAAE,CAAC;YAC5B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO;QACR,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,cAAc,CAAC;QAEnB,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,cAAc,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAEhE,OAAO,cAAc,EAAE,KAAK,EAAE,CAAC;QAChC,CAAC;QAED,IAAI,YAAY,GAAG,CAAC,CAAC,CAAC;QAEtB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACb,cAAc,GAAG,MAAM,IAAI,CAAC,6BAA6B,CAAC,YAAY,CAAC,CAAC;QACzE,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACd,cAAc,GAAG,MAAM,IAAI,CAAC,iCAAiC,CAAC,YAAY,CAAC,CAAC;QAC7E,CAAC;QAED,cAAc,EAAE,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,YAAY;QACX,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,uBAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAED,gBAAgB,CAAC,OAA6B,MAAM,CAAC,QAAQ;QAC5D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1D,IAAI,OAAO,GAAgC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjE,OAAO,OAAO,IAAK,OAAmB,CAAC,YAAY,CAAC,0BAA0B,CAAC,KAAK,MAAM,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;YACvH,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAE,OAAO,CAAC,UAAyB,CAAC,IAAI,CAAC;QAChG,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,OAAsB,CAAC;IAC7C,CAAC;IAED,UAAU,CAAC,IAA0B;QACpC,IAAI,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;YACpD,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC;QAED,OAAO,IAAI,CAAC,aAAa,CAAC;IAC3B,CAAC;IAED,OAAO;QACN,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC7B,CAAC;IAED,IAAI,gBAAgB;QACnB,OAAO,mBAAmB,CAAC;IAC5B,CAAC;IAED,MAAM,CAAC,IAAI;QACV,MAAM,UAAU,GAAG,iBAAiB,CAAa,YAAY,EAAE,EAAE,CAAC,CAAC;QAEnE,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;YAC1B,UAAU,CAAC,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QAC1C,CAAC;aAAM,IAAI,YAAY,CAAC,UAAU,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EAAE,CAAC;YAChE,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC;YAC/B,UAAU,CAAC,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QAC1C,CAAC;IACF,CAAC;CACD;AAED,eAAe,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AAE9C,eAAe,YAAY,CAAC","sourcesContent":["import { registerFeature } from \"../FeaturesRegistry.js\";\nimport { isF6Next, isF6Previous } from \"../Keys.js\";\nimport { instanceOfUI5Element } from \"../UI5Element.js\";\nimport { getFirstFocusableElement } from \"../util/FocusableElements.js\";\nimport getFastNavigationGroups from \"../util/getFastNavigationGroups.js\";\nimport isElementClickable from \"../util/isElementClickable.js\";\nimport { getCurrentRuntimeIndex, compareRuntimes } from \"../Runtimes.js\";\nimport getSharedResource from \"../getSharedResource.js\";\n\ntype F6Registry = {\n\tinstance?: F6Navigation,\n}\n\nconst currentRuntimeINdex = getCurrentRuntimeIndex();\n\nconst shouldUpdate = (runtimeIndex: number | undefined) => {\n\tif (runtimeIndex === undefined) {\n\t\treturn true;\n\t}\n\treturn compareRuntimes(currentRuntimeINdex, runtimeIndex) === 1; // 1 means the current is newer, 0 means the same, -1 means the resource's runtime is newer\n};\n\nclass F6Navigation {\n\tkeydownHandler: (event: KeyboardEvent) => void;\n\tselectedGroup: HTMLElement | null = null;\n\tgroups: Array<HTMLElement> = [];\n\n\tconstructor() {\n\t\tthis.keydownHandler = this._keydownHandler.bind(this) as (event: KeyboardEvent) => void;\n\t\tthis.attachEventListeners();\n\t}\n\n\tattachEventListeners() {\n\t\tdocument.addEventListener(\"keydown\", this.keydownHandler);\n\t}\n\n\tremoveEventListeners() {\n\t\tdocument.removeEventListener(\"keydown\", this.keydownHandler);\n\t}\n\n\tasync groupElementToFocus(nextElement: HTMLElement) {\n\t\tlet nextElementDomRef = nextElement;\n\n\t\tif (instanceOfUI5Element(nextElement)) {\n\t\t\tnextElementDomRef = nextElement.getDomRef() || nextElement.firstElementChild as HTMLElement;\n\t\t}\n\n\t\tif (nextElementDomRef) {\n\t\t\tif (isElementClickable(nextElementDomRef)) {\n\t\t\t\treturn nextElementDomRef;\n\t\t\t}\n\n\t\t\tconst elementToFocus = await getFirstFocusableElement(nextElementDomRef);\n\n\t\t\tif (elementToFocus) {\n\t\t\t\treturn elementToFocus;\n\t\t\t}\n\t\t}\n\t}\n\n\tasync findNextFocusableGroupElement(currentIndex: number) {\n\t\tlet elementToFocus;\n\n\t\t/* eslint-disable no-await-in-loop */\n\t\tfor (let index = 0; index < this.groups.length; index++) {\n\t\t\tlet nextElement;\n\n\t\t\tif (currentIndex > -1) {\n\t\t\t\tif (currentIndex + 1 >= this.groups.length) {\n\t\t\t\t\tcurrentIndex = 0;\n\t\t\t\t\tnextElement = this.groups[currentIndex];\n\t\t\t\t} else {\n\t\t\t\t\tcurrentIndex += 1;\n\t\t\t\t\tnextElement = this.groups[currentIndex];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tcurrentIndex = 0;\n\t\t\t\tnextElement = this.groups[currentIndex];\n\t\t\t}\n\n\t\t\telementToFocus = await this.groupElementToFocus(nextElement);\n\n\t\t\tif (elementToFocus) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\t/* eslint-enable no-await-in-loop */\n\n\t\treturn elementToFocus;\n\t}\n\n\tasync findPreviousFocusableGroupElement(currentIndex: number) {\n\t\tlet elementToFocus;\n\n\t\t/* eslint-disable no-await-in-loop */\n\t\tfor (let index = 0; index < this.groups.length; index++) {\n\t\t\tlet nextElement;\n\n\t\t\tif (currentIndex > 0) {\n\t\t\t\t// Handle the situation where the first focusable element of two neighbor groups is the same\n\t\t\t\t// For example:\n\t\t\t\t// <ui5-flexible-column-layout>\n\t\t\t\t// <ui5-list>\n\t\t\t\t// <ui5-li>List Item</ui5-li>\n\t\t\t\t// </ui5-list>\n\t\t\t\t// </ui5-flexible-column-layout>\n\t\t\t\t// Here for both FCL & List the firstFoccusableElement is the same (the ui5-li)\n\t\t\t\tconst firstFocusable = await this.groupElementToFocus(this.groups[currentIndex - 1]);\n\t\t\t\tconst shouldSkipParent = firstFocusable === await this.groupElementToFocus(this.groups[currentIndex]);\n\n\t\t\t\tcurrentIndex = shouldSkipParent ? currentIndex - 2 : currentIndex - 1;\n\n\t\t\t\tif (currentIndex < 0) {\n\t\t\t\t\tcurrentIndex = this.groups.length - 1;\n\t\t\t\t}\n\n\t\t\t\tnextElement = this.groups[currentIndex];\n\t\t\t} else {\n\t\t\t\tcurrentIndex = this.groups.length - 1;\n\t\t\t\tnextElement = this.groups[currentIndex];\n\t\t\t}\n\n\t\t\telementToFocus = await this.groupElementToFocus(nextElement);\n\n\t\t\tif (elementToFocus) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\t/* eslint-enable no-await-in-loop */\n\n\t\treturn elementToFocus;\n\t}\n\n\tasync _keydownHandler(event: KeyboardEvent) {\n\t\tconst forward = isF6Next(event);\n\t\tconst backward = isF6Previous(event);\n\t\tif (!(forward || backward)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.updateGroups();\n\n\t\tif (this.groups.length < 1) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tlet elementToFocus;\n\n\t\tif (this.groups.length === 0) {\n\t\t\telementToFocus = await this.groupElementToFocus(this.groups[0]);\n\n\t\t\treturn elementToFocus?.focus();\n\t\t}\n\n\t\tlet currentIndex = -1;\n\n\t\tif (this.selectedGroup) {\n\t\t\tcurrentIndex = this.groups.indexOf(this.selectedGroup);\n\t\t}\n\n\t\tif (forward) {\n\t\t\telementToFocus = await this.findNextFocusableGroupElement(currentIndex);\n\t\t}\n\n\t\tif (backward) {\n\t\t\telementToFocus = await this.findPreviousFocusableGroupElement(currentIndex);\n\t\t}\n\n\t\telementToFocus?.focus();\n\t}\n\n\tupdateGroups() {\n\t\tthis.setSelectedGroup();\n\t\tthis.groups = getFastNavigationGroups(document.body);\n\t}\n\n\tsetSelectedGroup(root: DocumentOrShadowRoot = window.document) {\n\t\tconst htmlElement = window.document.querySelector(\"html\");\n\t\tlet element: Element | null | ParentNode = this.deepActive(root);\n\n\t\twhile (element && (element as Element).getAttribute(\"data-sap-ui-fastnavgroup\") !== \"true\" && element !== htmlElement) {\n\t\t\telement = element.parentElement ? element.parentNode : (element.parentNode as ShadowRoot).host;\n\t\t}\n\n\t\tthis.selectedGroup = element as HTMLElement;\n\t}\n\n\tdeepActive(root: DocumentOrShadowRoot): Element | null {\n\t\tif (root?.activeElement?.shadowRoot?.activeElement) {\n\t\t\treturn this.deepActive(root.activeElement.shadowRoot);\n\t\t}\n\n\t\treturn root.activeElement;\n\t}\n\n\tdestroy() {\n\t\tthis.removeEventListeners();\n\t}\n\n\tget _ui5RuntimeIndex() {\n\t\treturn currentRuntimeINdex;\n\t}\n\n\tstatic init() {\n\t\tconst f6Registry = getSharedResource<F6Registry>(\"F6Registry\", {});\n\n\t\tif (!f6Registry.instance) {\n\t\t\tf6Registry.instance = new F6Navigation();\n\t\t} else if (shouldUpdate(f6Registry.instance?._ui5RuntimeIndex)) {\n\t\t\tf6Registry.instance?.destroy();\n\t\t\tf6Registry.instance = new F6Navigation();\n\t\t}\n\t}\n}\n\nregisterFeature(\"F6Navigation\", F6Navigation);\n\nexport default F6Navigation;\n"]}
@@ -0,0 +1,15 @@
1
+ import type UI5Element from "../UI5Element.js";
2
+ interface IFormInputElement extends UI5Element {
3
+ name?: string;
4
+ formFormattedValue: FormData | string | null;
5
+ formValidityMessage?: string;
6
+ formValidity?: ValidityStateFlags;
7
+ formElementAnchor?: () => HTMLElement | undefined | Promise<HTMLElement | undefined>;
8
+ }
9
+ declare const updateFormValue: (element: IFormInputElement | UI5Element) => void;
10
+ declare const setFormValue: (element: IFormInputElement) => void;
11
+ declare const setFormValidity: (element: IFormInputElement) => Promise<void>;
12
+ declare const submitForm: (element: UI5Element) => void;
13
+ declare const resetForm: (element: UI5Element) => void;
14
+ export { updateFormValue, setFormValue, setFormValidity, submitForm, resetForm, };
15
+ export type { IFormInputElement, };
@@ -0,0 +1,39 @@
1
+ const updateFormValue = (element) => {
2
+ if (isInputElement(element)) {
3
+ setFormValue(element);
4
+ }
5
+ };
6
+ const setFormValue = (element) => {
7
+ if (!element._internals?.form) {
8
+ return;
9
+ }
10
+ setFormValidity(element);
11
+ if (!element.name) {
12
+ element._internals?.setFormValue(null);
13
+ return;
14
+ }
15
+ element._internals.setFormValue(element.formFormattedValue);
16
+ };
17
+ const setFormValidity = async (element) => {
18
+ if (!element._internals?.form) {
19
+ return;
20
+ }
21
+ if (element.formValidity && Object.keys(element.formValidity).some(key => key)) {
22
+ const focusRef = await element.formElementAnchor?.();
23
+ element._internals.setValidity(element.formValidity, element.formValidityMessage, focusRef);
24
+ }
25
+ else {
26
+ element._internals.setValidity({});
27
+ }
28
+ };
29
+ const submitForm = (element) => {
30
+ element._internals?.form?.requestSubmit();
31
+ };
32
+ const resetForm = (element) => {
33
+ element._internals?.form?.reset();
34
+ };
35
+ const isInputElement = (element) => {
36
+ return "formFormattedValue" in element && "name" in element;
37
+ };
38
+ export { updateFormValue, setFormValue, setFormValidity, submitForm, resetForm, };
39
+ //# sourceMappingURL=InputElementsFormSupport.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputElementsFormSupport.js","sourceRoot":"","sources":["../../src/features/InputElementsFormSupport.ts"],"names":[],"mappings":"AAUA,MAAM,eAAe,GAAG,CAAC,OAAuC,EAAE,EAAE;IACnE,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;QAC7B,YAAY,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAA0B,EAAE,EAAE;IACnD,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;QAC/B,OAAO;IACR,CAAC;IAED,eAAe,CAAC,OAAO,CAAC,CAAC;IAEzB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACnB,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO;IACR,CAAC;IAED,OAAO,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,EAAE,OAA0B,EAAE,EAAE;IAC5D,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;QAC/B,OAAO;IACR,CAAC;IACD,IAAI,OAAO,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;QAChF,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;QACrD,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAC7F,CAAC;SAAM,CAAC;QACP,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAmB,EAAE,EAAE;IAC1C,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,OAAmB,EAAE,EAAE;IACzC,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuC,EAAgC,EAAE;IAChG,OAAO,oBAAoB,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,CAAC;AAC7D,CAAC,CAAC;AAEF,OAAO,EACN,eAAe,EACf,YAAY,EACZ,eAAe,EACf,UAAU,EACV,SAAS,GACT,CAAC","sourcesContent":["import type UI5Element from \"../UI5Element.js\";\n\ninterface IFormInputElement extends UI5Element {\n\tname?: string;\n\tformFormattedValue: FormData | string | null;\n\tformValidityMessage?: string;\n\tformValidity?: ValidityStateFlags;\n\tformElementAnchor?: () => HTMLElement | undefined | Promise<HTMLElement | undefined>;\n}\n\nconst updateFormValue = (element: IFormInputElement | UI5Element) => {\n\tif (isInputElement(element)) {\n\t\tsetFormValue(element);\n\t}\n};\n\nconst setFormValue = (element: IFormInputElement) => {\n\tif (!element._internals?.form) {\n\t\treturn;\n\t}\n\n\tsetFormValidity(element);\n\n\tif (!element.name) {\n\t\telement._internals?.setFormValue(null);\n\t\treturn;\n\t}\n\n\telement._internals.setFormValue(element.formFormattedValue);\n};\n\nconst setFormValidity = async (element: IFormInputElement) => {\n\tif (!element._internals?.form) {\n\t\treturn;\n\t}\n\tif (element.formValidity && Object.keys(element.formValidity).some(key => key)) {\n\t\tconst focusRef = await element.formElementAnchor?.();\n\t\telement._internals.setValidity(element.formValidity, element.formValidityMessage, focusRef);\n\t} else {\n\t\telement._internals.setValidity({});\n\t}\n};\n\nconst submitForm = (element: UI5Element) => {\n\telement._internals?.form?.requestSubmit();\n};\n\nconst resetForm = (element: UI5Element) => {\n\telement._internals?.form?.reset();\n};\n\nconst isInputElement = (element: IFormInputElement | UI5Element): element is IFormInputElement => {\n\treturn \"formFormattedValue\" in element && \"name\" in element;\n};\n\nexport {\n\tupdateFormValue,\n\tsetFormValue,\n\tsetFormValidity,\n\tsubmitForm,\n\tresetForm,\n};\n\nexport type {\n\tIFormInputElement,\n};\n"]}
@@ -0,0 +1,18 @@
1
+ import type { FormatSettings } from "../config/FormatSettings.js";
2
+ type IslamicToGregorianMapping = {
3
+ dateFormat: string;
4
+ islamicMonthStart: string;
5
+ gregDate: string;
6
+ };
7
+ type LegacyDateCalendarCustomizing = Array<IslamicToGregorianMapping>;
8
+ declare class LegacyDateFormats {
9
+ /**
10
+ * Returns the currently set customizing data for Islamic calendar support
11
+ *
12
+ * @return {object[]} Returns an array that contains the customizing data.
13
+ * @public
14
+ */
15
+ static getLegacyDateCalendarCustomizing(this: void): LegacyDateCalendarCustomizing;
16
+ }
17
+ export default LegacyDateFormats;
18
+ export type { FormatSettings, LegacyDateCalendarCustomizing, };
@@ -0,0 +1,20 @@
1
+ import { getFormatSettings } from "../InitialConfiguration.js";
2
+ import { registerFeature } from "../FeaturesRegistry.js";
3
+ let formatSettings;
4
+ class LegacyDateFormats {
5
+ /**
6
+ * Returns the currently set customizing data for Islamic calendar support
7
+ *
8
+ * @return {object[]} Returns an array that contains the customizing data.
9
+ * @public
10
+ */
11
+ static getLegacyDateCalendarCustomizing() {
12
+ if (formatSettings === undefined) {
13
+ formatSettings = getFormatSettings();
14
+ }
15
+ return formatSettings.legacyDateCalendarCustomizing || [];
16
+ }
17
+ }
18
+ registerFeature("LegacyDateFormats", LegacyDateFormats);
19
+ export default LegacyDateFormats;
20
+ //# sourceMappingURL=LegacyDateFormats.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LegacyDateFormats.js","sourceRoot":"","sources":["../../src/features/LegacyDateFormats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAazD,IAAI,cAA8B,CAAC;AAEnC,MAAM,iBAAiB;IACtB;;;;;OAKG;IACH,MAAM,CAAC,gCAAgC;QACtC,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;YAClC,cAAc,GAAG,iBAAiB,EAAE,CAAC;QACtC,CAAC;QAED,OAAO,cAAc,CAAC,6BAA6B,IAAI,EAAE,CAAC;IAC3D,CAAC;CACD;AAED,eAAe,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;AAExD,eAAe,iBAAiB,CAAC","sourcesContent":["import { getFormatSettings } from \"../InitialConfiguration.js\";\nimport type { FormatSettings } from \"../config/FormatSettings.js\";\nimport { registerFeature } from \"../FeaturesRegistry.js\";\n\n// Allows specifying the customizing data for Islamic calendar support\n// dateFormat - The date format\n// islamicMonthStart - The Islamic date in string format // 14360101\n// gregDate - Corresponding Gregorian date to the Islamic one in string format // 20141024\ntype IslamicToGregorianMapping = {\n\tdateFormat: string,\n\tislamicMonthStart: string,\n\tgregDate: string,\n};\ntype LegacyDateCalendarCustomizing = Array<IslamicToGregorianMapping>;\n\nlet formatSettings: FormatSettings;\n\nclass LegacyDateFormats {\n\t/**\n\t * Returns the currently set customizing data for Islamic calendar support\n\t *\n\t * @return {object[]} Returns an array that contains the customizing data.\n\t * @public\n\t */\n\tstatic getLegacyDateCalendarCustomizing(this: void): LegacyDateCalendarCustomizing {\n\t\tif (formatSettings === undefined) {\n\t\t\tformatSettings = getFormatSettings();\n\t\t}\n\n\t\treturn formatSettings.legacyDateCalendarCustomizing || [];\n\t}\n}\n\nregisterFeature(\"LegacyDateFormats\", LegacyDateFormats);\n\nexport default LegacyDateFormats;\nexport type {\n\tFormatSettings,\n\tLegacyDateCalendarCustomizing,\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"OpenUI5Element.js","sourceRoot":"","sources":["../../src/features/OpenUI5Element.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,MAAM,cAAe,SAAQ,UAAU;CAMtC;AAED,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"OpenUI5Element.js","sourceRoot":"","sources":["../../src/features/OpenUI5Element.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,MAAM,cAAe,SAAQ,UAAU;CAMtC;AAED,eAAe,cAAc,CAAC","sourcesContent":["import UI5Element from \"../UI5Element.js\";\n\nclass OpenUI5Element extends UI5Element {\n\t__isBusy?: boolean;\n\tisOpenUI5Component?: boolean;\n\t__suppressFocusIn?: () => void;\n\t__suppressFocusBack?: (e: KeyboardEvent) => void;\n\t__redirectFocus?: boolean;\n}\n\nexport default OpenUI5Element;\n"]}
@@ -1,11 +1,11 @@
1
- import { TemplateResult } from "lit-html";
1
+ import type { TemplateResult } from "lit-html";
2
2
  import type UI5Element from "../UI5Element.js";
3
3
  import type OpenUI5Element from "./OpenUI5Element.js";
4
4
  declare class OpenUI5Enablement {
5
- static wrapTemplateResultInBusyMarkup(html: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult, host: OpenUI5Element, templateResult: TemplateResult): TemplateResult<1 | 2>;
5
+ static wrapTemplateResultInBusyMarkup(html: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult, host: OpenUI5Element, templateResult: TemplateResult): TemplateResult;
6
6
  static enrichBusyIndicatorSettings(klass: typeof UI5Element): void;
7
7
  static enrichBusyIndicatorMetadata(klass: typeof UI5Element): void;
8
8
  static enrichBusyIndicatorMethods(UI5ElementPrototype: typeof OpenUI5Element.prototype): void;
9
- static getBusyIndicatorStyles(): import("../types.js").StyleData;
9
+ static getBusyIndicatorStyles(): string;
10
10
  }
11
11
  export default OpenUI5Enablement;
@@ -1 +1 @@
1
- {"version":3,"file":"OpenUI5Enablement.js","sourceRoot":"","sources":["../../src/features/OpenUI5Enablement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"OpenUI5Enablement.js","sourceRoot":"","sources":["../../src/features/OpenUI5Enablement.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from \"lit-html\";\nimport { registerFeature } from \"../FeaturesRegistry.js\";\nimport BusyIndicatorStyles from \"../generated/css/BusyIndicator.css.js\";\nimport merge from \"../thirdparty/merge.js\";\nimport {\n\tisTabPrevious,\n} from \"../Keys.js\";\n\nimport type UI5Element from \"../UI5Element.js\";\nimport type OpenUI5Element from \"./OpenUI5Element.js\";\n\nconst busyIndicatorMetadata = {\n\tproperties: {\n\t\t__isBusy: {\n\t\t\ttype: Boolean,\n\t\t},\n\t},\n};\n\nclass OpenUI5Enablement {\n\tstatic wrapTemplateResultInBusyMarkup(html: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult, host: OpenUI5Element, templateResult: TemplateResult) {\n\t\tif (host.isOpenUI5Component && host.__isBusy) {\n\t\t\ttemplateResult = html`\n\t\t\t<div class=\"busy-indicator-wrapper\">\n\t\t\t\t<span tabindex=\"0\" busy-indicator-before-span @focusin=${host.__suppressFocusIn}></span>\n\t\t\t\t${templateResult}\n\t\t\t\t<div class=\"busy-indicator-overlay\"></div>\n\t\t\t\t<div busy-indicator\n\t\t\t\t\tclass=\"busy-indicator-busy-area\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t@keydown=${host.__suppressFocusBack}\n\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\taria-valuetext=\"Busy\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"busy-indicator-circle circle-animation-0\"></div>\n\t\t\t\t\t\t<div class=\"busy-indicator-circle circle-animation-1\"></div>\n\t\t\t\t\t\t<div class=\"busy-indicator-circle circle-animation-2\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>`;\n\t\t}\n\n\t\treturn templateResult;\n\t}\n\n\tstatic enrichBusyIndicatorSettings(klass: typeof UI5Element) {\n\t\tOpenUI5Enablement.enrichBusyIndicatorMetadata(klass);\n\t\tOpenUI5Enablement.enrichBusyIndicatorMethods(klass.prototype);\n\t}\n\n\tstatic enrichBusyIndicatorMetadata(klass: typeof UI5Element) {\n\t\tklass.metadata = merge(klass.metadata, busyIndicatorMetadata);\n\t}\n\n\tstatic enrichBusyIndicatorMethods(UI5ElementPrototype: typeof OpenUI5Element.prototype) {\n\t\tObject.defineProperties(UI5ElementPrototype, {\n\t\t\t\"__redirectFocus\": { value: true, writable: true },\n\t\t\t\"__suppressFocusBack\": {\n\t\t\t\tget() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\thandleEvent: (e: KeyboardEvent) => {\n\t\t\t\t\t\t\tif (isTabPrevious(e)) {\n\t\t\t\t\t\t\t\tconst beforeElem = this.shadowRoot.querySelector(\"[busy-indicator-before-span]\");\n\t\t\t\t\t\t\t\tthis.__redirectFocus = false;\n\t\t\t\t\t\t\t\tbeforeElem.focus();\n\t\t\t\t\t\t\t\tthis.__redirectFocus = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcapture: true,\n\t\t\t\t\t\tpassive: false,\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t},\n\t\t\t\"isOpenUI5Component\": { get: () => { return true; } },\n\t\t});\n\n\t\tUI5ElementPrototype.__suppressFocusIn = function handleFocusIn() {\n\t\t\tconst busyIndicator = this.shadowRoot?.querySelector(\"[busy-indicator]\") as HTMLElement;\n\t\t\tif (busyIndicator && this.__redirectFocus) {\n\t\t\t\tbusyIndicator.focus();\n\t\t\t}\n\t\t};\n\n\t\tUI5ElementPrototype.getDomRef = function getDomRef() {\n\t\t\t// If a component set _getRealDomRef to its children, use the return value of this function\n\t\t\tif (typeof this._getRealDomRef === \"function\") {\n\t\t\t\treturn this._getRealDomRef();\n\t\t\t}\n\n\t\t\tif (!this.shadowRoot || this.shadowRoot.children.length === 0) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst children = [...this.shadowRoot.children].filter(child => ![\"link\", \"style\"].includes(child.localName));\n\n\t\t\tif (children.length !== 1) {\n\t\t\t\tconsole.warn(`The shadow DOM for ${(this.constructor as typeof UI5Element).getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`); // eslint-disable-line\n\t\t\t}\n\n\t\t\tif (this.__isBusy) {\n\t\t\t\treturn children[0].querySelector(\".busy-indicator-wrapper > :not([busy-indicator-before-span]):not(.busy-indicator-overlay):not(.busy-indicator-busy-area)\") as HTMLElement;\n\t\t\t}\n\n\t\t\treturn children[0] as HTMLElement;\n\t\t};\n\t}\n\n\tstatic getBusyIndicatorStyles() {\n\t\treturn BusyIndicatorStyles;\n\t}\n}\n\nregisterFeature(\"OpenUI5Enablement\", OpenUI5Enablement);\n\nexport default OpenUI5Enablement;\n"]}
@@ -1,23 +1,34 @@
1
- import { CLDRData } from "../asset-registries/LocaleData.js";
1
+ import type { CLDRData } from "../asset-registries/LocaleData.js";
2
+ import type { LegacyDateCalendarCustomizing } from "../features/LegacyDateFormats.js";
2
3
  declare class OpenUI5Support {
3
- static isLoaded(): boolean;
4
+ static isAtLeastVersion116(): boolean;
5
+ static isOpenUI5Detected(): boolean;
4
6
  static init(): Promise<void>;
5
7
  static getConfigurationSettingsObject(): {
8
+ animationMode?: undefined;
9
+ language?: undefined;
10
+ theme?: undefined;
11
+ themeRoot?: undefined;
12
+ rtl?: undefined;
13
+ timezone?: undefined;
14
+ calendarType?: undefined;
15
+ formatSettings?: undefined;
16
+ } | {
6
17
  animationMode: string;
7
18
  language: string;
8
19
  theme: string;
9
20
  themeRoot: string;
10
21
  rtl: string;
22
+ timezone: string;
11
23
  calendarType: string;
12
24
  formatSettings: {
13
- firstDayOfWeek: any;
25
+ firstDayOfWeek: number | undefined;
26
+ legacyDateCalendarCustomizing: LegacyDateCalendarCustomizing;
14
27
  };
15
- } | undefined;
28
+ };
16
29
  static getLocaleDataObject(): CLDRData | undefined;
17
30
  static _listenForThemeChange(): void;
18
31
  static attachListeners(): void;
19
32
  static cssVariablesLoaded(): boolean | undefined;
20
- static getNextZIndex(): number | undefined;
21
- static setInitialZIndex(): void;
22
33
  }
23
34
  export default OpenUI5Support;
@@ -1,33 +1,83 @@
1
+ import patchPatcher from "./patchPatcher.js";
2
+ import patchPopup from "./patchPopup.js";
1
3
  import { registerFeature } from "../FeaturesRegistry.js";
2
4
  import { setTheme } from "../config/Theme.js";
3
- import { getCurrentZIndex } from "../util/PopupUtils.js";
4
- const getCore = () => {
5
- return window.sap?.ui?.getCore?.();
6
- };
7
5
  class OpenUI5Support {
8
- static isLoaded() {
9
- return !!getCore();
6
+ static isAtLeastVersion116() {
7
+ if (!window.sap.ui.version) {
8
+ return true; // sap.ui.version will be removed in newer OpenUI5 versions
9
+ }
10
+ const version = window.sap.ui.version;
11
+ const parts = version.split(".");
12
+ if (!parts || parts.length < 2) {
13
+ return false;
14
+ }
15
+ return parseInt(parts[0]) > 1 || parseInt(parts[1]) >= 116;
16
+ }
17
+ static isOpenUI5Detected() {
18
+ return typeof window.sap?.ui?.require === "function";
10
19
  }
11
20
  static init() {
12
- const core = getCore();
13
- if (!core) {
21
+ if (!OpenUI5Support.isOpenUI5Detected()) {
14
22
  return Promise.resolve();
15
23
  }
16
24
  return new Promise(resolve => {
17
- core.attachInit(() => {
18
- window.sap.ui.require(["sap/ui/core/LocaleData", "sap/ui/core/Popup"], (LocaleData, Popup) => {
19
- Popup.setInitialZIndex(getCurrentZIndex());
20
- resolve();
21
- });
25
+ window.sap.ui.require(["sap/ui/core/Core"], async (Core) => {
26
+ const callback = () => {
27
+ let deps = ["sap/ui/core/Popup", "sap/ui/core/Patcher", "sap/ui/core/LocaleData"];
28
+ if (OpenUI5Support.isAtLeastVersion116()) { // for versions since 1.116.0 and onward, use the modular core
29
+ deps = [
30
+ ...deps,
31
+ "sap/base/i18n/Formatting",
32
+ "sap/base/i18n/Localization",
33
+ "sap/ui/core/ControlBehavior",
34
+ "sap/ui/core/Theming",
35
+ "sap/ui/core/date/CalendarUtils",
36
+ ];
37
+ }
38
+ window.sap.ui.require(deps, (Popup, Patcher) => {
39
+ patchPatcher(Patcher);
40
+ patchPopup(Popup);
41
+ resolve();
42
+ });
43
+ };
44
+ if (OpenUI5Support.isAtLeastVersion116()) {
45
+ await Core.ready();
46
+ callback();
47
+ }
48
+ else {
49
+ Core.attachInit(callback);
50
+ }
22
51
  });
23
52
  });
24
53
  }
25
54
  static getConfigurationSettingsObject() {
26
- const core = getCore();
27
- if (!core) {
28
- return;
55
+ if (!OpenUI5Support.isOpenUI5Detected()) {
56
+ return {};
57
+ }
58
+ if (OpenUI5Support.isAtLeastVersion116()) {
59
+ const ControlBehavior = window.sap.ui.require("sap/ui/core/ControlBehavior");
60
+ const Localization = window.sap.ui.require("sap/base/i18n/Localization");
61
+ const Theming = window.sap.ui.require("sap/ui/core/Theming");
62
+ const Formatting = window.sap.ui.require("sap/base/i18n/Formatting");
63
+ const CalendarUtils = window.sap.ui.require("sap/ui/core/date/CalendarUtils");
64
+ return {
65
+ animationMode: ControlBehavior.getAnimationMode(),
66
+ language: Localization.getLanguage(),
67
+ theme: Theming.getTheme(),
68
+ themeRoot: Theming.getThemeRoot(),
69
+ rtl: Localization.getRTL(),
70
+ timezone: Localization.getTimezone(),
71
+ calendarType: Formatting.getCalendarType(),
72
+ formatSettings: {
73
+ firstDayOfWeek: CalendarUtils.getWeekConfigurationValues().firstDayOfWeek,
74
+ legacyDateCalendarCustomizing: Formatting.getCustomIslamicCalendarData?.()
75
+ ?? Formatting.getLegacyDateCalendarCustomizing?.(),
76
+ },
77
+ };
29
78
  }
30
- const config = core.getConfiguration();
79
+ const Core = window.sap.ui.require("sap/ui/core/Core");
80
+ const config = Core.getConfiguration();
31
81
  const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
32
82
  return {
33
83
  animationMode: config.getAnimationMode(),
@@ -35,62 +85,58 @@ class OpenUI5Support {
35
85
  theme: config.getTheme(),
36
86
  themeRoot: config.getThemeRoot(),
37
87
  rtl: config.getRTL(),
88
+ timezone: config.getTimezone(),
38
89
  calendarType: config.getCalendarType(),
39
90
  formatSettings: {
40
91
  firstDayOfWeek: LocaleData ? LocaleData.getInstance(config.getLocale()).getFirstDayOfWeek() : undefined,
92
+ legacyDateCalendarCustomizing: config.getFormatSettings().getLegacyDateCalendarCustomizing(),
41
93
  },
42
94
  };
43
95
  }
44
96
  static getLocaleDataObject() {
45
- const core = getCore();
46
- if (!core) {
97
+ if (!OpenUI5Support.isOpenUI5Detected()) {
47
98
  return;
48
99
  }
49
- const config = core.getConfiguration();
50
100
  const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
101
+ if (OpenUI5Support.isAtLeastVersion116()) {
102
+ const Localization = window.sap.ui.require("sap/base/i18n/Localization");
103
+ return LocaleData.getInstance(Localization.getLanguageTag())._get();
104
+ }
105
+ const Core = window.sap.ui.require("sap/ui/core/Core");
106
+ const config = Core.getConfiguration();
51
107
  return LocaleData.getInstance(config.getLocale())._get();
52
108
  }
53
109
  static _listenForThemeChange() {
54
- const core = getCore();
55
- const config = core.getConfiguration();
56
- core.attachThemeChanged(async () => {
57
- await setTheme(config.getTheme());
58
- });
110
+ if (OpenUI5Support.isAtLeastVersion116()) {
111
+ const Theming = window.sap.ui.require("sap/ui/core/Theming");
112
+ Theming.attachApplied(() => {
113
+ setTheme(Theming.getTheme());
114
+ });
115
+ }
116
+ else {
117
+ const Core = window.sap.ui.require("sap/ui/core/Core");
118
+ const config = Core.getConfiguration();
119
+ Core.attachThemeChanged(() => {
120
+ setTheme(config.getTheme());
121
+ });
122
+ }
59
123
  }
60
124
  static attachListeners() {
61
- const core = getCore();
62
- if (!core) {
125
+ if (!OpenUI5Support.isOpenUI5Detected()) {
63
126
  return;
64
127
  }
65
128
  OpenUI5Support._listenForThemeChange();
66
129
  }
67
130
  static cssVariablesLoaded() {
68
- const core = getCore();
69
- if (!core) {
131
+ if (!OpenUI5Support.isOpenUI5Detected()) {
70
132
  return;
71
133
  }
72
134
  const link = [...document.head.children].find(el => el.id === "sap-ui-theme-sap.ui.core"); // more reliable than querySelector early
73
135
  if (!link) {
74
- return;
136
+ return false;
75
137
  }
76
138
  return !!link.href.match(/\/css(-|_)variables\.css/);
77
139
  }
78
- static getNextZIndex() {
79
- const core = getCore();
80
- if (!core) {
81
- return;
82
- }
83
- const Popup = window.sap.ui.require("sap/ui/core/Popup");
84
- return Popup.getNextZIndex();
85
- }
86
- static setInitialZIndex() {
87
- const core = getCore();
88
- if (!core) {
89
- return;
90
- }
91
- const Popup = window.sap.ui.require("sap/ui/core/Popup");
92
- Popup.setInitialZIndex(getCurrentZIndex());
93
- }
94
140
  }
95
141
  registerFeature("OpenUI5Support", OpenUI5Support);
96
142
  export default OpenUI5Support;