@ui5/webcomponents-base 1.3.1 → 1.6.0

package/dist/test-resources/assets/Themes.js

@@ -1,17 +0,0 @@
-import { registerThemePropertiesLoader } from "../../asset-registries/Themes.js";
-
-const fiori3 = `:root{ --var1: red; }`;
-const fiori3Dark = `:root{ --var1: green; }`;
-const belize = `:root{ --var1: blue; }`;
-const belizeHcb = `:root{ --var1: orange; }`;
-const belizeHcw = `:root{ --var1: orange; }`;
-const fiori3Hcb = `:root{ --var1: yellow; }`;
-const fiori3Hcw = `:root{ --var1: yellow; }`;
-
-registerThemePropertiesLoader("@ui5/webcomponents-base-test", "sap_fiori_3", () => fiori3);
-registerThemePropertiesLoader("@ui5/webcomponents-base-test", "sap_fiori_3_dark", () => fiori3Dark);
-registerThemePropertiesLoader("@ui5/webcomponents-base-test", "sap_belize", () => belize);
-registerThemePropertiesLoader("@ui5/webcomponents-base-test", "sap_belize_hcb", () => belizeHcb);
-registerThemePropertiesLoader("@ui5/webcomponents-base-test", "sap_belize_hcw", () => belizeHcw);
-registerThemePropertiesLoader("@ui5/webcomponents-base-test", "sap_fiori_3_hcb", () => fiori3Hcb);
-registerThemePropertiesLoader("@ui5/webcomponents-base-test", "sap_fiori_3_hcw", () => fiori3Hcw);

package/dist/test-resources/elements/Child.js

@@ -1,35 +0,0 @@
-import UI5Element from "../../UI5Element.js";
-import litRender, { html } from "../../renderer/LitRenderer.js";
-
-const metadata = {
-	tag: "ui5-test-child",
-	properties: {
-		prop1: {
-			type: String,
-		},
-		prop2: {
-			type: String,
-		},
-		prop3: {
-			type: String,
-		},
-	}
-};
-
-class Child extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return element => {
-			return html`<div></div>`;
-		};
-	}
-}
-
-Child.define();

package/dist/test-resources/elements/Generic.js

@@ -1,84 +0,0 @@
-import UI5Element from "../../UI5Element.js";
-import litRender, { html } from "../../renderer/LitRenderer.js";
-
-const metadata = {
-	tag: "ui5-test-generic",
-	properties: {
-		strProp: {
-			type: String,
-		},
-		boolProp: {
-			type: Boolean,
-		},
-		objectProp: {
-			type: Object,
-		},
-		noAttributeProp: {
-			type: String,
-			noAttribute: true,
-		},
-		multiProp: {
-			type: String,
-			multiple: true,
-		},
-		defaultValueProp: {
-			type: String,
-			defaultValue: "Hello",
-		}
-	},
-	managedSlots: true,
-	slots: {
-		default: {
-			type: Node,
-		},
-		other: {
-			type: HTMLElement,
-		},
-		individual: {
-			type: HTMLElement,
-			individualSlots: true,
-		},
-		named: {
-			type: HTMLElement,
-			propertyName: "items",
-		}
-	}
-};
-
-class Generic extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return element => {
-			return html`<div><p>
-				<slot></slot>
-				<slot name="other"></slot>
-				<slot name="individual-1"></slot>
-				<slot name="individual-2"></slot>
-			</p></div>`;
-		};
-	}
-
-	static get styles() {
-		return `:host {
-                    display: inline-block;
-                    border: 1px solid black;
-                    color: var(--var1);
-                }`;
-	}
-
-	onBeforeRendering() {}
-	onAfterRendering() {}
-	onEnterDOM() {}
-	onExitDOM() {}
-}
-
-Generic.define();
-
-export default Generic;

package/dist/test-resources/elements/GenericExt.js

