@needle-tools/engine 2.24.0-pre

package/lib/engine/engine_assetdatabase.js

@@ -0,0 +1,150 @@
+import * as THREE from 'three';
+// import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'
+import * as utils from "./engine_utils";
+const debug = utils.getParam("debugassets");
+class TextureInfo {
+    name;
+    sampler;
+    source;
+    extras;
+}
+class ImageInfo {
+    bufferView;
+    mimeType;
+    extras;
+}
+class GltfJson {
+    textures;
+    bufferViews;
+}
+/** @deprecated */
+export class AssetDatabase {
+    constructor() {
+        window.addEventListener('unhandledrejection', (event) => {
+            if (event.defaultPrevented)
+                return;
+            const pathArray = event?.reason?.path;
+            if (pathArray) {
+                const source = pathArray[0];
+                if (source && source.tagName === "IMG") {
+                    console.warn("Could not load image:\n" + source.src);
+                    event.preventDefault();
+                }
+            }
+        });
+    }
+    texturesLoader = new THREE.TextureLoader();
+    textures = {};
+    texturesLoading = {};
+    /** @deprecated */
+    async loadTexture(url) {
+        if (this.textures[url]) {
+            return this.textures[url];
+        }
+        if (this.texturesLoading[url]) {
+            return await this.texturesLoading[url];
+        }
+        const loading = this.texturesLoader.loadAsync(url);
+        this.texturesLoading[url] = loading;
+        const res = await loading;
+        delete this.texturesLoading[url];
+        this.textures[url] = res;
+        return res;
+    }
+    /** @deprecated */
+    getTexture(guid) {
+        return this._textures.get(guid) || null;
+    }
+    /** @deprecated */
+    findTexture(name) {
+        for (const texture of this._textures.values()) {
+            if (texture.name === name) {
+                return texture;
+            }
+        }
+        return null;
+    }
+    /** @deprecated */
+    findMesh(name) {
+        for (const mesh of this._meshes.values()) {
+            if (mesh.name === name)
+                return mesh;
+        }
+        return null;
+    }
+    /** @deprecated */
+    findMaterial(name) {
+        for (const material of this._materials.values()) {
+            if (material.name === name)
+                return material;
+        }
+        return null;
+    }
+    /** @deprecated */
+    async registerGltf(_gltf) {
+        // if (debug)
+        //     console.log("register gltf", gltf.scene.name, gltf);
+        // const parser = gltf.parser;
+        // const json = parser.json;
+        // const textures = json.textures;
+        // const associations = parser.associations;
+        // const alreadyLoaded = new Set<string>();
+        // associations.forEach((value, key) => {
+        //     // when minified instanceOf doesnt work but the texture type is 1009
+        //     if (key instanceof THREE.Texture || key.type === 1009) {
+        //         const index = value.textures;
+        //         const textureInfo = textures[index];
+        //         // TODO: a lot of information is gone when compressing with ktx2
+        //         // this.registerTexture(parser, index, textureInfo, key, alreadyLoaded);
+        //     }
+        //     else if (key instanceof THREE.Mesh || key.type == "Mesh") {
+        //         this.registerAsset(key);
+        //         // saving materials,
+        //         // FIXME: this is unlike the other things by name here as a hack for forma, it should probably saved by name and by guid just like anything else here
+        //         if(key.material){
+        //             this._materials.set(key.material.name, key.material);
+        //         }
+        //     }
+        // });
+        // // for (const ti in textures) {
+        // //     const textureInfo = textures[ti];
+        // //     await this.registerTexture(parser, ti, textureInfo, null, alreadyLoaded);
+        // // }
+        // if (debug)
+        //     console.log(this);
+    }
+    /** @deprecated */
+    registerAsset(_asset) {
+        // if (debug) console.log("register asset", asset);
+        // console.assert(asset, "Asset is null or undefined");
+        // const guid: string = asset.userData?.guid;
+        // if (guid === null || guid === undefined || guid.length === 0) {
+        //     // asset has no guid, this can happen e.g. when using multi material meshes
+        //     // should we ask the parent for the guid if it's a group? 
+        //     // we need a more stable way to preserve ids anyways
+        //     return;
+        // }
+        // if (asset instanceof THREE.Texture || asset.type === 1009) {
+        //     if (this._textures.has(guid) && this._textures.get(guid) !== asset) {
+        //         if (debug)
+        //             console.warn("found duplicate texture " + guid, asset);
+        //         return;
+        //     }
+        //     if (debug)
+        //         console.log("register texture", guid, asset);
+        //     // should we check if an asset has been registered already? 
+        //     // should not matter as long as we only export guid from unity?
+        //     this._textures.set(guid, asset);
+        // }
+        // else if (asset instanceof THREE.Mesh || asset.type == "Mesh") {
+        //     this._meshes.set(guid, asset);
+        // }
+    }
+    _materials = new Map();
+    _meshes = new Map();
+    // private async registerMesh(parser: GltfParser, mesh : THREE.Mesh){        
+    //     const guid = mesh?.userData?.guid;
+    // }
+    _textures = new Map();
+}
+//# sourceMappingURL=engine_assetdatabase.js.map

