@ui5/webcomponents-base 2.0.0-rc.2 → 2.0.0-rc.4

package/dist/util/getClassCopy.d.ts

@@ -13,12 +13,14 @@ declare const getClassCopy: (klass: typeof UI5Element, constructorCallback: () =
         _childChangeListeners: Map<string, (param: import("../UI5Element.js").ChangeInfo & {
             target: UI5Element;
         }) => void>;
+        _slotsAssignedNodes: WeakMap<HTMLSlotElement, Node[]>;
         _slotChangeListeners: Map<string, (this: HTMLSlotElement, ev: Event) => void>;
         _domRefReadyPromise: Promise<void> & {
             _deferredResolve?: import("../types.js").PromiseResolve | undefined;
         };
         _doNotSyncAttributes: Set<string>;
         _state: import("../UI5ElementMetadata.js").State;
+        _internals?: ElementInternals | undefined;
         _getRealDomRef?: (() => HTMLElement) | undefined;
         readonly _id: string;
         render(): object;
@@ -41,6 +43,7 @@ declare const getClassCopy: (klass: typeof UI5Element, constructorCallback: () =
         }) => void): void;
         _onChildChange(slotName: string, childChangeInfo: import("../UI5Element.js").ChangeInfo): void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+        formAssociatedCallback(): void;
         _updateAttribute(name: string, newValue: import("../UI5ElementMetadata.js").PropertyValue): void;
         _upgradeProperty(this: Record<string, any>, propertyName: string): void;
         _upgradeAllProperties(): void;
@@ -48,7 +51,7 @@ declare const getClassCopy: (klass: typeof UI5Element, constructorCallback: () =
             target: UI5Element;
         }) => void;
         _getSlotChangeListener(slotName: string): (this: HTMLSlotElement, ev: Event) => void;
-        _attachSlotChange(child: HTMLSlotElement, slotName: string): void;
+        _attachSlotChange(slot: HTMLSlotElement, slotName: string, invalidateOnChildChange: boolean): void;
         _detachSlotChange(child: HTMLSlotElement, slotName: string): void;
         _onSlotChange(slotName: string): void;
         onInvalidation(changeInfo: import("../UI5Element.js").ChangeInfo): void;
