@ui5/webcomponents-base 0.0.0-2db62badf → 0.0.0-2f7664755

package/dist/Render.d.ts

@@ -0,0 +1,47 @@
+import type UI5Element from "./UI5Element.js";
+type BeforeComponentRenderCallback = (webComponent: UI5Element) => void;
+/**
+ * Schedules a render task (if not already scheduled) to render the component
+ *
+ * @param webComponent
+ * @returns {Promise}
+ */
+declare const renderDeferred: (webComponent: UI5Element) => Promise<void>;
+/**
+ * Renders a component synchronously and adds it to the registry of rendered components
+ *
+ * @param webComponent
+ */
+declare const renderImmediately: (webComponent: UI5Element) => void;
+/**
+ * Cancels the rendering of a component, if awaiting to be rendered, and removes it from the registry of rendered components
+ *
+ * @param webComponent
+ */
+declare const cancelRender: (webComponent: UI5Element) => void;
+declare const renderFinished: () => Promise<void>;
+/**
+ * Re-renders all UI5 Elements on the page, with the option to specify filters to rerender only some components.
+ *
+ * Usage:
+ * reRenderAllUI5Elements() -> re-renders all components
+ * reRenderAllUI5Elements({tag: "ui5-button"}) -> re-renders only instances of ui5-button
+ * reRenderAllUI5Elements({rtlAware: true}) -> re-renders only rtlAware components
+ * reRenderAllUI5Elements({languageAware: true}) -> re-renders only languageAware components
+ * reRenderAllUI5Elements({themeAware: true}) -> re-renders only themeAware components
+ * reRenderAllUI5Elements({rtlAware: true, languageAware: true}) -> re-renders components that are rtlAware or languageAware
+ * etc...
+ *
+ * @public
+ * @param {object|undefined} filters - Object with keys that can be "rtlAware" or "languageAware"
+ * @returns {Promise<void>}
+ */
+declare const reRenderAllUI5Elements: (filters?: {
+    tag?: string;
+    rtlAware?: boolean;
+    languageAware?: boolean;
+    themeAware?: boolean;
+}) => Promise<void>;
+declare const attachBeforeComponentRender: (listener: BeforeComponentRenderCallback) => void;
+declare const detachBeforeComponentRender: (listener: BeforeComponentRenderCallback) => void;
+export { renderDeferred, renderImmediately, cancelRender, renderFinished, reRenderAllUI5Elements, attachBeforeComponentRender, detachBeforeComponentRender, };

package/dist/Render.js

