@ui5/webcomponents-base 1.9.3 → 1.10.0

package/dist/features/F6Navigation.js

@@ -1,116 +1,112 @@
 import { registerFeature } from "../FeaturesRegistry.js";
 import { isF6Next, isF6Previous } from "../Keys.js";
+import { instanceOfUI5Element } from "../UI5Element.js";
 import { getFirstFocusableElement } from "../util/FocusableElements.js";
 import getFastNavigationGroups from "../util/getFastNavigationGroups.js";
-
 class F6Navigation {
-	init() {
-		this.keydownHandler = this._keydownHandler.bind(this);
-		this.attachEventListeners();
-		this.selectedGroup = null;
-		this.groups = [];
-	}
-
-	attachEventListeners() {
-		document.addEventListener("keydown", this.keydownHandler);
-	}
-
-	async _keydownHandler(event) {
-		if (isF6Next(event)) {
-			this.updateGroups();
-
-			if (this.groups.length < 1) {
-				return;
-			}
-
-			event.preventDefault();
-
-			const nextIndex = this.groups.indexOf(this.selectedGroup);
-			let nextElement = null;
-
-			if (nextIndex > -1) {
-				if (nextIndex + 1 >= this.groups.length) {
-					nextElement = this.groups[0];
-				} else {
-					nextElement = this.groups[nextIndex + 1];
-				}
-			} else {
-				nextElement = this.groups[0];
-			}
-
-			const elementToFocus = await getFirstFocusableElement(nextElement.isUI5Element ? nextElement.getDomRef() : nextElement, true);
-			elementToFocus.focus();
-		}
-
-		if (isF6Previous(event)) {
-			this.updateGroups();
-
-			if (this.groups.length < 1) {
-				return;
-			}
-
-			event.preventDefault();
-
-			const nextIndex = this.groups.indexOf(this.selectedGroup);
-			let nextElement = null;
-
-			if (nextIndex > 0) {
-				// Handle the situation where the first focusable element of two neighbor groups is the same
-				// For example:
-				// <ui5-flexible-column-layout>
-				//     <ui5-list>
-				//         <ui5-li>List Item</ui5-li>
-				//     </ui5-list>
-				// </ui5-flexible-column-layout>
-				// Here for both FCL & List the firstFoccusableElement is the same (the ui5-li)
-
-				const firstFocusable = await getFirstFocusableElement(this.groups[nextIndex - 1], true);
-				const shouldSkipParent = firstFocusable === await getFirstFocusableElement(this.groups[nextIndex], true);
-
-				nextElement = this.groups[shouldSkipParent ? nextIndex - 2 : nextIndex - 1];
-			} else {
-				nextElement = this.groups[this.groups.length - 1];
-			}
-
-			const elementToFocus = await getFirstFocusableElement(nextElement.isUI5Element ? nextElement.getDomRef() : nextElement, true);
-			elementToFocus.focus();
-		}
-	}
-
-	removeEventListeners() {
-		document.removeEventListener("keydown", this.keydownHandler);
-	}
-
-	updateGroups() {
-		this.setSelectedGroup();
-		this.groups = getFastNavigationGroups(document.body);
-	}
-
-	setSelectedGroup(element = document) {
-		const htmlElement = document.querySelector("html");
-		element = this.deepActive(element);
-
-		while (element && element.getAttribute("data-sap-ui-fastnavgroup") !== "true" && element !== htmlElement) {
-			element = element.parentElement ? element.parentNode : element.parentNode.host;
-		}
-
-		this.selectedGroup = element;
-	}
-
-	deepActive(root) {
-		if (root.activeElement && root.activeElement.shadowRoot) {
-			return this.deepActive(root.activeElement.shadowRoot);
-		}
-
-		return root.activeElement;
-	}
-
-	destroy() {
-		this.removeEventListeners();
-	}
+    constructor() {
+        this.selectedGroup = null;
+        this.groups = [];
+        this.keydownHandler = this._keydownHandler.bind(this);
+        this.attachEventListeners();
+    }
+    attachEventListeners() {
+        document.addEventListener("keydown", this.keydownHandler);
+    }
+    async _keydownHandler(event) {
+        if (isF6Next(event)) {
+            this.updateGroups();
+            if (this.groups.length < 1) {
+                return;
+            }
+            event.preventDefault();
+            let nextIndex = -1;
+            let nextElement;
+            if (this.selectedGroup) {
+                nextIndex = this.groups.indexOf(this.selectedGroup);
+            }
+            if (nextIndex > -1) {
+                if (nextIndex + 1 >= this.groups.length) {
+                    nextElement = this.groups[0];
+                }
+                else {
+                    nextElement = this.groups[nextIndex + 1];
+                }
+            }
+            else {
+                nextElement = this.groups[0];
+            }
+            const nextElementDomRef = instanceOfUI5Element(nextElement) ? nextElement.getDomRef() : nextElement;
+            if (nextElementDomRef) {
+                const elementToFocus = await getFirstFocusableElement(nextElementDomRef, true);
+                elementToFocus?.focus();
+            }
+        }
+        if (isF6Previous(event)) {
+            this.updateGroups();
+            if (this.groups.length < 1) {
+                return;
+            }
+            event.preventDefault();
+            let nextIndex = -1;
+            let nextElement;
+            if (this.selectedGroup) {
+                nextIndex = this.groups.indexOf(this.selectedGroup);
+            }
+            if (nextIndex > 0) {
+                // Handle the situation where the first focusable element of two neighbor groups is the same
+                // For example:
+                // <ui5-flexible-column-layout>
+                //     <ui5-list>
+                //         <ui5-li>List Item</ui5-li>
+                //     </ui5-list>
+                // </ui5-flexible-column-layout>
+                // Here for both FCL & List the firstFoccusableElement is the same (the ui5-li)
+                const firstFocusable = await getFirstFocusableElement(this.groups[nextIndex - 1], true);
+                const shouldSkipParent = firstFocusable === await getFirstFocusableElement(this.groups[nextIndex], true);
+                nextElement = this.groups[shouldSkipParent ? nextIndex - 2 : nextIndex - 1];
+            }
+            else {
+                nextElement = this.groups[this.groups.length - 1];
+            }
+            const nextElementDomRef = instanceOfUI5Element(nextElement) ? nextElement.getDomRef() : nextElement;
+            if (nextElementDomRef) {
+                const elementToFocus = await getFirstFocusableElement(nextElementDomRef, true);
+                elementToFocus?.focus();
+            }
+        }
+    }
+    removeEventListeners() {
+        document.removeEventListener("keydown", this.keydownHandler);
+    }
+    updateGroups() {
+        this.setSelectedGroup();
+        this.groups = getFastNavigationGroups(document.body);
+    }
+    setSelectedGroup(root = window.document) {
+        const htmlElement = window.document.querySelector("html");
+        let element = this.deepActive(root);
+        while (element && element.getAttribute("data-sap-ui-fastnavgroup") !== "true" && element !== htmlElement) {
+            element = element.parentElement ? element.parentNode : element.parentNode.host;
+        }
+        this.selectedGroup = element;
+    }
+    deepActive(root) {
+        if (root.activeElement && root.activeElement.shadowRoot) {
+            return this.deepActive(root.activeElement.shadowRoot);
+        }
+        return root.activeElement;
+    }
+    destroy() {
+        this.removeEventListeners();
+    }
+    static init() {
+        if (!this._instance) {
+            this._instance = new F6Navigation();
+        }
+        return this._instance;
+    }
 }