@@ -1,26 +0,0 @@
-import Generic from "./Generic.js";
-
-const metadata = {
-	tag: "ui5-test-generic-ext",
-	properties: {
-		extProp: {
-			type: String,
-		},
-		strProp: {
-			defaultValue: "Ext",
-		}
-	},
-	slots: {
-		extSlot: {
-			type: HTMLElement,
-		},
-	}
-};
-
-class GenericExt extends Generic {
-	static get metadata() {
-		return metadata;
-	}
-}
-
-GenericExt.define();

package/dist/test-resources/elements/NoShadowDOM.js

@@ -1,13 +0,0 @@
-import UI5Element from "../../UI5Element.js";
-
-const metadata = {
-	tag: "ui5-test-no-shadow",
-};
-
-class NoShadow extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-}
-
-NoShadow.define();

package/dist/test-resources/elements/Parent.js

@@ -1,41 +0,0 @@
-import UI5Element from "../../UI5Element.js";
-import litRender, { html } from "../../renderer/LitRenderer.js";
-
-const metadata = {
-	tag: "ui5-test-parent",
-	managedSlots: true,
-	slots: {
-		default: {
-			type: Node,
-			invalidateOnChildChange: {
-				properties: ["prop1"]
-			},
-		},
-		items: {
-			type: HTMLElement,
-			invalidateOnChildChange: {
-				properties: true
-			},
-		}
-	}
-};
-
-class Parent extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return element => {
-			return html`<div>
-				<slot></slot>
-			</div>`;
-		};
-	}
-}
-
-Parent.define();

package/dist/test-resources/elements/WithStaticArea.js

@@ -1,77 +0,0 @@
-import UI5Element from "../../UI5Element.js";
-import litRender, { html } from "../../renderer/LitRenderer.js";
-
-const metadata = {
-	tag: "ui5-with-static-area",
-	properties: {
-		/**
-		 * Defines whether the static area item will be rendered
-		 */
-		staticContent: {
-			type: Boolean,
-		}
-	},
-	slots: {
-
-	}
-};
-
-class WithStaticArea extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return element => {
-			// access effectiveDir getter to mark control as RTL-aware (test changes dir attribute and expects rerender)
-			return html`
-				<div dir=${element.effectiveDir}>
-					WithStaticArea works!
-				</div>`;
-		};
-	}
-
-	static get staticAreaTemplate() {
-		return element => {
-			return html`
-				<div class="ui5-with-static-area-content">
-					Static area content.
-				</div>`;
-		};
-	}
-
-	static get styles() {
-		return `
-			:host {
-				display: inline-block;
-				border: 1px solid black;
-				color: red;
-			}`;
-	}
-
-	async addStaticArea() {
-		if (!this.staticContent) {
-			return;
-		}
-
-		// Require static area item
-		const staticArea = await this.getStaticAreaItemDomRef();
-		this.responsivePopover = staticArea.querySelector(".ui5-with-static-area-content");
-		return this.responsivePopover;
-	}
-
-	onBeforeRendering() {
-		this.addStaticArea();
-	}
-	onAfterRendering() {}
-	onEnterDOM() {}
-	onExitDOM() {}
-}
-
-WithStaticArea.define();
-
-export default WithStaticArea;

