@ui5/webcomponents-base 0.0.0-1929d08ff → 0.0.0-1cc5f5e54

package/src/features/OpenUI5Support.js

@@ -1,125 +0,0 @@
-import { registerFeature } from "../FeaturesRegistry.js";
-import { setTheme } from "../config/Theme.js";
-import { getCurrentZIndex } from "../util/PopupUtils.js";
-
-const getCore = () => {
-	const sap = window.sap;
-	const core = sap && sap.ui && typeof sap.ui.getCore === "function" && sap.ui.getCore();
-	return core;
-};
-
-const isLoaded = () => {
-	return !!getCore();
-};
-
-const init = () => {
-	const core = getCore();
-	if (!core) {
-		return Promise.resolve();
-	}
-
-	return new Promise(resolve => {
-		core.attachInit(() => {
-			window.sap.ui.require(["sap/ui/core/LocaleData", "sap/ui/core/Popup"], (LocaleData, Popup) => {
-				Popup.setInitialZIndex(getCurrentZIndex());
-				resolve();
-			});
-		});
-	});
-};
-
-const getConfigurationSettingsObject = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const config = core.getConfiguration();
-	const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
-
-	return {
-		animationMode: config.getAnimationMode(),
-		language: config.getLanguage(),
-		theme: config.getTheme(),
-		rtl: config.getRTL(),
-		calendarType: config.getCalendarType(),
-		formatSettings: {
-			firstDayOfWeek: LocaleData ? LocaleData.getInstance(config.getLocale()).getFirstDayOfWeek() : undefined,
-		},
-	};
-};
-
-const getLocaleDataObject = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const config = core.getConfiguration();
-	const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
-	return LocaleData.getInstance(config.getLocale())._get();
-};
-
-const listenForThemeChange = () => {
-	const core = getCore();
-	const config = core.getConfiguration();
-	core.attachThemeChanged(async () => {
-		await setTheme(config.getTheme());
-	});
-};
-
-const attachListeners = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	listenForThemeChange();
-};
-
-const cssVariablesLoaded = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const link = [...document.head.children].find(el => el.id === "sap-ui-theme-sap.ui.core"); // more reliable than querySelector early
-	if (!link) {
-		return;
-	}
-
-	return !!link.href.match(/\/css(-|_)variables\.css/);
-};
-
-const getNextZIndex = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const Popup = window.sap.ui.require("sap/ui/core/Popup");
-	return Popup.getNextZIndex();
-};
-
-const setInitialZIndex = () => {
-	const core = getCore();
-	if (!core) {
-		return;
-	}
-
-	const Popup = window.sap.ui.require("sap/ui/core/Popup");
-	Popup.setInitialZIndex(getCurrentZIndex());
-};
-
-const OpenUI5Support = {
-	isLoaded,
-	init,
-	getConfigurationSettingsObject,
-	getLocaleDataObject,
-	attachListeners,
-	cssVariablesLoaded,
-	getNextZIndex,
-	setInitialZIndex,
-};
-
-registerFeature("OpenUI5Support", OpenUI5Support);

package/src/isLegacyBrowser.js

@@ -1,3 +0,0 @@
-const isLegacyBrowser = () => !!window.ShadyDOM;
-
-export default isLegacyBrowser;

package/src/locale/RTLAwareRegistry.js

@@ -1,14 +0,0 @@
-const rtlAwareSet = new Set();
-
-const markAsRtlAware = klass => {
-	rtlAwareSet.add(klass);
-};
-
-const isRtlAware = klass => {
-	return rtlAwareSet.has(klass);
-};
-
-export {
-	markAsRtlAware,
-	isRtlAware,
-};

package/src/locale/languageChange.js

@@ -1,22 +0,0 @@
-import EventProvider from "../EventProvider.js";
-
-const eventProvider = new EventProvider();
-const LANG_CHANGE = "languageChange";
-
-const attachLanguageChange = listener => {
-	eventProvider.attachEvent(LANG_CHANGE, listener);
-};
-
-const detachLanguageChange = listener => {
-	eventProvider.detachEvent(LANG_CHANGE, listener);
-};
-
-const fireLanguageChange = lang => {
-	return eventProvider.fireEventAsync(LANG_CHANGE, lang);
-};
-
-export {
-	attachLanguageChange,
-	detachLanguageChange,
-	fireLanguageChange,
-};

package/src/renderer/LitRenderer.js