@@ -0,0 +1,143 @@
+import EventProvider from "./EventProvider.js";
+import RenderQueue from "./RenderQueue.js";
+import { getAllRegisteredTags } from "./CustomElementsRegistry.js";
+import { isRtlAware } from "./locale/RTLAwareRegistry.js";
+const registeredElements = new Set();
+const eventProvider = new EventProvider();
+const invalidatedWebComponents = new RenderQueue(); // Queue for invalidated web components
+let renderTaskPromise, renderTaskPromiseResolve;
+let mutationObserverTimer;
+let queuePromise;
+/**
+ * Schedules a render task (if not already scheduled) to render the component
+ *
+ * @param webComponent
+ * @returns {Promise}
+ */
+const renderDeferred = async (webComponent) => {
+    // Enqueue the web component
+    invalidatedWebComponents.add(webComponent);
+    // Schedule a rendering task
+    await scheduleRenderTask();
+};
+/**
+ * Renders a component synchronously and adds it to the registry of rendered components
+ *
+ * @param webComponent
+ */
+const renderImmediately = (webComponent) => {
+    eventProvider.fireEvent("beforeComponentRender", webComponent);
+    registeredElements.add(webComponent);
+    webComponent._render();
+};
+/**
+ * Cancels the rendering of a component, if awaiting to be rendered, and removes it from the registry of rendered components
+ *
+ * @param webComponent
+ */
+const cancelRender = (webComponent) => {
+    invalidatedWebComponents.remove(webComponent);
+    registeredElements.delete(webComponent);
+};
+/**
+ * Schedules a rendering task, if not scheduled already
+ */
+const scheduleRenderTask = async () => {
+    if (!queuePromise) {
+        queuePromise = new Promise(resolve => {
+            window.requestAnimationFrame(() => {
+                // Render all components in the queue
+                // console.log(`--------------------RENDER TASK START------------------------------`); // eslint-disable-line
+                invalidatedWebComponents.process(renderImmediately);
+                // console.log(`--------------------RENDER TASK END------------------------------`); // eslint-disable-line
+                // Resolve the promise so that callers of renderDeferred can continue
+                queuePromise = null;
+                resolve();
+                // Wait for Mutation observer before the render task is considered finished
+                if (!mutationObserverTimer) {
+                    mutationObserverTimer = setTimeout(() => {
+                        mutationObserverTimer = undefined;
+                        if (invalidatedWebComponents.isEmpty()) {
+                            _resolveTaskPromise();
+                        }
+                    }, 200);
+                }
+            });
+        });
+    }
+    await queuePromise;
+};
+/**
+ * return a promise that will be resolved once all invalidated web components are rendered
+ */
+const whenDOMUpdated = () => {
+    if (renderTaskPromise) {
+        return renderTaskPromise;
+    }
+    renderTaskPromise = new Promise(resolve => {
+        renderTaskPromiseResolve = resolve;
+        window.requestAnimationFrame(() => {
+            if (invalidatedWebComponents.isEmpty()) {
+                renderTaskPromise = undefined;
+                resolve();
+            }
+        });
+    });
+    return renderTaskPromise;
+};
+const whenAllCustomElementsAreDefined = () => {
+    const definedPromises = getAllRegisteredTags().map(tag => customElements.whenDefined(tag));
+    return Promise.all(definedPromises);
+};
+const renderFinished = async () => {
+    await whenAllCustomElementsAreDefined();
+    await whenDOMUpdated();
+};
+const _resolveTaskPromise = () => {
+    if (!invalidatedWebComponents.isEmpty()) {
+        // More updates are pending. Resolve will be called again
+        return;
+    }
+    if (renderTaskPromiseResolve) {
+        renderTaskPromiseResolve();
+        renderTaskPromiseResolve = undefined;
+        renderTaskPromise = undefined;
+    }
+};
+/**
+ * Re-renders all UI5 Elements on the page, with the option to specify filters to rerender only some components.
+ *
+ * Usage:
+ * reRenderAllUI5Elements() -> re-renders all components
+ * reRenderAllUI5Elements({tag: "ui5-button"}) -> re-renders only instances of ui5-button
+ * reRenderAllUI5Elements({rtlAware: true}) -> re-renders only rtlAware components
+ * reRenderAllUI5Elements({languageAware: true}) -> re-renders only languageAware components
+ * reRenderAllUI5Elements({themeAware: true}) -> re-renders only themeAware components
+ * reRenderAllUI5Elements({rtlAware: true, languageAware: true}) -> re-renders components that are rtlAware or languageAware
+ * etc...
+ *
+ * @public
+ * @param {object|undefined} filters - Object with keys that can be "rtlAware" or "languageAware"
+ * @returns {Promise<void>}
+ */
+const reRenderAllUI5Elements = async (filters) => {
+    registeredElements.forEach((element) => {
+        const ctor = element.constructor;
+        const tag = ctor.getMetadata().getTag();
+        const rtlAware = isRtlAware(ctor);
+        const languageAware = ctor.getMetadata().isLanguageAware();
+        const themeAware = ctor.getMetadata().isThemeAware();
+        if (!filters || (filters.tag === tag) || (filters.rtlAware && rtlAware) || (filters.languageAware && languageAware) || (filters.themeAware && themeAware)) {
+            renderDeferred(element);
+        }
+    });
+    await renderFinished();
+};
+const attachBeforeComponentRender = (listener) => {
+    eventProvider.attachEvent("beforeComponentRender", listener);
+};
+const detachBeforeComponentRender = (listener) => {
+    eventProvider.detachEvent("beforeComponentRender", listener);
+};
+export { renderDeferred, renderImmediately, cancelRender, renderFinished, reRenderAllUI5Elements, attachBeforeComponentRender, detachBeforeComponentRender, };
+//# sourceMappingURL=Render.js.map

