@ui5/webcomponents-base 1.9.3 → 1.10.0

package/dist/delegate/ResizeHandler.d.ts

@@ -0,0 +1,24 @@
+type ResizeObserverCallback = () => void;
+/**
+ * Allows to register/deregister resize observers for a DOM element
+ *
+ * @public
+ * @class
+  */
+declare class ResizeHandler {
+    /**
+     * @static
+     * @public
+     * @param {*} element UI5 Web Component or DOM Element to be observed
+     * @param {*} callback Callback to be executed
+     */
+    static register(element: HTMLElement, callback: ResizeObserverCallback): void;
+    /**
+     * @static
+     * @public
+     * @param {*} element UI5 Web Component or DOM Element to be unobserved
+     * @param {*} callback Callback to be removed
+     */
+    static deregister(element: HTMLElement, callback: ResizeObserverCallback): void;
+}
+export default ResizeHandler;

package/dist/delegate/ResizeHandler.js

@@ -1,45 +1,40 @@
+import { instanceOfUI5Element } from "../UI5Element.js";
 let resizeObserver;
 const observedElements = new Map();
-
 const getResizeObserver = () => {
-	if (!resizeObserver) {
-		resizeObserver = new window.ResizeObserver(entries => {
-			entries.forEach(entry => {
-				const callbacks = observedElements.get(entry.target);
-				callbacks.forEach(callback => callback());
-			});
-		});
-	}
-	return resizeObserver;
+    if (!resizeObserver) {
+        resizeObserver = new window.ResizeObserver(entries => {
+            entries.forEach(entry => {
+                const callbacks = observedElements.get(entry.target);
+                callbacks?.forEach((callback) => callback());
+            });
+        });
+    }
+    return resizeObserver;
 };
