@ui5/webcomponents-base 0.0.0-a3eca7ade → 0.0.0-a7032d86e

package/dist/test-resources/specs/UI5ElementPropsAndAttrs.spec.js

@@ -1,67 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Properties and attributes convert to each other", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that properties with default values are initialized with the default value", async () => {
-		const el = await browser.$("#gen");
-
-		assert.strictEqual(await el.getProperty("defaultValueProp"), "Hello", "defaultValueProp is properly initialized");
-	});
-
-	it("Tests that prop-attr conversion works for string properties", async () => {
-		const el = await browser.$("#gen");
-
-		await el.setProperty("strProp", "test1");
-		assert.strictEqual(await el.getAttribute("str-prop"), "test1", "Attribute affected by property change");
-
-		await el.setAttribute("str-prop", "test2");
-		assert.strictEqual(await el.getProperty("strProp"), "test2", "Property affected by attribute change");
-	});
-
-	it("Tests that prop-attr conversion works for boolean properties", async () => {
-		const el = await browser.$("#gen");
-
-		await el.setProperty("boolProp", true);
-		assert.strictEqual(await el.getAttribute("bool-prop"), "", "Attribute affected by property change");
-
-		await el.setProperty("boolProp", false);
-		assert.strictEqual(await el.getAttribute("bool-prop"), null, "Attribute affected by property change");
-
-		await el.setAttribute("bool-prop", "");
-		assert.strictEqual(await el.getProperty("boolProp"), true, "Property affected by attribute change");
-
-		await el.removeAttribute("bool-prop");
-		assert.strictEqual(await el.getProperty("boolProp"), false, "Property affected by attribute change");
-	});
-
-	it("Tests that object properties have no attributes", async () => {
-		const el = await browser.$("#gen");
-
-		await el.setProperty("objectProp", {});
-		assert.strictEqual(await el.getAttribute("object-prop"), null, "Attribute not there");
-	});
-
-	it("Tests that array properties have no attributes", async () => {
-		const el = await browser.$("#gen");
-
-		await el.setProperty("multiProp", ["a", "b"]);
-		assert.strictEqual(await el.getAttribute("multi-prop"), null, "Attribute not there");
-	});
-
-	it("Tests that noAttribute properties have no attributes", async () => {
-		const el = await browser.$("#gen");
-
-		await el.setProperty("noAttributeProp", "some value");
-		assert.strictEqual(await el.getAttribute("no-attribute-prop"), null, "Attribute not there");
-	});
-
-	it("Tests that properties with default values do not automatically set attributes", async () => {
-		const el = await browser.$("#gen");
-
-		assert.strictEqual(await el.getAttribute("default-value-prop"), null, "Attribute not there for defaultValueProp");
-	});
-
-});

package/dist/test-resources/specs/UI5ElementShadowDOM.js

@@ -1,24 +0,0 @@
-const assert = require("chai").assert;
-
-describe("The framework can define web components", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that element's Shadow DOM is rendered if it has a template", async () => {
-		const res = await browser.executeAsync(done => {
-			done(document.getElementById("gen").shadowRoot);
-		});
-
-		assert.strictEqual(!!res, true, "Shadow root created");
-		assert.strictEqual(await browser.$("#gen").shadow$("div>p").isExisting(), true, "Shadow root content created");
-	});
-
-	it("Tests that element's Shadow DOM is not rendered if it has no template", async () => {
-		const res = await browser.executeAsync(done => {
-			done(document.getElementById("noShadow").shadowRoot);
-		});
-
-		assert.strictEqual(!!res, false, "Shadow root not created");
-	});
-});

package/dist/test-resources/specs/UI5ElementSlots.js

