@ui5/webcomponents-base 0.0.0-453158269 → 0.0.0-49cef2d02

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, forStaticArea, { 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,
-};

package/src/util/ColorConversion.js

@@ -1,370 +0,0 @@
-/**
- *
- * @param {String} color Color in one of the following formats: RGBA or HEX
- */
-
-/**
- * Map of CSS colors to hex representation
- */
-const CSSColors = {
-	aliceblue: "f0f8ff",
-	antiquewhite: "faebd7",
-	aqua: "00ffff",
-	aquamarine: "7fffd4",
-	azure: "f0ffff",
-	beige: "f5f5dc",
-	bisque: "ffe4c4",
-	black: "000000",
-	blanchedalmond: "ffebcd",
-	blue: "0000ff",
-	blueviolet: "8a2be2",
-	brown: "a52a2a",
-	burlywood: "deb887",
-	cadetblue: "5f9ea0",
-	chartreuse: "7fff00",
-	chocolate: "d2691e",
-	coral: "ff7f50",
-	cornflowerblue: "6495ed",
-	cornsilk: "fff8dc",
-	crimson: "dc143c",
-	cyan: "00ffff",
-	darkblue: "00008b",
-	darkcyan: "008b8b",
-	darkgoldenrod: "b8860b",
-	darkgray: "a9a9a9",
-	darkgrey: "a9a9a9",
-	darkgreen: "006400",
-	darkkhaki: "bdb76b",
-	darkmagenta: "8b008b",
-	darkolivegreen: "556b2f",
-	darkorange: "ff8c00",
-	darkorchid: "9932cc",
-	darkred: "8b0000",
-	darksalmon: "e9967a",
-	darkseagreen: "8fbc8f",
-	darkslateblue: "483d8b",
-	darkslategray: "2f4f4f",
-	darkslategrey: "2f4f4f",
-	darkturquoise: "00ced1",
-	darkviolet: "9400d3",
-	deeppink: "ff1493",
-	deepskyblue: "00bfff",
-	dimgray: "696969",
-	dimgrey: "696969",
-	dodgerblue: "1e90ff",
-	firebrick: "b22222",
-	floralwhite: "fffaf0",
-	forestgreen: "228b22",
-	fuchsia: "ff00ff",
-	gainsboro: "dcdcdc",
-	ghostwhite: "f8f8ff",
-	gold: "ffd700",
-	goldenrod: "daa520",
-	gray: "808080",
-	grey: "808080",
-	green: "008000",
-	greenyellow: "adff2f",
-	honeydew: "f0fff0",
-	hotpink: "ff69b4",
-	indianred: "cd5c5c",
-	indigo: "4b0082",
-	ivory: "fffff0",
-	khaki: "f0e68c",
-	lavender: "e6e6fa",
-	lavenderblush: "fff0f5",
-	lawngreen: "7cfc00",
-	lemonchiffon: "fffacd",
-	lightblue: "add8e6",
-	lightcoral: "f08080",
-	lightcyan: "e0ffff",
-	lightgoldenrodyellow: "fafad2",
-	lightgray: "d3d3d3",
-	lightgrey: "d3d3d3",
-	lightgreen: "90ee90",
-	lightpink: "ffb6c1",
-	lightsalmon: "ffa07a",
-	lightseagreen: "20b2aa",
-	lightskyblue: "87cefa",
-	lightslategray: "778899",
-	lightslategrey: "778899",
-	lightsteelblue: "b0c4de",
-	lightyellow: "ffffe0",
-	lime: "00ff00",
-	limegreen: "32cd32",
-	linen: "faf0e6",
-	magenta: "ff00ff",
-	maroon: "800000",
-	mediumaquamarine: "66cdaa",
-	mediumblue: "0000cd",
-	mediumorchid: "ba55d3",
-	mediumpurple: "9370db",
-	mediumseagreen: "3cb371",
-	mediumslateblue: "7b68ee",
-	mediumspringgreen: "00fa9a",
-	mediumturquoise: "48d1cc",
-	mediumvioletred: "c71585",
-	midnightblue: "191970",
-	mintcream: "f5fffa",
-	mistyrose: "ffe4e1",
-	moccasin: "ffe4b5",
-	navajowhite: "ffdead",
-	navy: "000080",
-	oldlace: "fdf5e6",
-	olive: "808000",
-	olivedrab: "6b8e23",
-	orange: "ffa500",
-	orangered: "ff4500",
-	orchid: "da70d6",
-	palegoldenrod: "eee8aa",
-	palegreen: "98fb98",
-	paleturquoise: "afeeee",
-	palevioletred: "db7093",
-	papayawhip: "ffefd5",
-	peachpuff: "ffdab9",
-	peru: "cd853f",
-	pink: "ffc0cb",
-	plum: "dda0dd",
-	powderblue: "b0e0e6",
-	purple: "800080",
-	red: "ff0000",
-	rosybrown: "bc8f8f",
-	royalblue: "4169e1",
-	saddlebrown: "8b4513",
-	salmon: "fa8072",
-	sandybrown: "f4a460",
-	seagreen: "2e8b57",
-	seashell: "fff5ee",
-	sienna: "a0522d",
-	silver: "c0c0c0",
-	skyblue: "87ceeb",
-	slateblue: "6a5acd",
-	slategray: "708090",
-	slategrey: "708090",
-	snow: "fffafa",
-	springgreen: "00ff7f",
-	steelblue: "4682b4",
-	tan: "d2b48c",
-	teal: "008080",
-	thistle: "d8bfd8",
-	tomato: "ff6347",
-	turquoise: "40e0d0",
-	violet: "ee82ee",
-	wheat: "f5deb3",
-	white: "ffffff",
-	whitesmoke: "f5f5f5",
-	yellow: "ffff00",
-	yellowgreen: "9acd32",
-	transparent: "00000000",
-};
-
-const getRGBColor = color => {
-	if (color.startsWith("rgba")) {
-		return RGBAToRGB(color);
-	}
-
-	if (color.startsWith("rgb")) {
-		return RGBToRGB(color);
-	}
-
-	// HEX
-	if (color.indexOf("#") === 0) {
-		// Shorthand Syntax
-		if (color.length === 4) {
-			color = `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
-		} else {
-			color = color.slice(1, color.length);
-		}
-	}
-
-	// Css Color
-	if (Object.keys(CSSColors).includes(color)) {
-		color = CSSColors[color];
-	}
-
-	return HEXToRGB(color);
-};
-
-/**
- * Return an object with the properties for each of the main colors(red, green, blue)
- * @param {String} color Receives a color in the following format: "rgba(0, 0, 0, 1)
- */
-const RGBAToRGB = color => {
-	const openingBracketIndex = color.indexOf("("),
-		commasIndexes = [];
-
-	for (let i = 0; i < color.length; i++) {
-		if (color[i] === ",") {
-			commasIndexes.push(i);
-		}
-	}
-
-	return {
-		r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
-		g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
-		b: parseInt(color.slice(commasIndexes[1] + 1, commasIndexes[2]).trim()),
-	};
-};
-
-/**
- * Return an object with the properties for each of the main colors(red, green, blue)
- * @param {String} color Receives a color in the following format: "rgb(0, 0, 0)
- */
-const RGBToRGB = color => {
-	const openingBracketIndex = color.indexOf("("),
-		closingBraketIndex = color.indexOf(")"),
-		commasIndexes = [];
-
-	for (let i = 0; i < color.length; i++) {
-		if (color[i] === ",") {
-			commasIndexes.push(i);
-		}
-	}
-
-	return {
-		r: parseInt(color.slice(openingBracketIndex + 1, commasIndexes[0]).trim()),
-		g: parseInt(color.slice(commasIndexes[0] + 1, commasIndexes[1]).trim()),
-		b: parseInt(color.slice(commasIndexes[1] + 1, closingBraketIndex).trim()),
-	};
-};
-
-const HSLToRGB = (color = {
-	h: undefined,
-	s: undefined,
-	l: undefined,
-}) => {
-	// Formula taken from https://www.rapidtables.com/convert/color/hsl-to-rgb.html
-	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;
-
-	let tempColor = {};
-	switch (Math.round(color.h / 60)) {
-	// 0 ≤ H < 60
-	case 0:
-		tempColor = {
-			r: C,
-			g: X,
-			b: 0,
-		};
-		break;
-
-	// 60 ≤ H < 120
-	case 1:
-		tempColor = {
-			r: X,
-			g: C,
-			b: 0,
-		};
-		break;
-
-	// 120 ≤ H < 180
-	case 2:
-		tempColor = {
-			r: 0,
-			g: C,
-			b: X,
-		};
-		break;
-
-	// 180 ≤ H < 240
-	case 3:
-		tempColor = {
-			r: 0,
-			g: X,
-			b: C,
-		};
-		break;
-
-	// 240 ≤ H < 300
-	case 4:
-		tempColor = {
-			r: X,
-			g: 0,
-			b: C,
-		};
-		break;
-
-	// 300 ≤ H < 360
-	default:
-		tempColor = {
-			r: C,
-			g: 0,
-			b: X,
-		};
-	}
-
-	return {
-		r: Math.floor((tempColor.r + m) * 255),
-		g: Math.floor((tempColor.g + m) * 255),
-		b: Math.floor((tempColor.b + m) * 255),
-	};
-};
-
-const HEXToRGB = hex => {
-	// Please make sure you pass a valid 6 digit hex color
-	// In the implementation of this method we assume that the hex argument is a 6 digit valid hex color
-
-	const rgbValues = {
-		r: hex.substr(0, 2),
-		g: hex.substr(2, 2),
-		b: hex.substr(4, 2),
-	};
-
-	const rgbKeys = Object.keys(rgbValues);
-
-	rgbKeys.forEach(key => {
-		rgbValues[key] = parseInt(rgbValues[key], 16);
-	});
-
-	return rgbValues;
-};
-
-const RGBToHSL = (color = {
-	r: undefined,
-	g: undefined,
-	b: undefined,
-}) => {
-	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;
-
-	let h,
-		s;
-
-	// Hue calculation
-	if (delta === 0) {
-		h = 0;
-	} else if (max === R) {
-		h = 60 * (((G - B) / delta) % 6);
-	} else if (max === G) {
-		h = 60 * (((B - R) / delta) + 2);
-	} else if (max === B) {
-		h = 60 * (((R - G) / delta) + 4);
-	}
-
-	// Lightness calculation
-	const l = (max + min) / 2;
-
-	// Saturation calculation
-	if (delta === 0) {
-		s = 0;
-	} else {
-		s = delta / (1 - Math.abs(2 * l - 1));
-	}
-
-	return {
-		h,
-		s,
-		l,
-	};
-};
-
-export {
-	getRGBColor,
-	HSLToRGB,
-	HEXToRGB,
-	RGBToHSL,
-};