-
-let observe = (element, callback) => {
-	const callbacks = observedElements.get(element) || [];
-
-	// if no callbacks have been added for this element - start observing it
-	if (!callbacks.length) {
-		getResizeObserver().observe(element);
-	}
-
-	// save the callbacks in an array
-	observedElements.set(element, [...callbacks, callback]);
+const observe = (element, callback) => {
+    const callbacks = observedElements.get(element) || [];
+    // if no callbacks have been added for this element - start observing it
+    if (!callbacks.length) {
+        getResizeObserver().observe(element);
+    }
+    // save the callbacks in an array
+    observedElements.set(element, [...callbacks, callback]);
 };
-
-let unobserve = (element, callback) => {
-	const callbacks = observedElements.get(element) || [];
-	if (callbacks.length === 0) {
-		return;
-	}
-
-	const filteredCallbacks = callbacks.filter(fn => fn !== callback);
-	if (filteredCallbacks.length === 0) {
-		getResizeObserver().unobserve(element);
-		observedElements.delete(element);
-	} else {
-		observedElements.set(element, filteredCallbacks);
-	}
+const unobserve = (element, callback) => {
+    const callbacks = observedElements.get(element) || [];
+    if (callbacks.length === 0) {
+        return;
+    }
+    const filteredCallbacks = callbacks.filter((fn) => fn !== callback);
+    if (filteredCallbacks.length === 0) {
+        getResizeObserver().unobserve(element);
+        observedElements.delete(element);
+    }
+    else {
+        observedElements.set(element, filteredCallbacks);
+    }
 };
-
 /**
  * Allows to register/deregister resize observers for a DOM element
  *
@@ -47,60 +42,42 @@ let unobserve = (element, callback) => {
  * @class
   */
 class ResizeHandler {
-	/**
-	 * @static
-	 * @public
-	 * @param {*} element UI5 Web Component or DOM Element to be observed
-	 * @param {*} callback Callback to be executed
-	 */
-	static register(element, callback) {
-		if (element.isUI5Element) {
-			element = element.getDomRef();
-		}
-
-		if (element instanceof HTMLElement) {
-			observe(element, callback);
-		} else {
-			console.warn("Cannot register ResizeHandler for element", element); // eslint-disable-line
-		}
-	}
-
-	/**
-	 * @static
-	 * @public
-	 * @param {*} element UI5 Web Component or DOM Element to be unobserved
-	 * @param {*} callback Callback to be removed
-	 */
-	static deregister(element, callback) {
-		if (element.isUI5Element) {
-			element = element.getDomRef();
-		}
-
-		if (element instanceof HTMLElement) {
-			unobserve(element, callback);
-		} else {
-			console.warn("Cannot deregister ResizeHandler for element", element); // eslint-disable-line
-		}
-	}
+    /**
+     * @static
+     * @public
+     * @param {*} element UI5 Web Component or DOM Element to be observed
+     * @param {*} callback Callback to be executed
+     */
+    static register(element, callback) {
+        let effectiveElement = element;
+        if (instanceOfUI5Element(effectiveElement)) {
+            effectiveElement = effectiveElement.getDomRef();
+        }
+        if (effectiveElement instanceof HTMLElement) {
+            observe(effectiveElement, callback);
+        }
+        else {
+            console.warn("Cannot register ResizeHandler for element", element); // eslint-disable-line
+        }
+    }
+    /**
+     * @static
+     * @public
+     * @param {*} element UI5 Web Component or DOM Element to be unobserved
+     * @param {*} callback Callback to be removed
+     */
+    static deregister(element, callback) {
+        let effectiveElement = element;
+        if (instanceOfUI5Element(effectiveElement)) {
+            effectiveElement = effectiveElement.getDomRef();
+        }
+        if (effectiveElement instanceof HTMLElement) {
+            unobserve(effectiveElement, callback);
+        }
+        else {
+            console.warn("Cannot deregister ResizeHandler for element", element); // eslint-disable-line
+        }
+    }
 }
-
-/**
- * Set a function to be executed whenever a DOM node needs to be observed for size change.
- * @public
- * @param fn
- */
-const setResizeHandlerObserveFn = fn => {
-	observe = fn;
-};
-
-/**
- * Set a function to be executed whenever a DOM node needs to no longer be observed for size changes
- * @public
- * @param fn
- */
-const setResizeHandlerUnobserveFn = fn => {
-	unobserve = fn;
-};
-
 export default ResizeHandler;
-export { setResizeHandlerObserveFn, setResizeHandlerUnobserveFn };
+//# sourceMappingURL=ResizeHandler.js.map

package/dist/delegate/ResizeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandler.js","sourceRoot":"","sources":["../../src/delegate/ResizeHandler.ts"],"names":[],"mappings":"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"}

package/dist/delegate/ScrollEnablement.d.ts

@@ -0,0 +1,48 @@
+import EventProvider from "../EventProvider.js";
+import type UI5Element from "../UI5Element.js";
+type EventListenerParam = {
+    isLeft: boolean;
+    isRight: boolean;
+};
+type EventListenerReturn = void;
+declare class ScrollEnablement extends EventProvider<EventListenerParam, EventListenerReturn> {
+    containerComponent: UI5Element;
+    mouseMove: (event: MouseEvent | TouchEvent) => void;
+    mouseUp: (event: MouseEvent | TouchEvent) => void;
+    touchStart: (event: MouseEvent | TouchEvent) => void;
+    cachedValue: {
+        dragX: number;
+        dragY: number;
+    };
+    startX: number;
+    startY: number;
+    _container?: HTMLElement;
+    supportsTouch: boolean;
+    _canScroll?: boolean;
+    _prevDragX?: number;
+    _prevDragY?: number;
+    constructor(containerComponent: UI5Element);
+    set scrollContainer(container: HTMLElement);
+    get scrollContainer(): HTMLElement;
+    /**
+     * Scrolls the container to the left/top position, retrying retryCount times, if the container is not yet painted
+     *
+     * @param left
+     * @param top
+     * @param retryCount
+     * @param retryInterval
+     * @returns {Promise<void>} resolved when scrolled successfully
+     */
+    scrollTo(left: number, top: number, retryCount?: number, retryInterval?: number): Promise<void>;
+    move(dx: number, dy: number, disableAnimation: boolean): {
+        promise: () => Promise<void | Error>;
+        stop: () => () => void;
+    } | undefined;
+    getScrollLeft(): number;
+    getScrollTop(): number;
+    _isTouchInside(event: TouchEvent | MouseEvent): boolean;
+    ontouchstart(event: TouchEvent | MouseEvent): void;
+    ontouchmove(event: TouchEvent | MouseEvent): void;
+    ontouchend(event: TouchEvent | MouseEvent): void;
+}
+export default ScrollEnablement;

package/dist/delegate/ScrollEnablement.js

@@ -1,188 +1,165 @@
 import { supportsTouch } from "../Device.js";
 import EventProvider from "../EventProvider.js";
 import scroll from "../animations/scroll.js";
-
 const scrollEventName = "scroll";
 const touchEndEventName = supportsTouch() ? "touchend" : "mouseup";
-
 class ScrollEnablement extends EventProvider {
-	constructor(containerComponent) {
-		super();
-		this.containerComponent = containerComponent;
-		this.mouseMove = this.ontouchmove.bind(this);
-		this.mouseUp = this.ontouchend.bind(this);
-		this.touchStart = this.ontouchstart.bind(this);
-
-		this.supportsTouch = supportsTouch();
-
-		// On Android devices touchmove is thrown one more time than neccessary (together with touchend)
-		// so we have to cache the previus coordinates in order to provide correct parameters in the
-		// event for Android
-		this.cachedValue = {};
-
-		// In components like Carousel you need to know if the user has clicked on something or swiped
-		// in order to throw the needed event or not
-		this.startX = 0;
-		this.startY = 0;
-
-		if (this.supportsTouch) {
-			containerComponent.addEventListener("touchstart", this.touchStart, { passive: true });
-			containerComponent.addEventListener("touchmove", this.mouseMove, { passive: true });
-			containerComponent.addEventListener("touchend", this.mouseUp, { passive: true });
-		} else {
-			containerComponent.addEventListener("mousedown", this.touchStart, { passive: true });
-		}
-	}
-
-	set scrollContainer(container) {
-		this._container = container;
-	}
-
-	get scrollContainer() {
-		return this._container;
-	}
-
-	/**
-	 * Scrolls the container to the left/top position, retrying retryCount times, if the container is not yet painted
-	 *
-	 * @param left
-	 * @param top
-	 * @param retryCount
-	 * @param retryInterval
-	 * @returns {Promise<void>} resolved when scrolled successfully
-	 */
-	async scrollTo(left, top, retryCount = 0, retryInterval = 0) {
-		let containerPainted = this.scrollContainer.clientHeight > 0 && this.scrollContainer.clientWidth > 0;
-
-		/* eslint-disable no-loop-func, no-await-in-loop */
-		while (!containerPainted && retryCount > 0) {
-			await new Promise(resolve => {
-				setTimeout(() => {
-					containerPainted = this.scrollContainer.clientHeight > 0 && this.scrollContainer.clientWidth > 0;
-					retryCount--;
-					resolve();
-				}, retryInterval);
-			});
-		}
-		/* eslint-disable no-loop-func, no-await-in-loop */
-
-		this._container.scrollLeft = left;
-		this._container.scrollTop = top;
-	}
-
-	move(dx, dy, disableAnimation) {
-		if (disableAnimation) {
-			this._container.scrollLeft += dx;
-			this._container.scrollTop += dy;
-			return;
-		}
-
-		return scroll({
-			element: this._container,
-			dx,
-			dy,
-		});
-	}
-
-	getScrollLeft() {
-		return this._container.scrollLeft;
-	}
-
-	getScrollTop() {
-		return this._container.scrollTop;
-	}
-
-	_isTouchInside(touch) {
-		const rect = this._container.getBoundingClientRect();
-		const x = this.supportsTouch ? touch.clientX : touch.x;
-		const y = this.supportsTouch ? touch.clientY : touch.y;
-
-		return x >= rect.left && x <= rect.right
-			&& y >= rect.top && y <= rect.bottom;
-	}
-
-	ontouchstart(event) {
-		const touch = this.supportsTouch ? event.touches[0] : null;
-
-		if (!this.supportsTouch) {
-			document.addEventListener("mouseup", this.mouseUp, { passive: true });
-			document.addEventListener("mousemove", this.mouseMove, { passive: true });
-		} else {
-			// Needed only on mobile
-			this.startX = touch.pageX;
-			this.startY = touch.pageY;
-		}
-
-		this._prevDragX = this.supportsTouch ? touch.pageX : event.x;
-		this._prevDragY = this.supportsTouch ? touch.pageY : event.y;
-
-		this._canScroll = this._isTouchInside(this.supportsTouch ? touch : event);
-	}
-
-	ontouchmove(event) {
-		if (!this._canScroll) {
-			return;
-		}
-
-		const container = this._container;
-		const touch = this.supportsTouch ? event.touches[0] : null;
-
-		const dragX = this.supportsTouch ? touch.pageX : event.x;
-		const dragY = this.supportsTouch ? touch.pageY : event.y;
-
-		container.scrollLeft += this._prevDragX - dragX;
-		container.scrollTop += this._prevDragY - dragY;
-
-		this.fireEvent(scrollEventName, {
-			isLeft: dragX > this._prevDragX,
-			isRight: dragX < this._prevDragX,
-		});
-
-		this.cachedValue.dragX = this._prevDragX;
-		this.cachedValue.dragY = this._prevDragY;
-
-		this._prevDragX = dragX;
-		this._prevDragY = dragY;
-	}
-
-	ontouchend(event) {
-		if (this.supportsTouch) {
-			const deltaX = Math.abs(event.changedTouches[0].pageX - this.startX);
-			const deltaY = Math.abs(event.changedTouches[0].pageY - this.startY);
-
-			if (deltaX < 10 && deltaY < 10) {
-				return;
-			}
-		}
-
-		if (!this._canScroll) {
-			return;
-		}
-
-		const container = this._container;
-		const dragX = this.supportsTouch ? event.changedTouches[0].pageX : event.x;
-		const dragY = this.supportsTouch ? event.changedTouches[0].pageY : event.y;
-
-		container.scrollLeft += this._prevDragX - dragX;
-		container.scrollTop += this._prevDragY - dragY;
-
-		const useCachedValues = dragX === this._prevDragX;
-		const _dragX = useCachedValues ? this.cachedValue.dragX : dragX;
-		// const _dragY = useCachedValues ? this.cachedValue.dragY : dragY; add if needed
-
-		this.fireEvent(touchEndEventName, {
-			isLeft: _dragX < this._prevDragX,
-			isRight: _dragX > this._prevDragX,
-		});
-
-		this._prevDragX = dragX;
-		this._prevDragY = dragY;
-
-		if (!this.supportsTouch) {
-			document.removeEventListener("mousemove", this.mouseMove, { passive: true });
-			document.removeEventListener("mouseup", this.mouseUp);
-		}
-	}
+    constructor(containerComponent) {
+        super();
+        this.supportsTouch = supportsTouch();
+        this.containerComponent = containerComponent;
+        this.mouseMove = this.ontouchmove.bind(this);
+        this.mouseUp = this.ontouchend.bind(this);
+        this.touchStart = this.ontouchstart.bind(this);
+        this.supportsTouch = supportsTouch();
+        // On Android devices touchmove is thrown one more time than neccessary (together with touchend)
+        // so we have to cache the previus coordinates in order to provide correct parameters in the
+        // event for Android
+        this.cachedValue = { dragX: 0, dragY: 0 };
+        // In components like Carousel you need to know if the user has clicked on something or swiped
+        // in order to throw the needed event or not
+        this.startX = 0;
+        this.startY = 0;
+        if (this.supportsTouch) {
+            containerComponent.addEventListener("touchstart", this.touchStart, { passive: true });
+            containerComponent.addEventListener("touchmove", this.mouseMove, { passive: true });
+            containerComponent.addEventListener("touchend", this.mouseUp, { passive: true });
+        }
+        else {
+            containerComponent.addEventListener("mousedown", this.touchStart, { passive: true });
+        }
+    }
+    set scrollContainer(container) {
+        this._container = container;
+    }
+    get scrollContainer() {
+        return this._container;
+    }
+    /**
+     * Scrolls the container to the left/top position, retrying retryCount times, if the container is not yet painted
+     *
+     * @param left
+     * @param top
+     * @param retryCount
+     * @param retryInterval
+     * @returns {Promise<void>} resolved when scrolled successfully
+     */
+    async scrollTo(left, top, retryCount = 0, retryInterval = 0) {
+        let containerPainted = this.scrollContainer.clientHeight > 0 && this.scrollContainer.clientWidth > 0;
+        /* eslint-disable no-loop-func, no-await-in-loop */
+        while (!containerPainted && retryCount > 0) {
+            await new Promise(resolve => {
+                setTimeout(() => {
+                    containerPainted = this.scrollContainer.clientHeight > 0 && this.scrollContainer.clientWidth > 0;
+                    retryCount--;
+                    resolve();
+                }, retryInterval);
+            });
+        }
+        /* eslint-disable no-loop-func, no-await-in-loop */
+        this._container.scrollLeft = left;
+        this._container.scrollTop = top;
+    }
+    move(dx, dy, disableAnimation) {
+        if (disableAnimation) {
+            this._container.scrollLeft += dx;
+            this._container.scrollTop += dy;
+            return;
+        }
+        if (this._container) {
+            return scroll(this._container, dx, dy);
+        }
+    }
+    getScrollLeft() {
+        return this._container.scrollLeft;
+    }
+    getScrollTop() {
+        return this._container.scrollTop;
+    }
+    _isTouchInside(event) {
+        let touch = null;
+        if (this.supportsTouch && event instanceof TouchEvent) {
+            touch = event.touches[0];
+        }
+        const rect = this._container.getBoundingClientRect();
+        const x = this.supportsTouch ? touch.clientX : event.x;
+        const y = this.supportsTouch ? touch.clientY : event.y;
+        return x >= rect.left && x <= rect.right
+            && y >= rect.top && y <= rect.bottom;
+    }
+    ontouchstart(event) {
+        let touch = null;
+        if (this.supportsTouch && event instanceof TouchEvent) {
+            touch = event.touches[0];
+        }
+        if (!this.supportsTouch) {
+            document.addEventListener("mouseup", this.mouseUp, { passive: true });
+            document.addEventListener("mousemove", this.mouseMove, { passive: true });
+        }
+        else {
+            // Needed only on mobile
+            this.startX = touch.pageX;
+            this.startY = touch.pageY;
+        }
+        if (this.supportsTouch && event instanceof TouchEvent) {
+            this._prevDragX = touch.pageX;
+            this._prevDragY = touch.pageY;
+        }
+        if (event instanceof MouseEvent) {
+            this._prevDragX = event.x;
+            this._prevDragY = event.y;
+        }
+        this._canScroll = this._isTouchInside(event);
+    }
+    ontouchmove(event) {
+        if (!this._canScroll) {
+            return;
+        }
+        const container = this._container;
+        const touch = this.supportsTouch ? event.touches[0] : null;
+        const dragX = this.supportsTouch ? touch.pageX : event.x;
+        const dragY = this.supportsTouch ? touch.pageY : event.y;
+        container.scrollLeft += this._prevDragX - dragX;
+        container.scrollTop += this._prevDragY - dragY;
+        this.fireEvent(scrollEventName, {
+            isLeft: dragX > this._prevDragX,
+            isRight: dragX < this._prevDragX,
+        });
+        this.cachedValue.dragX = this._prevDragX;
+        this.cachedValue.dragY = this._prevDragY;
+        this._prevDragX = dragX;
+        this._prevDragY = dragY;
+    }
+    ontouchend(event) {
+        if (this.supportsTouch) {
+            const deltaX = Math.abs(event.changedTouches[0].pageX - this.startX);
+            const deltaY = Math.abs(event.changedTouches[0].pageY - this.startY);
+            if (deltaX < 10 && deltaY < 10) {
+                return;
+            }
+        }
+        if (!this._canScroll) {
+            return;
+        }
+        const container = this._container;
+        const dragX = this.supportsTouch ? event.changedTouches[0].pageX : event.x;
+        const dragY = this.supportsTouch ? event.changedTouches[0].pageY : event.y;
+        container.scrollLeft += this._prevDragX - dragX;
+        container.scrollTop += this._prevDragY - dragY;
+        const useCachedValues = dragX === this._prevDragX;
+        const _dragX = useCachedValues ? this.cachedValue.dragX : dragX;
+        // const _dragY = useCachedValues ? this.cachedValue.dragY : dragY; add if needed
+        this.fireEvent(touchEndEventName, {
+            isLeft: _dragX < this._prevDragX,
+            isRight: _dragX > this._prevDragX,
+        });
+        this._prevDragX = dragX;
+        this._prevDragY = dragY;
+        if (!this.supportsTouch) {
+            document.removeEventListener("mousemove", this.mouseMove);
+            document.removeEventListener("mouseup", this.mouseUp);
+        }
+    }
 }
-
 export default ScrollEnablement;
+//# sourceMappingURL=ScrollEnablement.js.map

package/dist/delegate/ScrollEnablement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollEnablement.js","sourceRoot":"","sources":["../../src/delegate/ScrollEnablement.ts"],"names":[],"mappings":"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"}

package/dist/features/F6Navigation.d.ts

@@ -0,0 +1,16 @@
+declare class F6Navigation {
+    static _instance: F6Navigation;
+    keydownHandler: (event: KeyboardEvent) => void;
+    selectedGroup: HTMLElement | null;
+    groups: Array<HTMLElement>;
+    constructor();
+    attachEventListeners(): void;
+    _keydownHandler(event: KeyboardEvent): Promise<void>;
+    removeEventListeners(): void;
+    updateGroups(): void;
+    setSelectedGroup(root?: DocumentOrShadowRoot): void;
+    deepActive(root: DocumentOrShadowRoot): Element | null;
+    destroy(): void;
+    static init(): F6Navigation;
+}
+export default F6Navigation;