@ui5/webcomponents-base 0.0.0-fa45f79f6 → 0.0.0-fc993d8cd

package/dist/shims/Core-shim.js

@@ -1,52 +0,0 @@
-import { inject as injectCore } from "@ui5/webcomponents-utils/dist/sap/ui/core/Core.js";
-import * as FormatSettings from "../FormatSettings.js";
-import { getLanguage } from "../config/Language.js";
-import { getCalendarType } from "../config/CalendarType.js";
-import { getFirstDayOfWeek } from "../config/FormatSettings.js";
-import getDesigntimePropertyAsArray from "../util/getDesigntimePropertyAsArray.js";
-
-/**
- * Shim for the OpenUI5 core
- * @deprecated - do not add new functionality
- */
-
-const Configuration = {
-	getLanguage,
-	getCalendarType,
-	getFirstDayOfWeek,
-	getSupportedLanguages: () => {
-		return getDesigntimePropertyAsArray("$core-i18n-locales:,ar,bg,ca,cs,da,de,el,en,es,et,fi,fr,hi,hr,hu,it,iw,ja,ko,lt,lv,nl,no,pl,pt,ro,ru,sh,sk,sl,sv,th,tr,uk,vi,zh_CN,zh_TW$");
-	},
-	getOriginInfo: () => {},
-};
-
-const Core = {
-	/**
-	 * @deprecated - must be here for compatibility
-	 */
-	getConfiguration() {
-		return Configuration;
-	},
-
-	/**
-	 * @deprecated - must be here for compatibility
-	 */
-	getLibraryResourceBundle() {
-	},
-
-	getFormatSettings() {
-		return FormatSettings;
-	},
-};
-
-window.sap = window.sap || {};
-window.sap.ui = window.sap.ui || {};
-
-/**
- * @deprecated
- */
-window.sap.ui.getWCCore = function getWCCore() {
-	return Core;
-};
-
-injectCore(Core);

package/dist/shims/jquery-shim.js

@@ -1,89 +0,0 @@
-/* eslint-disable */
-import { inject as injectJQuery } from "@ui5/webcomponents-utils/dist/sap/ui/thirdparty/jquery.js";
-import isPlainObject from "@ui5/webcomponents-utils/dist/sap/base/util/isPlainObject.js";
-
-var jQuery = {
-	extend: function() {
-		var options, name, src, copy, copyIsArray, clone,
-			target = arguments[ 0 ] || {},
-			i = 1,
-			length = arguments.length,
-			deep = false;
-
-		// Handle a deep copy situation
-		if ( typeof target === "boolean" ) {
-			deep = target;
-
-			// Skip the boolean and the target
-			target = arguments[ i ] || {};
-			i++;
-		}
-
-		// Handle case when target is a string or something (possible in deep copy)
-		if ( typeof target !== "object" && typeof target !== "function" ) {
-			target = {};
-		}
-
-		// Extend jQuery itself if only one argument is passed
-		if ( i === length ) {
-			target = this;
-			i--;
-		}
-
-		for ( ; i < length; i++ ) {
-
-			// Only deal with non-null/undefined values
-			if ( ( options = arguments[ i ] ) != null ) {
-
-				// Extend the base object
-				for ( name in options ) {
-					src = target[ name ];
-					copy = options[ name ];
-
-					// Prevent never-ending loop
-					if ( target === copy ) {
-						continue;
-					}
-
-					// Recurse if we're merging plain objects or arrays
-					if ( deep && copy && ( isPlainObject( copy ) ||
-							( copyIsArray = Array.isArray( copy ) ) ) ) {
-
-						if ( copyIsArray ) {
-							copyIsArray = false;
-							clone = src && Array.isArray( src ) ? src : [];
-
-						} else {
-							clone = src && isPlainObject( src ) ? src : {};
-						}
-
-						// Never move original objects, clone them
-						target[ name ] = extend( deep, clone, copy );
-
-						// Don't bring in undefined values
-					} else if ( copy !== undefined ) {
-						target[ name ] = copy;
-					}
-				}
-			}
-		}
-
-		// Return the modified object
-		return target;
-	},
-	ajaxSettings: {
-		converters: {
-			"text json": (data) => JSON.parse( data + "" )
-		}
-	},
-	trim: function (str) {
-		return str.trim();
-	}
-};
-
-window.jQuery = window.jQuery || jQuery;
-injectJQuery(jQuery);
-
-export default jQuery;
-
-/* eslint-enable */

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