@@ -70,6 +73,10 @@ declare const getClassCopy: (klass: typeof UI5Element, constructorCallback: () =
         readonly isUI5Element: boolean;
         readonly classes: import("../types.js").ClassMap;
         readonly accessibilityInfo: import("../types.js").AccessibilityInfo;
+        readonly validity: ValidityState | undefined;
+        readonly validationMessage: string | undefined;
+        checkValidity(): boolean | undefined;
+        reportValidity(): boolean | undefined;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -398,6 +405,7 @@ declare const getClassCopy: (klass: typeof UI5Element, constructorCallback: () =
     template?: import("../renderer/executeTemplate.js").TemplateFunction | undefined;
     _metadata: import("../UI5ElementMetadata.js").default;
     renderer: import("../UI5Element.js").Renderer;
+    readonly formAssociated: boolean;
     readonly observedAttributes: string[];
     _needsShadowDOM(): boolean;
     _generateAccessors(): void;

package/package-scripts.cjs

@@ -43,6 +43,11 @@ const scripts = {
 	// these files are ignored in TS because the import in UI5Elments tries to load them from the dist and throws an error. create them empty here
 	generateSsrDom: `yarn nodetouch dist/ssr-dom.js dist/ssr-dom.d.ts`,
 	generateTemplates: `mkdirp src/generated/templates && cross-env UI5_BASE=true UI5_TS=true node "${LIB}/hbs2ui5/index.js" -d test/elements -o src/generated/templates`,
+	generateProd: {
+		"default": "nps generateProd.remove-dev-mode generateProd.copy-prod",
+		"remove-dev-mode": `node "${LIB}/remove-dev-mode/remove-dev-mode.mjs"`,
+		"copy-prod": `copy-and-watch "dist/sap/**/*" dist/prod/sap/`,
+	},
 	generateAPI: {
 		default: "nps generateAPI.generateCEM generateAPI.validateCEM",
 		generateCEM: `cem analyze --config  "${LIB}/cem/custom-elements-manifest.config.mjs" --dev`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-base",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.4",
   "description": "UI5 Web Components: webcomponents.base",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -16,6 +16,7 @@
     "url": "https://github.com/SAP/ui5-webcomponents.git",
     "directory": "packages/base"
   },
+  "types": "./dist",
   "exports": {
     "./dist/ssr-dom.js": {
       "browser": "./dist/ssr-dom.js",
@@ -23,7 +24,11 @@
       "default": "./dist/ssr-dom.js"
     },
     ".": "./index.js",
-    "./dist/*": "./dist/*",
+    "./dist/*": {
+      "production": "./dist/prod/*",
+      "development": "./dist/*",
+      "default": "./dist/*"
+    },
     "./package.json": "./package.json",
     "./bundle.esm.js": "./bundle.esm.js",
     "./*": "./dist/*"
@@ -35,6 +40,7 @@
     "build": "nps build",
     "generate": "nps generate",
     "generateAPI": "nps generateAPI",
+    "generateProd": "nps generateProd",
     "bundle": "nps build.bundle",
     "test": "nps test",
     "prepublishOnly": "tsc -b"
@@ -45,8 +51,8 @@
   },
   "devDependencies": {
     "@openui5/sap.ui.core": "1.120.5",
-    "@ui5/webcomponents-tools": "2.0.0-rc.2",
-    "chromedriver": "^122.0.6",
+    "@ui5/webcomponents-tools": "2.0.0-rc.4",
+    "chromedriver": "^125.0.0",
     "clean-css": "^5.2.2",
     "copy-and-watch": "^0.1.5",
     "cross-env": "^7.0.3",
@@ -56,5 +62,5 @@
     "resolve": "^1.20.0",
     "touch": "^3.1.0"
   },
-  "gitHead": "20d773668ac3ac397868d21593c3d54bc704391c"
+  "gitHead": "328a4aa4a6d81244939ba9201542ec2b1726b97e"
 }

package/.eslintignore

@@ -1,17 +0,0 @@
-# Note: Changes to this file also must be applied to the top level .eslintignore file.
-test
-lib
-dist
-src/generated
-src/thirdparty
-bundle.esm.js
-bundle.es5.js
-rollup.config*.js
-wdio.conf.cjs
-postcss.config.cjs
-package-scripts.cjs
-.eslintrc.cjs
-src/renderer/directives/style-map.js
-src/util/metaUrl.js
-src/ssr-dom*
-index.js

package/.eslintrc.cjs

@@ -1,3 +0,0 @@
-const config = require("@ui5/webcomponents-tools/components-package/eslint.js");
-
-module.exports = config;

package/bundle.esm.js

@@ -1,65 +0,0 @@
-import { registerThemePropertiesLoader } from "./dist/AssetRegistry.js";
-import EventProvider from "./dist/EventProvider.js";
-
-// ESM bundle targets browsers with native support
-import "./dist/features/OpenUI5Support.js";
-
-// Test components
-import "./test/elements/Accessor.js";
-import "./test/elements/Generic.js";
-import "./test/elements/NoShadowDOM.js";
-import "./test/elements/Parent.js";
-import "./test/elements/Child.js";
-import "./test/elements/WithComplexTemplate.js";
-import "./test/elements/GenericExt.js";
-
-// Test themes - CSS Vars for the sap_fiori_3, sap_fiori_3_dark, sap_belize and sap_belize_hcb themes
-import "./test/assets/Themes.js";
-
-// used in test pages
-import { renderFinished } from "./dist/Render.js";
-
-// used for tests - to register a custom theme
-window.registerThemePropertiesLoader = registerThemePropertiesLoader;
-
-// i18n
-import { registerI18nLoader, getI18nBundle } from "./dist/i18nBundle.js";
-import parseProperties from "./dist/PropertiesFileFormat.js";
-
-// Note: keep in sync with rollup.config value for IIFE
-import { getAnimationMode } from "./dist/config/AnimationMode.js";
-import { getLanguage, setLanguage } from "./dist/config/Language.js";
-import { getCalendarType } from "./dist/config/CalendarType.js";
-import { getTheme, setTheme } from "./dist/config/Theme.js";
-import { getThemeRoot, setThemeRoot } from "./dist/config/ThemeRoot.js";
-import { getNoConflict, setNoConflict } from "./dist/config/NoConflict.js";
-import { getFirstDayOfWeek, getLegacyDateCalendarCustomizing } from "./dist/config/FormatSettings.js";
-import { _getRegisteredNames as getIconNames } from  "./dist/asset-registries/Icons.js"
-import applyDirection from "./dist/locale/applyDirection.js";
-import { getCurrentRuntimeIndex } from "./dist/Runtimes.js";
-import LegacyDateFormats from "./dist/features/LegacyDateFormats.js";
-
-window["sap-ui-webcomponents-bundle"] = {
-	configuration : {
-		getAnimationMode,
-		getLanguage,
-		setLanguage,
-		getTheme,
-		getThemeRoot,
-		setThemeRoot,
-		setTheme,
-		getNoConflict,
-		setNoConflict,
-		getCalendarType,
-		getFirstDayOfWeek,
-		getLegacyDateCalendarCustomizing,
-	},
-	getCurrentRuntimeIndex,
-	getIconNames,
-	parseProperties,
-	registerI18nLoader,
-	getI18nBundle,
-	renderFinished,
-	applyDirection,
-	EventProvider,
-};

package/dist/StaticArea.d.ts

@@ -1,3 +0,0 @@
-declare class StaticArea extends HTMLElement {
-}
-export default StaticArea;

package/dist/StaticArea.js

@@ -1,7 +0,0 @@
-class StaticArea extends HTMLElement {
-}
-if (!customElements.get("ui5-static-area")) {
-    customElements.define("ui5-static-area", StaticArea);
-}
-export default StaticArea;
-//# sourceMappingURL=StaticArea.js.map

package/dist/StaticArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticArea.js","sourceRoot":"","sources":["../src/StaticArea.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;CAAG;AAEvC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;CACrD;AAED,eAAe,UAAU,CAAC","sourcesContent":["class StaticArea extends HTMLElement {}\n\nif (!customElements.get(\"ui5-static-area\")) {\n\tcustomElements.define(\"ui5-static-area\", StaticArea);\n}\n\nexport default StaticArea;\n"]}

package/lib/generate-asset-parameters/index.js

@@ -1,27 +0,0 @@
-import fs from "fs/promises";
-import assets from "@ui5/webcomponents-tools/assets-meta.js";
-
-const fileContent = `const assetParameters = ${JSON.stringify(assets)};
-
-const DEFAULT_THEME = assetParameters.themes.default;
-const SUPPORTED_THEMES = assetParameters.themes.all;
-const DEFAULT_LANGUAGE = assetParameters.languages.default;
-const DEFAULT_LOCALE = assetParameters.locales.default;
-const SUPPORTED_LOCALES = assetParameters.locales.all;
-
-export {
-	DEFAULT_THEME,
-	SUPPORTED_THEMES,
-	DEFAULT_LANGUAGE,
-	DEFAULT_LOCALE,
-	SUPPORTED_LOCALES,
-};`;
-
-const generate = async () => {
-	await fs.mkdir("src/generated/", { recursive: true });
-	return fs.writeFile("src/generated/AssetParameters.ts", fileContent);
-}
-
-generate().then(() => {
-	console.log("Assets parameters generated.");
-});

package/lib/generate-styles/index.js

@@ -1,31 +0,0 @@
-import fs from 'fs/promises';
-import path from "path";
-import CleanCSS from "clean-css";
-
-const generate = async () => {
-	await fs.mkdir("src/generated/css/", {recursive: true});
-
-	const files = (await fs.readdir("src/css/")).filter(file => file.endsWith(".css"));
-	const filesPromises = files.map(async file => {
-		let content = await fs.readFile(path.join("src/css/", file));
-		const res = new CleanCSS().minify(`${content}`);
-		content = `import type { StyleData } from "../../types.js";
-
-const styleData: StyleData = {
-	packageName: "@ui5/webcomponents-base",
-	fileName: "${file}",
-	content: \`${res.styles}\`,
-};
-
-export default styleData;
-`;
-
-		return fs.writeFile(path.join("src/generated/css/", `${file}.ts`), content);
-	});
-
-	return Promise.all(filesPromises);
-};
-
-generate().then(() => {
-	console.log("Styles files generated.");
-});

package/lib/generate-version-info/index.js

@@ -1,32 +0,0 @@
-import fs from "fs/promises";
-
-const generate = async () => {
-	const version = JSON.parse(await fs.readFile("package.json")).version;
-
-	// Parse version
-	const matches = version.match(/^([0-9]+)\.([0-9]+)\.([0-9]+)(.*)$/);
-	if (!matches) {
-		throw new Error("Unsupported version format");
-	}
-
-	const isNext = version.match(/[a-f0-9]{9}$/);
-	const buildTime = Math.floor(new Date().getTime() / 1000);
-
-	const fileContent = `const VersionInfo = {
-	version: "${version}",
-	major: ${matches[1]},
-	minor: ${matches[2]},
-	patch: ${matches[3]},
-	suffix: "${matches[4]}",
-	isNext: ${isNext ? "true" : "false"},
-	buildTime: ${buildTime},
-};
-export default VersionInfo;`;
-
-	await fs.mkdir("src/generated/", { recursive: true });
-	await fs.writeFile("src/generated/VersionInfo.ts", fileContent);
-}
-
-generate().then(() => {
-	console.log("Version info file generated.");
-});

package/used-modules.txt

@@ -1,14 +0,0 @@
-# Needed files from OpenUI5
-
-# ./ui5loader-autoconfig.js
-sap/base/util/now.js
-sap/base/util/uid.js
-sap/base/Log.js
-# sap/base/config.js
-sap/base/config/MemoryConfigurationProvider.js
-sap/base/assert.js
-sap/base/security/URLListValidator.js
-sap/base/security/sanitizeHTML.js
-sap/base/strings/toHex.js
-sap/base/security/encodeXML.js
-sap/base/security/encodeCSS.js