@ui5/webcomponents-base 1.12.0-rc.1 → 1.12.0-rc.2
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.
- package/.eslintrc.js +3 -0
- package/CHANGELOG.md +19 -0
- package/dist/AssetRegistry.js.map +1 -1
- package/dist/Boot.js +14 -0
- package/dist/Boot.js.map +1 -1
- package/dist/CSP.js.map +1 -1
- package/dist/CustomElementsRegistry.js.map +1 -1
- package/dist/CustomElementsScope.js.map +1 -1
- package/dist/CustomElementsScopeUtils.js.map +1 -1
- package/dist/DOMObserver.js.map +1 -1
- package/dist/Device.js.map +1 -1
- package/dist/EventProvider.js.map +1 -1
- package/dist/FeaturesRegistry.js.map +1 -1
- package/dist/FontFace.js.map +1 -1
- package/dist/InitialConfiguration.js.map +1 -1
- package/dist/Keys.js.map +1 -1
- package/dist/ManagedStyles.js.map +1 -1
- package/dist/MarkedEvents.js.map +1 -1
- package/dist/MediaRange.js.map +1 -1
- package/dist/PropertiesFileFormat.js.map +1 -1
- package/dist/Render.js.map +1 -1
- package/dist/RenderQueue.js.map +1 -1
- package/dist/Runtimes.js.map +1 -1
- package/dist/StaticArea.js.map +1 -1
- package/dist/StaticAreaItem.js.map +1 -1
- package/dist/SystemCSSVars.js.map +1 -1
- package/dist/Theming.js.map +1 -1
- package/dist/UI5Element.js.map +1 -1
- package/dist/UI5ElementMetadata.js.map +1 -1
- package/dist/animations/AnimationQueue.js.map +1 -1
- package/dist/animations/animate.js.map +1 -1
- package/dist/animations/scroll.js.map +1 -1
- package/dist/animations/slideDown.js.map +1 -1
- package/dist/animations/slideUp.js.map +1 -1
- package/dist/asset-registries/Icons.d.ts +6 -6
- package/dist/asset-registries/Icons.js +1 -1
- package/dist/asset-registries/Icons.js.map +1 -1
- package/dist/asset-registries/Illustrations.js.map +1 -1
- package/dist/asset-registries/LocaleData.js.map +1 -1
- package/dist/asset-registries/Themes.js +2 -0
- package/dist/asset-registries/Themes.js.map +1 -1
- package/dist/asset-registries/i18n.js +9 -3
- package/dist/asset-registries/i18n.js.map +1 -1
- package/dist/assets/Boot.0f056029.js +9 -0
- package/dist/assets/Boot.34b7cea0.css +1 -0
- package/dist/assets/{bundle.esm.31092611.js → bundle.esm.90296f02.js} +1 -1
- package/dist/assets/test/pages/Boot.html.a40788ce.js +1 -0
- package/dist/assets/test/pages/{i18n.html.ae9cb4a6.js → i18n.html.65058ddf.js} +1 -1
- package/dist/assets/test/pages/{i18n_texts.html.3f536773.js → i18n_texts.html.4d80a4fd.js} +1 -1
- package/dist/assets-meta/IconCollectionsAlias.js.map +1 -1
- package/dist/config/AnimationMode.js.map +1 -1
- package/dist/config/CalendarType.js.map +1 -1
- package/dist/config/FormatSettings.js.map +1 -1
- package/dist/config/Icons.js.map +1 -1
- package/dist/config/Language.d.ts +10 -1
- package/dist/config/Language.js +13 -1
- package/dist/config/Language.js.map +1 -1
- package/dist/config/NoConflict.js.map +1 -1
- package/dist/config/RTL.js.map +1 -1
- package/dist/config/Theme.d.ts +10 -1
- package/dist/config/Theme.js +13 -1
- package/dist/config/Theme.js.map +1 -1
- package/dist/config/ThemeRoots.js.map +1 -1
- package/dist/decorators/customElement.js.map +1 -1
- package/dist/decorators/event.js.map +1 -1
- package/dist/decorators/property.js.map +1 -1
- package/dist/decorators/slot.js.map +1 -1
- package/dist/delegate/ItemNavigation.js.map +1 -1
- package/dist/delegate/ResizeHandler.js.map +1 -1
- package/dist/delegate/ScrollEnablement.js.map +1 -1
- package/dist/features/F6Navigation.js.map +1 -1
- package/dist/features/LegacyDateFormats.js.map +1 -1
- package/dist/features/OpenUI5Element.js.map +1 -1
- package/dist/features/OpenUI5Enablement.js.map +1 -1
- package/dist/features/OpenUI5Support.js.map +1 -1
- package/dist/generated/VersionInfo.js +3 -3
- package/dist/generated/css/BusyIndicator.css.js.map +1 -1
- package/dist/generated/css/FontFace.css.js.map +1 -1
- package/dist/generated/css/OverrideFontFace.css.js.map +1 -1
- package/dist/generated/css/SystemCSSVars.css.js.map +1 -1
- package/dist/getSharedResource.js.map +1 -1
- package/dist/i18nBundle.js.map +1 -1
- package/dist/locale/Locale.js.map +1 -1
- package/dist/locale/RTLAwareRegistry.js.map +1 -1
- package/dist/locale/applyDirection.js.map +1 -1
- package/dist/locale/directionChange.js.map +1 -1
- package/dist/locale/getEffectiveDir.js.map +1 -1
- package/dist/locale/getLocale.js.map +1 -1
- package/dist/locale/languageChange.js.map +1 -1
- package/dist/locale/nextFallbackLocale.js.map +1 -1
- package/dist/locale/normalizeLocale.js.map +1 -1
- package/dist/renderer/LitRenderer.js.map +1 -1
- package/dist/renderer/executeTemplate.js.map +1 -1
- package/dist/test/pages/AllTestElements.html +2 -2
- package/dist/test/pages/Boot.html +4 -4
- package/dist/test/pages/Configuration.html +2 -2
- package/dist/test/pages/ConfigurationScript.html +2 -2
- package/dist/test/pages/WithComplexTemplate.html +2 -2
- package/dist/test/pages/i18n.html +3 -3
- package/dist/test/pages/i18n_texts.html +3 -3
- package/dist/theming/CustomStyle.js.map +1 -1
- package/dist/theming/ThemeLoaded.js.map +1 -1
- package/dist/theming/ThemeRegistered.d.ts +4 -0
- package/dist/theming/ThemeRegistered.js +11 -0
- package/dist/theming/ThemeRegistered.js.map +1 -0
- package/dist/theming/applyTheme.js.map +1 -1
- package/dist/theming/getConstructableStyle.js.map +1 -1
- package/dist/theming/getEffectiveLinksHrefs.js.map +1 -1
- package/dist/theming/getEffectiveStyle.js.map +1 -1
- package/dist/theming/getStylesString.js.map +1 -1
- package/dist/theming/getThemeDesignerTheme.js.map +1 -1
- package/dist/theming/preloadLinks.js.map +1 -1
- package/dist/thirdparty/_merge.js.map +1 -1
- package/dist/thirdparty/isPlainObject.js.map +1 -1
- package/dist/thirdparty/merge.js.map +1 -1
- package/dist/types/AnimationMode.js.map +1 -1
- package/dist/types/CSSColor.js.map +1 -1
- package/dist/types/CalendarType.js.map +1 -1
- package/dist/types/DOMReference.js.map +1 -1
- package/dist/types/DataType.js.map +1 -1
- package/dist/types/Float.js.map +1 -1
- package/dist/types/Integer.js.map +1 -1
- package/dist/types/InvisibleMessageMode.js.map +1 -1
- package/dist/types/ItemNavigationBehavior.js.map +1 -1
- package/dist/types/NavigationMode.js.map +1 -1
- package/dist/types/ValueState.js.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/updateShadowRoot.js.map +1 -1
- package/dist/util/AriaLabelHelper.js.map +1 -1
- package/dist/util/Caret.js.map +1 -1
- package/dist/util/ColorConversion.js.map +1 -1
- package/dist/util/FetchHelper.js.map +1 -1
- package/dist/util/FocusableElements.js.map +1 -1
- package/dist/util/HTMLSanitizer.js.map +1 -1
- package/dist/util/InvisibleMessage.js.map +1 -1
- package/dist/util/PopupUtils.js.map +1 -1
- package/dist/util/SlotsHelper.js.map +1 -1
- package/dist/util/StringHelper.js.map +1 -1
- package/dist/util/TabbableElements.js.map +1 -1
- package/dist/util/arraysAreEqual.js.map +1 -1
- package/dist/util/clamp.js.map +1 -1
- package/dist/util/createLinkInHead.js.map +1 -1
- package/dist/util/createStyleInHead.js.map +1 -1
- package/dist/util/debounce.js.map +1 -1
- package/dist/util/detectNavigatorLanguage.js.map +1 -1
- package/dist/util/escapeRegex.js.map +1 -1
- package/dist/util/formatMessage.js.map +1 -1
- package/dist/util/generateHighlightedMarkup.js.map +1 -1
- package/dist/util/getActiveElement.js.map +1 -1
- package/dist/util/getClassCopy.js.map +1 -1
- package/dist/util/getDesigntimePropertyAsArray.js.map +1 -1
- package/dist/util/getEffectiveContentDensity.js.map +1 -1
- package/dist/util/getEffectiveScrollbarStyle.js.map +1 -1
- package/dist/util/getFastNavigationGroups.js.map +1 -1
- package/dist/util/getFileExtension.js.map +1 -1
- package/dist/util/getNormalizedTarget.js.map +1 -1
- package/dist/util/getSingletonElementInstance.js.map +1 -1
- package/dist/util/isElementClickable.js.map +1 -1
- package/dist/util/isElementHidden.js.map +1 -1
- package/dist/util/isElementInView.js.map +1 -1
- package/dist/util/isElementTabbable.js.map +1 -1
- package/dist/util/isValidPropertyName.js.map +1 -1
- package/dist/util/whenDOMReady.js.map +1 -1
- package/dist/util/willShowContent.js.map +1 -1
- package/dist/validateThemeRoot.js.map +1 -1
- package/package-scripts.js +1 -2
- package/package.json +3 -3
- package/tsconfig.json +1 -0
- package/dist/assets/Boot.3c90c777.js +0 -9
- package/dist/assets/Boot.6335ce08.css +0 -1
- package/dist/assets/test/pages/Boot.html.7497ea3e.js +0 -1
- package/src/AssetRegistry.ts +0 -11
- package/src/Boot.ts +0 -76
- package/src/CSP.ts +0 -66
- package/src/CustomElementsRegistry.ts +0 -98
- package/src/CustomElementsScope.ts +0 -33
- package/src/CustomElementsScopeUtils.ts +0 -115
- package/src/DOMObserver.ts +0 -28
- package/src/Device.ts +0 -203
- package/src/EventProvider.ts +0 -87
- package/src/FeaturesRegistry.ts +0 -14
- package/src/FontFace.ts +0 -31
- package/src/InitialConfiguration.ts +0 -207
- package/src/Keys.ts +0 -295
- package/src/ManagedStyles.ts +0 -92
- package/src/MarkedEvents.ts +0 -20
- package/src/MediaRange.ts +0 -110
- package/src/PropertiesFileFormat.ts +0 -95
- package/src/Render.ts +0 -180
- package/src/RenderQueue.ts +0 -71
- package/src/Runtimes.ts +0 -114
- package/src/StaticArea.ts +0 -3
- package/src/StaticAreaItem.ts +0 -113
- package/src/SystemCSSVars.ts +0 -10
- package/src/Theming.ts +0 -4
- package/src/UI5Element.ts +0 -1159
- package/src/UI5ElementMetadata.ts +0 -389
- package/src/animations/AnimationQueue.ts +0 -43
- package/src/animations/animate.ts +0 -64
- package/src/animations/scroll.ts +0 -21
- package/src/animations/slideDown.ts +0 -72
- package/src/animations/slideUp.ts +0 -67
- package/src/asset-registries/Icons.ts +0 -161
- package/src/asset-registries/Illustrations.ts +0 -75
- package/src/asset-registries/LocaleData.ts +0 -172
- package/src/asset-registries/Themes.ts +0 -72
- package/src/asset-registries/i18n.ts +0 -118
- package/src/assets-meta/IconCollectionsAlias.ts +0 -41
- package/src/config/AnimationMode.ts +0 -33
- package/src/config/CalendarType.ts +0 -23
- package/src/config/FormatSettings.ts +0 -35
- package/src/config/Icons.ts +0 -126
- package/src/config/Language.ts +0 -72
- package/src/config/NoConflict.ts +0 -67
- package/src/config/RTL.ts +0 -45
- package/src/config/Theme.ts +0 -64
- package/src/config/ThemeRoots.ts +0 -41
- package/src/decorators/customElement.ts +0 -57
- package/src/decorators/event.ts +0 -28
- package/src/decorators/property.ts +0 -30
- package/src/decorators/slot.ts +0 -49
- package/src/delegate/ItemNavigation.ts +0 -393
- package/src/delegate/ResizeHandler.ts +0 -100
- package/src/delegate/ScrollEnablement.ts +0 -224
- package/src/features/F6Navigation.ts +0 -195
- package/src/features/LegacyDateFormats.ts +0 -40
- package/src/features/OpenUI5Element.ts +0 -11
- package/src/features/OpenUI5Enablement.ts +0 -117
- package/src/features/OpenUI5Support.ts +0 -153
- package/src/generated/css/BusyIndicator.css.ts +0 -9
- package/src/generated/css/FontFace.css.ts +0 -9
- package/src/generated/css/OverrideFontFace.css.ts +0 -9
- package/src/generated/css/SystemCSSVars.css.ts +0 -9
- package/src/getSharedResource.ts +0 -39
- package/src/global.d.ts +0 -38
- package/src/i18nBundle.ts +0 -108
- package/src/locale/Locale.ts +0 -101
- package/src/locale/RTLAwareRegistry.ts +0 -16
- package/src/locale/applyDirection.ts +0 -18
- package/src/locale/directionChange.ts +0 -34
- package/src/locale/getEffectiveDir.ts +0 -28
- package/src/locale/getLocale.ts +0 -46
- package/src/locale/languageChange.ts +0 -24
- package/src/locale/nextFallbackLocale.ts +0 -28
- package/src/locale/normalizeLocale.ts +0 -56
- package/src/renderer/LitRenderer.ts +0 -60
- package/src/renderer/executeTemplate.ts +0 -40
- package/src/theming/CustomStyle.ts +0 -64
- package/src/theming/ThemeLoaded.ts +0 -24
- package/src/theming/applyTheme.ts +0 -90
- package/src/theming/getConstructableStyle.ts +0 -31
- package/src/theming/getEffectiveLinksHrefs.ts +0 -26
- package/src/theming/getEffectiveStyle.ts +0 -41
- package/src/theming/getStylesString.ts +0 -15
- package/src/theming/getThemeDesignerTheme.ts +0 -101
- package/src/theming/preloadLinks.ts +0 -24
- package/src/thirdparty/_merge.ts +0 -32
- package/src/thirdparty/isPlainObject.ts +0 -18
- package/src/thirdparty/merge.ts +0 -5
- package/src/types/AnimationMode.ts +0 -33
- package/src/types/CSSColor.ts +0 -19
- package/src/types/CalendarType.ts +0 -38
- package/src/types/DOMReference.ts +0 -28
- package/src/types/DataType.ts +0 -51
- package/src/types/Float.ts +0 -24
- package/src/types/Integer.ts +0 -24
- package/src/types/InvisibleMessageMode.ts +0 -27
- package/src/types/ItemNavigationBehavior.ts +0 -26
- package/src/types/NavigationMode.ts +0 -33
- package/src/types/ValueState.ts +0 -47
- package/src/types.ts +0 -30
- package/src/updateShadowRoot.ts +0 -42
- package/src/util/AriaLabelHelper.ts +0 -218
- package/src/util/Caret.ts +0 -28
- package/src/util/ColorConversion.ts +0 -399
- package/src/util/FetchHelper.ts +0 -31
- package/src/util/FocusableElements.ts +0 -92
- package/src/util/HTMLSanitizer.ts +0 -9
- package/src/util/InvisibleMessage.ts +0 -69
- package/src/util/PopupUtils.ts +0 -112
- package/src/util/SlotsHelper.ts +0 -39
- package/src/util/StringHelper.ts +0 -26
- package/src/util/TabbableElements.ts +0 -70
- package/src/util/arraysAreEqual.ts +0 -15
- package/src/util/clamp.ts +0 -12
- package/src/util/createLinkInHead.ts +0 -25
- package/src/util/createStyleInHead.ts +0 -20
- package/src/util/debounce.ts +0 -18
- package/src/util/detectNavigatorLanguage.ts +0 -13
- package/src/util/escapeRegex.ts +0 -11
- package/src/util/formatMessage.ts +0 -24
- package/src/util/generateHighlightedMarkup.ts +0 -43
- package/src/util/getActiveElement.ts +0 -11
- package/src/util/getClassCopy.ts +0 -12
- package/src/util/getDesigntimePropertyAsArray.ts +0 -4
- package/src/util/getEffectiveContentDensity.ts +0 -5
- package/src/util/getEffectiveScrollbarStyle.ts +0 -5
- package/src/util/getFastNavigationGroups.ts +0 -63
- package/src/util/getFileExtension.ts +0 -21
- package/src/util/getNormalizedTarget.ts +0 -16
- package/src/util/getSingletonElementInstance.ts +0 -13
- package/src/util/isElementClickable.ts +0 -19
- package/src/util/isElementHidden.ts +0 -9
- package/src/util/isElementInView.ts +0 -15
- package/src/util/isElementTabbable.ts +0 -37
- package/src/util/isValidPropertyName.ts +0 -29
- package/src/util/whenDOMReady.ts +0 -13
- package/src/util/willShowContent.ts +0 -7
- package/src/validateThemeRoot.ts +0 -58
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import { registerFeature } from "../FeaturesRegistry.js";
|
|
2
|
-
import { setTheme } from "../config/Theme.js";
|
|
3
|
-
import { getCurrentZIndex } from "../util/PopupUtils.js";
|
|
4
|
-
import { CLDRData } from "../asset-registries/LocaleData.js";
|
|
5
|
-
import type { LegacyDateCalendarCustomizing } from "../features/LegacyDateFormats.js";
|
|
6
|
-
|
|
7
|
-
type OpenUI5Popup = {
|
|
8
|
-
setInitialZIndex: (zIndex: number) => void,
|
|
9
|
-
getNextZIndex: () => number,
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
type OpenUI5Core = {
|
|
13
|
-
attachInit: (callback: () => void) => void,
|
|
14
|
-
attachThemeChanged: (callback: () => Promise<void>) => void,
|
|
15
|
-
getConfiguration: () => OpenUI5CoreConfiguration,
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
type OpenUI5CoreConfiguration = {
|
|
19
|
-
getAnimationMode: () => string,
|
|
20
|
-
getLanguage: () => string,
|
|
21
|
-
getTheme: () => string,
|
|
22
|
-
getThemeRoot: () => string,
|
|
23
|
-
getRTL: () => string,
|
|
24
|
-
getCalendarType: () => string,
|
|
25
|
-
getLocale: () => string,
|
|
26
|
-
getFormatSettings: () => {
|
|
27
|
-
getLegacyDateCalendarCustomizing: () => LegacyDateCalendarCustomizing;
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
type LocaleData = {
|
|
32
|
-
getInstance: (locale: string) => Locale,
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
type Locale = {
|
|
36
|
-
getFirstDayOfWeek: () => number,
|
|
37
|
-
_get: () => CLDRData,
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
const getCore = () => {
|
|
41
|
-
return window.sap?.ui?.getCore?.() as OpenUI5Core;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
class OpenUI5Support {
|
|
45
|
-
static isLoaded() {
|
|
46
|
-
return !!getCore();
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
static init() {
|
|
50
|
-
const core = getCore();
|
|
51
|
-
if (!core) {
|
|
52
|
-
return Promise.resolve();
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
return new Promise<void>(resolve => {
|
|
56
|
-
core.attachInit(() => {
|
|
57
|
-
window.sap.ui.require(["sap/ui/core/LocaleData", "sap/ui/core/Popup"], (LocaleData: LocaleData, Popup: OpenUI5Popup) => {
|
|
58
|
-
Popup.setInitialZIndex(getCurrentZIndex());
|
|
59
|
-
resolve();
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
static getConfigurationSettingsObject() {
|
|
66
|
-
const core = getCore();
|
|
67
|
-
if (!core) {
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
const config = core.getConfiguration();
|
|
72
|
-
const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
|
|
73
|
-
|
|
74
|
-
return {
|
|
75
|
-
animationMode: config.getAnimationMode(),
|
|
76
|
-
language: config.getLanguage(),
|
|
77
|
-
theme: config.getTheme(),
|
|
78
|
-
themeRoot: config.getThemeRoot(),
|
|
79
|
-
rtl: config.getRTL(),
|
|
80
|
-
calendarType: config.getCalendarType(),
|
|
81
|
-
formatSettings: {
|
|
82
|
-
firstDayOfWeek: LocaleData ? LocaleData.getInstance(config.getLocale()).getFirstDayOfWeek() : undefined,
|
|
83
|
-
legacyDateCalendarCustomizing: config.getFormatSettings().getLegacyDateCalendarCustomizing(),
|
|
84
|
-
},
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
static getLocaleDataObject() {
|
|
89
|
-
const core = getCore();
|
|
90
|
-
if (!core) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
const config = core.getConfiguration();
|
|
95
|
-
const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData") as LocaleData;
|
|
96
|
-
return LocaleData.getInstance(config.getLocale())._get();
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
static _listenForThemeChange() {
|
|
100
|
-
const core = getCore();
|
|
101
|
-
const config = core.getConfiguration();
|
|
102
|
-
core.attachThemeChanged(async () => {
|
|
103
|
-
await setTheme(config.getTheme());
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
static attachListeners() {
|
|
108
|
-
const core = getCore();
|
|
109
|
-
if (!core) {
|
|
110
|
-
return;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
OpenUI5Support._listenForThemeChange();
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
static cssVariablesLoaded() {
|
|
117
|
-
const core = getCore();
|
|
118
|
-
if (!core) {
|
|
119
|
-
return;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
const link = [...document.head.children].find(el => el.id === "sap-ui-theme-sap.ui.core") as HTMLLinkElement; // more reliable than querySelector early
|
|
123
|
-
if (!link) {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
return !!link.href.match(/\/css(-|_)variables\.css/);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
static getNextZIndex() {
|
|
131
|
-
const core = getCore();
|
|
132
|
-
if (!core) {
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
const Popup = window.sap.ui.require("sap/ui/core/Popup") as OpenUI5Popup;
|
|
137
|
-
return Popup.getNextZIndex();
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
static setInitialZIndex() {
|
|
141
|
-
const core = getCore();
|
|
142
|
-
if (!core) {
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
const Popup = window.sap.ui.require("sap/ui/core/Popup") as OpenUI5Popup;
|
|
147
|
-
Popup.setInitialZIndex(getCurrentZIndex());
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
registerFeature("OpenUI5Support", OpenUI5Support);
|
|
152
|
-
|
|
153
|
-
export default OpenUI5Support;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { StyleData } from "../../types.js";
|
|
2
|
-
|
|
3
|
-
const styleData: StyleData = {
|
|
4
|
-
packageName: "@ui5/webcomponents-base",
|
|
5
|
-
fileName: "BusyIndicator.css",
|
|
6
|
-
content: `.busy-indicator-wrapper{position:relative;height:100%;width:100%}.busy-indicator-overlay{display:var(--ui5_web_components_busy_indicator_display);position:absolute;inset:0;background:var(--ui5_web_components_busy_indicator_background-color);z-index:99}.busy-indicator-busy-area{display:var(--ui5_web_components_busy_indicator_display);position:absolute;z-index:99;inset:0;justify-content:center;align-items:center;background-color:inherit;flex-direction:column;color:var(--_ui5_busy_indicator_color)}:host([__is-busy]) .busy-indicator-wrapper>:not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]){--ui5_web_components_busy_indicator_display:none}.busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-.125rem}.busy-indicator-circle{width:1rem;height:1rem;display:inline-block;background-color:currentColor;border-radius:50%}.circle-animation-0{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.circle-animation-1{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.2s}.circle-animation-2{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.4s}.sapUiLocalBusy{--ui5_web_components_busy_indicator_display:none}.busy-indicator-wrapper [ui5-busy-indicator]{display:none}@keyframes grow{0%,100%,50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}`,
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export default styleData;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { StyleData } from "../../types.js";
|
|
2
|
-
|
|
3
|
-
const styleData: StyleData = {
|
|
4
|
-
packageName: "@ui5/webcomponents-base",
|
|
5
|
-
fileName: "FontFace.css",
|
|
6
|
-
content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Bold';font-style:normal;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Boldfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Light';font-style:normal;src:local('72-Light'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Lightfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2")}`,
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export default styleData;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { StyleData } from "../../types.js";
|
|
2
|
-
|
|
3
|
-
const styleData: StyleData = {
|
|
4
|
-
packageName: "@ui5/webcomponents-base",
|
|
5
|
-
fileName: "OverrideFontFace.css",
|
|
6
|
-
content: `@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}`,
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export default styleData;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { StyleData } from "../../types.js";
|
|
2
|
-
|
|
3
|
-
const styleData: StyleData = {
|
|
4
|
-
packageName: "@ui5/webcomponents-base",
|
|
5
|
-
fileName: "SystemCSSVars.css",
|
|
6
|
-
content: `:root{--_ui5_content_density:cozy}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_content_density:compact}[dir=rtl]{--_ui5_dir:rtl}[dir=ltr]{--_ui5_dir:ltr}`,
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export default styleData;
|
package/src/getSharedResource.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import getSingletonElementInstance from "./util/getSingletonElementInstance.js";
|
|
2
|
-
|
|
3
|
-
const getSharedResourcesInstance = (): Record<string, unknown> | null => {
|
|
4
|
-
if (typeof document === "undefined") {
|
|
5
|
-
return null;
|
|
6
|
-
}
|
|
7
|
-
return getSingletonElementInstance("ui5-shared-resources", document.head) as unknown as Record<string, unknown>;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.
|
|
12
|
-
* The data will be accessed via a singleton "ui5-shared-resources" HTML element in the "head" element of the page.
|
|
13
|
-
*
|
|
14
|
-
* @public
|
|
15
|
-
* @param namespace Unique ID of the resource, may contain "." to denote hierarchy
|
|
16
|
-
* @param initialValue Object or primitive that will be used as an initial value if the resource does not exist
|
|
17
|
-
* @returns {*}
|
|
18
|
-
*/
|
|
19
|
-
const getSharedResource = <T>(namespace: string, initialValue: T): T => {
|
|
20
|
-
const parts = namespace.split(".");
|
|
21
|
-
let current = getSharedResourcesInstance() as Record<string, any>;
|
|
22
|
-
|
|
23
|
-
if (!current) {
|
|
24
|
-
return initialValue;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
for (let i = 0; i < parts.length; i++) {
|
|
28
|
-
const part = parts[i];
|
|
29
|
-
const lastPart = i === parts.length - 1;
|
|
30
|
-
if (!Object.prototype.hasOwnProperty.call(current, part)) {
|
|
31
|
-
current[part] = lastPart ? initialValue : {};
|
|
32
|
-
}
|
|
33
|
-
current = current[part];
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
return current as T;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export default getSharedResource;
|
package/src/global.d.ts
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
|
|
3
|
-
declare global {
|
|
4
|
-
|
|
5
|
-
type VersionInfo = {
|
|
6
|
-
version: string,
|
|
7
|
-
major: number,
|
|
8
|
-
minor: number,
|
|
9
|
-
patch: number,
|
|
10
|
-
suffix: string,
|
|
11
|
-
isNext: boolean,
|
|
12
|
-
buildTime: number,
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
interface Window {
|
|
16
|
-
sap: any;
|
|
17
|
-
chrome: any;
|
|
18
|
-
v8: any;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
module "*generated/AssetParameters.js" {
|
|
22
|
-
const DEFAULT_THEME: string;
|
|
23
|
-
const DEFAULT_LANGUAGE: string;
|
|
24
|
-
const DEFAULT_LOCALE: string;
|
|
25
|
-
const SUPPORTED_LOCALES: Array<string>;
|
|
26
|
-
export {
|
|
27
|
-
DEFAULT_THEME,
|
|
28
|
-
DEFAULT_LANGUAGE,
|
|
29
|
-
DEFAULT_LOCALE,
|
|
30
|
-
SUPPORTED_LOCALES,
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
module "*generated/VersionInfo.js" {
|
|
35
|
-
const content: VersionInfo;
|
|
36
|
-
export default content;
|
|
37
|
-
}
|
|
38
|
-
}
|
package/src/i18nBundle.ts
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { registerI18nLoader, fetchI18nBundle, getI18nBundleData } from "./asset-registries/i18n.js";
|
|
2
|
-
import formatMessage from "./util/formatMessage.js";
|
|
3
|
-
|
|
4
|
-
const I18nBundleInstances = new Map<string, I18nBundle>();
|
|
5
|
-
|
|
6
|
-
let customGetI18nBundle: I18nBundleGetter;
|
|
7
|
-
|
|
8
|
-
type I18nText = {
|
|
9
|
-
key: string,
|
|
10
|
-
defaultText: string,
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
type I18nBundleGetter = (packageName: string) => Promise<I18nBundle>;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* @class
|
|
17
|
-
* @public
|
|
18
|
-
*/
|
|
19
|
-
class I18nBundle {
|
|
20
|
-
packageName: string;
|
|
21
|
-
|
|
22
|
-
constructor(packageName: string) {
|
|
23
|
-
this.packageName = packageName;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* Returns a text in the currently loaded language
|
|
28
|
-
*
|
|
29
|
-
* @public
|
|
30
|
-
* @param {Object|String} textObj key/defaultText pair or just the key
|
|
31
|
-
* @param params Values for the placeholders
|
|
32
|
-
* @returns {string}
|
|
33
|
-
*/
|
|
34
|
-
getText(textObj: I18nText, ...params: Array<number | string>): string {
|
|
35
|
-
if (typeof textObj === "string") {
|
|
36
|
-
textObj = { key: textObj, defaultText: textObj };
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
if (!textObj || !textObj.key) {
|
|
40
|
-
return "";
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
const bundle = getI18nBundleData(this.packageName);
|
|
44
|
-
if (bundle && !bundle[textObj.key]) {
|
|
45
|
-
console.warn(`Key ${textObj.key} not found in the i18n bundle, the default text will be used`); // eslint-disable-line
|
|
46
|
-
}
|
|
47
|
-
const messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);
|
|
48
|
-
|
|
49
|
-
return formatMessage(messageText, params);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* Returns the I18nBundle instance for the given package synchronously.
|
|
55
|
-
*
|
|
56
|
-
* @public
|
|
57
|
-
* @param packageName
|
|
58
|
-
* @returns { I18nBundle }
|
|
59
|
-
*/
|
|
60
|
-
const getI18nBundleSync = (packageName: string): I18nBundle => {
|
|
61
|
-
if (I18nBundleInstances.has(packageName)) {
|
|
62
|
-
return I18nBundleInstances.get(packageName)!;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
const i18nBundle = new I18nBundle(packageName);
|
|
66
|
-
I18nBundleInstances.set(packageName, i18nBundle);
|
|
67
|
-
return i18nBundle;
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Fetches and returns the I18nBundle instance for the given package.
|
|
72
|
-
*
|
|
73
|
-
* @public
|
|
74
|
-
* @param packageName
|
|
75
|
-
* @returns { Promise<I18nBundle> }
|
|
76
|
-
*/
|
|
77
|
-
const getI18nBundle = async (packageName: string): Promise<I18nBundle> => {
|
|
78
|
-
if (customGetI18nBundle) {
|
|
79
|
-
return customGetI18nBundle(packageName);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
await fetchI18nBundle(packageName);
|
|
83
|
-
return getI18nBundleSync(packageName);
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* Allows developers to provide a custom getI18nBundle implementation
|
|
88
|
-
* If this function is called, the custom implementation will be used for all components and will completely
|
|
89
|
-
* replace the default implementation.
|
|
90
|
-
*
|
|
91
|
-
* @public
|
|
92
|
-
* @param customGet the function to use instead of the standard getI18nBundle implementation
|
|
93
|
-
*/
|
|
94
|
-
const registerCustomI18nBundleGetter = (customGet: I18nBundleGetter) => {
|
|
95
|
-
customGetI18nBundle = customGet;
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
export default I18nBundle;
|
|
99
|
-
|
|
100
|
-
export {
|
|
101
|
-
registerI18nLoader,
|
|
102
|
-
getI18nBundle,
|
|
103
|
-
registerCustomI18nBundleGetter,
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
export type {
|
|
107
|
-
I18nText,
|
|
108
|
-
};
|
package/src/locale/Locale.ts
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { DEFAULT_LANGUAGE } from "../generated/AssetParameters.js";
|
|
2
|
-
|
|
3
|
-
const rLocale = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;
|
|
4
|
-
|
|
5
|
-
class Locale {
|
|
6
|
-
sLocaleId: string;
|
|
7
|
-
sLanguage: string;
|
|
8
|
-
sScript: string;
|
|
9
|
-
sRegion: string;
|
|
10
|
-
sVariant: string | null;
|
|
11
|
-
sExtension: string | null;
|
|
12
|
-
sPrivateUse: string | null;
|
|
13
|
-
|
|
14
|
-
constructor(sLocaleId: string) {
|
|
15
|
-
const aResult = rLocale.exec(sLocaleId.replace(/_/g, "-"));
|
|
16
|
-
if (aResult === null) {
|
|
17
|
-
throw new Error(`The given language ${sLocaleId} does not adhere to BCP-47.`);
|
|
18
|
-
}
|
|
19
|
-
this.sLocaleId = sLocaleId;
|
|
20
|
-
this.sLanguage = aResult[1] || DEFAULT_LANGUAGE;
|
|
21
|
-
this.sScript = aResult[2] || "";
|
|
22
|
-
this.sRegion = aResult[3] || "";
|
|
23
|
-
this.sVariant = (aResult[4] && aResult[4].slice(1)) || null;
|
|
24
|
-
this.sExtension = (aResult[5] && aResult[5].slice(1)) || null;
|
|
25
|
-
this.sPrivateUse = aResult[6] || null;
|
|
26
|
-
if (this.sLanguage) {
|
|
27
|
-
this.sLanguage = this.sLanguage.toLowerCase();
|
|
28
|
-
}
|
|
29
|
-
if (this.sScript) {
|
|
30
|
-
this.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, s => {
|
|
31
|
-
return s.toUpperCase();
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
if (this.sRegion) {
|
|
35
|
-
this.sRegion = this.sRegion.toUpperCase();
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
getLanguage() {
|
|
40
|
-
return this.sLanguage;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
getScript() {
|
|
44
|
-
return this.sScript;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
getRegion() {
|
|
48
|
-
return this.sRegion;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
getVariant() {
|
|
52
|
-
return this.sVariant;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
getVariantSubtags() {
|
|
56
|
-
return this.sVariant ? this.sVariant.split("-") : [];
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
getExtension() {
|
|
60
|
-
return this.sExtension;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
getExtensionSubtags() {
|
|
64
|
-
return this.sExtension ? this.sExtension.slice(2).split("-") : [];
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
getPrivateUse() {
|
|
68
|
-
return this.sPrivateUse;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
getPrivateUseSubtags() {
|
|
72
|
-
return this.sPrivateUse ? this.sPrivateUse.slice(2).split("-") : [];
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
hasPrivateUseSubtag(sSubtag: string) {
|
|
76
|
-
return this.getPrivateUseSubtags().indexOf(sSubtag) >= 0;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
toString() {
|
|
80
|
-
const r = [this.sLanguage];
|
|
81
|
-
|
|
82
|
-
if (this.sScript) {
|
|
83
|
-
r.push(this.sScript);
|
|
84
|
-
}
|
|
85
|
-
if (this.sRegion) {
|
|
86
|
-
r.push(this.sRegion);
|
|
87
|
-
}
|
|
88
|
-
if (this.sVariant) {
|
|
89
|
-
r.push(this.sVariant);
|
|
90
|
-
}
|
|
91
|
-
if (this.sExtension) {
|
|
92
|
-
r.push(this.sExtension);
|
|
93
|
-
}
|
|
94
|
-
if (this.sPrivateUse) {
|
|
95
|
-
r.push(this.sPrivateUse);
|
|
96
|
-
}
|
|
97
|
-
return r.join("-");
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
export default Locale;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type UI5Element from "../UI5Element";
|
|
2
|
-
|
|
3
|
-
const rtlAwareSet = new Set<typeof UI5Element>();
|
|
4
|
-
|
|
5
|
-
const markAsRtlAware = (klass: typeof UI5Element) => {
|
|
6
|
-
rtlAwareSet.add(klass);
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
const isRtlAware = (klass: typeof UI5Element) => {
|
|
10
|
-
return rtlAwareSet.has(klass);
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export {
|
|
14
|
-
markAsRtlAware,
|
|
15
|
-
isRtlAware,
|
|
16
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { reRenderAllUI5Elements } from "../Render.js";
|
|
2
|
-
import { fireDirectionChange } from "./directionChange.js";
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Re-renders all RTL-aware UI5 Elements.
|
|
6
|
-
*
|
|
7
|
-
* <b>Note:</b> Call this method whenever you change the "dir" property anywhere in your HTML page.
|
|
8
|
-
* <b>Example:</b> <code>document.body.dir = "rtl"; applyDirection();</code>
|
|
9
|
-
* @public
|
|
10
|
-
* @returns {Promise<void>}
|
|
11
|
-
*/
|
|
12
|
-
const applyDirection = async (): Promise<void> => {
|
|
13
|
-
const listenersResults = fireDirectionChange();
|
|
14
|
-
await Promise.all(listenersResults);
|
|
15
|
-
await reRenderAllUI5Elements({ rtlAware: true });
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export default applyDirection;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import EventProvider from "../EventProvider.js";
|
|
2
|
-
|
|
3
|
-
type DirectionChangeCallback = () => void;
|
|
4
|
-
|
|
5
|
-
const eventProvider = new EventProvider<undefined, void>();
|
|
6
|
-
const DIR_CHANGE = "directionChange";
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Attach a callback that will be executed whenever the application calls the "applyDirection" function
|
|
10
|
-
* @public
|
|
11
|
-
* @param listener
|
|
12
|
-
*/
|
|
13
|
-
const attachDirectionChange = (listener: DirectionChangeCallback) => {
|
|
14
|
-
eventProvider.attachEvent(DIR_CHANGE, listener);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Detach a callback that was passed with "attachDirectionChange"
|
|
19
|
-
* @public
|
|
20
|
-
* @param listener
|
|
21
|
-
*/
|
|
22
|
-
const detachDirectionChange = (listener: DirectionChangeCallback) => {
|
|
23
|
-
eventProvider.detachEvent(DIR_CHANGE, listener);
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const fireDirectionChange = () => {
|
|
27
|
-
return eventProvider.fireEvent(DIR_CHANGE, undefined);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
export {
|
|
31
|
-
attachDirectionChange,
|
|
32
|
-
detachDirectionChange,
|
|
33
|
-
fireDirectionChange,
|
|
34
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { getRTL } from "../config/RTL.js";
|
|
2
|
-
|
|
3
|
-
const GLOBAL_DIR_CSS_VAR = "--_ui5_dir";
|
|
4
|
-
|
|
5
|
-
const getEffectiveDir = (element: HTMLElement) => {
|
|
6
|
-
const doc = window.document;
|
|
7
|
-
const dirValues = ["ltr", "rtl"]; // exclude "auto" and "" from all calculations
|
|
8
|
-
const locallyAppliedDir = getComputedStyle(element).getPropertyValue(GLOBAL_DIR_CSS_VAR);
|
|
9
|
-
|
|
10
|
-
// In that order, inspect the CSS Var (for modern browsers), the element itself, html and body (for IE fallback)
|
|
11
|
-
if (dirValues.includes(locallyAppliedDir)) {
|
|
12
|
-
return locallyAppliedDir;
|
|
13
|
-
}
|
|
14
|
-
if (dirValues.includes(element.dir)) {
|
|
15
|
-
return element.dir;
|
|
16
|
-
}
|
|
17
|
-
if (dirValues.includes(doc.documentElement.dir)) {
|
|
18
|
-
return doc.documentElement.dir;
|
|
19
|
-
}
|
|
20
|
-
if (dirValues.includes(doc.body.dir)) {
|
|
21
|
-
return doc.body.dir;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
// Finally, check the configuration for explicitly set RTL or language-implied RTL
|
|
25
|
-
return getRTL() ? "rtl" : undefined;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export default getEffectiveDir;
|
package/src/locale/getLocale.ts
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import detectNavigatorLanguage from "../util/detectNavigatorLanguage.js";
|
|
2
|
-
import { getLanguage as getConfigLanguage } from "../config/Language.js";
|
|
3
|
-
import Locale from "./Locale.js";
|
|
4
|
-
import { DEFAULT_LOCALE } from "../generated/AssetParameters.js";
|
|
5
|
-
|
|
6
|
-
const cache = new Map<string, Locale>();
|
|
7
|
-
|
|
8
|
-
const getLocaleInstance = (lang: string) => {
|
|
9
|
-
if (!cache.has(lang)) {
|
|
10
|
-
cache.set(lang, new Locale(lang));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
return cache.get(lang)!;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const convertToLocaleOrNull = (lang: string) => {
|
|
17
|
-
try {
|
|
18
|
-
if (lang && typeof lang === "string") {
|
|
19
|
-
return getLocaleInstance(lang);
|
|
20
|
-
}
|
|
21
|
-
} catch (e) {
|
|
22
|
-
// ignore
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
return new Locale(DEFAULT_LOCALE);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Returns the locale based on the parameter or configured language Configuration#getLanguage
|
|
30
|
-
* If no language has been configured - a new locale based on browser language is returned
|
|
31
|
-
*/
|
|
32
|
-
const getLocale = (lang?: string): Locale => {
|
|
33
|
-
if (lang) {
|
|
34
|
-
return convertToLocaleOrNull(lang);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
const configLanguage = getConfigLanguage();
|
|
38
|
-
|
|
39
|
-
if (configLanguage) {
|
|
40
|
-
return getLocaleInstance(configLanguage);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
return convertToLocaleOrNull(detectNavigatorLanguage());
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
export default getLocale;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import EventProvider from "../EventProvider.js";
|
|
2
|
-
|
|
3
|
-
type LanguageChangeCallback = (lang: string) => Promise<void | Array<void>>;
|
|
4
|
-
|
|
5
|
-
const eventProvider = new EventProvider<string, Promise<void | Array<void>>>();
|
|
6
|
-
const LANG_CHANGE = "languageChange";
|
|
7
|
-
|
|
8
|
-
const attachLanguageChange = (listener: LanguageChangeCallback) => {
|
|
9
|
-
eventProvider.attachEvent(LANG_CHANGE, listener);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
const detachLanguageChange = (listener: LanguageChangeCallback) => {
|
|
13
|
-
eventProvider.detachEvent(LANG_CHANGE, listener);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const fireLanguageChange = (lang: string) => {
|
|
17
|
-
return eventProvider.fireEventAsync(LANG_CHANGE, lang);
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export {
|
|
21
|
-
attachLanguageChange,
|
|
22
|
-
detachLanguageChange,
|
|
23
|
-
fireLanguageChange,
|
|
24
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { DEFAULT_LOCALE } from "../generated/AssetParameters.js";
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Calculates the next fallback locale for the given locale.
|
|
5
|
-
*
|
|
6
|
-
* @param {string} locale Locale string in Java format (underscores) or null
|
|
7
|
-
* @returns {string} Next fallback Locale or "en" if no fallbacks found.
|
|
8
|
-
*/
|
|
9
|
-
const nextFallbackLocale = (locale: string) => {
|
|
10
|
-
if (!locale) {
|
|
11
|
-
return DEFAULT_LOCALE;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
if (locale === "zh_HK") {
|
|
15
|
-
return "zh_TW";
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
// if there are multiple segments (separated by underscores), remove the last one
|
|
19
|
-
const p = locale.lastIndexOf("_");
|
|
20
|
-
if (p >= 0) {
|
|
21
|
-
return locale.slice(0, p);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
// for any language but the default, fallback to the default first before falling back to the 'raw' language (empty string)
|
|
25
|
-
return locale !== DEFAULT_LOCALE ? DEFAULT_LOCALE : "";
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export default nextFallbackLocale;
|