@@ -1,11 +0,0 @@
-import { registerThemeProperties } 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; }`;
-
-registerThemeProperties("@ui5/webcomponents-base-test", "sap_fiori_3", fiori3);
-registerThemeProperties("@ui5/webcomponents-base-test", "sap_fiori_3_dark", fiori3Dark);
-registerThemeProperties("@ui5/webcomponents-base-test", "sap_belize", belize);
-registerThemeProperties("@ui5/webcomponents-base-test", "sap_belize_hcb", belizeHcb);

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,83 +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",
-		}
-	},
-	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,36 +0,0 @@
-import UI5Element from "../../UI5Element.js";
-import litRender, { html } from "../../renderer/LitRenderer.js";
-
-const metadata = {
-	tag: "ui5-test-parent",
-	slots: {
-		default: {
-			type: Node,
-			listenFor: ["prop1"],
-		},
-		items: {
-			type: HTMLElement,
-			listenFor: { include: ["*"], exclude: ["prop3"] }
-		}
-	}
-};
-
-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/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="../../webcomponentsjs/webcomponents-loader.js"></script>
-	<script src="../../resources/bundle.esm.js" type="module"></script>
-    <script nomodule src="../../resources/bundle.es5.js"></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-density-aware id="aware"></ui5-test-density-aware>
-
-    <ui5-test-generic-ext id="genExt"></ui5-test-generic-ext>
-
-</body>
-</html>

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

@@ -1,20 +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="../../webcomponentsjs/webcomponents-loader.js"></script>
-	<script src="../../resources/bundle.esm.js" type="module"></script>
-    <script nomodule src="../../resources/bundle.es5.js"></script>
-
-</head>
-
-<body>
-
-    <h1>Base package</h1>
-
-</body>
-</html>

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

@@ -1,36 +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": ["selectionChange", "headerClick"]
-            }
-        }
-    </script>
-
-    <script src="../../webcomponentsjs/webcomponents-loader.js"></script>
-	<script src="../../resources/bundle.esm.js" type="module"></script>
-    <script nomodule src="../../resources/bundle.es5.js"></script>
-
-</head>
-
-<body>
-
-    <h1>Base package</h1>
-
-</body>
-</html>

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

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

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

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

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

@@ -1,45 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Some settings can be set via URL params", () => {
-	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", () => {
-		const res = browser.execute( () => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			return config.getRTL();
-		});
-		assert.strictEqual(res, true, "RTL is true");
-	});
-
-	it("Tests that language is applied", () => {
-		const res = browser.execute( () => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			return config.getLanguage();
-		});
-		assert.strictEqual(res, 'ja', "language is japanese");
-	});
-
-	it("Tests that calendarType is applied", () => {
-		const res = browser.execute( () => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			return config.getCalendarType();
-		});
-		assert.strictEqual(res, 'Japanese', "calendarType is japanese");
-	});
-
-	it("Tests that theme is applied", () => {
-		const res = browser.execute( () => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			return config.getTheme();
-		});
-		assert.strictEqual(res, 'sap_belize_hcb', "Thems is HCB");
-	});
-
-	it("Tests that animationMode is applied", () => {
-		const res = browser.execute( () => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			return config.getAnimationMode();
-		});
-		assert.strictEqual(res, 'basic', "animationMode is basic");
-	});
-});

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

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

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

@@ -1,31 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Theming works", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-
-	it("Tests that the parameters for the default theme are embedded on boot", () => {
-
-		const res = browser.execute(() => {
-			const style = document.querySelector(`style[data-ui5-theme-properties="@ui5/webcomponents-base-test"]`);
-			return style && style.textContent.includes("--var1: red"); // see test/assets/Themes.js
-		});
-
-		assert.strictEqual(res, true, "The fiori3 vars are found");
-	});
-
-	it("Tests that theme parameters are changed on theme change", () => {
-		const newTheme = 'sap_belize_hcb';
-
-		const res = browser.executeAsync( async (newTheme, done) => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			await config.setTheme(newTheme);
-
-			const style = document.querySelector(`style[data-ui5-theme-properties="@ui5/webcomponents-base-test"]`);
-			const varsFound = style && style.textContent.includes("--var1: orange"); // see test/assets/Themes.js
-			return done(varsFound);
-		}, newTheme);
-
-		assert.strictEqual(res, true, "Theme parameters changed");
-	});
-
-});