@@ -1,36 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Slots work properly", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that properties exist on the element for each slot", async () => {
-		const res = await browser.executeAsync(done => {
-			const expectedValues = {};
-
-			const el = document.getElementById("withContent");
-
-			expectedValues.default = el.default.length > 0;
-			expectedValues.other = el.other.length === 2;
-			expectedValues.individual = el.individual.length === 2;
-			expectedValues.items = el.items.length === 2;
-			expectedValues.named = el.named === undefined;
-
-			done(expectedValues);
-		});
-
-		assert.strictEqual(res.default, true, "There are elements in the default property");
-		assert.strictEqual(res.other, true, "There are 2 elements in the other property");
-		assert.strictEqual(res.individual, true, "There are 2 elements in the individual property");
-		assert.strictEqual(res.items, true, "There are 2 elements in the items property");
-		assert.strictEqual(res.named, true, "There is no named property as propertyName changed it to items");
-	});
-
-	it("Tests that individualSlots modifies the slot property of slotted children", async () => {
-		assert.strictEqual((await browser.$$("#withContent>[slot=individual]")).length, 0, "There are no children with slot=individual");
-		assert.strictEqual((await browser.$$("#withContent>[slot=individual-1]")).length, 1, "The slot of the first child became individual-1");
-		assert.strictEqual((await browser.$$("#withContent>[slot=individual-2]")).length, 1, "The slot of the second child became individual-2");
-	});
-
-});

package/dist/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/dist/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/dist/util/findNodeOwner.js

@@ -1,35 +0,0 @@
-const findNodeOwner = node => {
-	if (!(node instanceof HTMLElement)) {
-		throw new Error("Argument node should be of type HTMLElement");
-	}
-
-	const ownerTypes = [HTMLHtmlElement, HTMLIFrameElement];
-	let currentShadowRootFlag = true;
-	let currentCustomElementFlag = true;
-
-	while (node) {
-		if (node.toString() === "[object ShadowRoot]") {
-			// Web Component
-			// or the shadow root of web component with attached shadow root
-			if (currentShadowRootFlag) {
-				currentShadowRootFlag = false;
-			}
-			if (!currentCustomElementFlag && !currentShadowRootFlag) {
-				return node;
-			}
-		} else if (node.tagName && node.tagName.indexOf("-") > -1) {
-			if (currentCustomElementFlag) {
-				currentCustomElementFlag = false;
-			} else {
-				return node;
-			}
-		} else if (ownerTypes.indexOf(node.constructor) > -1) {
-			// Document or Iframe reached
-			return node;
-		}
-
-		node = node.parentNode || node.host;
-	}
-};
-
-export default findNodeOwner;

package/dist/util/isDescendantOf.js

@@ -1,15 +0,0 @@
-const isDescendantOf = (klass, baseKlass, inclusive = false) => {
-	if (typeof klass !== "function" || typeof baseKlass !== "function") {
-		return false;
-	}
-	if (inclusive && klass === baseKlass) {
-		return true;
-	}
-	let parent = klass;
-	do {
-		parent = Object.getPrototypeOf(parent);
-	} while (parent !== null && parent !== baseKlass);
-	return parent === baseKlass;
-};
-
-export default isDescendantOf;

package/dist/util/isNodeClickable.js

@@ -1,19 +0,0 @@
-const rClickable = /^(?:a|area)$/i;
-const rFocusable = /^(?:input|select|textarea|button)$/i;
-
-const isNodeClickable = node => {
-	if (node.disabled) {
-		return false;
-	}
-
-	const tabIndex = node.getAttribute("tabindex");
-	if (tabIndex !== null && tabIndex !== undefined) {
-		return parseInt(tabIndex) >= 0;
-	}
-
-	return rFocusable.test(node.nodeName)
-		|| (rClickable.test(node.nodeName)
-		&& node.href);
-};
-
-export default isNodeClickable;

package/dist/util/isNodeHidden.js

@@ -1,9 +0,0 @@
-const isNodeHidden = node => {
-	if (node.nodeName === "SLOT") {
-		return false;
-	}
-
-	return (node.offsetWidth <= 0 && node.offsetHeight <= 0) || (node.style && node.style.visibility === "hidden");
-};
-
-export default isNodeHidden;

package/dist/util/isNodeTabbable.js

@@ -1,28 +0,0 @@
-import isNodeHidden from "./isNodeHidden.js";
-
-const isNodeTabbable = node => {
-	if (!node) {
-		return false;
-	}
-
-	const nodeName = node.nodeName.toLowerCase();
-
-	if (node.hasAttribute("data-sap-no-tab-ref")) {
-		return false;
-	}
-
-	if (isNodeHidden(node)) {
-		return false;
-	}
-
-	const tabIndex = node.getAttribute("tabindex");
-	if (tabIndex !== null && tabIndex !== undefined) {
-		return parseInt(tabIndex) >= 0;
-	}
-
-	if (nodeName === "a" || /input|select|textarea|button|object/.test(nodeName)) {
-		return !node.disabled;
-	}
-};
-
-export default isNodeTabbable;