package/lib/engine/engine_assetdatabase.js.map

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

package/lib/engine/engine_caching.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=engine_caching.js.map

package/lib/engine/engine_caching.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine_caching.js","sourceRoot":"","sources":["../../../engine/engine_caching.ts"],"names":[],"mappings":""}

package/lib/engine/engine_constants.d.ts

@@ -0,0 +1,2 @@
+export declare const activeInHierarchyFieldName = "__isActiveInHierarchy";
+export declare const builtinComponentKeyName = "builtin_components";

package/lib/engine/engine_constants.js

@@ -0,0 +1,3 @@
+export const activeInHierarchyFieldName = "__isActiveInHierarchy";
+export const builtinComponentKeyName = "builtin_components";
+//# sourceMappingURL=engine_constants.js.map

package/lib/engine/engine_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine_constants.js","sourceRoot":"","sources":["../../../engine/engine_constants.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,0BAA0B,GAAG,uBAAuB,CAAC;AAClE,MAAM,CAAC,MAAM,uBAAuB,GAAG,oBAAoB,CAAC"}

package/lib/engine/engine_coroutine.d.ts

@@ -0,0 +1,3 @@
+import { Context } from "./engine_setup";
+export declare function WaitForSeconds(seconds: number, context?: Context | null): Generator<undefined, void, unknown>;
+export declare function WaitForFrames(frames: number): Generator<undefined, void, unknown>;

package/lib/engine/engine_coroutine.js

@@ -0,0 +1,14 @@
+import { Context } from "./engine_setup";
+export function* WaitForSeconds(seconds, context = null) {
+    const time = context ? context.time : Context.Current.time;
+    const start = time.time;
+    while (time.time - start < seconds) {
+        yield;
+    }
+}
+export function* WaitForFrames(frames) {
+    for (let i = 0; i < frames; i++) {
+        yield;
+    }
+}
+//# sourceMappingURL=engine_coroutine.js.map

package/lib/engine/engine_coroutine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine_coroutine.js","sourceRoot":"","sources":["../../../engine/engine_coroutine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC,MAAM,SAAS,CAAC,CAAC,cAAc,CAAC,OAAe,EAAE,UAA0B,IAAI;IAC3E,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IACxB,OAAM,IAAI,CAAC,IAAI,GAAG,KAAK,GAAG,OAAO,EAAE;QAC/B,KAAK,CAAC;KACT;AACL,CAAC;AAED,MAAM,SAAS,CAAC,CAAC,aAAa,CAAC,MAAc;IACzC,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC5B,KAAK,CAAC;KACT;AACL,CAAC"}

package/lib/engine/engine_default_parameters.d.ts

@@ -0,0 +1,2 @@
+export declare const showGizmos: string | boolean;
+export declare const debugExtension: string | boolean;

package/lib/engine/engine_default_parameters.js