@@ -1,34 +0,0 @@
-import { render } from "lit-html";
-import {
-	html,
-	svg,
-	unsafeStatic,
-} from "lit-html/static.js";
-
-const litRender = (templateResult, domNode, styleStrOrHrefsArr, { host } = {}) => {
-	if (typeof styleStrOrHrefsArr === "string") {
-		templateResult = html`<style>${styleStrOrHrefsArr}</style>${templateResult}`;
-	} else if (Array.isArray(styleStrOrHrefsArr) && styleStrOrHrefsArr.length) {
-		templateResult = html`${styleStrOrHrefsArr.map(href => html`<link type="text/css" rel="stylesheet" href="${href}">`)}${templateResult}`;
-	}
-	render(templateResult, domNode, { host });
-};
-
-const scopeTag = (tag, tags, suffix) => {
-	const resultTag = suffix && (tags || []).includes(tag) ? `${tag}-${suffix}` : tag;
-	return unsafeStatic(resultTag);
-};
-
-export {
-	html,
-	svg,
-	unsafeStatic,
-};
-export { scopeTag };
-export { repeat } from "lit-html/directives/repeat.js";
-export { classMap } from "lit-html/directives/class-map.js";
-export { styleMap } from "./directives/style-map.js";
-export { ifDefined } from "lit-html/directives/if-defined.js";
-export { unsafeHTML } from "lit-html/directives/unsafe-html.js";
-
-export default litRender;

package/src/renderer/executeTemplate.js

@@ -1,17 +0,0 @@
-import { getCustomElementsScopingSuffix, shouldScopeCustomElement } from "../CustomElementsScope.js";
-
-/**
- * Runs a component's template with the component's current state, while also scoping HTML
- *
- * @param template - the template to execute
- * @param component - the component
- * @public
- * @returns {*}
- */
-const executeTemplate = (template, component) => {
-	const tagsToScope = component.constructor.getUniqueDependencies().map(dep => dep.getMetadata().getPureTag()).filter(shouldScopeCustomElement);
-	const scope = getCustomElementsScopingSuffix();
-	return template(component, tagsToScope, scope);
-};
-
-export default executeTemplate;

package/src/theming/getEffectiveLinksHrefs.js

@@ -1,20 +0,0 @@
-import { getUrl } from "../CSP.js";
-
-const flatten = arr => {
-	return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
-};
-
-const getEffectiveLinksHrefs = (ElementClass, forStaticArea = false) => {
-	let stylesData = ElementClass[forStaticArea ? "staticAreaStyles" : "styles"];
-	if (!stylesData) {
-		return;
-	}
-
-	if (!Array.isArray(stylesData)) {
-		stylesData = [stylesData];
-	}
-
-	return flatten(stylesData).filter(data => !!data).map(data => getUrl(data.packageName, data.fileName));
-};
-
-export default getEffectiveLinksHrefs;

package/src/theming/getStylesString.js

@@ -1,15 +0,0 @@
-const getStylesString = styles => {
-	if (Array.isArray(styles)) {
-		return flatten(styles.filter(style => !!style)).map(style => {
-			return typeof style === "string" ? style : style.content;
-		}).join(" ");
-	}
-
-	return typeof styles === "string" ? styles : styles.content;
-};
-
-const flatten = arr => {
-	return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
-};
-
-export default getStylesString;

package/src/thirdparty/merge.js

@@ -1,10 +0,0 @@
-import _merge from './_merge.js';
-var fnMerge = function () {
-    var args = [
-        true,
-        false
-    ];
-    args.push.apply(args, arguments);
-    return _merge.apply(null, args);
-};
-export default fnMerge;

package/src/types/AnimationMode.js

@@ -1,7 +0,0 @@
-const AnimationMode = {
-	Full: "full",
-	Basic: "basic",
-	Minimal: "minimal",
-	None: "none",
-};
-export default AnimationMode;

package/src/types/CSSSize.js