package/dist/test-resources/pages/AllTestElements.html

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta charset="utf-8">
-
-    <title>Base package default test page</title>
-
-	<script src="../../resources/bundle.esm.js" type="module"></script>
-</head>
-
-<body>
-
-    <ui5-test-generic id="gen"></ui5-test-generic>
-
-    <ui5-test-generic id="withContent">
-        Default slot text
-        <span>Default slot content</span>
-        <span slot="other">Other slot content 1</span>
-        <span slot="other">Other slot content 2</span>
-        <span slot="individual">Individual slot content 1</span>
-        <span slot="individual">Individual slot content 2</span>
-        <span slot="named">Item in slot with propertyName</span>
-        <span slot="named">Item in slot with propertyName</span>
-    </ui5-test-generic>
-
-    <ui5-test-no-shadow id="noShadow"></ui5-test-no-shadow>
-
-    <ui5-test-parent id="parent">
-        <ui5-test-child id="child1" prop1="old" prop2="old" prop3="old"></ui5-test-child>
-        <ui5-test-child id="child2" slot="items" prop1="old" prop2="old" prop3="old"></ui5-test-child>
-    </ui5-test-parent>
-
-    <ui5-test-generic-ext id="genExt"></ui5-test-generic-ext>
-
-    <ui5-with-static-area id="no-static-area"></ui5-with-static-area>
-    <ui5-with-static-area id="with-static-area" static-content></ui5-with-static-area>
-    <div id="with-static-area-rtl-container" dir="rtl">
-        <ui5-with-static-area id="with-static-area-rtl" static-content></ui5-with-static-area>
-    </div>
-</body>
-</html>

package/dist/test-resources/pages/Configuration.html

@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta charset="utf-8">
-
-    <title>Base package default test page</title>
-
-	<script src="../../resources/bundle.esm.js" type="module"></script>
-
-</head>
-
-<body>
-
-    <h1>Base package</h1>
-
-</body>
-</html>

package/dist/test-resources/pages/ConfigurationScript.html

@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta charset="utf-8">
-
-    <title>Base package default test page</title>
-
-    <script data-ui5-config type="application/json">
-        {
-            "animationMode": "basic",
-            "rtl": true,
-            "language": "ja",
-            "calendarType": "Japanese",
-            "formatSettings": {
-                "firstDayOfWeek": 0
-            },
-            "theme": "sap_belize_hcb",
-            "noConflict": {
-                "events": ["selection-change", "header-click"]
-            }
-        }
-    </script>
-
-	<script src="../../resources/bundle.esm.js" type="module"></script>
-
-</head>
-
-<body>
-
-    <h1>Base package</h1>
-
-</body>
-</html>

package/dist/test-resources/pages/assets/messagebundle_de.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Bitte warten

package/dist/test-resources/pages/assets/messagebundle_en.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Please wait

package/dist/test-resources/pages/assets/messagebundle_es.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Espere

package/dist/test-resources/pages/assets/messagebundle_fr.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Patientez.

package/dist/test-resources/pages/i18n.html

@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta charset="utf-8">
-
-	<title>i18n</title>
-
-	<script src="../../resources/bundle.esm.js" ></script>
-
-</head>
-
-<body>
-
-	<script>
-
-		const demo = async () => {
-			["de", "es", "fr", "en"].forEach(localeId => registerI18nLoader("myApp", localeId, () => `./assets/messagebundle_${localeId}.properties`));
-
-			const bundle = await getI18nBundle("myApp");
-
-			const pleaseWait = bundle.getText("PLEASE_WAIT");
-			console.log("Please wait in the current language is: ", pleaseWait);
-		};
-
-		demo();
-
-
-	</script>
-
-
-</body>
-</html>

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

@@ -1,27 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Some configuration options can be changed at runtime", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/Configuration.html");
-	});
-
-	it("Tests that theme can be changed", async () => {
-		const newTheme = 'sap_belize_hcb';
-
-		const res = await browser.executeAsync( async (newTheme, done) => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			await config.setTheme(newTheme);
-			done(config.getTheme());
-		}, newTheme);
-		assert.strictEqual(res, newTheme, "Theme changed to HCB");
-	});
-
-	it("Tests that noConflict can be changed", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			config.setNoConflict({events: ["selection-change"]});
-			done(config.getNoConflict());
-		});
-		assert.include(res.events, "selection-change", "selection-change was successfully registered as a no conflict event");
-	});
-});

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