package/dist/util/setToArray.js

@@ -1,10 +0,0 @@
-// This is needed as IE11 doesn't have Set.prototype.keys/values/entries, so [...mySet.values()] is not an option
-const setToArray = s => {
-	const arr = [];
-	s.forEach(item => {
-		arr.push(item);
-	});
-	return arr;
-};
-
-export default setToArray;

package/hash.txt

@@ -1 +0,0 @@
-Dc3qWuXtj2Qd9xnFYBneC5BV/bo=

package/src/Boot.js

@@ -1,59 +0,0 @@
-import whenDOMReady from "./util/whenDOMReady.js";
-import insertFontFace from "./FontFace.js";
-import insertSystemCSSVars from "./SystemCSSVars.js";
-import { getTheme } from "./config/Theme.js";
-import applyTheme from "./theming/applyTheme.js";
-import { registerCurrentRuntime } from "./Runtimes.js";
-import { getFeature } from "./FeaturesRegistry.js";
-
-let bootPromise;
-
-/**
- * Attach a callback that will be executed on boot
- * @public
- * @param listener
- */
-const attachBoot = async listener => {
-	await boot();
-	listener();
-};
-
-const boot = async () => {
-	if (bootPromise) {
-		return bootPromise;
-	}
-
-	/* eslint-disable no-alert, no-async-promise-executor */
-	/*
-		Note(since we disable eslint rule):
-		If an async executor function throws an error, the error will be lost and won't cause the newly-constructed Promise to reject.
-		This could make it difficult to debug and handle some errors.
-	*/
-	bootPromise = new Promise(async resolve => {
-		registerCurrentRuntime();
-
-		const OpenUI5Support = getFeature("OpenUI5Support");
-		const F6Navigation = getFeature("F6Navigation");
-		if (OpenUI5Support) {
-			await OpenUI5Support.init();
-		} else if (F6Navigation) {
-			F6Navigation.init();
-		}
-
-		await whenDOMReady();
-		await applyTheme(getTheme());
-		OpenUI5Support && OpenUI5Support.attachListeners();
-		insertFontFace();
-		insertSystemCSSVars();
-
-		resolve();
-	});
-	/* eslint-enable no-alert, no-async-promise-executor */
-
-	return bootPromise;
-};
-
-export {
-	boot,
-	attachBoot,
-};

package/src/DOMObserver.js

@@ -1,65 +0,0 @@
-const observers = new WeakMap(); // We want just one observer per node, store them here -> DOM nodes are keys
-
-/**
- * Default implementation with MutationObserver for browsers with native support
- */
-let _createObserver = (node, callback, options) => {
-	const observer = new MutationObserver(callback);
-	observer.observe(node, options);
-	return observer;
-};
-
-/**
- * Default implementation with MutationObserver for browsers with native support
- */
-let _destroyObserver = observer => {
-	observer.disconnect();
-};
-
-/**
- * Allows to create an alternative DOM observer implementation
- * @param createFn
- */
-const setCreateObserverCallback = createFn => {
-	if (typeof createFn === "function") {
-		_createObserver = createFn;
-	}
-};
-
-/**
- * Allows to create an alternative DOM observer implementation
- * @param destroyFn
- */
-const setDestroyObserverCallback = destroyFn => {
-	if (typeof destroyFn === "function") {
-		_destroyObserver = destroyFn;
-	}
-};
-
-/**
- * @param node
- * @param callback
- * @param options
- */
-const observeDOMNode = (node, callback, options) => {
-	const observer = _createObserver(node, callback, options);
-	observers.set(node, observer);
-};
-
-/**
- * @param node
- */
-const unobserveDOMNode = node => {
-	const observer = observers.get(node);
-	if (observer) {
-		_destroyObserver(observer);
-		observers.delete(node);
-	}
-};
-
-export {
-	setCreateObserverCallback,
-	setDestroyObserverCallback,
-	observeDOMNode,
-	unobserveDOMNode,
-};

package/src/FeaturesRegistry.js

@@ -1,14 +0,0 @@
-const features = new Map();
-
-const registerFeature = (name, feature) => {
-	features.set(name, feature);
-};
-
-const getFeature = name => {
-	return features.get(name);
-};
-
-export {
-	registerFeature,
-	getFeature,
-};