feat(ui5-table): adding horizontal column alignment

CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.3.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.1...v2.3.0-rc.2) (2024-09-19)
+
+
+### Bug Fixes
+
+* **ui5-dynamic-side-content:** fix scrollbar styling ([#9842](https://github.com/SAP/ui5-webcomponents/issues/9842)) ([c5d0249](https://github.com/SAP/ui5-webcomponents/commit/c5d02499a849b09cd076b9419c723a81b642bf17))
+* **ui5-illustrated-message:** illustration fixed ([#9739](https://github.com/SAP/ui5-webcomponents/issues/9739)) ([0b57512](https://github.com/SAP/ui5-webcomponents/commit/0b575120c079a3726320046d033aeb1ba4a4dee5))
+* **ui5-multi-combobox:** fix aria-describedby token count ([#9792](https://github.com/SAP/ui5-webcomponents/issues/9792)) ([2e0aa03](https://github.com/SAP/ui5-webcomponents/commit/2e0aa039e652534c8d7b667f431306cde1321fab))
+* **ui5-popover:** correct opacity ([#9839](https://github.com/SAP/ui5-webcomponents/issues/9839)) ([371c547](https://github.com/SAP/ui5-webcomponents/commit/371c547676ed71582dc6ff64a2a1b1181dd9bf9d)), closes [#9823](https://github.com/SAP/ui5-webcomponents/issues/9823)
+* **ui5-wizard:** prevent step selection upon scrolling on Single Step layout ([#9766](https://github.com/SAP/ui5-webcomponents/issues/9766)) ([82f6afc](https://github.com/SAP/ui5-webcomponents/commit/82f6afc2fab521d114ee534c12939b44a9ca69fa)), closes [#9083](https://github.com/SAP/ui5-webcomponents/issues/9083)
+
+
+### Features
+
+* **selectionAssistant:** introduce SelectionAssistant ([#9797](https://github.com/SAP/ui5-webcomponents/issues/9797)) ([de59eac](https://github.com/SAP/ui5-webcomponents/commit/de59eac1df149caa7541a3bbd3ddad5ae2c298a6))
+
+
+
+
+
 # [2.3.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.0...v2.3.0-rc.1) (2024-09-12)
 
 

CONTRIBUTING.md

@@ -28,3 +28,8 @@ Due to legal reasons, contributors will be asked to accept a DCO before they sub
     - Note that the UI5 Web Components developers have many duties. So, depending on the required effort for reviewing, testing, and clarification, this may take a while.
 1. Once the change has been approved and merged, we will inform you in a comment.
 1. Celebrate!
+
+### Contributing with AI-generated code
+As artificial intelligence evolves, AI-generated code is becoming valuable for many software projects, including open-source initiatives. While we recognize the potential benefits of incorporating AI-generated content into our open-source projects there are certain requirements that need to be reflected and adhered to when making contributions.
+
+Please see our [guideline for AI-generated code contributions to SAP Open Source Software Projects](https://github.com/SAP/.github/blob/main/CONTRIBUTING_USING_GENAI.md) for these requirements.

lerna.json

@@ -14,7 +14,7 @@
     "packages/create-package",
     "packages/compat"
   ],
-  "version": "2.3.0-rc.1",
+  "version": "2.3.0-rc.2",
   "command": {
     "publish": {
       "allowBranch": "*",

packages/ai/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.3.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.1...v2.3.0-rc.2) (2024-09-19)
+
+**Note:** Version bump only for package @ui5/webcomponents-ai
+
+
+
+
+
 # [2.3.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.0...v2.3.0-rc.1) (2024-09-12)
 
 **Note:** Version bump only for package @ui5/webcomponents-ai

packages/ai/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-ai",
-  "version": "2.3.0-rc.1",
+  "version": "2.3.0-rc.2",
   "description": "UI5 Web Components: webcomponents.ai",
   "ui5": {
     "webComponentsPackage": true
@@ -45,13 +45,13 @@
     "directory": "packages/ai"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.3.0-rc.1",
-    "@ui5/webcomponents-base": "2.3.0-rc.1",
-    "@ui5/webcomponents-icons": "2.3.0-rc.1",
-    "@ui5/webcomponents-theming": "2.3.0-rc.1"
+    "@ui5/webcomponents": "2.3.0-rc.2",
+    "@ui5/webcomponents-base": "2.3.0-rc.2",
+    "@ui5/webcomponents-icons": "2.3.0-rc.2",
+    "@ui5/webcomponents-theming": "2.3.0-rc.2"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.3.0-rc.1",
-    "chromedriver": "^127.0.3"
+    "@ui5/webcomponents-tools": "2.3.0-rc.2",
+    "chromedriver": "^128.0.3"
   }
 }

packages/base/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.3.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.1...v2.3.0-rc.2) (2024-09-19)
+
+
+### Features
+
+* **selectionAssistant:** introduce SelectionAssistant ([#9797](https://github.com/SAP/ui5-webcomponents/issues/9797)) ([de59eac](https://github.com/SAP/ui5-webcomponents/commit/de59eac1df149caa7541a3bbd3ddad5ae2c298a6))
+
+
+
+
+
 # [2.3.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.0...v2.3.0-rc.1) (2024-09-12)
 
 

packages/base/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-base",
-  "version": "2.3.0-rc.1",
+  "version": "2.3.0-rc.2",
   "description": "UI5 Web Components: webcomponents.base",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -52,8 +52,8 @@
   },
   "devDependencies": {
     "@openui5/sap.ui.core": "1.120.17",
-    "@ui5/webcomponents-tools": "2.3.0-rc.1",
-    "chromedriver": "^127.0.3",
+    "@ui5/webcomponents-tools": "2.3.0-rc.2",
+    "chromedriver": "^128.0.3",
     "clean-css": "^5.2.2",
     "copy-and-watch": "^0.1.5",
     "cross-env": "^7.0.3",

packages/base/src/Boot.ts

@@ -70,7 +70,7 @@ const boot = async (): Promise<void> => {
 		resolve();
 
 		booted = true;
-		await eventProvider.fireEventAsync("boot");
+		eventProvider.fireEvent("boot");
 	};
 
 	bootPromise = new Promise(bootExecutor as (resolve: PromiseResolve) => void);

packages/base/src/UI5Element.ts

@@ -300,6 +300,10 @@ abstract class UI5Element extends HTMLElement {
 			return;
 		}
 
+		if (!ctor.asyncFinished) {
+			await ctor.definePromise;
+		}
+
 		renderImmediately(this);
 		this._domRefReadyPromise._deferredResolve!();
 		this._fullyConnected = true;
@@ -1199,13 +1203,6 @@ abstract class UI5Element extends HTMLElement {
 		return uniqueDependenciesCache.get(this) || [];
 	}
 
-	/**
-	 * Returns a promise that resolves whenever all dependencies for this UI5 Web Component have resolved
-	 */
-	static whenDependenciesDefined(): Promise<Array<typeof UI5Element>> {
-		return Promise.all(this.getUniqueDependencies().map(dep => dep.define()));
-	}
-
 	/**
 	 * Hook that will be called upon custom element definition
 	 *
@@ -1215,15 +1212,16 @@ abstract class UI5Element extends HTMLElement {
 		return Promise.resolve();
 	}
 
+	static asyncFinished: boolean;
+	static definePromise: Promise<[void, void]> | undefined;
+
 	/**
 	 * Registers a UI5 Web Component in the browser window object
 	 * @public
 	 */
 	static async define(): Promise<typeof UI5Element> {
-		await boot();
-
-		await Promise.all([
-			this.whenDependenciesDefined(),
+		this.definePromise = Promise.all([
+			boot(),
 			this.onDefine(),
 		]);
 
@@ -1249,6 +1247,10 @@ abstract class UI5Element extends HTMLElement {
 			registerTag(tag);
 			customElements.define(tag, this as unknown as CustomElementConstructor);
 		}
+
+		await this.definePromise;
+		this.asyncFinished = true;
+
 		return this;
 	}
 
@@ -1293,6 +1295,7 @@ export {
 };
 export type {
 	ChangeInfo,
+	InvalidationInfo,
 	Renderer,
 	RendererOptions,
 };

packages/base/src/features/patchPopup.ts

@@ -1,5 +1,5 @@
-// OpenUI5's Element.js subset
-type Element = {
+// OpenUI5's Control.js subset
+type Control = {
 	getDomRef: () => HTMLElement | null,
 }
 
@@ -9,7 +9,7 @@ type OpenUI5Popup = {
 		open: (...args: any[]) => void,
 		_closed: (...args: any[]) => void,
 		getOpenState: () => "CLOSED" | "CLOSING" | "OPEN" | "OPENING",
-		getContent: () => Element, // this is the OpenUI5 Element/Control instance that opens the Popup (usually sap.m.Popover/sap.m.Dialog)
+		getContent: () => Control | HTMLElement, // this is the OpenUI5 Element/Control instance that opens the Popup (usually sap.m.Popover/sap.m.Dialog)
 		onFocusEvent: (e: FocusEvent) => void,
 	}
 };
@@ -35,7 +35,7 @@ const patchOpen = (Popup: OpenUI5Popup) => {
 		if (openingInitiated && topLayerAlreadyInUse) {
 			const element = this.getContent();
 			if (element) {
-				const domRef = element.getDomRef();
+				const domRef = element instanceof HTMLElement ? element : element.getDomRef();
 				if (domRef) {
 					openNativePopover(domRef);
 				}
@@ -48,7 +48,7 @@ const patchClosed = (Popup: OpenUI5Popup) => {
 	const _origClosed = Popup.prototype._closed;
 	Popup.prototype._closed = function _closed(...args: any[]) {
 		const element = this.getContent();
-		const domRef = element.getDomRef();
+		const domRef = element instanceof HTMLElement ? element : element.getDomRef();
 		_origClosed.apply(this, args); // only then call _close
 		if (domRef) {
 			closeNativePopover(domRef); // unset the popover attribute and close the native popover, but only if still in DOM

packages/base/src/util/ColorConversion.ts

@@ -332,7 +332,7 @@ const HEXToRGB = (hex: string): ColorRGB => {
  * @param {Object} color Receives an object with the properties for each of the main colors(r, g, b)
  */
 const RGBtoHEX = (color: ColorRGB): string => {
-	const hexMap = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E"];
+	const hexMap = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
 	let hexValue = "#";
 
 	let divisionNumber = color.r / 16;

packages/base/src/util/SelectionAssistant.ts

@@ -0,0 +1,112 @@
+import getEffectiveScrollbarStyle from "../util/getEffectiveScrollbarStyle.js";
+
+const copyAndApplyStyles = (element: HTMLElement, copiedElement: HTMLElement) => {
+	const computedStyles = getComputedStyle(element);
+
+	for (let i = 0; i < computedStyles.length; i++) {
+		const propertyName = computedStyles[i];
+		copiedElement.style.setProperty(propertyName, computedStyles.getPropertyValue(propertyName));
+	}
+
+	element.tagName === "INPUT" && setInputSpecificStyles(copiedElement);
+
+	copiedElement.style.position = "absolute";
+	copiedElement.style.left = `${element.getBoundingClientRect().left}px`;
+	copiedElement.style.top = `${element.getBoundingClientRect().top}px`;
+
+	setUnInteractableStyles(copiedElement);
+
+	document.body.appendChild(copiedElement);
+};
+
+const setUnInteractableStyles = (element: HTMLElement) => {
+	element.style.position = "absolute";
+	element.style.userSelect = "none";
+	element.style.pointerEvents = "none";
+	element.style.zIndex = "-1";
+	element.style.opacity = "0";
+};
+
+const setInputSpecificStyles = (element: HTMLElement) => {
+	element.style.whiteSpace = "nowrap";
+	element.style.overflowX = "auto";
+	element.style.overflowY = "hidden";
+};
+
+const applyScrollStylings = () => {
+	const sheet = new CSSStyleSheet();
+	const styles = getEffectiveScrollbarStyle();
+
+	sheet.replaceSync(styles);
+
+	document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+};
+
+const createCopy = () => {
+	const copiedElement = document.createElement("div");
+
+	copiedElement.id = "ui5-selection-mirror";
+	copiedElement.contentEditable = "true";
+
+	applyScrollStylings();
+
+	document.body.appendChild(copiedElement);
+};
+
+const applyScrollPosition = (element: HTMLElement, copiedElement: HTMLElement) => {
+	copiedElement.scrollTop = element.scrollTop;
+	copiedElement.scrollLeft = element.scrollLeft;
+};
+
+const getSelectionCoordinates = (element: HTMLInputElement | HTMLTextAreaElement, mirror: HTMLDivElement) => {
+	const { selectionStart, selectionEnd } = element;
+	const selectedText = element.value.slice(
+		selectionStart!,
+		element.selectionEnd!,
+	);
+	const range = document.createRange();
+
+	range.setStart(mirror.firstChild!, selectionEnd! - 1);
+	range.setEnd(mirror.firstChild!, selectionEnd!);
+
+	applyScrollPosition(element, mirror);
+
+	const rangeRect = range.getBoundingClientRect();
+	const rectObject = {
+		x: rangeRect.x,
+		y: rangeRect.y,
+		width: rangeRect.width,
+		height: rangeRect.height,
+		top: rangeRect.top,
+		right: rangeRect.right,
+		bottom: rangeRect.bottom,
+		left: rangeRect.left,
+	};
+
+	document.body.removeChild(mirror);
+
+	return { ...rectObject, selectedText };
+};
+
+const getElementSelection = (element: HTMLElement) => {
+	const innerElement = element.shadowRoot!.querySelector("textarea")
+		|| element.shadowRoot!.querySelector("input");
+
+	if (!document.getElementById("ui5-selection-mirror")) {
+		createCopy();
+	}
+
+	const copiedElement = document.getElementById(
+		"ui5-selection-mirror",
+	)!;
+
+	copiedElement.textContent = innerElement!.value;
+
+	if (innerElement) {
+		copyAndApplyStyles(innerElement, copiedElement)!;
+	}
+
+	return getSelectionCoordinates(innerElement!, copiedElement as HTMLDivElement);
+};
+
+export default getElementSelection;

packages/compat/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.3.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.1...v2.3.0-rc.2) (2024-09-19)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
 # [2.3.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.0...v2.3.0-rc.1) (2024-09-12)
 
 

packages/compat/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-compat",
-  "version": "2.3.0-rc.1",
+  "version": "2.3.0-rc.2",
   "description": "UI5 Web Components: webcomponents.compat",
   "ui5": {
     "webComponentsPackage": true
@@ -45,13 +45,13 @@
     "directory": "packages/compat"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.3.0-rc.1",
-    "@ui5/webcomponents-base": "2.3.0-rc.1",
-    "@ui5/webcomponents-icons": "2.3.0-rc.1",
-    "@ui5/webcomponents-theming": "2.3.0-rc.1"
+    "@ui5/webcomponents": "2.3.0-rc.2",
+    "@ui5/webcomponents-base": "2.3.0-rc.2",
+    "@ui5/webcomponents-icons": "2.3.0-rc.2",
+    "@ui5/webcomponents-theming": "2.3.0-rc.2"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.3.0-rc.1",
-    "chromedriver": "^127.0.3"
+    "@ui5/webcomponents-tools": "2.3.0-rc.2",
+    "chromedriver": "^128.0.3"
   }
 }