@ui5/webcomponents-base 0.0.0-7d5f73b20 → 0.0.0-81513ce21

package/src/config/Icons.ts

@@ -1,59 +0,0 @@
-import { getTheme, isThemeFamily } from "./Theme.js";
-
-const IconCollectionConfiguration = new Map<string, string>();
-
-enum IconCollection {
-	v4 = "SAP-icons",
-	v5 = "SAP-icons-v5",
-}
-
-/**
- * Sets the default icon collection (SAP-icons font v4 or SAP-icons font v5) per theme,
- * which will be applied in case icon collection is not specified.
- *
- * Note: by default SAP-icons-v5 is used in all SAP Horizon variants and SAP-icons-v4 for all the rest.
- * @public
- * @param {string} theme
- * @param {IconCollection} collectionName
- */
-const setDefaultIconCollection = (theme: string, collectionName: "horizon" | IconCollection) => {
-	if (collectionName === "horizon") {
-		collectionName = IconCollection.v5;
-	}
-
-	IconCollectionConfiguration.set(theme, collectionName);
-};
-
-/**
- * Returns the default icon collection (v4 or v5) for given theme,
- * that is configured.
- *
- * @param {string} theme
- * @public
- * @returns {string | undefined}
- */
-const getDefaultIconCollection = (theme: string): string | undefined => {
-	return IconCollectionConfiguration.get(theme);
-};
-
-/**
- * Returns the effective icon collection that will be applied for icon web components
- * whenever namespace is not specified.
- * @returns {string}
- */
-const getEffectiveDefaultIconCollection = () => {
-	const currentTheme = getTheme();
-	const currentThemeConfiguration = IconCollectionConfiguration.get(currentTheme);
-
-	if (currentThemeConfiguration) {
-		return currentThemeConfiguration;
-	}
-
-	return isThemeFamily("sap_horizon") ? IconCollection.v5 : IconCollection.v4;
-};
-
-export {
-	setDefaultIconCollection,
-	getDefaultIconCollection,
-	getEffectiveDefaultIconCollection,
-};

package/src/config/Language.ts

@@ -1,72 +0,0 @@
-import {
-	getLanguage as getConfiguredLanguage,
-	getFetchDefaultLanguage as getConfiguredFetchDefaultLanguage,
-} from "../InitialConfiguration.js";
-import { fireLanguageChange } from "../locale/languageChange.js";
-import { reRenderAllUI5Elements } from "../Render.js";
-
-let curLanguage: string | undefined;
-let fetchDefaultLanguage: boolean;
-
-/**
- * Returns the currently configured language, or the browser language as a fallback.
- * @public
- * @returns {string}
- */
-const getLanguage = (): string | undefined => {
-	if (curLanguage === undefined) {
-		curLanguage = getConfiguredLanguage();
-	}
-	return curLanguage;
-};
-
-/**
- * Changes the current language, re-fetches all message bundles, updates all language-aware components
- * and returns a promise that resolves when all rendering is done.
- *
- * @param {string} language
- * @public
- * @returns {Promise<void>}
- */
-const setLanguage = async (language: string): Promise<void> => {
-	if (curLanguage === language) {
-		return;
-	}
-
-	curLanguage = language;
-
-	await fireLanguageChange(language);
-	await reRenderAllUI5Elements({ languageAware: true });
-};
-
-/**
- * Defines if the default language, that is inlined, should be
- * fetched over the network instead of using the inlined one.
- * <b>Note:</b> By default the language will not be fetched.
- *
- * @public
- * @param {boolean} fetchDefaultLang
- */
-const setFetchDefaultLanguage = (fetchDefaultLang: boolean) => {
-	fetchDefaultLanguage = fetchDefaultLang;
-};
-
-/**
- * Returns if the default language, that is inlined, should be fetched over the network.
- * @public
- * @returns {boolean}
- */
-const getFetchDefaultLanguage = (): boolean => {
-	if (fetchDefaultLanguage === undefined) {
-		setFetchDefaultLanguage(getConfiguredFetchDefaultLanguage());
-	}
-
-	return fetchDefaultLanguage;
-};
-
-export {
-	getLanguage,
-	setLanguage,
-	setFetchDefaultLanguage,
-	getFetchDefaultLanguage,
-};