@@ -0,0 +1,4 @@
+import { getParam } from "./engine_utils";
+export const showGizmos = getParam("gizmos");
+export const debugExtension = getParam("debugextension");
+//# sourceMappingURL=engine_default_parameters.js.map

package/lib/engine/engine_default_parameters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine_default_parameters.js","sourceRoot":"","sources":["../../../engine/engine_default_parameters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

package/lib/engine/engine_element.d.ts

@@ -0,0 +1,32 @@
+import { Context } from "./engine_setup";
+export declare class EngineElement extends HTMLElement {
+    get loadingProgress01(): number;
+    get loadingFinished(): boolean;
+    getContext(): Promise<Context>;
+    /**@obsolete use GameObject */
+    private gameObject;
+    private GameObject;
+    private context;
+    private overlay_ar;
+    private _loadingProgress01;
+    private _watcher?;
+    private _loadingView?;
+    constructor();
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+    private registerEventFromAttribute;
+    getAROverlayContainer(): HTMLElement;
+    getVROverlayContainer(): HTMLElement | null;
+    onEnterAR(session: THREE.XRSession, overlayContainer: HTMLElement): void;
+    onExitAR(session: THREE.XRSession): void;
+    onEnterVR(session: THREE.XRSession): void;
+    onExitVR(session: THREE.XRSession): void;
+    private onElementsChanged;
+    private onSetupAR;
+    private onSetupVR;
+    private onSetupDesktop;
+    private setupElementsForMode;
+    private foreachHtmlElement;
+}

package/lib/engine/engine_element.js

