@needle-tools/engine 3.28.6-beta → 3.28.7-beta.1

package/lib/engine/engine_element_loading.js

@@ -1,313 +1,313 @@
-import { showBalloonWarning } from "./debug/index.js";
-import { Mathf } from "./engine_math.js";
-import { getParam } from "./engine_utils.js";
-import { logoSVG } from "./assets/index.js";
-import { hasCommercialLicense, hasProLicense, runtimeLicenseCheckPromise } from "./engine_license.js";
-const debug = getParam("debugloading");
-const debugRendering = getParam("debugloadingrendering");
-const debugLicense = getParam("debuglicense");
-export class LoadingElementOptions {
-    className;
-    additionalClasses;
-}
-let currentFileProgress = 0;
-let currentFileName;
-export function calculateProgress01(progress) {
-    if (debug)
-        console.log(progress.progress.loaded.toFixed(0) + "/" + progress.progress.total.toFixed(0), progress);
-    const count = progress.count;
-    const total = progress.progress.total;
-    // if the progress event total amount is unknown / not reported
-    // we slowly move the progress bar forward
-    if (total === 0 || total === undefined) {
-        // reset the temp progress when the file has changed
-        if (currentFileName !== progress.name)
-            currentFileProgress = 0;
-        currentFileName = progress.name;
-        // slowly move the progress bar forward
-        currentFileProgress += (1 - currentFileProgress) * .001;
-        if (debug)
-            showBalloonWarning("Loading " + progress.name + " did not report total size");
-    }
-    else {
-        currentFileProgress = progress.progress.loaded / total;
-    }
-    const prog = progress.index / count + currentFileProgress / count;
-    return Mathf.clamp01(prog);
-}
-export class EngineLoadingView {
-    static LoadingContainerClassName = "loading";
-    // the raw progress
-    loadingProgress = 0;
-    /** Usually the NeedleEngineHTMLElement */
-    _element;
-    _progress = 0;
-    _allowCustomLoadingElement = true;
-    _loadingElement;
-    _loadingTextContainer = null;
-    _loadingBar = null;
-    _messageContainer = null;
-    _loadingElementOptions;
-    /**
-     * Creates a new loading view
-     * @param owner the element that will contain the loading view (should be the NeedleEngineHTMLElement)
-     */
-    constructor(owner, opts) {
-        this._element = owner;
-        this._loadingElementOptions = opts;
-    }
-    async onLoadingBegin(message) {
-        const _element = this._element.shadowRoot || this._element;
-        if (debug)
-            console.warn("Begin Loading");
-        if (!this._loadingElement) {
-            for (let i = 0; i < _element.children.length; i++) {
-                const el = _element.children[i];
-                if (el.classList.contains(EngineLoadingView.LoadingContainerClassName)) {
-                    if (!this._allowCustomLoadingElement) {
-                        if (debug)
-                            console.warn("Remove custom loading container");
-                        _element.removeChild(el);
-                        continue;
-                    }
-                    this._loadingElement = this.createLoadingElement(el);
-                }
-            }
-            if (!this._loadingElement)
-                this._loadingElement = this.createLoadingElement();
-        }
-        this._progress = 0;
-        this.loadingProgress = 0;
-        this._loadingElement.style.display = "flex";
-        _element.appendChild(this._loadingElement);
-        this.smoothProgressLoop();
-        this.setMessage(message ?? "");
-    }
-    onLoadingUpdate(progress, message) {
-        if (!this._loadingElement?.parentNode) {
-            return;
-        }
-        // console.log(callback.name, callback.progress.loaded / callback.progress.total, callback.index + "/" + callback.count);
-        let total01 = 0;
-        if (typeof progress === "number") {
-            total01 = progress;
-        }
-        else {
-            if ("index" in progress)
-                total01 = calculateProgress01(progress);
-            if (!message && "name" in progress)
-                this.setMessage("loading " + progress.name);
-        }
-        this.loadingProgress = total01;
-        if (message)
-            this.setMessage(message);
-        this.updateDisplay();
-    }
-    onLoadingFinished() {
-        if (debug)
-            console.warn("Finished Loading");
-        if (!debugRendering) {
-            this.loadingProgress = 1;
-            this.onDoneLoading();
-        }
-    }
-    setMessage(message) {
-        if (this._messageContainer) {
-            this._messageContainer.innerText = message;
-        }
-    }
-    _progressLoop;
-    smoothProgressLoop() {
-        if (this._progressLoop)
-            return;
-        let dt = 1 / 12;
-        if (debugRendering) {
-            dt = 1 / 500;
-            if (typeof debugRendering === "number")
-                dt *= debugRendering;
-        }
-        this._progressLoop = setInterval(() => {
-            // increase loading speed when almost done
-            if (this.loadingProgress >= .95 && !debugRendering)
-                dt = .9;
-            this._progress = Mathf.lerp(this._progress, this.loadingProgress, dt * this.loadingProgress);
-            this.updateDisplay();
-        }, dt);
-    }
-    onDoneLoading() {
-        if (this._loadingElement) {
-            if (debug)
-                console.log("Hiding loading element");
-            this._loadingElement.style.display = "none";
-            this._loadingElement.remove();
-        }
-        if (this._progressLoop)
-            clearInterval(this._progressLoop);
-        this._progressLoop = null;
-    }
-    updateDisplay() {
-        const t = this._progress;
-        const percent = (t * 100).toFixed(0) + "%";
-        if (this._loadingBar) {
-            this._loadingBar.style.width = t * 100 + "%";
-        }
-        if (this._loadingTextContainer)
-            this._loadingTextContainer.textContent = percent;
-    }
-    createLoadingElement(existing) {
-        if (debug && !existing)
-            console.log("Creating loading element");
-        this._loadingElement = existing || document.createElement("div");
-        let loadingStyle = this._element.getAttribute("loading-style");
-        if (loadingStyle === "auto") {
-            if (window.matchMedia('(prefers-color-scheme: dark)').matches)
-                loadingStyle = "dark";
-            else
-                loadingStyle = "light";
-        }
-        const hasLicense = hasProLicense();
-        if (!existing) {
-            this._loadingElement.style.position = "absolute";
-            this._loadingElement.style.width = "100%";
-            this._loadingElement.style.height = "100%";
-            this._loadingElement.style.left = "0";
-            this._loadingElement.style.top = "0";
-            if (loadingStyle === "light")
-                this._loadingElement.style.backgroundColor = "#ddd";
-            else
-                this._loadingElement.style.backgroundColor = "#222";
-            this._loadingElement.style.display = "flex";
-            this._loadingElement.style.alignItems = "center";
-            this._loadingElement.style.justifyContent = "center";
-            this._loadingElement.style.zIndex = Number.MAX_SAFE_INTEGER.toString();
-            this._loadingElement.style.flexDirection = "column";
-            this._loadingElement.style.pointerEvents = "none";
-            this._loadingElement.style.color = "white";
-            if (loadingStyle === "light")
-                this._loadingElement.style.color = "rgba(0,0,0,.8)";
-            else
-                this._loadingElement.style.color = "rgba(255,255,255,.5)";
-            if (hasLicense && this._element) {
-                const loadingBackgroundColor = this._element.getAttribute("loading-background-color");
-                if (loadingBackgroundColor) {
-                    this._loadingElement.style.backgroundColor = loadingBackgroundColor;
-                }
-                const textColor = this._element.getAttribute("loading-text-color");
-                if (textColor) {
-                    this._loadingElement.style.color = textColor;
-                }
-            }
-        }
-        const className = this._loadingElementOptions?.className ?? EngineLoadingView.LoadingContainerClassName;
-        this._loadingElement.classList.add(className);
-        if (this._loadingElementOptions?.additionalClasses) {
-            for (const c of this._loadingElementOptions.additionalClasses) {
-                this._loadingElement.classList.add(c);
-            }
-        }
-        const loadingBarContainer = document.createElement("div");
-        const maxWidth = 30;
-        loadingBarContainer.style.display = "flex";
-        loadingBarContainer.style.width = maxWidth + "%";
-        loadingBarContainer.style.height = "2px";
-        if (loadingStyle === "light")
-            loadingBarContainer.style.backgroundColor = "rgba(0,0,0,.2)";
-        else
-            loadingBarContainer.style.backgroundColor = "rgba(255,255,255,.2)";
-        // loadingBarContainer.style.alignItems = "center";
-        const logo = document.createElement("img");
-        const logoSize = 64;
-        logo.style.width = `${logoSize}px`;
-        logo.style.height = `${logoSize}px`;
-        logo.style.marginBottom = "20px";
-        logo.style.userSelect = "none";
-        logo.style.objectFit = "contain";
-        logo.src = logoSVG;
-        let isUsingCustomLogo = false;
-        if (hasLicense && this._element) {
-            const customLogo = this._element.getAttribute("loading-logo-src");
-            if (customLogo) {
-                isUsingCustomLogo = true;
-                logo.src = customLogo;
-            }
-        }
-        if (!isUsingCustomLogo) {
-            logo.style.cursor = "pointer";
-            logo.style.pointerEvents = "all";
-            logo.addEventListener("click", () => window.open("https://needle.tools", "_blank"));
-        }
-        this._loadingElement.appendChild(logo);
-        this._loadingElement.appendChild(loadingBarContainer);
-        this._loadingBar = document.createElement("div");
-        loadingBarContainer.appendChild(this._loadingBar);
-        const getGradientPos = function (t) {
-            return Mathf.lerp(maxWidth * .5, 100 - maxWidth * .5, t) + "%";
-        };
-        this._loadingBar.style.background =
-            `linear-gradient(90deg, #02022B ${getGradientPos(0)}, #0BA398 ${getGradientPos(.4)}, #99CC33 ${getGradientPos(.5)}, #D7DB0A ${getGradientPos(1)})`;
-        this._loadingBar.style.backgroundAttachment = "fixed";
-        this._loadingBar.style.width = "0%";
-        this._loadingBar.style.height = "100%";
-        if (hasLicense && this._element) {
-            const primaryColor = this._element.getAttribute("primary-color");
-            const secondaryColor = this._element.getAttribute("secondary-color");
-            if (primaryColor && secondaryColor) {
-                this._loadingBar.style.background = `linear-gradient(90deg, ${primaryColor} ${getGradientPos(0)}, ${secondaryColor} ${getGradientPos(1)})`;
-            }
-            else if (primaryColor) {
-                this._loadingBar.style.background = primaryColor;
-            }
-            else if (secondaryColor) {
-                this._loadingBar.style.background = secondaryColor;
-            }
-        }
-        this._loadingTextContainer = document.createElement("div");
-        this._loadingTextContainer.style.display = "flex";
-        this._loadingTextContainer.style.justifyContent = "center";
-        this._loadingTextContainer.style.marginTop = "1.2em";
-        this._loadingElement.appendChild(this._loadingTextContainer);
-        const messageContainer = document.createElement("div");
-        this._messageContainer = messageContainer;
-        messageContainer.style.display = "flex";
-        messageContainer.style.fontSize = ".8em";
-        messageContainer.style.paddingTop = ".5em";
-        messageContainer.style.fontWeight = "200";
-        messageContainer.style.fontFamily = "Roboto, sans-serif, Arial";
-        // messageContainer.style.border = "1px solid rgba(255,255,255,.1)";
-        messageContainer.style.justifyContent = "center";
-        this._loadingElement.appendChild(messageContainer);
-        if (hasLicense && this._element) {
-            const loadingTextColor = this._element.getAttribute("loading-text-color");
-            if (loadingTextColor) {
-                messageContainer.style.color = loadingTextColor;
-            }
-        }
-        this.handleRuntimeLicense(this._loadingElement);
-        return this._loadingElement;
-    }
-    async handleRuntimeLicense(loadingElement) {
-        // First check if we have a commercial license
-        let commercialLicense = hasCommercialLicense();
-        // if it's the case then we don't need to perform a runtime check
-        if (commercialLicense)
-            return;
-        // Use the runtime license check
-        if (runtimeLicenseCheckPromise) {
-            if (debugLicense)
-                console.log("Waiting for runtime license check");
-            await runtimeLicenseCheckPromise;
-            commercialLicense = hasCommercialLicense();
-        }
-        if (commercialLicense)
-            return;
-        // If we don't have a commercial license, then we need to display our message
-        if (debugLicense)
-            console.log("Loading UI has commercial license?", commercialLicense);
-        const nonCommercialContainer = document.createElement("div");
-        nonCommercialContainer.style.paddingTop = ".6em";
-        nonCommercialContainer.style.fontSize = ".8em";
-        nonCommercialContainer.innerText = "NON COMMERCIAL";
-        loadingElement.appendChild(nonCommercialContainer);
-    }
-}
+import { showBalloonWarning } from "./debug/index.js";
+import { Mathf } from "./engine_math.js";
+import { getParam } from "./engine_utils.js";
+import { logoSVG } from "./assets/index.js";
+import { hasCommercialLicense, hasProLicense, runtimeLicenseCheckPromise } from "./engine_license.js";
+const debug = getParam("debugloading");
+const debugRendering = getParam("debugloadingrendering");
+const debugLicense = getParam("debuglicense");
+export class LoadingElementOptions {
+    className;
+    additionalClasses;
+}
+let currentFileProgress = 0;
+let currentFileName;
+export function calculateProgress01(progress) {
+    if (debug)
+        console.log(progress.progress.loaded.toFixed(0) + "/" + progress.progress.total.toFixed(0), progress);
+    const count = progress.count;
+    const total = progress.progress.total;
+    // if the progress event total amount is unknown / not reported
+    // we slowly move the progress bar forward
+    if (total === 0 || total === undefined) {
+        // reset the temp progress when the file has changed
+        if (currentFileName !== progress.name)
+            currentFileProgress = 0;
+        currentFileName = progress.name;
+        // slowly move the progress bar forward
+        currentFileProgress += (1 - currentFileProgress) * .001;
+        if (debug)
+            showBalloonWarning("Loading " + progress.name + " did not report total size");
+    }
+    else {
+        currentFileProgress = progress.progress.loaded / total;
+    }
+    const prog = progress.index / count + currentFileProgress / count;
+    return Mathf.clamp01(prog);
+}
+export class EngineLoadingView {
+    static LoadingContainerClassName = "loading";
+    // the raw progress
+    loadingProgress = 0;
+    /** Usually the NeedleEngineHTMLElement */
+    _element;
+    _progress = 0;
+    _allowCustomLoadingElement = true;
+    _loadingElement;
+    _loadingTextContainer = null;
+    _loadingBar = null;
+    _messageContainer = null;
+    _loadingElementOptions;
+    /**
+     * Creates a new loading view
+     * @param owner the element that will contain the loading view (should be the NeedleEngineHTMLElement)
+     */
+    constructor(owner, opts) {
+        this._element = owner;
+        this._loadingElementOptions = opts;
+    }
+    async onLoadingBegin(message) {
+        const _element = this._element.shadowRoot || this._element;
+        if (debug)
+            console.warn("Begin Loading");
+        if (!this._loadingElement) {
+            for (let i = 0; i < _element.children.length; i++) {
+                const el = _element.children[i];
+                if (el.classList.contains(EngineLoadingView.LoadingContainerClassName)) {
+                    if (!this._allowCustomLoadingElement) {
+                        if (debug)
+                            console.warn("Remove custom loading container");
+                        _element.removeChild(el);
+                        continue;
+                    }
+                    this._loadingElement = this.createLoadingElement(el);
+                }
+            }
+            if (!this._loadingElement)
+                this._loadingElement = this.createLoadingElement();
+        }
+        this._progress = 0;
+        this.loadingProgress = 0;
+        this._loadingElement.style.display = "flex";
+        _element.appendChild(this._loadingElement);
+        this.smoothProgressLoop();
+        this.setMessage(message ?? "");
+    }
+    onLoadingUpdate(progress, message) {
+        if (!this._loadingElement?.parentNode) {
+            return;
+        }
+        // console.log(callback.name, callback.progress.loaded / callback.progress.total, callback.index + "/" + callback.count);
+        let total01 = 0;
+        if (typeof progress === "number") {
+            total01 = progress;
+        }
+        else {
+            if ("index" in progress)
+                total01 = calculateProgress01(progress);
+            if (!message && "name" in progress)
+                this.setMessage("loading " + progress.name);
+        }
+        this.loadingProgress = total01;
+        if (message)
+            this.setMessage(message);
+        this.updateDisplay();
+    }
+    onLoadingFinished() {
+        if (debug)
+            console.warn("Finished Loading");
+        if (!debugRendering) {
+            this.loadingProgress = 1;
+            this.onDoneLoading();
+        }
+    }
+    setMessage(message) {
+        if (this._messageContainer) {
+            this._messageContainer.innerText = message;
+        }
+    }
+    _progressLoop;
+    smoothProgressLoop() {
+        if (this._progressLoop)
+            return;
+        let dt = 1 / 12;
+        if (debugRendering) {
+            dt = 1 / 500;
+            if (typeof debugRendering === "number")
+                dt *= debugRendering;
+        }
+        this._progressLoop = setInterval(() => {
+            // increase loading speed when almost done
+            if (this.loadingProgress >= .95 && !debugRendering)
+                dt = .9;
+            this._progress = Mathf.lerp(this._progress, this.loadingProgress, dt * this.loadingProgress);
+            this.updateDisplay();
+        }, dt);
+    }
+    onDoneLoading() {
+        if (this._loadingElement) {
+            if (debug)
+                console.log("Hiding loading element");
+            this._loadingElement.style.display = "none";
+            this._loadingElement.remove();
+        }
+        if (this._progressLoop)
+            clearInterval(this._progressLoop);
+        this._progressLoop = null;
+    }
+    updateDisplay() {
+        const t = this._progress;
+        const percent = (t * 100).toFixed(0) + "%";
+        if (this._loadingBar) {
+            this._loadingBar.style.width = t * 100 + "%";
+        }
+        if (this._loadingTextContainer)
+            this._loadingTextContainer.textContent = percent;
+    }
+    createLoadingElement(existing) {
+        if (debug && !existing)
+            console.log("Creating loading element");
+        this._loadingElement = existing || document.createElement("div");
+        let loadingStyle = this._element.getAttribute("loading-style");
+        if (loadingStyle === "auto") {
+            if (window.matchMedia('(prefers-color-scheme: dark)').matches)
+                loadingStyle = "dark";
+            else
+                loadingStyle = "light";
+        }
+        const hasLicense = hasProLicense();
+        if (!existing) {
+            this._loadingElement.style.position = "absolute";
+            this._loadingElement.style.width = "100%";
+            this._loadingElement.style.height = "100%";
+            this._loadingElement.style.left = "0";
+            this._loadingElement.style.top = "0";
+            if (loadingStyle === "light")
+                this._loadingElement.style.backgroundColor = "#ddd";
+            else
+                this._loadingElement.style.backgroundColor = "#222";
+            this._loadingElement.style.display = "flex";
+            this._loadingElement.style.alignItems = "center";
+            this._loadingElement.style.justifyContent = "center";
+            this._loadingElement.style.zIndex = Number.MAX_SAFE_INTEGER.toString();
+            this._loadingElement.style.flexDirection = "column";
+            this._loadingElement.style.pointerEvents = "none";
+            this._loadingElement.style.color = "white";
+            if (loadingStyle === "light")
+                this._loadingElement.style.color = "rgba(0,0,0,.8)";
+            else
+                this._loadingElement.style.color = "rgba(255,255,255,.5)";
+            if (hasLicense && this._element) {
+                const loadingBackgroundColor = this._element.getAttribute("loading-background-color");
+                if (loadingBackgroundColor) {
+                    this._loadingElement.style.backgroundColor = loadingBackgroundColor;
+                }
+                const textColor = this._element.getAttribute("loading-text-color");
+                if (textColor) {
+                    this._loadingElement.style.color = textColor;
+                }
+            }
+        }
+        const className = this._loadingElementOptions?.className ?? EngineLoadingView.LoadingContainerClassName;
+        this._loadingElement.classList.add(className);
+        if (this._loadingElementOptions?.additionalClasses) {
+            for (const c of this._loadingElementOptions.additionalClasses) {
+                this._loadingElement.classList.add(c);
+            }
+        }
+        const loadingBarContainer = document.createElement("div");
+        const maxWidth = 30;
+        loadingBarContainer.style.display = "flex";
+        loadingBarContainer.style.width = maxWidth + "%";
+        loadingBarContainer.style.height = "2px";
+        if (loadingStyle === "light")
+            loadingBarContainer.style.backgroundColor = "rgba(0,0,0,.2)";
+        else
+            loadingBarContainer.style.backgroundColor = "rgba(255,255,255,.2)";
+        // loadingBarContainer.style.alignItems = "center";
+        const logo = document.createElement("img");
+        const logoSize = 64;
+        logo.style.width = `${logoSize}px`;
+        logo.style.height = `${logoSize}px`;
+        logo.style.marginBottom = "20px";
+        logo.style.userSelect = "none";
+        logo.style.objectFit = "contain";
+        logo.src = logoSVG;
+        let isUsingCustomLogo = false;
+        if (hasLicense && this._element) {
+            const customLogo = this._element.getAttribute("loading-logo-src");
+            if (customLogo) {
+                isUsingCustomLogo = true;
+                logo.src = customLogo;
+            }
+        }
+        if (!isUsingCustomLogo) {
+            logo.style.cursor = "pointer";
+            logo.style.pointerEvents = "all";
+            logo.addEventListener("click", () => window.open("https://needle.tools", "_blank"));
+        }
+        this._loadingElement.appendChild(logo);
+        this._loadingElement.appendChild(loadingBarContainer);
+        this._loadingBar = document.createElement("div");
+        loadingBarContainer.appendChild(this._loadingBar);
+        const getGradientPos = function (t) {
+            return Mathf.lerp(maxWidth * .5, 100 - maxWidth * .5, t) + "%";
+        };
+        this._loadingBar.style.background =
+            `linear-gradient(90deg, #02022B ${getGradientPos(0)}, #0BA398 ${getGradientPos(.4)}, #99CC33 ${getGradientPos(.5)}, #D7DB0A ${getGradientPos(1)})`;
+        this._loadingBar.style.backgroundAttachment = "fixed";
+        this._loadingBar.style.width = "0%";
+        this._loadingBar.style.height = "100%";
+        if (hasLicense && this._element) {
+            const primaryColor = this._element.getAttribute("primary-color");
+            const secondaryColor = this._element.getAttribute("secondary-color");
+            if (primaryColor && secondaryColor) {
+                this._loadingBar.style.background = `linear-gradient(90deg, ${primaryColor} ${getGradientPos(0)}, ${secondaryColor} ${getGradientPos(1)})`;
+            }
+            else if (primaryColor) {
+                this._loadingBar.style.background = primaryColor;
+            }
+            else if (secondaryColor) {
+                this._loadingBar.style.background = secondaryColor;
+            }
+        }
+        this._loadingTextContainer = document.createElement("div");
+        this._loadingTextContainer.style.display = "flex";
+        this._loadingTextContainer.style.justifyContent = "center";
+        this._loadingTextContainer.style.marginTop = "1.2em";
+        this._loadingElement.appendChild(this._loadingTextContainer);
+        const messageContainer = document.createElement("div");
+        this._messageContainer = messageContainer;
+        messageContainer.style.display = "flex";
+        messageContainer.style.fontSize = ".8em";
+        messageContainer.style.paddingTop = ".5em";
+        messageContainer.style.fontWeight = "200";
+        messageContainer.style.fontFamily = "Roboto, sans-serif, Arial";
+        // messageContainer.style.border = "1px solid rgba(255,255,255,.1)";
+        messageContainer.style.justifyContent = "center";
+        this._loadingElement.appendChild(messageContainer);
+        if (hasLicense && this._element) {
+            const loadingTextColor = this._element.getAttribute("loading-text-color");
+            if (loadingTextColor) {
+                messageContainer.style.color = loadingTextColor;
+            }
+        }
+        this.handleRuntimeLicense(this._loadingElement);
+        return this._loadingElement;
+    }
+    async handleRuntimeLicense(loadingElement) {
+        // First check if we have a commercial license
+        let commercialLicense = hasCommercialLicense();
+        // if it's the case then we don't need to perform a runtime check
+        if (commercialLicense)
+            return;
+        // Use the runtime license check
+        if (runtimeLicenseCheckPromise) {
+            if (debugLicense)
+                console.log("Waiting for runtime license check");
+            await runtimeLicenseCheckPromise;
+            commercialLicense = hasCommercialLicense();
+        }
+        if (commercialLicense)
+            return;
+        // If we don't have a commercial license, then we need to display our message
+        if (debugLicense)
+            console.log("Loading UI has commercial license?", commercialLicense);
+        const nonCommercialContainer = document.createElement("div");
+        nonCommercialContainer.style.paddingTop = ".6em";
+        nonCommercialContainer.style.fontSize = ".8em";
+        nonCommercialContainer.innerText = "NON COMMERCIAL";
+        loadingElement.appendChild(nonCommercialContainer);
+    }
+}
 //# sourceMappingURL=engine_element_loading.js.map