package/src/config/NoConflict.ts

@@ -1,67 +0,0 @@
-import { getNoConflict as getConfiguredNoConflict } from "../InitialConfiguration.js";
-
-// Fire these events even with noConflict: true
-const excludeList = [
-	"value-changed",
-];
-
-type NoConflictData = boolean | { events: Array<string>};
-
-let noConflict: NoConflictData;
-
-const shouldFireOriginalEvent = (eventName: string) => {
-	return excludeList.includes(eventName);
-};
-
-const shouldNotFireOriginalEvent = (eventName: string) => {
-	const nc = getNoConflict();
-	// return !(nc.events && nc.events.includes && nc.events.includes(eventName));
-	return !(typeof nc !== "boolean" && nc.events && nc.events.includes && nc.events.includes(eventName));
-};
-
-/**
- * Returns if the "noConflict" configuration is set.
- * @public
- * @returns { NoConflictData }
- */
-const getNoConflict = (): NoConflictData => {
-	if (noConflict === undefined) {
-		noConflict = getConfiguredNoConflict();
-	}
-
-	return noConflict;
-};
-
-/**
- * Sets the "noConflict" mode.
- * - When "false" (default value), all custom events are fired with and without the "ui5-" prefix.
- * - When "true", all custom events are fired with the "ui5-" prefix only.
- * - When an object is supplied, just the specified events will be fired with the "ui5-" prefix.
- * @public
- * @param { NoConflictData } noConflictData
- */
-const setNoConflict = (noConflictData: NoConflictData) => {
-	noConflict = noConflictData;
-};
-
-const skipOriginalEvent = (eventName: string) => {
-	const nc = getNoConflict();
-
-	// Always fire these events
-	if (shouldFireOriginalEvent(eventName)) {
-		return false;
-	}
-
-	// Read from the configuration
-	if (nc === true) {
-		return true;
-	}
-
-	return !shouldNotFireOriginalEvent(eventName);
-};
-
-export {
-	getNoConflict,
-	setNoConflict,
-	skipOriginalEvent,
-};

package/src/config/RTL.ts

@@ -1,41 +0,0 @@
-import { getRTL as getConfiguredRTL } from "../InitialConfiguration.js";
-import { getLanguage } from "./Language.js";
-import getDesigntimePropertyAsArray from "../util/getDesigntimePropertyAsArray.js";
-import detectNavigatorLanguage from "../util/detectNavigatorLanguage.js";
-
-const M_ISO639_OLD_TO_NEW = {
-	"iw": "he",
-	"ji": "yi",
-	"in": "id",
-	"sh": "sr",
-};
-
-const A_RTL_LOCALES = getDesigntimePropertyAsArray("$cldr-rtl-locales:ar,fa,he$") || [];
-
-/**
- * Checks whether the language is using RTL
- * @param {string} language
- * @returns {boolean} whether the language is using RTL
- */
-const impliesRTL = (language: string) => {
-	language = (language && M_ISO639_OLD_TO_NEW[language as keyof typeof M_ISO639_OLD_TO_NEW]) || language;
-
-	return A_RTL_LOCALES.indexOf(language) >= 0;
-};
-
-/**
- * Gets the effective RTL setting by first checking the configuration
- * and if not set using the currently set language or the navigator language if the language is not explicitly set.
- * @returns {boolean} whether RTL should be used
- */
-const getRTL = (): boolean => {
-	const configurationRTL = getConfiguredRTL();
-
-	if (configurationRTL !== undefined) {
-		return !!configurationRTL;
-	}
-
-	return impliesRTL(getLanguage() || detectNavigatorLanguage());
-};
-
-export { getRTL }; // eslint-disable-line

package/src/config/Theme.ts