package/dist/Render.js.map

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

package/dist/RenderQueue.d.ts

@@ -0,0 +1,19 @@
+import type UI5Element from "./UI5Element.js";
+declare class RenderQueue {
+    list: Array<UI5Element>;
+    lookup: Set<UI5Element>;
+    constructor();
+    add(webComponent: UI5Element): void;
+    remove(webComponent: UI5Element): void;
+    shift(): UI5Element | undefined;
+    isEmpty(): boolean;
+    isAdded(webComponent: UI5Element): boolean;
+    /**
+     * Processes the whole queue by executing the callback on each component,
+     * while also imposing restrictions on how many times a component may be processed.
+     *
+     * @param callback - function with one argument (the web component to be processed)
+     */
+    process(callback: (el: UI5Element) => void): void;
+}
+export default RenderQueue;

package/dist/RenderQueue.js

@@ -1,42 +1,56 @@
+const MAX_PROCESS_COUNT = 10;
 class RenderQueue {
-	constructor() {
-		this.list = []; // Used to store the web components in order
-		this.promises = new Map(); // Used to store promises for web component rendering
-	}
-
-	add(webComponent) {
-		if (this.promises.has(webComponent)) {
-			return this.promises.get(webComponent);
-		}
-
-		let deferredResolve;
-		const promise = new Promise(resolve => {
-			deferredResolve = resolve;
-		});
-		promise._deferredResolve = deferredResolve;
-
-		this.list.push(webComponent);
-		this.promises.set(webComponent, promise);
-
-		return promise;
-	}
-
-	shift() {
-		const webComponent = this.list.shift();
-		if (webComponent) {
-			const promise = this.promises.get(webComponent);
-			this.promises.delete(webComponent);
-			return { webComponent, promise };
-		}
-	}
-
-	getList() {
-		return this.list;
-	}
-
-	isAdded(webComponent) {
-		return this.promises.has(webComponent);
-	}
+    constructor() {
+        this.list = []; // Used to store the web components in order
+        this.lookup = new Set(); // Used for faster search
+    }
+    add(webComponent) {
+        if (this.lookup.has(webComponent)) {
+            return;
+        }
+        this.list.push(webComponent);
+        this.lookup.add(webComponent);
+    }
+    remove(webComponent) {
+        if (!this.lookup.has(webComponent)) {
+            return;
+        }
+        this.list = this.list.filter(item => item !== webComponent);
+        this.lookup.delete(webComponent);
+    }
+    shift() {
+        const webComponent = this.list.shift();
+        if (webComponent) {
+            this.lookup.delete(webComponent);
+            return webComponent;
+        }
+    }
+    isEmpty() {
+        return this.list.length === 0;
+    }
+    isAdded(webComponent) {
+        return this.lookup.has(webComponent);
+    }
+    /**
+     * Processes the whole queue by executing the callback on each component,
+     * while also imposing restrictions on how many times a component may be processed.
+     *
+     * @param callback - function with one argument (the web component to be processed)
+     */
+    process(callback) {
+        let webComponent;
+        const stats = new Map();
+        webComponent = this.shift();
+        while (webComponent) {
+            const timesProcessed = stats.get(webComponent) || 0;
+            if (timesProcessed > MAX_PROCESS_COUNT) {
+                throw new Error(`Web component processed too many times this task, max allowed is: ${MAX_PROCESS_COUNT}`);
+            }
+            callback(webComponent);
+            stats.set(webComponent, timesProcessed + 1);
+            webComponent = this.shift();
+        }
+    }
 }
-
 export default RenderQueue;
+//# sourceMappingURL=RenderQueue.js.map