@@ -0,0 +1,340 @@
+import { Context, build_scene_functions } from "./engine_setup";
+import { AROverlayHandler, arContainerClassName } from "./engine_element_overlay";
+import { GameObject } from "../engine-components/Component";
+import { loadSync } from "./engine_scenetools";
+import { processNewScripts } from "./engine_mainloop_utils";
+import { calculateProgress01, EngineLoadingView } from "./engine_element_loading";
+import { delay } from "./engine_utils";
+class EngineElementSourceFileWatcher {
+    id;
+    context;
+    previouslyAdded;
+    previousSource;
+    networkEvent;
+    constructor(id, context) {
+        this.id = id;
+        this.context = context;
+        this.networkEvent = "needle-engine-source-changed";
+        if (this.id)
+            this.networkEvent += "-" + this.id;
+        this.context.connection.beginListen(this.networkEvent, fn => {
+            this.onSourceChanged(fn, true);
+        });
+    }
+    async onSourceChanged(newSource, dontSend = false, isStartup = false) {
+        if (this.previouslyAdded) {
+            // if event was from remote and source didnt change do nothing
+            if (dontSend && newSource === this.previousSource) { }
+            else
+                GameObject.destroySynced(this.previouslyAdded);
+        }
+        this.previouslyAdded = null;
+        if (!dontSend) {
+            this.context.connection.send(this.networkEvent, newSource);
+        }
+        this.previousSource = newSource;
+        Context.Current = this.context;
+        const res = await loadSync(this.context, newSource, this.getHashFromString(newSource));
+        if (!isStartup)
+            processNewScripts(this.context);
+        const obj = res?.scene;
+        if (obj) {
+            this.previouslyAdded = obj;
+            this.context.scene.add(obj);
+        }
+    }
+    getHashFromString(str) {
+        let hash = 0;
+        for (let i = 0; i < str.length; i++) {
+            hash = str.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        return hash;
+    }
+}
+const htmlTagName = "needle-engine";
+const vrContainerClassName = "vr";
+const desktopContainerClassname = "desktop";
+const knownClasses = [arContainerClassName, vrContainerClassName, desktopContainerClassname];
+// https://developers.google.com/web/fundamentals/web-components/customelements
+export class EngineElement extends HTMLElement {
+    get loadingProgress01() { return this._loadingProgress01; }
+    get loadingFinished() { return this.loadingProgress01 > .999; }
+    getContext() {
+        return new Promise((res, _rej) => {
+            if (this.context && this.loadingFinished) {
+                res(this.context);
+            }
+            else {
+                const cb = () => {
+                    this.removeEventListener("loadfinished", cb);
+                    if (this.context && this.loadingFinished) {
+                        res(this.context);
+                    }
+                };
+                this.addEventListener("loadfinished", cb);
+            }
+        });
+    }
+    /**@obsolete use GameObject */
+    gameObject = GameObject; // used to access static methods from regular js
+    GameObject = GameObject;
+    context = null;
+    overlay_ar;
+    _loadingProgress01 = 0;
+    _watcher;
+    _loadingView;
+    constructor() {
+        super();
+        this.overlay_ar = new AROverlayHandler();
+    }
+    async connectedCallback() {
+        this.onSetupDesktop();
+        var observer = new MutationObserver(this.onElementsChanged.bind(this));
+        observer.observe(this, { childList: true });
+        // user can set a function name or a path to a gltf or glb to be loaded
+        const srcFile = () => {
+            const srcVal = this.getAttribute("src");
+            if (srcVal?.endsWith(".glb") || srcVal?.endsWith(".gltf")) {
+                return srcVal;
+            }
+            return null;
+        };
+        let src = "loadScene";
+        const srcAttributeValue = srcFile();
+        if (srcAttributeValue)
+            src = srcAttributeValue;
+        const alias = this.getAttribute("alias");
+        this.context = new Context({ name: src, domElement: this, alias: alias });
+        this._watcher = new EngineElementSourceFileWatcher(this.getAttribute("id") ?? alias ?? "", this.context);
+        if (src && src.length > 0) {
+            // try to get the load function
+            // HACK: if no explicit glb is assigned we have to wait for the codegen function to be available
+            // it happened in one case during local development where the function was not yet registered
+            // but this component was connected already
+            if (!srcAttributeValue) {
+                while (Object.keys(build_scene_functions).length <= 0) {
+                    if (!this.isConnected)
+                        return;
+                    await delay(10);
+                }
+            }
+            let fn = build_scene_functions[src] ?? window[src];
+            // if no load function is found (e.g. when generated code was deleted or import removed) then just load the glb
+            // or if an explicit src file is provided
+            let previousFileLoaded = null;
+            if (!fn || srcAttributeValue) {
+                if (srcAttributeValue)
+                    src = srcAttributeValue;
+                fn = async (_) => {
+                    const file = srcFile();
+                    if (file && this._watcher) {
+                        previousFileLoaded = file;
+                        await this._watcher.onSourceChanged(file, true, true);
+                    }
+                };
+            }
+            if (fn) {
+                this.classList.add("loading");
+                console.log("Needle Engine: Begin loading", alias ?? "");
+                // default loading can be overriden by calling preventDefault in the onload start event
+                const useDefaultLoading = this.dispatchEvent(new CustomEvent("loadstart", {
+                    detail: {
+                        context: this.context,
+                        alias: alias
+                    },
+                    cancelable: true
+                }));
+                if (!this._loadingView && useDefaultLoading)
+                    this._loadingView = new EngineLoadingView(this);
+                if (useDefaultLoading)
+                    this._loadingView?.onLoadingBegin("begin load");
+                // setup the loading callback for the default loading handler and the user defined one
+                const loadingCallback = (progress, message) => {
+                    this._loadingProgress01 = calculateProgress01(progress);
+                    if (useDefaultLoading)
+                        this._loadingView?.onLoadingUpdate(progress, message);
+                    this.dispatchEvent(new CustomEvent("progress", {
+                        detail: {
+                            context: this.context,
+                            name: progress.name,
+                            progress: progress.progress,
+                            index: progress.index,
+                            count: progress.count,
+                            totalProgress01: this._loadingProgress01
+                        }
+                    }));
+                };
+                await this.context.onCreate(fn, { progress: loadingCallback });
+                const file = srcFile();
+                if (file) {
+                    // only if we didnt load this file here already
+                    if (file !== previousFileLoaded)
+                        await this._watcher.onSourceChanged(file, true, true);
+                }
+                this._loadingProgress01 = 1;
+                if (useDefaultLoading)
+                    this._loadingView?.onLoadingFinished("create scene");
+                this.classList.remove("loading");
+                this.classList.add("loading-finished");
+                console.log("Needle Engine: finished loading", alias ?? "");
+                this.dispatchEvent(new CustomEvent("loadfinished", {
+                    detail: {
+                        context: this.context,
+                        src: alias ?? src
+                    }
+                }));
+                this.onSetupDesktop();
+            }
+            else {
+                console.error("Could not find scene function named \"" + src + "\", it must be either in global scope " +
+                    "or added to build_scene_functions", build_scene_functions);
+            }
+        }
+        else {
+            console.error("Missing src attribute - please provide a function name", this);
+        }
+    }
+    disconnectedCallback() {
+        if (this.context) {
+            this.context.onDestroy();
+        }
+    }
+    static get observedAttributes() {
+        return ["src", "loadfinished"];
+    }
+    attributeChangedCallback(name, _oldValue, newValue) {
+        // console.log(name, oldValue, newValue);
+        switch (name) {
+            case "src":
+                this._watcher?.onSourceChanged(newValue);
+                break;
+            case "loadfinished":
+                if (typeof newValue === "string" && newValue.length > 0) {
+                    this.registerEventFromAttribute("loadfinished", newValue);
+                }
+                break;
+        }
+    }
+    registerEventFromAttribute(eventName, code) {
+        if (typeof code === "string" && code.length > 0) {
+            // indirect eval https://esbuild.github.io/content-types/#direct-eval
+            const fn = (0, eval)(code);
+            // const fn = new Function(newValue);
+            if (typeof fn === "function") {
+                this.addEventListener(eventName, evt => fn?.call(globalThis, this.context, evt));
+            }
+        }
+    }
+    getAROverlayContainer() {
+        return this.overlay_ar.findOrCreateARContainer(this);
+        ;
+    }
+    getVROverlayContainer() {
+        for (let i = 0; i < this.children.length; i++) {
+            const ch = this.children[i];
+            if (ch.classList.contains("vr"))
+                return ch;
+        }
+        return null;
+    }
+    onEnterAR(session, overlayContainer) {
+        this.onSetupAR();
+        this.overlay_ar.onBegin(overlayContainer, session);
+        this.dispatchEvent(new CustomEvent("enter-ar", { detail: { session: session, context: this.context, htmlContainer: this.overlay_ar?.ARContainer } }));
+    }
+    onExitAR(session) {
+        this.overlay_ar.onEnd();
+        this.onSetupDesktop();
+        this.dispatchEvent(new CustomEvent("exit-ar", { detail: { session: session, context: this.context, htmlContainer: this.overlay_ar?.ARContainer } }));
+    }
+    onEnterVR(session) {
+        this.onSetupVR();
+        this.dispatchEvent(new CustomEvent("enter-vr", { detail: { session: session, context: this.context } }));
+    }
+    onExitVR(session) {
+        this.onSetupDesktop();
+        this.dispatchEvent(new CustomEvent("exit-vr", { detail: { session: session, context: this.context } }));
+    }
+    // private _loadingElement: HTMLElement | null = null;
+    // private onLoadingBegin() {
+    //     for (let i = 0; i < this.children.length; i++) {
+    //         const el = this.children[i] as HTMLElement;
+    //         if (el.classList.contains("loading")) {
+    //             this._loadingElement = el;
+    //             this._loadingElement.style.display = "flex";
+    //             return;
+    //         }
+    //     }
+    //     this._loadingElement = document.createElement("div");
+    //     this._loadingElement.classList.add("loading");
+    //     this._loadingElement.style.color = "white";
+    //     this.appendChild(this._loadingElement);
+    // }
+    // private onLoadingCallback(callback: LoadingProgressArgs) {
+    //     // console.log(callback.name, callback.progress.loaded / callback.progress.total, callback.index + "/" + callback.count);
+    //     const total = callback.index / callback.count + (callback.progress.loaded / callback.progress.total) / callback.count;
+    //     this.loadingProgress = total;
+    //     const percent = (total * 100).toFixed(0) + "%";
+    //     if (this._loadingElement)
+    //         this._loadingElement.textContent = percent;
+    // }
+    // private onLoadingFinished() {
+    //     if (this._loadingElement) {
+    //         this._loadingElement.style.display = "none";
+    //     }
+    //     this.dispatchEvent(new Event("loading-finished"));
+    // }
+    onElementsChanged() {
+    }
+    onSetupAR() {
+        this.classList.add("ar-session-active");
+        this.classList.remove("desktop-session-active");
+        this.foreachHtmlElement(ch => this.setupElementsForMode(ch, arContainerClassName));
+    }
+    onSetupVR() {
+        this.classList.remove("ar-session-active");
+        this.classList.remove("desktop-session-active");
+        this.foreachHtmlElement(ch => this.setupElementsForMode(ch, "vr"));
+    }
+    onSetupDesktop() {
+        this.classList.remove("ar-session-active");
+        this.classList.add("desktop-session-active");
+        this.foreachHtmlElement(ch => this.setupElementsForMode(ch, "desktop"));
+    }
+    setupElementsForMode(el, currentSessionType, _session = null) {
+        if (el === this.context?.renderer.domElement)
+            return;
+        if (el.id === "VRButton" || el.id === "ARButton")
+            return;
+        el.style.position = "absolute";
+        // el.style.zIndex = "100";
+        // ch.style.width = "100hv";
+        // ch.style.height = "100hv";
+        // set pointer events to none by default (if not explicitly declared)
+        // if (!el.style.pointerEvents)
+        //     el.style.pointerEvents = "none";
+        const classList = el.classList;
+        if (classList.contains(currentSessionType)) {
+            el.style.visibility = "visible";
+            el.style.display = "block";
+        }
+        else {
+            // only modify style for elements that have a known class (e.g. marked as vr ar desktop)
+            for (const known of knownClasses) {
+                if (el.classList.contains(known)) {
+                    el.style.visibility = "hidden";
+                    el.style.display = "none";
+                }
+            }
+        }
+    }
+    foreachHtmlElement(cb) {
+        for (let i = 0; i < this.children.length; i++) {
+            const ch = this.children[i];
+            if (ch.style)
+                cb(ch);
+        }
+    }
+}
+window.customElements.define(htmlTagName, EngineElement);
+//# sourceMappingURL=engine_element.js.map

package/lib/engine/engine_element.js.map

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

package/lib/engine/engine_element_loading.d.ts

@@ -0,0 +1,31 @@
+import { LoadingProgressArgs } from "./engine_setup";
+export declare class LoadingElementOptions {
+    className?: string;
+    additionalClasses?: string[];
+}
+export interface ILoadingViewHandler {
+    onLoadingBegin(message?: string): any;
+    onLoadingUpdate(progress: LoadingProgressArgs, message?: string): any;
+    onLoadingFinished(message?: string): any;
+}
+export declare function calculateProgress01(progress: LoadingProgressArgs): number;
+export declare class EngineLoadingView implements ILoadingViewHandler {
+    loadingProgress: number;
+    private container;
+    private _progress;
+    private _allowCustomLoadingElement;
+    private _loadingElement?;
+    private _loadingTextContainer;
+    private _loadingBar;
+    private _messageContainer;
+    private _loadingElementOptions?;
+    constructor(container: HTMLElement, opts?: LoadingElementOptions);
+    onLoadingBegin(message?: string): void;
+    onLoadingUpdate(progress: LoadingProgressArgs | ProgressEvent | number, message?: string): void;
+    onLoadingFinished(message?: string): void;
+    setMessage(message: string): void;
+    private _progressLoop;
+    private smoothProgressLoop;
+    private updateDisplay;
+    private createLoadingElement;
+}