-
-const F6HelperInstance = new F6Navigation();
-registerFeature("F6Navigation", F6HelperInstance);
-
+registerFeature("F6Navigation", F6Navigation);
 export default F6Navigation;
+//# sourceMappingURL=F6Navigation.js.map

package/dist/features/F6Navigation.js.map

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

package/dist/features/OpenUI5Element.d.ts

@@ -0,0 +1,9 @@
+import UI5Element from "../UI5Element.js";
+declare class OpenUI5Element extends UI5Element {
+    __isBusy?: boolean;
+    isOpenUI5Component?: boolean;
+    __suppressFocusIn?: () => void;
+    __suppressFocusBack?: (e: KeyboardEvent) => void;
+    __redirectFocus?: boolean;
+}
+export default OpenUI5Element;

package/dist/features/OpenUI5Element.js

@@ -0,0 +1,5 @@
+import UI5Element from "../UI5Element.js";
+class OpenUI5Element extends UI5Element {
+}
+export default OpenUI5Element;
+//# sourceMappingURL=OpenUI5Element.js.map

package/dist/features/OpenUI5Element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenUI5Element.js","sourceRoot":"","sources":["../../src/features/OpenUI5Element.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,MAAM,cAAe,SAAQ,UAAU;CAMtC;AAED,eAAe,cAAc,CAAC"}

package/dist/features/OpenUI5Enablement.d.ts