@@ -1,64 +0,0 @@
-import { getTheme as getConfiguredTheme } from "../InitialConfiguration.js";
-import { reRenderAllUI5Elements } from "../Render.js";
-import applyTheme from "../theming/applyTheme.js";
-
-let curTheme: string;
-
-/**
- * Returns the current theme.
- * @public
- * @returns {string} the current theme name
- */
-const getTheme = (): string => {
-	if (curTheme === undefined) {
-		curTheme = getConfiguredTheme();
-	}
-
-	return curTheme;
-};
-
-/**
- * Applies a new theme after fetching its assets from the network.
- * @public
- * @param {string} theme the name of the new theme
- * @returns {Promise<void>} a promise that is resolved when the new theme assets have been fetched and applied to the DOM
- */
-const setTheme = async (theme: string): Promise<void> => {
-	if (curTheme === theme) {
-		return;
-	}
-
-	curTheme = theme;
-
-	// Update CSS Custom Properties
-	await applyTheme(curTheme);
-	await reRenderAllUI5Elements({ themeAware: true });
-};
-
-/**
- * Returns if the given theme name is the one currently applied.
- * @private
- * @param {string} theme
- * @returns {boolean}
- */
-const isTheme = (theme: string) => {
-	const currentTheme = getTheme();
-	return currentTheme === theme || currentTheme === `${theme}_exp`;
-};
-
-/**
- * Returns if the current theme is part of given theme family.
- * @private
- * @param {string} theme the theme family
- * @returns {boolean}
- */
-const isThemeFamily = (theme: string) => {
-	return getTheme().startsWith(theme);
-};
-
-export {
-	getTheme,
-	setTheme,
-	isTheme,
-	isThemeFamily,
-};

package/src/config/ThemeRoots.ts

@@ -1,41 +0,0 @@
-import createLinkInHead from "../util/createLinkInHead.js";
-import validateThemeRoot from "../validateThemeRoot.js";
-import { getThemeRoot as getConfiguredThemeRoot } from "../InitialConfiguration.js";
-
-let themeRoot: string | undefined;
-
-const getThemeRoot = (): string | undefined => {
-	if (themeRoot === undefined) {
-		themeRoot = getConfiguredThemeRoot();
-	}
-
-	return themeRoot;
-};
-
-const setThemeRoot = (theme: string, newThemeRoot: string) => {
-	themeRoot = validateThemeRoot(newThemeRoot);
-
-	if (themeRoot) {
-		attachCustomThemeStylesToHead(theme);
-	}
-};
-
-const formatThemeLink = (theme: string) => {
-	return `${getThemeRoot()!}Base/baseLib/${theme}/css_variables.css`; // theme root is always set.
-};
-
-const attachCustomThemeStylesToHead = async (theme: string) => {
-	const link = document.querySelector(`[sap-ui-webcomponents-theme="${theme}"]`);
-
-	if (link) {
-		document.head.removeChild(link);
-	}
-
-	await createLinkInHead(formatThemeLink(theme), { "sap-ui-webcomponents-theme": theme });
-};
-
-export {
-	getThemeRoot,
-	setThemeRoot,
-	attachCustomThemeStylesToHead,
-};

package/src/decorators/customElement.ts

@@ -1,17 +0,0 @@
-/**
- * Returns a custom element class decorator.
- *
- * @param { string } tag
- * @returns { ClassDecorator }
- */
-const customElement = (tag: string): ClassDecorator => {
-	return (target: any) => {
-		if (!Object.prototype.hasOwnProperty.call(target, "decoratorMetadata")) {
-			target.decoratorMetadata = {};
-		}
-
-		target.decoratorMetadata.tag = tag;
-	};
-};
-
-export default customElement;

package/src/decorators/event.ts

@@ -1,28 +0,0 @@
-import { EventData } from "../UI5ElementMetadata.js";
-
-/**
- * Returns an event class decorator.
- *
- * @param { string } name the event name
- * @param { EventData } data the event data
- * @returns { ClassDecorator }
- */
-const event = (name: string, data: EventData = {}): ClassDecorator => {
-	return (target: any) => {
-		if (!Object.prototype.hasOwnProperty.call(target, "decoratorMetadata")) {
-			target.decoratorMetadata = {};
-		}
-
-		const decoratorMetadata = target.decoratorMetadata;
-		if (!decoratorMetadata.events) {
-			decoratorMetadata.events = {};
-		}
-
-		const eventsMetadata = decoratorMetadata.events;
-		if (!eventsMetadata[name]) {
-			eventsMetadata[name] = data;
-		}
-	};
-};
-
-export default event;