package/dist/RenderQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderQueue.js","sourceRoot":"","sources":["../src/RenderQueue.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,WAAW;IAIhB;QACC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,4CAA4C;QAC5D,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC,yBAAyB;IACnD,CAAC;IAED,GAAG,CAAC,YAAwB;QAC3B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAClC,OAAO;SACP;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,CAAC,YAAwB;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YACnC,OAAO;SACP;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;QAC5D,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAClC,CAAC;IAED,KAAK;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QACvC,IAAI,YAAY,EAAE;YACjB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACjC,OAAO,YAAY,CAAC;SACpB;IACF,CAAC;IAED,OAAO;QACN,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CAAC,YAAwB;QAC/B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IACtC,CAAC;IAED;;;;;OAKG;IACH,OAAO,CAAC,QAAkC;QACzC,IAAI,YAAY,CAAC;QACjB,MAAM,KAAK,GAAG,IAAI,GAAG,EAAsB,CAAC;QAE5C,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC5B,OAAO,YAAY,EAAE;YACpB,MAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACpD,IAAI,cAAc,GAAG,iBAAiB,EAAE;gBACvC,MAAM,IAAI,KAAK,CAAC,qEAAqE,iBAAiB,EAAE,CAAC,CAAC;aAC1G;YACD,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC;YAC5C,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;SAC5B;IACF,CAAC;CACD;AAED,eAAe,WAAW,CAAC"}

package/dist/Runtimes.d.ts

@@ -0,0 +1,27 @@
+type RuntimeData = VersionInfo & {
+    alias: string;
+    description: string;
+};
+/**
+ * Registers the current runtime in the shared runtimes resource registry
+ */
+declare const registerCurrentRuntime: () => void;
+/**
+ * Returns the index of the current runtime's object in the shared runtimes resource registry
+ * @returns {*}
+ */
+declare const getCurrentRuntimeIndex: () => number;
+/**
+ * Compares two runtimes and returns 1 if the first is of a bigger version, -1 if the second is of a bigger version, and 0 if equal
+ * @param index1 The index of the first runtime to compare
+ * @param index2 The index of the second runtime to compare
+ * @returns {number}
+ */
+declare const compareRuntimes: (index1: number, index2: number) => number;
+/**
+ * Set an alias for the the current app/library/microfrontend which will appear in debug messages and console warnings
+ * @param alias
+ */
+declare const setRuntimeAlias: (alias: string) => void;
+declare const getAllRuntimes: () => RuntimeData[];
+export { getCurrentRuntimeIndex, registerCurrentRuntime, compareRuntimes, setRuntimeAlias, getAllRuntimes, };

package/dist/Runtimes.js