@@ -0,0 +1,11 @@
+import { TemplateResult } from "lit-html";
+import type UI5Element from "../UI5Element.js";
+import type OpenUI5Element from "./OpenUI5Element.js";
+declare class OpenUI5Enablement {
+    static wrapTemplateResultInBusyMarkup(html: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult, host: OpenUI5Element, templateResult: TemplateResult): TemplateResult<1 | 2>;
+    static enrichBusyIndicatorSettings(klass: typeof UI5Element): void;
+    static enrichBusyIndicatorMetadata(klass: typeof UI5Element): void;
+    static enrichBusyIndicatorMethods(UI5ElementPrototype: typeof OpenUI5Element.prototype): void;
+    static getBusyIndicatorStyles(): import("../types.js").StyleData;
+}
+export default OpenUI5Enablement;

package/dist/features/OpenUI5Enablement.js

@@ -1,119 +1,96 @@
 import { registerFeature } from "../FeaturesRegistry.js";
 import BusyIndicatorStyles from "../generated/css/BusyIndicator.css.js";
 import merge from "../thirdparty/merge.js";
-import {
-	isTabPrevious,
-} from "../Keys.js";
-
+import { isTabPrevious, } from "../Keys.js";
 const busyIndicatorMetadata = {
-	properties: {
-		__isBusy: {
-			type: Boolean,
-		},
-	},
+    properties: {
+        __isBusy: {
+            type: Boolean,
+        },
+    },
 };