@@ -1,63 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Configuration script has effect", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/ConfigurationScript.html?do-not-change-configuration");
-	});
-
-	it("Tests that RTL is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getRTL());
-		});
-		assert.strictEqual(res, true, "RTL is true");
-	});
-
-	it("Tests that language is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getLanguage());
-		});
-		assert.strictEqual(res, 'ja', "language is japanese");
-	});
-
-	it("Tests that calendarType is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getCalendarType());
-		});
-		assert.strictEqual(res, 'Japanese', "calendarType is japanese");
-	});
-
-	it("Tests that formatSettings are applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getFirstDayOfWeek());
-		});
-		assert.strictEqual(res, 0, "First day of week is applied");
-	});
-
-	it("Tests that theme is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getTheme());
-		});
-		assert.strictEqual(res, 'sap_belize_hcb', "Thems is HCB");
-	});
-
-	it("Tests that noConflict is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getNoConflict());
-		});
-		assert.include(res.events, "selection-change", "selectionChange was successfully registered as a no conflict event");
-	});
-
-	it("Tests that animationMode is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getAnimationMode());
-		});
-		assert.strictEqual(res, 'basic', "animationMode is basic");
-	});
-});

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

@@ -1,93 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Some settings can be set via SAP UI URL params", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/Configuration.html?sap-ui-rtl=true&sap-ui-language=ja&sap-ui-calendarType=Japanese&sap-ui-theme=sap_belize_hcb&sap-ui-animationMode=basic");
-	});
-
-	it("Tests that RTL is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getRTL());
-		});
-		assert.strictEqual(res, true, "RTL is true");
-	});
-
-	it("Tests that language is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getLanguage());
-		});
-		assert.strictEqual(res, 'ja', "language is japanese");
-	});
-
-	it("Tests that calendarType is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getCalendarType());
-		});
-		assert.strictEqual(res, 'Japanese', "calendarType is japanese");
-	});
-
-	it("Tests that theme is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getTheme());
-		});
-		assert.strictEqual(res, 'sap_belize_hcb', "Thems is HCB");
-	});
-
-	it("Tests that animationMode is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getAnimationMode());
-		});
-		assert.strictEqual(res, 'basic', "animationMode is basic");
-	});
-});
-
-
-describe("Some settings can be set via SAP URL params", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/Configuration.html?sap-language=bg&sap-theme=sap_fiori_3_dark");
-	});
-
-	it("Tests that language is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getLanguage());
-		});
-		assert.strictEqual(res, 'bg', "language is bulgarian");
-	});
-
-	it("Tests that theme is applied", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getTheme());
-		});
-		assert.strictEqual(res, 'sap_fiori_3_dark', "Thems is Fiori Dark");
-	});
-});
-
-
-describe("SAP UI params take precedence over the SAP params", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/Configuration.html?sap-language=bg&sap-ui-language=de&sap-theme=sap_fiori_3_dark&sap-theme=sap_fiori_3_hcb");
-	});
-
-	it("Tests that language is applied via sap-ui-language", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getLanguage());
-		});
-		assert.strictEqual(res, 'de', "language is german");
-	});
-
-	it("Tests that theme is applied via sap-ui-theme", async () => {
-		const res = await browser.executeAsync(done => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			done(config.getTheme());
-		});
-		assert.strictEqual(res, 'sap_fiori_3_hcb', "Thems is Fiori HCB");
-	});
-});

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

@@ -1,27 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Custom themes can be registered", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that theme parameters are changed on theme change", async () => {
-		const newTheme = 'my_custom_theme';
-
-		const res = await browser.executeAsync( async (newTheme, done) => {
-			const var1 = "--var1: #555555";
-
-			window.registerThemePropertiesLoader("@ui5/webcomponents-base-test", newTheme, () => `:root{ ${var1}; }`);
-
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			await config.setTheme(newTheme);
-
-			const style = document.adoptedStyleSheets.find(sh => sh._ui5StyleId === "data-ui5-theme-properties|@ui5/webcomponents-base-test").cssRules[0].cssText;
-			const varsFound = style && style.includes(var1);
-			done(varsFound);
-		}, newTheme);
-
-		assert.strictEqual(res, true, "Theme parameters changed");
-	});
-
-});