@ui5/webcomponents-base 1.9.3 → 1.10.0
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/.eslintignore +1 -0
- package/CHANGELOG.md +0 -8
- package/bundle.esm.js +4 -1
- package/dist/AssetRegistry.d.ts +5 -0
- package/dist/AssetRegistry.js +2 -7
- package/dist/AssetRegistry.js.map +1 -0
- package/dist/Boot.d.ts +8 -0
- package/dist/Boot.js +29 -48
- package/dist/Boot.js.map +1 -0
- package/dist/CSP.d.ts +30 -0
- package/dist/CSP.js +16 -24
- package/dist/CSP.js.map +1 -0
- package/dist/CustomElementsRegistry.d.ts +5 -0
- package/dist/CustomElementsRegistry.js +66 -83
- package/dist/CustomElementsRegistry.js.map +1 -0
- package/dist/CustomElementsScope.d.ts +7 -0
- package/dist/CustomElementsScope.js +10 -29
- package/dist/CustomElementsScope.js.map +1 -0
- package/dist/CustomElementsScopeUtils.d.ts +55 -0
- package/dist/CustomElementsScopeUtils.js +34 -52
- package/dist/CustomElementsScopeUtils.js.map +1 -0
- package/dist/DOMObserver.d.ts +11 -0
- package/dist/DOMObserver.js +12 -54
- package/dist/DOMObserver.js.map +1 -0
- package/dist/Device.d.ts +12 -0
- package/dist/Device.js +53 -83
- package/dist/Device.js.map +1 -0
- package/dist/EventProvider.d.ts +25 -0
- package/dist/EventProvider.js +67 -82
- package/dist/EventProvider.js.map +1 -0
- package/dist/FeaturesRegistry.d.ts +3 -0
- package/dist/FeaturesRegistry.js +5 -10
- package/dist/FeaturesRegistry.js.map +1 -0
- package/dist/FontFace.d.ts +2 -0
- package/dist/FontFace.js +14 -19
- package/dist/FontFace.js.map +1 -0
- package/dist/InitialConfiguration.d.ts +22 -0
- package/dist/InitialConfiguration.js +107 -146
- package/dist/InitialConfiguration.js.map +1 -0
- package/dist/Keys.d.ts +57 -0
- package/dist/Keys.js +174 -291
- package/dist/Keys.js.map +1 -0
- package/dist/ManagedStyles.d.ts +8 -0
- package/dist/ManagedStyles.js +62 -68
- package/dist/ManagedStyles.js.map +1 -0
- package/dist/MarkedEvents.d.ts +9 -0
- package/dist/MarkedEvents.js +15 -0
- package/dist/MarkedEvents.js.map +1 -0
- package/dist/MediaRange.d.ts +37 -0
- package/dist/MediaRange.js +54 -65
- package/dist/MediaRange.js.map +1 -0
- package/dist/PropertiesFileFormat.d.ts +8 -0
- package/dist/PropertiesFileFormat.js +72 -82
- package/dist/PropertiesFileFormat.js.map +1 -0
- package/dist/Render.d.ts +47 -0
- package/dist/Render.js +81 -113
- package/dist/Render.js.map +1 -0
- package/dist/RenderQueue.d.ts +19 -0
- package/dist/RenderQueue.js +52 -62
- package/dist/RenderQueue.js.map +1 -0
- package/dist/Runtimes.d.ts +27 -0
- package/dist/Runtimes.js +49 -70
- package/dist/Runtimes.js.map +1 -0
- package/dist/StaticArea.d.ts +0 -0
- package/dist/StaticArea.js +4 -1
- package/dist/StaticArea.js.map +1 -0
- package/dist/StaticAreaItem.d.ts +36 -0
- package/dist/StaticAreaItem.js +84 -94
- package/dist/StaticAreaItem.js.map +1 -0
- package/dist/SystemCSSVars.d.ts +2 -0
- package/dist/SystemCSSVars.js +4 -5
- package/dist/SystemCSSVars.js.map +1 -0
- package/dist/Theming.d.ts +3 -0
- package/dist/Theming.js +1 -1
- package/dist/Theming.js.map +1 -0
- package/dist/UI5Element.d.ts +373 -0
- package/dist/UI5Element.js +928 -1006
- package/dist/UI5Element.js.map +1 -0
- package/dist/UI5ElementMetadata.d.ts +150 -0
- package/dist/UI5ElementMetadata.js +277 -313
- package/dist/UI5ElementMetadata.js.map +1 -0
- package/dist/animations/AnimationQueue.d.ts +8 -0
- package/dist/animations/AnimationQueue.js +31 -38
- package/dist/animations/AnimationQueue.js.map +1 -0
- package/dist/animations/animate.d.ts +14 -0
- package/dist/animations/animate.js +46 -51
- package/dist/animations/animate.js.map +1 -0
- package/dist/animations/scroll.d.ts +5 -0
- package/dist/animations/scroll.js +18 -27
- package/dist/animations/scroll.js.map +1 -0
- package/dist/animations/slideDown.d.ts +5 -0
- package/dist/animations/slideDown.js +53 -78
- package/dist/animations/slideDown.js.map +1 -0
- package/dist/animations/slideUp.d.ts +5 -0
- package/dist/animations/slideUp.js +49 -70
- package/dist/animations/slideUp.js.map +1 -0
- package/dist/api.json +1 -1
- package/dist/asset-registries/Icons.d.ts +30 -0
- package/dist/asset-registries/Icons.js +85 -118
- package/dist/asset-registries/Icons.js.map +1 -0
- package/dist/asset-registries/Illustrations.d.ts +17 -0
- package/dist/asset-registries/Illustrations.js +37 -50
- package/dist/asset-registries/Illustrations.js.map +1 -0
- package/dist/asset-registries/LocaleData.d.ts +7 -0
- package/dist/asset-registries/LocaleData.js +104 -126
- package/dist/asset-registries/LocaleData.js.map +1 -0
- package/dist/asset-registries/Themes.d.ts +10 -0
- package/dist/asset-registries/Themes.js +36 -68
- package/dist/asset-registries/Themes.js.map +1 -0
- package/dist/asset-registries/i18n.d.ts +23 -0
- package/dist/asset-registries/i18n.js +52 -80
- package/dist/asset-registries/i18n.js.map +1 -0
- package/dist/assets/bundle.esm.3d967c4e.js +56 -0
- package/dist/assets-meta/IconCollectionsAlias.d.ts +17 -0
- package/dist/assets-meta/IconCollectionsAlias.js +4 -4
- package/dist/assets-meta/IconCollectionsAlias.js.map +1 -0
- package/dist/config/AnimationMode.d.ts +14 -0
- package/dist/config/AnimationMode.js +21 -18
- package/dist/config/AnimationMode.js.map +1 -0
- package/dist/config/CalendarType.d.ts +8 -0
- package/dist/config/CalendarType.js +13 -12
- package/dist/config/CalendarType.js.map +1 -0
- package/dist/config/FormatSettings.d.ts +11 -0
- package/dist/config/FormatSettings.js +10 -8
- package/dist/config/FormatSettings.js.map +1 -0
- package/dist/config/Icons.d.ts +30 -0
- package/dist/config/Icons.js +28 -32
- package/dist/config/Icons.js.map +1 -0
- package/dist/config/Language.d.ts +31 -0
- package/dist/config/Language.js +31 -43
- package/dist/config/Language.js.map +1 -0
- package/dist/config/NoConflict.d.ts +20 -0
- package/dist/config/NoConflict.js +40 -41
- package/dist/config/NoConflict.js.map +1 -0
- package/dist/config/RTL.d.ts +7 -0
- package/dist/config/RTL.js +23 -20
- package/dist/config/RTL.js.map +1 -0
- package/dist/config/Theme.d.ts +28 -0
- package/dist/config/Theme.js +34 -36
- package/dist/config/Theme.js.map +1 -0
- package/dist/config/ThemeRoots.d.ts +4 -0
- package/dist/config/ThemeRoots.js +18 -29
- package/dist/config/ThemeRoots.js.map +1 -0
- package/dist/decorators/customElement.d.ts +8 -0
- package/dist/decorators/customElement.js +16 -0
- package/dist/decorators/customElement.js.map +1 -0
- package/dist/decorators/event.d.ts +10 -0
- package/dist/decorators/event.js +24 -0
- package/dist/decorators/event.js.map +1 -0
- package/dist/decorators/fastNavigation.d.ts +7 -0
- package/dist/decorators/fastNavigation.js +13 -0
- package/dist/decorators/fastNavigation.js.map +1 -0
- package/dist/decorators/languageAware.d.ts +7 -0
- package/dist/decorators/languageAware.js +13 -0
- package/dist/decorators/languageAware.js.map +1 -0
- package/dist/decorators/property.d.ts +9 -0
- package/dist/decorators/property.js +24 -0
- package/dist/decorators/property.js.map +1 -0
- package/dist/decorators/slot.d.ts +9 -0
- package/dist/decorators/slot.js +37 -0
- package/dist/decorators/slot.js.map +1 -0
- package/dist/decorators/themeAware.d.ts +7 -0
- package/dist/decorators/themeAware.js +13 -0
- package/dist/decorators/themeAware.js.map +1 -0
- package/dist/delegate/ItemNavigation.d.ts +113 -0
- package/dist/delegate/ItemNavigation.js +277 -317
- package/dist/delegate/ItemNavigation.js.map +1 -0
- package/dist/delegate/ResizeHandler.d.ts +24 -0
- package/dist/delegate/ResizeHandler.js +68 -91
- package/dist/delegate/ResizeHandler.js.map +1 -0
- package/dist/delegate/ScrollEnablement.d.ts +48 -0
- package/dist/delegate/ScrollEnablement.js +157 -180
- package/dist/delegate/ScrollEnablement.js.map +1 -0
- package/dist/features/F6Navigation.d.ts +16 -0
- package/dist/features/F6Navigation.js +105 -109
- package/dist/features/F6Navigation.js.map +1 -0
- package/dist/features/OpenUI5Element.d.ts +9 -0
- package/dist/features/OpenUI5Element.js +5 -0
- package/dist/features/OpenUI5Element.js.map +1 -0
- package/dist/features/OpenUI5Enablement.d.ts +11 -0
- package/dist/features/OpenUI5Enablement.js +89 -112
- package/dist/features/OpenUI5Enablement.js.map +1 -0
- package/dist/features/OpenUI5Support.d.ts +23 -0
- package/dist/features/OpenUI5Support.js +91 -120
- package/dist/features/OpenUI5Support.js.map +1 -0
- package/dist/generated/VersionInfo.js +4 -4
- package/dist/getSharedResource.d.ts +11 -0
- package/dist/getSharedResource.js +12 -16
- package/dist/getSharedResource.js.map +1 -0
- package/dist/i18nBundle.d.ts +43 -0
- package/dist/i18nBundle.js +56 -64
- package/dist/i18nBundle.js.map +1 -0
- package/dist/locale/Locale.d.ts +22 -0
- package/dist/locale/Locale.js +75 -87
- package/dist/locale/Locale.js.map +1 -0
- package/dist/locale/RTLAwareRegistry.d.ts +4 -0
- package/dist/locale/RTLAwareRegistry.js +6 -11
- package/dist/locale/RTLAwareRegistry.js.map +1 -0
- package/dist/locale/applyDirection.d.ts +10 -0
- package/dist/locale/applyDirection.js +7 -7
- package/dist/locale/applyDirection.js.map +1 -0
- package/dist/locale/directionChange.d.ts +15 -0
- package/dist/locale/directionChange.js +7 -15
- package/dist/locale/directionChange.js.map +1 -0
- package/dist/locale/getEffectiveDir.d.ts +2 -0
- package/dist/locale/getEffectiveDir.js +20 -24
- package/dist/locale/getEffectiveDir.js.map +1 -0
- package/dist/locale/getLocale.d.ts +7 -0
- package/dist/locale/getLocale.js +26 -29
- package/dist/locale/getLocale.js.map +1 -0
- package/dist/locale/languageChange.d.ts +5 -0
- package/dist/locale/languageChange.js +8 -16
- package/dist/locale/languageChange.js.map +1 -0
- package/dist/locale/nextFallbackLocale.d.ts +8 -0
- package/dist/locale/nextFallbackLocale.js +15 -19
- package/dist/locale/nextFallbackLocale.js.map +1 -0
- package/dist/locale/normalizeLocale.d.ts +7 -0
- package/dist/locale/normalizeLocale.js +34 -41
- package/dist/locale/normalizeLocale.js.map +1 -0
- package/dist/renderer/LitRenderer.d.ts +14 -0
- package/dist/renderer/LitRenderer.js +28 -39
- package/dist/renderer/LitRenderer.js.map +1 -0
- package/dist/renderer/executeTemplate.d.ts +13 -0
- package/dist/renderer/executeTemplate.js +12 -16
- package/dist/renderer/executeTemplate.js.map +1 -0
- package/dist/sap/base/Log.js +28 -29
- package/dist/sap/base/assert.js +5 -6
- package/dist/sap/base/security/URLListValidator.js +13 -2
- package/dist/theming/CustomStyle.d.ts +6 -0
- package/dist/theming/CustomStyle.js +29 -43
- package/dist/theming/CustomStyle.js.map +1 -0
- package/dist/theming/ThemeLoaded.d.ts +5 -0
- package/dist/theming/ThemeLoaded.js +8 -16
- package/dist/theming/ThemeLoaded.js.map +1 -0
- package/dist/theming/applyTheme.d.ts +2 -0
- package/dist/theming/applyTheme.js +59 -68
- package/dist/theming/applyTheme.js.map +1 -0
- package/dist/theming/getConstructableStyle.d.ts +9 -0
- package/dist/theming/getConstructableStyle.js +12 -17
- package/dist/theming/getConstructableStyle.js.map +1 -0
- package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
- package/dist/theming/getEffectiveLinksHrefs.js +12 -22
- package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
- package/dist/theming/getEffectiveStyle.d.ts +3 -0
- package/dist/theming/getEffectiveStyle.js +24 -31
- package/dist/theming/getEffectiveStyle.js.map +1 -0
- package/dist/theming/getStylesString.d.ts +3 -0
- package/dist/theming/getStylesString.js +9 -13
- package/dist/theming/getStylesString.js.map +1 -0
- package/dist/theming/getThemeDesignerTheme.d.ts +7 -0
- package/dist/theming/getThemeDesignerTheme.js +72 -79
- package/dist/theming/getThemeDesignerTheme.js.map +1 -0
- package/dist/theming/preloadLinks.d.ts +3 -0
- package/dist/theming/preloadLinks.js +13 -17
- package/dist/theming/preloadLinks.js.map +1 -0
- package/dist/thirdparty/_merge.d.ts +2 -0
- package/dist/thirdparty/_merge.js +7 -4
- package/dist/thirdparty/_merge.js.map +1 -0
- package/dist/thirdparty/isPlainObject.d.ts +2 -0
- package/dist/thirdparty/isPlainObject.js +11 -10
- package/dist/thirdparty/isPlainObject.js.map +1 -0
- package/dist/thirdparty/merge.d.ts +2 -0
- package/dist/thirdparty/merge.js +4 -8
- package/dist/thirdparty/merge.js.map +1 -0
- package/dist/types/AnimationMode.d.ts +32 -0
- package/dist/types/AnimationMode.js +33 -6
- package/dist/types/AnimationMode.js.map +1 -0
- package/dist/types/CSSColor.d.ts +16 -0
- package/dist/types/CSSColor.js +6 -7
- package/dist/types/CSSColor.js.map +1 -0
- package/dist/types/CalendarType.d.ts +37 -0
- package/dist/types/CalendarType.js +33 -53
- package/dist/types/CalendarType.js.map +1 -0
- package/dist/types/DOMReference.d.ts +17 -0
- package/dist/types/DOMReference.js +12 -15
- package/dist/types/DOMReference.js.map +1 -0
- package/dist/types/DataType.d.ts +25 -0
- package/dist/types/DataType.js +33 -32
- package/dist/types/DataType.js.map +1 -0
- package/dist/types/Float.d.ts +18 -0
- package/dist/types/Float.js +9 -12
- package/dist/types/Float.js.map +1 -0
- package/dist/types/Integer.d.ts +18 -0
- package/dist/types/Integer.js +9 -11
- package/dist/types/Integer.js.map +1 -0
- package/dist/types/InvisibleMessageMode.d.ts +25 -0
- package/dist/types/InvisibleMessageMode.js +19 -38
- package/dist/types/InvisibleMessageMode.js.map +1 -0
- package/dist/types/ItemNavigationBehavior.d.ts +24 -0
- package/dist/types/ItemNavigationBehavior.js +22 -12
- package/dist/types/ItemNavigationBehavior.js.map +1 -0
- package/dist/types/NavigationMode.d.ts +32 -0
- package/dist/types/NavigationMode.js +33 -6
- package/dist/types/NavigationMode.js.map +1 -0
- package/dist/types/ValueState.d.ts +42 -0
- package/dist/types/ValueState.js +38 -58
- package/dist/types/ValueState.js.map +1 -0
- package/dist/types.d.ts +18 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/dist/updateShadowRoot.d.ts +8 -0
- package/dist/updateShadowRoot.js +21 -16
- package/dist/updateShadowRoot.js.map +1 -0
- package/dist/util/AriaLabelHelper.d.ts +6 -0
- package/dist/util/AriaLabelHelper.js +34 -46
- package/dist/util/AriaLabelHelper.js.map +1 -0
- package/dist/util/Caret.d.ts +7 -0
- package/dist/util/Caret.js +16 -25
- package/dist/util/Caret.js.map +1 -0
- package/dist/util/ColorConversion.d.ts +30 -0
- package/dist/util/ColorConversion.js +311 -372
- package/dist/util/ColorConversion.js.map +1 -0
- package/dist/util/FetchHelper.d.ts +3 -0
- package/dist/util/FetchHelper.js +19 -25
- package/dist/util/FetchHelper.js.map +1 -0
- package/dist/util/FocusableElements.d.ts +4 -0
- package/dist/util/FocusableElements.js +54 -71
- package/dist/util/FocusableElements.js.map +1 -0
- package/dist/util/HTMLSanitizer.d.ts +3 -0
- package/dist/util/HTMLSanitizer.js +4 -5
- package/dist/util/HTMLSanitizer.js.map +1 -0
- package/dist/util/InvisibleMessage.d.ts +10 -0
- package/dist/util/InvisibleMessage.js +40 -53
- package/dist/util/InvisibleMessage.js.map +1 -0
- package/dist/util/PopupUtils.d.ts +7 -0
- package/dist/util/PopupUtils.js +58 -77
- package/dist/util/PopupUtils.js.map +1 -0
- package/dist/util/SlotsHelper.d.ts +9 -0
- package/dist/util/SlotsHelper.js +22 -35
- package/dist/util/SlotsHelper.js.map +1 -0
- package/dist/util/StringHelper.d.ts +3 -0
- package/dist/util/StringHelper.js +17 -20
- package/dist/util/StringHelper.js.map +1 -0
- package/dist/util/TabbableElements.d.ts +17 -0
- package/dist/util/TabbableElements.js +53 -47
- package/dist/util/TabbableElements.js.map +1 -0
- package/dist/util/arraysAreEqual.d.ts +2 -0
- package/dist/util/arraysAreEqual.js +10 -12
- package/dist/util/arraysAreEqual.js.map +1 -0
- package/dist/util/clamp.d.ts +9 -0
- package/dist/util/clamp.js +2 -2
- package/dist/util/clamp.js.map +1 -0
- package/dist/util/createLinkInHead.d.ts +7 -0
- package/dist/util/createLinkInHead.js +14 -17
- package/dist/util/createLinkInHead.js.map +1 -0
- package/dist/util/createStyleInHead.d.ts +8 -0
- package/dist/util/createStyleInHead.js +10 -10
- package/dist/util/createStyleInHead.js.map +1 -0
- package/dist/util/debounce.d.ts +2 -0
- package/dist/util/debounce.js +6 -8
- package/dist/util/debounce.js.map +1 -0
- package/dist/util/detectNavigatorLanguage.d.ts +2 -0
- package/dist/util/detectNavigatorLanguage.js +7 -10
- package/dist/util/detectNavigatorLanguage.js.map +1 -0
- package/dist/util/escapeRegex.d.ts +8 -0
- package/dist/util/escapeRegex.js +8 -7
- package/dist/util/escapeRegex.js.map +1 -0
- package/dist/util/formatMessage.d.ts +2 -0
- package/dist/util/formatMessage.js +15 -19
- package/dist/util/formatMessage.js.map +1 -0
- package/dist/util/generateHighlightedMarkup.d.ts +9 -0
- package/dist/util/generateHighlightedMarkup.js +26 -27
- package/dist/util/generateHighlightedMarkup.js.map +1 -0
- package/dist/util/getActiveElement.d.ts +2 -0
- package/dist/util/getActiveElement.js +6 -8
- package/dist/util/getActiveElement.js.map +1 -0
- package/dist/util/getClassCopy.d.ts +400 -0
- package/dist/util/getClassCopy.js +7 -7
- package/dist/util/getClassCopy.js.map +1 -0
- package/dist/util/getDesigntimePropertyAsArray.d.ts +2 -0
- package/dist/util/getDesigntimePropertyAsArray.js +4 -3
- package/dist/util/getDesigntimePropertyAsArray.js.map +1 -0
- package/dist/util/getEffectiveContentDensity.d.ts +2 -0
- package/dist/util/getEffectiveContentDensity.js +2 -3
- package/dist/util/getEffectiveContentDensity.js.map +1 -0
- package/dist/util/getEffectiveScrollbarStyle.d.ts +2 -0
- package/dist/util/getEffectiveScrollbarStyle.js +1 -2
- package/dist/util/getEffectiveScrollbarStyle.js.map +1 -0
- package/dist/util/getFastNavigationGroups.d.ts +2 -0
- package/dist/util/getFastNavigationGroups.js +44 -56
- package/dist/util/getFastNavigationGroups.js.map +1 -0
- package/dist/util/getFileExtension.d.ts +12 -0
- package/dist/util/getFileExtension.js +9 -11
- package/dist/util/getFileExtension.js.map +1 -0
- package/dist/util/getNormalizedTarget.d.ts +7 -0
- package/dist/util/getNormalizedTarget.js +7 -9
- package/dist/util/getNormalizedTarget.js.map +1 -0
- package/dist/util/getSingletonElementInstance.d.ts +2 -0
- package/dist/util/getSingletonElementInstance.js +7 -10
- package/dist/util/getSingletonElementInstance.js.map +1 -0
- package/dist/util/isElementClickable.d.ts +2 -0
- package/dist/util/isElementClickable.js +16 -0
- package/dist/util/isElementClickable.js.map +1 -0
- package/dist/util/isElementHidden.d.ts +2 -0
- package/dist/util/isElementHidden.js +8 -0
- package/dist/util/isElementHidden.js.map +1 -0
- package/dist/util/isElementInView.d.ts +6 -0
- package/dist/util/isElementInView.js +6 -9
- package/dist/util/isElementInView.js.map +1 -0
- package/dist/util/isElementTabbable.d.ts +9 -0
- package/dist/util/isElementTabbable.js +30 -0
- package/dist/util/isElementTabbable.js.map +1 -0
- package/dist/util/isValidPropertyName.d.ts +8 -0
- package/dist/util/isValidPropertyName.js +16 -17
- package/dist/util/isValidPropertyName.js.map +1 -0
- package/dist/util/whenDOMReady.d.ts +2 -0
- package/dist/util/whenDOMReady.js +11 -10
- package/dist/util/whenDOMReady.js.map +1 -0
- package/dist/util/willShowContent.d.ts +2 -0
- package/dist/util/willShowContent.js +7 -0
- package/dist/util/willShowContent.js.map +1 -0
- package/dist/validateThemeRoot.d.ts +2 -0
- package/dist/validateThemeRoot.js +41 -52
- package/dist/validateThemeRoot.js.map +1 -0
- package/global.d.ts +44 -0
- package/package-scripts.js +14 -5
- package/package.json +4 -4
- package/src/{AssetRegistry.js → AssetRegistry.ts} +0 -0
- package/src/Boot.ts +61 -0
- package/src/{CSP.js → CSP.ts} +14 -7
- package/src/{CustomElementsRegistry.js → CustomElementsRegistry.ts} +19 -16
- package/src/{CustomElementsScope.js → CustomElementsScope.ts} +8 -5
- package/src/{CustomElementsScopeUtils.js → CustomElementsScopeUtils.ts} +14 -7
- package/src/DOMObserver.ts +28 -0
- package/src/{Device.js → Device.ts} +17 -14
- package/src/{EventProvider.js → EventProvider.ts} +9 -7
- package/src/FeaturesRegistry.ts +14 -0
- package/src/{FontFace.js → FontFace.ts} +3 -2
- package/src/{InitialConfiguration.js → InitialConfiguration.ts} +33 -12
- package/src/Keys.ts +295 -0
- package/src/ManagedStyles.ts +92 -0
- package/src/MarkedEvents.ts +20 -0
- package/src/{MediaRange.js → MediaRange.ts} +54 -53
- package/src/{PropertiesFileFormat.js → PropertiesFileFormat.ts} +8 -8
- package/src/{Render.js → Render.ts} +25 -20
- package/src/{RenderQueue.js → RenderQueue.ts} +10 -5
- package/src/{Runtimes.js → Runtimes.ts} +15 -8
- package/src/{StaticArea.js → StaticArea.ts} +0 -0
- package/src/{StaticAreaItem.js → StaticAreaItem.ts} +26 -22
- package/src/{SystemCSSVars.js → SystemCSSVars.ts} +0 -0
- package/src/{Theming.js → Theming.ts} +0 -0
- package/src/{UI5Element.js → UI5Element.ts} +263 -153
- package/src/{UI5ElementMetadata.js → UI5ElementMetadata.ts} +120 -58
- package/src/animations/{AnimationQueue.js → AnimationQueue.ts} +8 -7
- package/src/animations/animate.ts +64 -0
- package/src/animations/scroll.ts +21 -0
- package/src/animations/{slideDown.js → slideDown.ts} +27 -34
- package/src/animations/{slideUp.js → slideUp.ts} +28 -32
- package/src/asset-registries/{Icons.js → Icons.ts} +63 -38
- package/src/asset-registries/Illustrations.ts +75 -0
- package/src/asset-registries/{LocaleData.js → LocaleData.ts} +35 -21
- package/src/asset-registries/{Themes.js → Themes.ts} +14 -29
- package/src/asset-registries/{i18n.js → i18n.ts} +18 -23
- package/src/assets-meta/{IconCollectionsAlias.js → IconCollectionsAlias.ts} +0 -0
- package/src/config/AnimationMode.ts +33 -0
- package/src/config/{CalendarType.js → CalendarType.ts} +8 -3
- package/src/config/FormatSettings.ts +21 -0
- package/src/config/{Icons.js → Icons.ts} +19 -12
- package/src/config/{Language.js → Language.ts} +22 -18
- package/src/config/NoConflict.ts +67 -0
- package/src/config/{RTL.js → RTL.ts} +14 -4
- package/src/config/Theme.ts +64 -0
- package/src/config/{ThemeRoots.js → ThemeRoots.ts} +9 -7
- package/src/decorators/customElement.ts +17 -0
- package/src/decorators/event.ts +28 -0
- package/src/decorators/fastNavigation.ts +14 -0
- package/src/decorators/languageAware.ts +14 -0
- package/src/decorators/property.ts +30 -0
- package/src/decorators/slot.ts +49 -0
- package/src/decorators/themeAware.ts +14 -0
- package/src/delegate/{ItemNavigation.js → ItemNavigation.ts} +56 -19
- package/src/delegate/{ResizeHandler.js → ResizeHandler.ts} +25 -36
- package/src/delegate/ScrollEnablement.ts +221 -0
- package/src/features/{F6Navigation.js → F6Navigation.ts} +50 -25
- package/src/features/OpenUI5Element.ts +11 -0
- package/src/features/OpenUI5Enablement.ts +117 -0
- package/src/features/OpenUI5Support.ts +148 -0
- package/src/{getSharedResource.js → getSharedResource.ts} +3 -3
- package/src/{i18nBundle.js → i18nBundle.ts} +45 -23
- package/src/locale/{Locale.js → Locale.ts} +15 -5
- package/src/locale/RTLAwareRegistry.ts +16 -0
- package/src/locale/{applyDirection.js → applyDirection.ts} +4 -3
- package/src/locale/{directionChange.js → directionChange.ts} +6 -4
- package/src/locale/{getEffectiveDir.js → getEffectiveDir.ts} +1 -1
- package/src/locale/{getLocale.js → getLocale.ts} +12 -7
- package/src/locale/languageChange.ts +24 -0
- package/src/locale/{nextFallbackLocale.js → nextFallbackLocale.ts} +1 -1
- package/src/locale/{normalizeLocale.js → normalizeLocale.ts} +5 -3
- package/src/renderer/LitRenderer.ts +60 -0
- package/src/renderer/{executeTemplate.js → executeTemplate.ts} +11 -5
- package/src/theming/{CustomStyle.js → CustomStyle.ts} +11 -9
- package/src/theming/{ThemeLoaded.js → ThemeLoaded.ts} +6 -4
- package/src/theming/{applyTheme.js → applyTheme.ts} +16 -10
- package/src/theming/{getConstructableStyle.js → getConstructableStyle.ts} +5 -4
- package/src/theming/getEffectiveLinksHrefs.ts +26 -0
- package/src/theming/{getEffectiveStyle.js → getEffectiveStyle.ts} +9 -7
- package/src/theming/getStylesString.ts +15 -0
- package/src/theming/{getThemeDesignerTheme.js → getThemeDesignerTheme.ts} +22 -8
- package/src/theming/{preloadLinks.js → preloadLinks.ts} +3 -2
- package/src/thirdparty/{_merge.js → _merge.ts} +2 -2
- package/src/thirdparty/{isPlainObject.js → isPlainObject.ts} +1 -1
- package/src/thirdparty/merge.ts +5 -0
- package/src/types/AnimationMode.ts +33 -0
- package/src/types/{CSSColor.js → CSSColor.ts} +3 -3
- package/src/types/CalendarType.ts +38 -0
- package/src/types/{DOMReference.js → DOMReference.ts} +4 -4
- package/src/types/DataType.ts +51 -0
- package/src/types/{Float.js → Float.ts} +5 -5
- package/src/types/{Integer.js → Integer.ts} +5 -4
- package/src/types/InvisibleMessageMode.ts +27 -0
- package/src/types/ItemNavigationBehavior.ts +26 -0
- package/src/types/NavigationMode.ts +33 -0
- package/src/types/ValueState.ts +47 -0
- package/src/types.ts +30 -0
- package/src/updateShadowRoot.ts +37 -0
- package/src/util/AriaLabelHelper.ts +63 -0
- package/src/util/{Caret.js → Caret.ts} +5 -9
- package/src/util/{ColorConversion.js → ColorConversion.ts} +183 -182
- package/src/util/{FetchHelper.js → FetchHelper.ts} +7 -7
- package/src/util/FocusableElements.ts +82 -0
- package/src/util/{HTMLSanitizer.js → HTMLSanitizer.ts} +2 -0
- package/src/util/{InvisibleMessage.js → InvisibleMessage.ts} +6 -6
- package/src/util/PopupUtils.ts +112 -0
- package/src/util/{SlotsHelper.js → SlotsHelper.ts} +9 -13
- package/src/util/{StringHelper.js → StringHelper.ts} +7 -7
- package/src/util/TabbableElements.ts +70 -0
- package/src/util/{arraysAreEqual.js → arraysAreEqual.ts} +1 -1
- package/src/util/{clamp.js → clamp.ts} +1 -1
- package/src/util/{createLinkInHead.js → createLinkInHead.ts} +6 -5
- package/src/util/{createStyleInHead.js → createStyleInHead.ts} +4 -2
- package/src/util/{debounce.js → debounce.ts} +5 -4
- package/src/util/{detectNavigatorLanguage.js → detectNavigatorLanguage.ts} +1 -1
- package/src/util/escapeRegex.ts +11 -0
- package/src/util/{formatMessage.js → formatMessage.ts} +4 -3
- package/src/util/{generateHighlightedMarkup.js → generateHighlightedMarkup.ts} +7 -6
- package/src/util/{getActiveElement.js → getActiveElement.ts} +0 -0
- package/src/util/{getClassCopy.js → getClassCopy.ts} +3 -1
- package/src/util/{getDesigntimePropertyAsArray.js → getDesigntimePropertyAsArray.ts} +1 -1
- package/src/util/getEffectiveContentDensity.ts +5 -0
- package/src/util/{getEffectiveScrollbarStyle.js → getEffectiveScrollbarStyle.ts} +0 -0
- package/src/util/{getFastNavigationGroups.js → getFastNavigationGroups.ts} +10 -10
- package/src/util/{getFileExtension.js → getFileExtension.ts} +3 -3
- package/src/util/{getNormalizedTarget.js → getNormalizedTarget.ts} +2 -2
- package/src/util/{getSingletonElementInstance.js → getSingletonElementInstance.ts} +1 -1
- package/src/util/isElementClickable.ts +19 -0
- package/src/util/isElementHidden.ts +9 -0
- package/src/util/{isElementInView.js → isElementInView.ts} +1 -1
- package/src/util/isElementTabbable.ts +37 -0
- package/src/util/{isValidPropertyName.js → isValidPropertyName.ts} +1 -1
- package/src/util/{whenDOMReady.js → whenDOMReady.ts} +1 -1
- package/src/util/willShowContent.ts +7 -0
- package/src/{validateThemeRoot.js → validateThemeRoot.ts} +4 -4
- package/tsconfig.json +13 -0
- package/dist/RenderScheduler.js +0 -44
- package/dist/animations/config.js +0 -5
- package/dist/assets/bundle.esm.e2bd78ba.js +0 -55
- package/dist/types/CSSSize.js +0 -20
- package/dist/types/PopupState.js +0 -57
- package/dist/util/isDefaultSlotProvided.js +0 -11
- package/dist/util/isDescendantOf.js +0 -15
- package/dist/util/isNodeClickable.js +0 -19
- package/dist/util/isNodeHidden.js +0 -9
- package/dist/util/isNodeTabbable.js +0 -28
- package/dist/util/setToArray.js +0 -10
- package/src/Boot.js +0 -63
- package/src/DOMObserver.js +0 -65
- package/src/FeaturesRegistry.js +0 -14
- package/src/Keys.js +0 -295
- package/src/ManagedStyles.js +0 -83
- package/src/RenderScheduler.js +0 -44
- package/src/animations/animate.js +0 -53
- package/src/animations/config.js +0 -5
- package/src/animations/scroll.js +0 -28
- package/src/asset-registries/Illustrations.js +0 -59
- package/src/config/AnimationMode.js +0 -23
- package/src/config/FormatSettings.js +0 -13
- package/src/config/NoConflict.js +0 -51
- package/src/config/Theme.js +0 -53
- package/src/delegate/ScrollEnablement.js +0 -188
- package/src/features/OpenUI5Enablement.js +0 -119
- package/src/features/OpenUI5Support.js +0 -126
- package/src/locale/RTLAwareRegistry.js +0 -14
- package/src/locale/languageChange.js +0 -22
- package/src/renderer/LitRenderer.js +0 -52
- package/src/theming/getEffectiveLinksHrefs.js +0 -27
- package/src/theming/getStylesString.js +0 -15
- package/src/thirdparty/merge.js +0 -10
- package/src/types/AnimationMode.js +0 -7
- package/src/types/CSSSize.js +0 -20
- package/src/types/CalendarType.js +0 -59
- package/src/types/DataType.js +0 -43
- package/src/types/InvisibleMessageMode.js +0 -46
- package/src/types/ItemNavigationBehavior.js +0 -16
- package/src/types/NavigationMode.js +0 -7
- package/src/types/PopupState.js +0 -57
- package/src/types/ValueState.js +0 -64
- package/src/updateShadowRoot.js +0 -29
- package/src/util/AriaLabelHelper.js +0 -56
- package/src/util/FocusableElements.js +0 -79
- package/src/util/PopupUtils.js +0 -93
- package/src/util/TabbableElements.js +0 -51
- package/src/util/escapeRegex.js +0 -10
- package/src/util/getEffectiveContentDensity.js +0 -5
- package/src/util/isDefaultSlotProvided.js +0 -11
- package/src/util/isDescendantOf.js +0 -15
- package/src/util/isNodeClickable.js +0 -19
- package/src/util/isNodeHidden.js +0 -9
- package/src/util/isNodeTabbable.js +0 -28
- package/src/util/setToArray.js +0 -10
|
@@ -2,397 +2,336 @@
|
|
|
2
2
|
*
|
|
3
3
|
* @param {String} color Color in one of the following formats: RGBA or HEX
|
|
4
4
|
*/
|
|
5
|
-
|
|
6
5
|
/**
|
|
7
6
|
* Map of CSS colors to hex representation
|
|
8
7
|
*/
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
8
|
+
var CSSColors;
|
|
9
|
+
(function (CSSColors) {
|
|
10
|
+
CSSColors["aliceblue"] = "f0f8ff";
|
|
11
|
+
CSSColors["antiquewhite"] = "faebd7";
|
|
12
|
+
CSSColors["aqua"] = "00ffff";
|
|
13
|
+
CSSColors["aquamarine"] = "7fffd4";
|
|
14
|
+
CSSColors["azure"] = "f0ffff";
|
|
15
|
+
CSSColors["beige"] = "f5f5dc";
|
|
16
|
+
CSSColors["bisque"] = "ffe4c4";
|
|
17
|
+
CSSColors["black"] = "000000";
|
|
18
|
+
CSSColors["blanchedalmond"] = "ffebcd";
|
|
19
|
+
CSSColors["blue"] = "0000ff";
|
|
20
|
+
CSSColors["blueviolet"] = "8a2be2";
|
|
21
|
+
CSSColors["brown"] = "a52a2a";
|
|
22
|
+
CSSColors["burlywood"] = "deb887";
|
|
23
|
+
CSSColors["cadetblue"] = "5f9ea0";
|
|
24
|
+
CSSColors["chartreuse"] = "7fff00";
|
|
25
|
+
CSSColors["chocolate"] = "d2691e";
|
|
26
|
+
CSSColors["coral"] = "ff7f50";
|
|
27
|
+
CSSColors["cornflowerblue"] = "6495ed";
|
|
28
|
+
CSSColors["cornsilk"] = "fff8dc";
|
|
29
|
+
CSSColors["crimson"] = "dc143c";
|
|
30
|
+
CSSColors["cyan"] = "00ffff";
|
|
31
|
+
CSSColors["darkblue"] = "00008b";
|
|
32
|
+
CSSColors["darkcyan"] = "008b8b";
|
|
33
|
+
CSSColors["darkgoldenrod"] = "b8860b";
|
|
34
|
+
CSSColors["darkgray"] = "a9a9a9";
|
|
35
|
+
CSSColors["darkgrey"] = "a9a9a9";
|
|
36
|
+
CSSColors["darkgreen"] = "006400";
|
|
37
|
+
CSSColors["darkkhaki"] = "bdb76b";
|
|
38
|
+
CSSColors["darkmagenta"] = "8b008b";
|
|
39
|
+
CSSColors["darkolivegreen"] = "556b2f";
|
|
40
|
+
CSSColors["darkorange"] = "ff8c00";
|
|
41
|
+
CSSColors["darkorchid"] = "9932cc";
|
|
42
|
+
CSSColors["darkred"] = "8b0000";
|
|
43
|
+
CSSColors["darksalmon"] = "e9967a";
|
|
44
|
+
CSSColors["darkseagreen"] = "8fbc8f";
|
|
45
|
+
CSSColors["darkslateblue"] = "483d8b";
|
|
46
|
+
CSSColors["darkslategray"] = "2f4f4f";
|
|
47
|
+
CSSColors["darkslategrey"] = "2f4f4f";
|
|
48
|
+
CSSColors["darkturquoise"] = "00ced1";
|
|
49
|
+
CSSColors["darkviolet"] = "9400d3";
|
|
50
|
+
CSSColors["deeppink"] = "ff1493";
|
|
51
|
+
CSSColors["deepskyblue"] = "00bfff";
|
|
52
|
+
CSSColors["dimgray"] = "696969";
|
|
53
|
+
CSSColors["dimgrey"] = "696969";
|
|
54
|
+
CSSColors["dodgerblue"] = "1e90ff";
|
|
55
|
+
CSSColors["firebrick"] = "b22222";
|
|
56
|
+
CSSColors["floralwhite"] = "fffaf0";
|
|
57
|
+
CSSColors["forestgreen"] = "228b22";
|
|
58
|
+
CSSColors["fuchsia"] = "ff00ff";
|
|
59
|
+
CSSColors["gainsboro"] = "dcdcdc";
|
|
60
|
+
CSSColors["ghostwhite"] = "f8f8ff";
|
|
61
|
+
CSSColors["gold"] = "ffd700";
|
|
62
|
+
CSSColors["goldenrod"] = "daa520";
|
|
63
|
+
CSSColors["gray"] = "808080";
|
|
64
|
+
CSSColors["grey"] = "808080";
|
|
65
|
+
CSSColors["green"] = "008000";
|
|
66
|
+
CSSColors["greenyellow"] = "adff2f";
|
|
67
|
+
CSSColors["honeydew"] = "f0fff0";
|
|
68
|
+
CSSColors["hotpink"] = "ff69b4";
|
|
69
|
+
CSSColors["indianred"] = "cd5c5c";
|
|
70
|
+
CSSColors["indigo"] = "4b0082";
|
|
71
|
+
CSSColors["ivory"] = "fffff0";
|
|
72
|
+
CSSColors["khaki"] = "f0e68c";
|
|
73
|
+
CSSColors["lavender"] = "e6e6fa";
|
|
74
|
+
CSSColors["lavenderblush"] = "fff0f5";
|
|
75
|
+
CSSColors["lawngreen"] = "7cfc00";
|
|
76
|
+
CSSColors["lemonchiffon"] = "fffacd";
|
|
77
|
+
CSSColors["lightblue"] = "add8e6";
|
|
78
|
+
CSSColors["lightcoral"] = "f08080";
|
|
79
|
+
CSSColors["lightcyan"] = "e0ffff";
|
|
80
|
+
CSSColors["lightgoldenrodyellow"] = "fafad2";
|
|
81
|
+
CSSColors["lightgray"] = "d3d3d3";
|
|
82
|
+
CSSColors["lightgrey"] = "d3d3d3";
|
|
83
|
+
CSSColors["lightgreen"] = "90ee90";
|
|
84
|
+
CSSColors["lightpink"] = "ffb6c1";
|
|
85
|
+
CSSColors["lightsalmon"] = "ffa07a";
|
|
86
|
+
CSSColors["lightseagreen"] = "20b2aa";
|
|
87
|
+
CSSColors["lightskyblue"] = "87cefa";
|
|
88
|
+
CSSColors["lightslategray"] = "778899";
|
|
89
|
+
CSSColors["lightslategrey"] = "778899";
|
|
90
|
+
CSSColors["lightsteelblue"] = "b0c4de";
|
|
91
|
+
CSSColors["lightyellow"] = "ffffe0";
|
|
92
|
+
CSSColors["lime"] = "00ff00";
|
|
93
|
+
CSSColors["limegreen"] = "32cd32";
|
|
94
|
+
CSSColors["linen"] = "faf0e6";
|
|
95
|
+
CSSColors["magenta"] = "ff00ff";
|
|
96
|
+
CSSColors["maroon"] = "800000";
|
|
97
|
+
CSSColors["mediumaquamarine"] = "66cdaa";
|
|
98
|
+
CSSColors["mediumblue"] = "0000cd";
|
|
99
|
+
CSSColors["mediumorchid"] = "ba55d3";
|
|
100
|
+
CSSColors["mediumpurple"] = "9370db";
|
|
101
|
+
CSSColors["mediumseagreen"] = "3cb371";
|
|
102
|
+
CSSColors["mediumslateblue"] = "7b68ee";
|
|
103
|
+
CSSColors["mediumspringgreen"] = "00fa9a";
|
|
104
|
+
CSSColors["mediumturquoise"] = "48d1cc";
|
|
105
|
+
CSSColors["mediumvioletred"] = "c71585";
|
|
106
|
+
CSSColors["midnightblue"] = "191970";
|
|
107
|
+
CSSColors["mintcream"] = "f5fffa";
|
|
108
|
+
CSSColors["mistyrose"] = "ffe4e1";
|
|
109
|
+
CSSColors["moccasin"] = "ffe4b5";
|
|
110
|
+
CSSColors["navajowhite"] = "ffdead";
|
|
111
|
+
CSSColors["navy"] = "000080";
|
|
112
|
+
CSSColors["oldlace"] = "fdf5e6";
|
|
113
|
+
CSSColors["olive"] = "808000";
|
|
114
|
+
CSSColors["olivedrab"] = "6b8e23";
|
|
115
|
+
CSSColors["orange"] = "ffa500";
|
|
116
|
+
CSSColors["orangered"] = "ff4500";
|
|
117
|
+
CSSColors["orchid"] = "da70d6";
|
|
118
|
+
CSSColors["palegoldenrod"] = "eee8aa";
|
|
119
|
+
CSSColors["palegreen"] = "98fb98";
|
|
120
|
+
CSSColors["paleturquoise"] = "afeeee";
|
|
121
|
+
CSSColors["palevioletred"] = "db7093";
|
|
122
|
+
CSSColors["papayawhip"] = "ffefd5";
|
|
123
|
+
CSSColors["peachpuff"] = "ffdab9";
|
|
124
|
+
CSSColors["peru"] = "cd853f";
|
|
125
|
+
CSSColors["pink"] = "ffc0cb";
|
|
126
|
+
CSSColors["plum"] = "dda0dd";
|
|
127
|
+
CSSColors["powderblue"] = "b0e0e6";
|
|
128
|
+
CSSColors["purple"] = "800080";
|
|
129
|
+
CSSColors["red"] = "ff0000";
|
|
130
|
+
CSSColors["rosybrown"] = "bc8f8f";
|
|
131
|
+
CSSColors["royalblue"] = "4169e1";
|
|
132
|
+
CSSColors["saddlebrown"] = "8b4513";
|
|
133
|
+
CSSColors["salmon"] = "fa8072";
|
|
134
|
+
CSSColors["sandybrown"] = "f4a460";
|
|
135
|
+
CSSColors["seagreen"] = "2e8b57";
|
|
136
|
+
CSSColors["seashell"] = "fff5ee";
|
|
137
|
+
CSSColors["sienna"] = "a0522d";
|
|
138
|
+
CSSColors["silver"] = "c0c0c0";
|
|
139
|
+
CSSColors["skyblue"] = "87ceeb";
|
|
140
|
+
CSSColors["slateblue"] = "6a5acd";
|
|
141
|
+
CSSColors["slategray"] = "708090";
|
|
142
|
+
CSSColors["slategrey"] = "708090";
|
|
143
|
+
CSSColors["snow"] = "fffafa";
|
|
144
|
+
CSSColors["springgreen"] = "00ff7f";
|
|
145
|
+
CSSColors["steelblue"] = "4682b4";
|
|
146
|
+
CSSColors["tan"] = "d2b48c";
|
|
147
|
+
CSSColors["teal"] = "008080";
|
|
148
|
+
CSSColors["thistle"] = "d8bfd8";
|
|
149
|
+
CSSColors["tomato"] = "ff6347";
|
|
150
|
+
CSSColors["turquoise"] = "40e0d0";
|
|
151
|
+
CSSColors["violet"] = "ee82ee";
|
|
152
|
+
CSSColors["wheat"] = "f5deb3";
|
|
153
|
+
CSSColors["white"] = "ffffff";
|
|
154
|
+
CSSColors["whitesmoke"] = "f5f5f5";
|
|
155
|
+
CSSColors["yellow"] = "ffff00";
|
|
156
|
+
CSSColors["yellowgreen"] = "9acd32";
|
|
157
|
+
CSSColors["transparent"] = "00000000";
|
|
158
|
+
})(CSSColors || (CSSColors = {}));
|
|
159
|
+
const getRGBColor = (color) => {
|
|
160
|
+
if (color.startsWith("rgba")) {
|
|
161
|
+
return RGBAToRGB(color);
|
|
162
|
+
}
|
|
163
|
+
if (color.startsWith("rgb")) {
|
|
164
|
+
return RGBStringToRGBObject(color);
|
|
165
|
+
}
|
|
166
|
+
// HEX
|
|
167
|
+
if (color.indexOf("#") === 0) {
|
|
168
|
+
// Shorthand Syntax
|
|
169
|
+
if (color.length === 4) {
|
|
170
|
+
color = `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
|
|
171
|
+
}
|
|
172
|
+
else {
|
|
173
|
+
color = color.slice(1, color.length);
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
// Css Color
|
|
177
|
+
if (color in CSSColors) {
|
|
178
|
+
color = CSSColors[color];
|
|
179
|
+
}
|
|
180
|
+
return HEXToRGB(color);
|
|
158
181
|
};
|
|
159
|
-
|
|
160
|
-
const getRGBColor = color => {
|
|
161
|
-
if (color.startsWith("rgba")) {
|
|
162
|
-
return RGBAToRGB(color);
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
if (color.startsWith("rgb")) {
|
|
166
|
-
return RGBStringToRGBObject(color);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
// HEX
|
|
170
|
-
if (color.indexOf("#") === 0) {
|
|
171
|
-
// Shorthand Syntax
|
|
172
|
-
if (color.length === 4) {
|
|
173
|
-
color = `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
|
|
174
|
-
} else {
|
|
175
|
-
color = color.slice(1, color.length);
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
// Css Color
|
|
180
|
-
if (Object.keys(CSSColors).includes(color)) {
|
|
181
|
-
color = CSSColors[color];
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
return HEXToRGB(color);
|
|
185
|
-
};
|
|
186
|
-
|
|
187
182
|
/**
|
|
188
183
|
* Return an object with the properties for each of the main colors(red, green, blue)
|
|
189
184
|
* @param {String} color Receives a color in the following format: "rgba(0, 0, 0, 1)
|
|
190
185
|
*/
|
|
191
|
-
const RGBAToRGB = color => {
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
|
|
204
|
-
b: parseInt(color.slice(commasIndexes[1] + 1, commasIndexes[2]).trim()),
|
|
205
|
-
};
|
|
186
|
+
const RGBAToRGB = (color) => {
|
|
187
|
+
const openingBracketIndex = color.indexOf("("), commasIndexes = [];
|
|
188
|
+
for (let i = 0; i < color.length; i++) {
|
|
189
|
+
if (color[i] === ",") {
|
|
190
|
+
commasIndexes.push(i);
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
return {
|
|
194
|
+
r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
|
|
195
|
+
g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
|
|
196
|
+
b: parseInt(color.slice(commasIndexes[1] + 1, commasIndexes[2]).trim()),
|
|
197
|
+
};
|
|
206
198
|
};
|
|
207
|
-
|
|
208
199
|
/**
|
|
209
200
|
* Return an object with the properties for each of the main colors(red, green, blue)
|
|
210
201
|
* @param {String} color Receives a color in the following format: "rgb(0, 0, 0)
|
|
211
202
|
*/
|
|
212
|
-
const RGBStringToRGBObject = color => {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
|
|
225
|
-
g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
|
|
226
|
-
b: parseInt(color.slice(commasIndexes[1] + 1, closingBraketIndex).trim()),
|
|
227
|
-
};
|
|
203
|
+
const RGBStringToRGBObject = (color) => {
|
|
204
|
+
const openingBracketIndex = color.indexOf("("), closingBraketIndex = color.indexOf(")"), commasIndexes = [];
|
|
205
|
+
for (let i = 0; i < color.length; i++) {
|
|
206
|
+
if (color[i] === ",") {
|
|
207
|
+
commasIndexes.push(i);
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
return {
|
|
211
|
+
r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
|
|
212
|
+
g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
|
|
213
|
+
b: parseInt(color.slice(commasIndexes[1] + 1, closingBraketIndex).trim()),
|
|
214
|
+
};
|
|
228
215
|
};
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
// 300 ≤ H < 360
|
|
288
|
-
default:
|
|
289
|
-
tempColor = {
|
|
290
|
-
r: C,
|
|
291
|
-
g: 0,
|
|
292
|
-
b: X,
|
|
293
|
-
};
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
return {
|
|
297
|
-
r: Math.floor((tempColor.r + m) * 255),
|
|
298
|
-
g: Math.floor((tempColor.g + m) * 255),
|
|
299
|
-
b: Math.floor((tempColor.b + m) * 255),
|
|
300
|
-
};
|
|
216
|
+
const HSLToRGB = (color) => {
|
|
217
|
+
// Formula taken from https://www.rapidtables.com/convert/color/hsl-to-rgb.html
|
|
218
|
+
const C = (1 - Math.abs((2 * color.l) - 1)) * color.s, X = C * (1 - Math.abs(((color.h / 60) % 2) - 1)), m = color.l - C / 2;
|
|
219
|
+
let tempColor;
|
|
220
|
+
switch (Math.round(color.h / 60)) {
|
|
221
|
+
// 0 ≤ H < 60
|
|
222
|
+
case 0:
|
|
223
|
+
tempColor = {
|
|
224
|
+
r: C,
|
|
225
|
+
g: X,
|
|
226
|
+
b: 0,
|
|
227
|
+
};
|
|
228
|
+
break;
|
|
229
|
+
// 60 ≤ H < 120
|
|
230
|
+
case 1:
|
|
231
|
+
tempColor = {
|
|
232
|
+
r: X,
|
|
233
|
+
g: C,
|
|
234
|
+
b: 0,
|
|
235
|
+
};
|
|
236
|
+
break;
|
|
237
|
+
// 120 ≤ H < 180
|
|
238
|
+
case 2:
|
|
239
|
+
tempColor = {
|
|
240
|
+
r: 0,
|
|
241
|
+
g: C,
|
|
242
|
+
b: X,
|
|
243
|
+
};
|
|
244
|
+
break;
|
|
245
|
+
// 180 ≤ H < 240
|
|
246
|
+
case 3:
|
|
247
|
+
tempColor = {
|
|
248
|
+
r: 0,
|
|
249
|
+
g: X,
|
|
250
|
+
b: C,
|
|
251
|
+
};
|
|
252
|
+
break;
|
|
253
|
+
// 240 ≤ H < 300
|
|
254
|
+
case 4:
|
|
255
|
+
tempColor = {
|
|
256
|
+
r: X,
|
|
257
|
+
g: 0,
|
|
258
|
+
b: C,
|
|
259
|
+
};
|
|
260
|
+
break;
|
|
261
|
+
// 300 ≤ H < 360
|
|
262
|
+
default:
|
|
263
|
+
tempColor = {
|
|
264
|
+
r: C,
|
|
265
|
+
g: 0,
|
|
266
|
+
b: X,
|
|
267
|
+
};
|
|
268
|
+
}
|
|
269
|
+
return {
|
|
270
|
+
r: Math.floor((tempColor.r + m) * 255),
|
|
271
|
+
g: Math.floor((tempColor.g + m) * 255),
|
|
272
|
+
b: Math.floor((tempColor.b + m) * 255),
|
|
273
|
+
};
|
|
301
274
|
};
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
b: hex.substr(4, 2),
|
|
311
|
-
};
|
|
312
|
-
|
|
313
|
-
const rgbKeys = Object.keys(rgbValues);
|
|
314
|
-
|
|
315
|
-
rgbKeys.forEach(key => {
|
|
316
|
-
rgbValues[key] = parseInt(rgbValues[key], 16);
|
|
317
|
-
});
|
|
318
|
-
|
|
319
|
-
return rgbValues;
|
|
275
|
+
const HEXToRGB = (hex) => {
|
|
276
|
+
// Please make sure you pass a valid 6 digit hex color
|
|
277
|
+
// In the implementation of this method we assume that the hex argument is a 6 digit valid hex color
|
|
278
|
+
return {
|
|
279
|
+
r: parseInt(hex.substr(0, 2), 16),
|
|
280
|
+
g: parseInt(hex.substr(2, 2), 16),
|
|
281
|
+
b: parseInt(hex.substr(4, 2), 16),
|
|
282
|
+
};
|
|
320
283
|
};
|
|
321
|
-
|
|
322
284
|
/**
|
|
323
285
|
* Returns the hex value of the color as string
|
|
324
286
|
* @param {Object} color Receives an object with the properties for each of the main colors(r, g, b)
|
|
325
287
|
*/
|
|
326
|
-
const RGBtoHEX = color => {
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
hexValue += String(hexMap[Math.floor(divisionNumber)]);
|
|
343
|
-
hexValue += String(hexMap[remainder]);
|
|
344
|
-
|
|
345
|
-
return hexValue;
|
|
346
|
-
};
|
|
347
|
-
|
|
348
|
-
const RGBToHSL = (color = {
|
|
349
|
-
r: undefined,
|
|
350
|
-
g: undefined,
|
|
351
|
-
b: undefined,
|
|
352
|
-
}) => {
|
|
353
|
-
const R = color.r / 255,
|
|
354
|
-
G = color.g / 255,
|
|
355
|
-
B = color.b / 255,
|
|
356
|
-
max = Math.max(R, G, B),
|
|
357
|
-
min = Math.min(R, G, B),
|
|
358
|
-
delta = max - min;
|
|
359
|
-
|
|
360
|
-
let h,
|
|
361
|
-
s;
|
|
362
|
-
|
|
363
|
-
// Hue calculation
|
|
364
|
-
if (delta === 0) {
|
|
365
|
-
h = 0;
|
|
366
|
-
} else if (max === R) {
|
|
367
|
-
h = 60 * (((G - B) / delta) % 6);
|
|
368
|
-
} else if (max === G) {
|
|
369
|
-
h = 60 * (((B - R) / delta) + 2);
|
|
370
|
-
} else if (max === B) {
|
|
371
|
-
h = 60 * (((R - G) / delta) + 4);
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
// Lightness calculation
|
|
375
|
-
const l = (max + min) / 2;
|
|
376
|
-
|
|
377
|
-
// Saturation calculation
|
|
378
|
-
if (delta === 0) {
|
|
379
|
-
s = 0;
|
|
380
|
-
} else {
|
|
381
|
-
s = delta / (1 - Math.abs(2 * l - 1));
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
return {
|
|
385
|
-
h,
|
|
386
|
-
s,
|
|
387
|
-
l,
|
|
388
|
-
};
|
|
288
|
+
const RGBtoHEX = (color) => {
|
|
289
|
+
const hexMap = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E"];
|
|
290
|
+
let hexValue = "#";
|
|
291
|
+
let divisionNumber = color.r / 16;
|
|
292
|
+
let remainder = color.r % 16;
|
|
293
|
+
hexValue += String(hexMap[Math.floor(divisionNumber)]);
|
|
294
|
+
hexValue += String(hexMap[remainder]);
|
|
295
|
+
divisionNumber = color.g / 16;
|
|
296
|
+
remainder = color.g % 16;
|
|
297
|
+
hexValue += String(hexMap[Math.floor(divisionNumber)]);
|
|
298
|
+
hexValue += String(hexMap[remainder]);
|
|
299
|
+
divisionNumber = color.b / 16;
|
|
300
|
+
remainder = color.b % 16;
|
|
301
|
+
hexValue += String(hexMap[Math.floor(divisionNumber)]);
|
|
302
|
+
hexValue += String(hexMap[remainder]);
|
|
303
|
+
return hexValue;
|
|
389
304
|
};
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
305
|
+
const RGBToHSL = (color) => {
|
|
306
|
+
const R = color.r / 255, G = color.g / 255, B = color.b / 255, max = Math.max(R, G, B), min = Math.min(R, G, B), delta = max - min;
|
|
307
|
+
let h = 0, s;
|
|
308
|
+
// Hue calculation
|
|
309
|
+
if (delta === 0) {
|
|
310
|
+
h = 0;
|
|
311
|
+
}
|
|
312
|
+
else if (max === R) {
|
|
313
|
+
h = 60 * (((G - B) / delta) % 6);
|
|
314
|
+
}
|
|
315
|
+
else if (max === G) {
|
|
316
|
+
h = 60 * (((B - R) / delta) + 2);
|
|
317
|
+
}
|
|
318
|
+
else if (max === B) {
|
|
319
|
+
h = 60 * (((R - G) / delta) + 4);
|
|
320
|
+
}
|
|
321
|
+
// Lightness calculation
|
|
322
|
+
const l = (max + min) / 2;
|
|
323
|
+
// Saturation calculation
|
|
324
|
+
if (delta === 0) {
|
|
325
|
+
s = 0;
|
|
326
|
+
}
|
|
327
|
+
else {
|
|
328
|
+
s = delta / (1 - Math.abs(2 * l - 1));
|
|
329
|
+
}
|
|
330
|
+
return {
|
|
331
|
+
h,
|
|
332
|
+
s,
|
|
333
|
+
l,
|
|
334
|
+
};
|
|
398
335
|
};
|
|
336
|
+
export { getRGBColor, HSLToRGB, HEXToRGB, RGBToHSL, RGBStringToRGBObject, RGBtoHEX, };
|
|
337
|
+
//# sourceMappingURL=ColorConversion.js.map
|