-
-const getBusyIndicatorStyles = () => {
-	return BusyIndicatorStyles;
-};
-
-const wrapTemplateResultInBusyMarkup = (html, host, templateResult) => {
-	if (host.isOpenUI5Component && host.__isBusy) {
-		templateResult = html`
-		<div class="busy-indicator-wrapper">
-			<span tabindex="0" busy-indicator-before-span @focusin=${host.__suppressFocusIn}></span>
-			${templateResult}
-			<div class="busy-indicator-overlay"></div>
-			<div busy-indicator
-				class="busy-indicator-busy-area"
-				tabindex="0"
-				role="progressbar"
-				@keydown=${host.__suppressFocusBack}
-				aria-valuemin="0"
-				aria-valuemax="100"
-				aria-valuetext="Busy">
-				<div>
-					<div class="busy-indicator-circle circle-animation-0"></div>
-					<div class="busy-indicator-circle circle-animation-1"></div>
-					<div class="busy-indicator-circle circle-animation-2"></div>
+class OpenUI5Enablement {
+    static wrapTemplateResultInBusyMarkup(html, host, templateResult) {
+        if (host.isOpenUI5Component && host.__isBusy) {
+            templateResult = html `
+			<div class="busy-indicator-wrapper">
+				<span tabindex="0" busy-indicator-before-span @focusin=${host.__suppressFocusIn}></span>
+				${templateResult}
+				<div class="busy-indicator-overlay"></div>
+				<div busy-indicator
+					class="busy-indicator-busy-area"
+					tabindex="0"
+					role="progressbar"
+					@keydown=${host.__suppressFocusBack}
+					aria-valuemin="0"
+					aria-valuemax="100"
+					aria-valuetext="Busy">
+					<div>
+						<div class="busy-indicator-circle circle-animation-0"></div>
+						<div class="busy-indicator-circle circle-animation-1"></div>
+						<div class="busy-indicator-circle circle-animation-2"></div>
+					</div>
 				</div>
-			</div>
-		</div>`;
-	}
-
-	return templateResult;
-};
-
-const enrichBusyIndicatorMetadata = UI5Element => {
-	UI5Element.metadata = merge(UI5Element.metadata, busyIndicatorMetadata);
-};
-
-const enrichBusyIndicatorMethods = UI5ElementPrototype => {
-	Object.defineProperties(UI5ElementPrototype, {
-		"__redirectFocus": { value: true, writable: true },
-		"__suppressFocusBack": {
-			get() {
-				const that = this;
-
-				return {
-					handleEvent: e => {
-						if (isTabPrevious(e)) {
-							const beforeElem = that.shadowRoot.querySelector("[busy-indicator-before-span]");
-							that.__redirectFocus = false;
-							beforeElem.focus();
-							that.__redirectFocus = true;
-						}
-					},
-					capture: true,
-					passive: false,
-				};
-			},
-		},
-		"isOpenUI5Component": { get: () => { return true; } },
-	});
-
-	UI5ElementPrototype.__suppressFocusIn = function handleFocusIn() {
-		const busyIndicator = this.shadowRoot.querySelector("[busy-indicator]");
-		if (busyIndicator && this.__redirectFocus) {
-			busyIndicator.focus();
-		}
-	};
-
-	UI5ElementPrototype.getDomRef = function getDomRef() {
-		// If a component set _getRealDomRef to its children, use the return value of this function
-		if (typeof this._getRealDomRef === "function") {
-			return this._getRealDomRef();
-		}
-
-		if (!this.shadowRoot || this.shadowRoot.children.length === 0) {
-			return;
-		}
-
-		const children = [...this.shadowRoot.children].filter(child => !["link", "style"].includes(child.localName));
-
-		if (children.length !== 1) {
-			console.warn(`The shadow DOM for ${this.constructor.getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`); // eslint-disable-line
-		}
-
-		if (this.__isBusy) {
-			return children[0].querySelector(".busy-indicator-wrapper > :not([busy-indicator-before-span]):not(.busy-indicator-overlay):not(.busy-indicator-busy-area)");
-		}
-
-		return children[0];
-	};
-};
-
-const enrichBusyIndicatorSettings = UI5Element => {
-	enrichBusyIndicatorMetadata(UI5Element);
-	enrichBusyIndicatorMethods(UI5Element.prototype);
-};
-
-const OpenUI5Enablement = {
-	enrichBusyIndicatorSettings,
-	wrapTemplateResultInBusyMarkup,
-	getBusyIndicatorStyles,
-};
-
-export default OpenUI5Enablement;
-
+			</div>`;
+        }
+        return templateResult;
+    }
+    static enrichBusyIndicatorSettings(klass) {
+        OpenUI5Enablement.enrichBusyIndicatorMetadata(klass);
+        OpenUI5Enablement.enrichBusyIndicatorMethods(klass.prototype);
+    }
+    static enrichBusyIndicatorMetadata(klass) {
+        klass.metadata = merge(klass.metadata, busyIndicatorMetadata);
+    }
+    static enrichBusyIndicatorMethods(UI5ElementPrototype) {
+        Object.defineProperties(UI5ElementPrototype, {
+            "__redirectFocus": { value: true, writable: true },
+            "__suppressFocusBack": {
+                get() {
+                    return {
+                        handleEvent: (e) => {
+                            if (isTabPrevious(e)) {
+                                const beforeElem = this.shadowRoot.querySelector("[busy-indicator-before-span]");
+                                this.__redirectFocus = false;
+                                beforeElem.focus();
+                                this.__redirectFocus = true;
+                            }
+                        },
+                        capture: true,
+                        passive: false,
+                    };
+                },
+            },
+            "isOpenUI5Component": { get: () => { return true; } },
+        });
+        UI5ElementPrototype.__suppressFocusIn = function handleFocusIn() {
+            const busyIndicator = this.shadowRoot?.querySelector("[busy-indicator]");
+            if (busyIndicator && this.__redirectFocus) {
+                busyIndicator.focus();
+            }
+        };
+        UI5ElementPrototype.getDomRef = function getDomRef() {
+            // If a component set _getRealDomRef to its children, use the return value of this function
+            if (typeof this._getRealDomRef === "function") {
+                return this._getRealDomRef();
+            }
+            if (!this.shadowRoot || this.shadowRoot.children.length === 0) {
+                return;
+            }
+            const children = [...this.shadowRoot.children].filter(child => !["link", "style"].includes(child.localName));
+            if (children.length !== 1) {
+                console.warn(`The shadow DOM for ${this.constructor.getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`); // eslint-disable-line
+            }
+            if (this.__isBusy) {
+                return children[0].querySelector(".busy-indicator-wrapper > :not([busy-indicator-before-span]):not(.busy-indicator-overlay):not(.busy-indicator-busy-area)");
+            }
+            return children[0];
+        };
+    }
+    static getBusyIndicatorStyles() {
+        return BusyIndicatorStyles;
+    }
+}
 registerFeature("OpenUI5Enablement", OpenUI5Enablement);
+export default OpenUI5Enablement;
+//# sourceMappingURL=OpenUI5Enablement.js.map

package/dist/features/OpenUI5Enablement.js.map

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

package/dist/features/OpenUI5Support.d.ts

@@ -0,0 +1,23 @@
+import { CLDRData } from "../asset-registries/LocaleData.js";
+declare class OpenUI5Support {
+    static isLoaded(): boolean;
+    static init(): Promise<void>;
+    static getConfigurationSettingsObject(): {
+        animationMode: string;
+        language: string;
+        theme: string;
+        themeRoot: string;
+        rtl: string;
+        calendarType: string;
+        formatSettings: {
+            firstDayOfWeek: any;
+        };
+    } | undefined;
+    static getLocaleDataObject(): CLDRData | undefined;
+    static _listenForThemeChange(): void;
+    static attachListeners(): void;
+    static cssVariablesLoaded(): boolean | undefined;
+    static getNextZIndex(): number | undefined;
+    static setInitialZIndex(): void;
+}
+export default OpenUI5Support;