@@ -1,9 +0,0 @@
-import DataType from "./DataType.js";
-
-class CSSSize extends DataType {
-	static isValid(value) {
-		return /^(auto|inherit|[-+]?(0*|([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%))|calc\(\s*(\(\s*)*[-+]?(([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)?)(\s*(\)\s*)*(\s[-+]\s|[*\/])\s*(\(\s*)*([-+]?(([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)?)))*\s*(\)\s*)*\))$/.test(value); // eslint-disable-line
-	}
-}
-
-export default CSSSize;

package/src/types/CalendarType.js

@@ -1,22 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different calendar types.
- */
-const CalendarTypes = {
-	Gregorian: "Gregorian",
-	Islamic: "Islamic",
-	Japanese: "Japanese",
-	Buddhist: "Buddhist",
-	Persian: "Persian",
-};
-
-class CalendarType extends DataType {
-	static isValid(value) {
-		return !!CalendarTypes[value];
-	}
-}
-
-CalendarType.generateTypeAccessors(CalendarTypes);
-
-export default CalendarType;

package/src/types/DataType.js

@@ -1,37 +0,0 @@
-/**
- * Base class for all data types.
- *
- * @class
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.DataType
- * @public
- */
-class DataType {
-	static isValid(value) {
-	}
-
-	static attributeToProperty(attributeValue) {
-		return attributeValue;
-	}
-
-	static propertyToAttribute(propertyValue) {
-		return `${propertyValue}`;
-	}
-
-	static valuesAreEqual(value1, value2) {
-		return value1 === value2;
-	}
-
-	static generateTypeAccessors(types) {
-		Object.keys(types).forEach(type => {
-			Object.defineProperty(this, type, {
-				get() {
-					return types[type];
-				},
-			});
-		});
-	}
-}
-
-export default DataType;

package/src/types/Float.js

@@ -1,14 +0,0 @@
-import DataType from "./DataType.js";
-
-class Float extends DataType {
-	static isValid(value) {
-		// Assuming that integers are floats as well!
-		return Number(value) === value;
-	}
-
-	static attributeToProperty(attributeValue) {
-		return parseFloat(attributeValue);
-	}
-}
-
-export default Float;

package/src/types/Integer.js

@@ -1,13 +0,0 @@
-import DataType from "./DataType.js";
-
-class Integer extends DataType {
-	static isValid(value) {
-		return Number.isInteger(value);
-	}
-
-	static attributeToProperty(attributeValue) {
-		return parseInt(attributeValue);
-	}
-}
-
-export default Integer;

package/src/types/InvisibleMessageMode.js

@@ -1,30 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Enumeration for different mode behaviors of the <code>InvisibleMessage</code>.
- * @private
- */
-const InvisibleMessageModes = {
-
-	/**
-     * Indicates that updates to the region should be presented at the next graceful opportunity,
-     * such as at the end of reading the current sentence, or when the user pauses typing.
-     */
-	Polite: "Polite",
-
-	/**
-     * Indicates that updates to the region have the highest priority and should be presented to the user immediately.
-     */
-	Assertive: "Assertive",
-
-};
-
-class InvisibleMessageMode extends DataType {
-	static isValid(value) {
-		return !!InvisibleMessageModes[value];
-	}
-}
-
-InvisibleMessageMode.generateTypeAccessors(InvisibleMessageModes);
-
-export default InvisibleMessageModes;

package/src/types/ItemNavigationBehavior.js

@@ -1,16 +0,0 @@
-/**
- * @private
- * Different behavior for ItemNavigation.
- */
-const ItemNavigationBehavior = {
-	/**
-	* Static behavior: navigations stops at the first or last item.
- 	*/
-	Static: "Static",
-
-	/**
-	* Cycling behavior: navigating past the last item continues with the first and vice versa.
- 	*/
-	Cyclic: "Cyclic",
-};
-export default ItemNavigationBehavior;

package/src/types/NavigationMode.js

@@ -1,7 +0,0 @@
-const NavigationMode = {
-	Auto: "Auto",
-	Vertical: "Vertical",
-	Horizontal: "Horizontal",
-	Paging: "Paging",
-};
-export default NavigationMode;

package/src/types/PopupState.js

@@ -1,37 +0,0 @@
-import DataType from "./DataType.js";
-
-const PopupStates = {
-	/**
-	 * Open and currently not changing states.
-	 * @public
-	 */
-	OPEN: "OPEN",
-
-	/**
-	 * Closed and currently not changing states.
-	 * @public
-	 */
-	CLOSED: "CLOSED",
-
-	/**
-	 * Already left the CLOSED state, is not OPEN yet, but in the process of getting OPEN.
-	 * @public
-	 */
-	OPENING: "OPENING",
-
-	/**
-	 * Still open, but in the process of going to the CLOSED state.
-	 * @public
-	 */
-	CLOSING: "CLOSING",
-};
-
-class PopupState extends DataType {
-	static isValid(value) {
-		return !!PopupStates[value];
-	}
-}
-
-PopupState.generateTypeAccessors(PopupStates);
-
-export default PopupState;

package/src/types/ValueState.js

@@ -1,22 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different states.
- */
-const ValueStates = {
-	None: "None",
-	Success: "Success",
-	Warning: "Warning",
-	Error: "Error",
-	Information: "Information",
-};
-
-class ValueState extends DataType {
-	static isValid(value) {
-		return !!ValueStates[value];
-	}
-}
-
-ValueState.generateTypeAccessors(ValueStates);
-
-export default ValueState;

package/src/updateShadowRoot.js

@@ -1,30 +0,0 @@
-import executeTemplate from "./renderer/executeTemplate.js";
-import getConstructableStyle from "./theming/getConstructableStyle.js";
-import getEffectiveStyle from "./theming/getEffectiveStyle.js";
-import getEffectiveLinksHrefs from "./theming/getEffectiveLinksHrefs.js";
-import isLegacyBrowser from "./isLegacyBrowser.js";
-import { shouldUseLinks } from "./CSP.js";
-
-/**
- * Updates the shadow root of a UI5Element or its static area item
- * @param element
- * @param forStaticArea
- */
-const updateShadowRoot = (element, forStaticArea = false) => {
-	let styleStrOrHrefsArr;
-	const template = forStaticArea ? "staticAreaTemplate" : "template";
-	const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
-	const renderResult = executeTemplate(element.constructor[template], element);
-
-	if (shouldUseLinks()) {
-		styleStrOrHrefsArr = getEffectiveLinksHrefs(element.constructor, forStaticArea);
-	} else if (document.adoptedStyleSheets) { // Chrome
-		shadowRoot.adoptedStyleSheets = getConstructableStyle(element.constructor, forStaticArea);
-	} else if (!isLegacyBrowser()) { // FF, Safari
-		styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
-	}
-
-	element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, { host: element });
-};
-
-export default updateShadowRoot;

package/src/util/AriaLabelHelper.js

@@ -1,41 +0,0 @@
-import findNodeOwner from "./findNodeOwner.js";
-
-const getEffectiveAriaLabelText = el => {
-	if (!el.accessibleNameRef) {
-		if (el.accessibleName) {
-			return el.accessibleName;
-		}
-
-		return undefined;
-	}
-
-	return getAriaLabelledByTexts(el);
-};
-
-/**
- *
- * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related texts
- * @param {HTMLElement} ownerDocument (Optional) Defines the HTMLElement(might document or custom element) where the you want to search for the texts.
- * @param {String} readyIds (Optional) Defines a string of elements ids. The text of these elements will be returned. If used you should provide either el or ownerDocument
- */
-const getAriaLabelledByTexts = (el, ownerDocument, readyIds = "") => {
-	const ids = (readyIds && readyIds.split(" ")) || el.accessibleNameRef.split(" ");
-	const owner = ownerDocument || findNodeOwner(el);
-	let result = "";
-
-	ids.forEach((elementId, index) => {
-		const element = owner.querySelector(`[id='${elementId}']`);
-		result += `${element ? element.textContent : ""}`;
-
-		if (index < ids.length - 1) {
-			result += " ";
-		}
-	});
-
-	return result;
-};
-
-export {
-	getEffectiveAriaLabelText,
-	getAriaLabelledByTexts,
-};

package/src/util/Caret.js

@@ -1,45 +0,0 @@
-/**
- * Returns the caret (cursor) position of the specified text field (field).
- * Return value range is 0-field.value.length.
- */
-const getCaretPosition = field => {
-	// Initialize
-	let caretPos = 0;
-
-	// IE Support
-	if (document.selection) {
-		// Set focus on the element
-		field.focus();
-
-		// To get cursor position, get empty selection range
-		const selection = document.selection.createRange();
-
-		// Move selection start to 0 position
-		selection.moveStart("character", -field.value.length);
-
-		// The caret position is selection length
-		caretPos = selection.text.length;
-	} else if (field.selectionStart || field.selectionStart === "0") { // Firefox support
-		caretPos = field.selectionDirection === "backward" ? field.selectionStart : field.selectionEnd;
-	}
-
-	return caretPos;
-};
-
-const setCaretPosition = (field, caretPos) => {
-	if (field.createTextRange) {
-		const range = field.createTextRange();
-		range.move("character", caretPos);
-		range.select();
-	} else if (field.selectionStart) {
-		field.focus();
-		field.setSelectionRange(caretPos, caretPos);
-	} else {
-		field.focus();
-	}
-};
-
-export {
-	getCaretPosition,
-	setCaretPosition,
-};