@@ -0,0 +1,86 @@
+import VersionInfo from "./generated/VersionInfo.js";
+import getSharedResource from "./getSharedResource.js";
+let currentRuntimeIndex;
+let currentRuntimeAlias = "";
+const compareCache = new Map();
+/**
+ * Central registry where all runtimes register themselves by pushing an object.
+ * The index in the registry servers as an ID for the runtime.
+ * @type {*}
+ */
+const Runtimes = getSharedResource("Runtimes", []);
+/**
+ * Registers the current runtime in the shared runtimes resource registry
+ */
+const registerCurrentRuntime = () => {
+    if (currentRuntimeIndex === undefined) {
+        currentRuntimeIndex = Runtimes.length;
+        const versionInfo = VersionInfo;
+        Runtimes.push({
+            ...versionInfo,
+            alias: currentRuntimeAlias,
+            description: `Runtime ${currentRuntimeIndex} - ver ${versionInfo.version}${currentRuntimeAlias ? ` (${currentRuntimeAlias})` : ""}`,
+        });
+    }
+};
+/**
+ * Returns the index of the current runtime's object in the shared runtimes resource registry
+ * @returns {*}
+ */
+const getCurrentRuntimeIndex = () => {
+    return currentRuntimeIndex;
+};
+/**
+ * Compares two runtimes and returns 1 if the first is of a bigger version, -1 if the second is of a bigger version, and 0 if equal
+ * @param index1 The index of the first runtime to compare
+ * @param index2 The index of the second runtime to compare
+ * @returns {number}
+ */
+const compareRuntimes = (index1, index2) => {
+    const cacheIndex = `${index1},${index2}`;
+    if (compareCache.has(cacheIndex)) {
+        return compareCache.get(cacheIndex);
+    }
+    const runtime1 = Runtimes[index1];
+    const runtime2 = Runtimes[index2];
+    if (!runtime1 || !runtime2) {
+        throw new Error("Invalid runtime index supplied");
+    }
+    // If any of the two is a next version, bigger buildTime wins
+    if (runtime1.isNext || runtime2.isNext) {
+        return runtime1.buildTime - runtime2.buildTime;
+    }
+    // If major versions differ, bigger one wins
+    const majorDiff = runtime1.major - runtime2.major;
+    if (majorDiff) {
+        return majorDiff;
+    }
+    // If minor versions differ, bigger one wins
+    const minorDiff = runtime1.minor - runtime2.minor;
+    if (minorDiff) {
+        return minorDiff;
+    }
+    // If patch versions differ, bigger one wins
+    const patchDiff = runtime1.patch - runtime2.patch;
+    if (patchDiff) {
+        return patchDiff;
+    }
+    // Bigger suffix wins, f.e. rc10 > rc9
+    // Important: suffix is alphanumeric, must use natural compare
+    const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: "base" });
+    const result = collator.compare(runtime1.suffix, runtime2.suffix);
+    compareCache.set(cacheIndex, result);
+    return result;
+};
+/**
+ * Set an alias for the the current app/library/microfrontend which will appear in debug messages and console warnings
+ * @param alias
+ */
+const setRuntimeAlias = (alias) => {
+    currentRuntimeAlias = alias;
+};
+const getAllRuntimes = () => {
+    return Runtimes;
+};
+export { getCurrentRuntimeIndex, registerCurrentRuntime, compareRuntimes, setRuntimeAlias, getAllRuntimes, };
+//# sourceMappingURL=Runtimes.js.map

package/dist/Runtimes.js.map

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

package/dist/StaticArea.js

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

package/dist/StaticArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticArea.js","sourceRoot":"","sources":["../src/StaticArea.ts"],"names":[],"mappings":";AAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,KAAM,SAAQ,WAAW;KAAG,CAAC,CAAC;CACvE"}

package/dist/StaticAreaItem.d.ts

@@ -0,0 +1,36 @@
+import "./StaticArea.js";
+import type UI5Element from "./UI5Element.js";
+/**
+ *
+ * @class
+ * @author SAP SE
+ * @private
+ */
+declare class StaticAreaItem extends HTMLElement {
+    _rendered: boolean;
+    ownerElement?: UI5Element;
+    constructor();
+    /**
+     * @param {UI5Element} ownerElement the UI5Element instance that owns this static area item
+     */
+    setOwnerElement(ownerElement: UI5Element): void;
+    /**
+     * Updates the shadow root of the static area item with the latest state, if rendered
+     */
+    update(): void;
+    /**
+     * Sets the correct content density based on the owner element's state
+     * @private
+     */
+    _updateContentDensity(): void;
+    _updateDirection(): void;
+    _updateAdditionalAttrs(): void;
+    /**
+     * @protected
+     * Returns reference to the DOM element where the current fragment is added.
+     */
+    getDomRef(): Promise<ShadowRoot | null>;
+    static getTag(): string;
+    static createInstance(): StaticAreaItem;
+}
+export default StaticAreaItem;

package/dist/StaticAreaItem.js