package/src/decorators/fastNavigation.ts

@@ -1,14 +0,0 @@
-/**
- * Class decorator, that sets the fastNavigation metadata.
- * @param { any } target the decorated class
- * @returns { void }
- */
-const fastNavigation = (target: any): void => {
-	if (!Object.prototype.hasOwnProperty.call(target, "decoratorMetadata")) {
-		target.decoratorMetadata = {};
-	}
-
-	target.decoratorMetadata.fastNavigation = true;
-};
-
-export default fastNavigation;

package/src/decorators/languageAware.ts

@@ -1,14 +0,0 @@
-/**
- * Class decorator, that sets the languageAware metadata.
- * @param { any } target the decorated class
- * @returns { void }
- */
-const languageAware = (target: any): void => {
-	if (!Object.prototype.hasOwnProperty.call(target, "decoratorMetadata")) {
-		target.decoratorMetadata = {};
-	}
-
-	target.decoratorMetadata.languageAware = true;
-};
-
-export default languageAware;

package/src/decorators/property.ts

@@ -1,30 +0,0 @@
-import type UI5Element from "../UI5Element.js";
-import { Property } from "../UI5ElementMetadata.js";
-
-/**
- * Returns a property decorator.
- *
- * @param { Property } propData
- * @returns { PropertyDecorator }
- */
-const property = (propData?: Property): PropertyDecorator => {
-	return (target: any, propertyKey: string | symbol) => {
-		const ctor = target.constructor as typeof UI5Element;
-
-		if (!Object.prototype.hasOwnProperty.call(ctor, "decoratorMetadata")) {
-			ctor.decoratorMetadata = {};
-		}
-
-		const decoratorMetadata = ctor.decoratorMetadata;
-		if (!decoratorMetadata.properties) {
-			decoratorMetadata.properties = {};
-		}
-
-		const propsMetadata = decoratorMetadata.properties;
-		if (!propsMetadata[propertyKey as string]) {
-			propsMetadata[propertyKey as string] = propData || { type: String };
-		}
-	};
-};
-
-export default property;

package/src/decorators/slot.ts

@@ -1,49 +0,0 @@
-import type UI5Element from "../UI5Element.js";
-import { Slot } from "../UI5ElementMetadata.js";
-
-/**
- * Returns a slot decorator.
- *
- * @param { Slot } slotData
- * @returns { PropertyDecorator }
- */
-const slot = (slotData?: Slot): PropertyDecorator => {
-	return (target: any, slotKey: string | symbol) => {
-		const ctor = target.constructor as typeof UI5Element;
-
-		if (!Object.prototype.hasOwnProperty.call(ctor, "decoratorMetadata")) {
-			ctor.decoratorMetadata = {};
-		}
-
-		const decoratorMetadata = ctor.decoratorMetadata;
-		if (!decoratorMetadata.slots) {
-			decoratorMetadata.slots = {};
-		}
-
-		const slotMetadata = decoratorMetadata.slots;
-
-		if (slotData?.default && slotMetadata.default) {
-			throw new Error("Only one slot can be the default slot.");
-		}
-
-		const key = slotData?.default ? "default" : slotKey as string;
-		slotData = slotData || { type: HTMLElement };
-
-		if (!slotData.type) {
-			slotData.type = HTMLElement;
-		}
-
-		if (!slotMetadata[key]) {
-			slotMetadata[key] = slotData;
-		}
-
-		if (slotData.default) {
-			delete slotMetadata.default.default;
-			slotMetadata.default.propertyName = slotKey as string;
-		}
-
-		ctor.decoratorMetadata.managedSlots = true;
-	};
-};
-
-export default slot;

package/src/decorators/themeAware.ts

@@ -1,14 +0,0 @@
-/**
- * Class decorator, that sets the themeAware metadata.
- * @param { any } target the decorated class
- * @returns { void }
- */
-const themeAware = (target: any): void => {
-	if (!Object.prototype.hasOwnProperty.call(target, "decoratorMetadata")) {
-		target.decoratorMetadata = {};
-	}
-
-	target.decoratorMetadata.themeAware = true;
-};
-
-export default themeAware;