@@ -0,0 +1,99 @@
+import "./StaticArea.js";
+import updateShadowRoot from "./updateShadowRoot.js";
+import { renderFinished } from "./Render.js";
+import getEffectiveContentDensity from "./util/getEffectiveContentDensity.js";
+import { getEffectiveScopingSuffixForTag } from "./CustomElementsScopeUtils.js";
+import getEffectiveDir from "./locale/getEffectiveDir.js";
+const pureTagName = "ui5-static-area-item";
+const popupIntegrationAttr = "data-sap-ui-integration-popup-content";
+/**
+ *
+ * @class
+ * @author SAP SE
+ * @private
+ */
+class StaticAreaItem extends HTMLElement {
+    constructor() {
+        super();
+        this._rendered = false;
+        this.attachShadow({ mode: "open" });
+    }
+    /**
+     * @param {UI5Element} ownerElement the UI5Element instance that owns this static area item
+     */
+    setOwnerElement(ownerElement) {
+        this.ownerElement = ownerElement;
+        this.classList.add(this.ownerElement._id); // used for getting the popover in the tests
+        if (this.ownerElement.hasAttribute("data-ui5-static-stable")) {
+            this.setAttribute("data-ui5-stable", this.ownerElement.getAttribute("data-ui5-static-stable")); // stable selector
+        }
+    }
+    /**
+     * Updates the shadow root of the static area item with the latest state, if rendered
+     */
+    update() {
+        if (this._rendered) {
+            this._updateAdditionalAttrs();
+            this._updateContentDensity();
+            this._updateDirection();
+            updateShadowRoot(this.ownerElement, true);
+        }
+    }
+    /**
+     * Sets the correct content density based on the owner element's state
+     * @private
+     */
+    _updateContentDensity() {
+        if (getEffectiveContentDensity(this.ownerElement) === "compact") {
+            this.classList.add("sapUiSizeCompact");
+            this.classList.add("ui5-content-density-compact");
+        }
+        else {
+            this.classList.remove("sapUiSizeCompact");
+            this.classList.remove("ui5-content-density-compact");
+        }
+    }
+    _updateDirection() {
+        if (this.ownerElement) {
+            const dir = getEffectiveDir(this.ownerElement);
+            if (dir) {
+                this.setAttribute("dir", dir);
+            }
+            else {
+                this.removeAttribute("dir");
+            }
+        }
+    }
+    _updateAdditionalAttrs() {
+        this.setAttribute(pureTagName, "");
+        this.setAttribute(popupIntegrationAttr, "");
+    }
+    /**
+     * @protected
+     * Returns reference to the DOM element where the current fragment is added.
+     */
+    async getDomRef() {
+        this._updateContentDensity();
+        if (!this._rendered) {
+            this._rendered = true;
+            updateShadowRoot(this.ownerElement, true);
+        }
+        await renderFinished(); // Wait for the content of the ui5-static-area-item to be rendered
+        return this.shadowRoot;
+    }
+    static getTag() {
+        const suffix = getEffectiveScopingSuffixForTag(pureTagName);
+        if (!suffix) {
+            return pureTagName;
+        }
+        return `${pureTagName}-${suffix}`;
+    }
+    static createInstance() {
+        if (!customElements.get(StaticAreaItem.getTag())) {
+            customElements.define(StaticAreaItem.getTag(), StaticAreaItem);
+        }
+        return document.createElement(this.getTag());
+    }
+}
+export default StaticAreaItem;
+//# sourceMappingURL=StaticAreaItem.js.map

package/dist/StaticAreaItem.js.map

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

package/dist/SystemCSSVars.d.ts

@@ -0,0 +1,2 @@
+declare const insertSystemCSSVars: () => void;
+export default insertSystemCSSVars;

package/dist/SystemCSSVars.js

@@ -0,0 +1,9 @@
+import { hasStyle, createStyle } from "./ManagedStyles.js";
+import systemCSSVars from "./generated/css/SystemCSSVars.css.js";
+const insertSystemCSSVars = () => {
+    if (!hasStyle("data-ui5-system-css-vars")) {
+        createStyle(systemCSSVars, "data-ui5-system-css-vars");
+    }
+};
+export default insertSystemCSSVars;
+//# sourceMappingURL=SystemCSSVars.js.map

package/dist/SystemCSSVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemCSSVars.js","sourceRoot":"","sources":["../src/SystemCSSVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAChC,IAAI,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE;QAC1C,WAAW,CAAC,aAAa,EAAE,0BAA0B,CAAC,CAAC;KACvD;AACF,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Theming.d.ts

@@ -0,0 +1,3 @@
+import { addCustomCSS } from "./theming/CustomStyle.js";
+import { attachThemeLoaded, detachThemeLoaded } from "./theming/ThemeLoaded.js";
+export { addCustomCSS, attachThemeLoaded, detachThemeLoaded };