@needle-tools/engine 4.11.5-next.f5ee735 → 4.11.6

package/src/engine/debug/index.ts

@@ -1,2 +1,2 @@
-export * from "./debug.js";
+export * from "./debug.js";
 export * from "./debug_console.js";

package/src/engine/dist/engine_utils.js

@@ -0,0 +1,82 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+exports.__esModule = true;
+exports.nameof = exports.nameofFactory = void 0;
+// use for typesafe interface method calls
+var three_1 = require("three");
+// https://schneidenbach.gitbooks.io/typescript-cookbook/content/nameof-operator.html
+/** @internal */
+exports.nameofFactory = function () { return function (name) { return name; }; };
+/** @internal */
+function nameof(name) {
+    return exports.nameofFactory()(name);
+}
+exports.nameof = nameof;
+"" + infer;
+U;
+number;
+" ? U : never;\nexport type EnumToPrimitiveUnion<T> = ";
+$;
+{
+    T & string;
+}
+" | ParseNumber<";
+$;
+{
+    T & number;
+}
+">;\n\n/** @internal */\nexport function isDebugMode(): boolean {\n    return getParam(\"debug\") ? true : false;\n}\n\n\n/**\n * The circular buffer class can be used to cache objects that don't need to be created every frame.    \n * This structure is used for e.g. Vector3 or Quaternion objects in the engine when calling ";
+getTempVector3(templateObject_1 || (templateObject_1 = __makeTemplateObject([" or "], [" or "])));
+getTempQuaternion(templateObject_2 || (templateObject_2 = __makeTemplateObject([".\n * \n * @example Create a circular buffer that caches Vector3 objects. Max size is 10.\n * "], [".\n * \n * @example Create a circular buffer that caches Vector3 objects. Max size is 10.\n * "])))(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+typescript
+    * ;
+var buffer = new CircularBuffer(function () { return new three_1.Vector3(); }, 10);
+    * ;
+var vec = buffer.get();
+    * ""(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n * \n * @example Create a circular buffer that caches Quaternion objects. Max size is 1000.\n * "], ["\n * \n * @example Create a circular buffer that caches Quaternion objects. Max size is 1000.\n * "])))(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
+typescript
+    * ;
+var buffer = new CircularBuffer(function () { return new three_1.Quaternion(); }, 1000);
+    * ;
+var quat = buffer.get();
+    * ""(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n */\nexport class CircularBuffer<T> {\n    private _factory: () => T;\n    private _cache: T[] = [];\n    private _maxSize: number;\n    private _index: number = 0;\n\n    constructor(factory: () => T, maxSize: number) {\n        this._factory = factory;\n        this._maxSize = maxSize;\n    }\n\n    get(): T {\n        const i = this._index % this._maxSize;\n        this._index++;\n        if (this._cache.length <= i) {\n            this._cache[i] = this._factory();\n        }\n        return this._cache[i];\n    }\n}\n\nlet showHelp: Param<\"help\"> = false;\nconst requestedParams: Array<string> = new Array();\n\nif (typeof window !== \"undefined\") {\n    setTimeout(() => {\n        // const debugHelp = getParam(\"debughelp\");\n        if (showHelp) {\n            const params = {};\n            const url = new URL(window.location.href);\n            const exampleUrl = new URL(url);\n            exampleUrl.searchParams.append(\"console\", \"\");\n            const exampleUrlStr = exampleUrl.toString().replace(/=$|=(?=&)/g, '');\n            // Filter the params we're interested in\n            for (const param of requestedParams) {\n                const url2 = new URL(url);\n                url2.searchParams.append(param, \"\");\n                // Save url with clean parameters (remove trailing = and empty parameters)\n                params[param] = url2.toString().replace(/=$|=(?=&)/g, '');\n            }\n            console.log(\n                \"\uD83C\uDF35 ?help: Debug Options for Needle Engine.\n\" +\n                \"Append any of these parameters to the URL to enable specific debug options.\n\" +\n                "], ["\n */\nexport class CircularBuffer<T> {\n    private _factory: () => T;\n    private _cache: T[] = [];\n    private _maxSize: number;\n    private _index: number = 0;\n\n    constructor(factory: () => T, maxSize: number) {\n        this._factory = factory;\n        this._maxSize = maxSize;\n    }\n\n    get(): T {\n        const i = this._index % this._maxSize;\n        this._index++;\n        if (this._cache.length <= i) {\n            this._cache[i] = this._factory();\n        }\n        return this._cache[i];\n    }\n}\n\nlet showHelp: Param<\"help\"> = false;\nconst requestedParams: Array<string> = new Array();\n\nif (typeof window !== \"undefined\") {\n    setTimeout(() => {\n        // const debugHelp = getParam(\"debughelp\");\n        if (showHelp) {\n            const params = {};\n            const url = new URL(window.location.href);\n            const exampleUrl = new URL(url);\n            exampleUrl.searchParams.append(\"console\", \"\");\n            const exampleUrlStr = exampleUrl.toString().replace(/=$|=(?=&)/g, '');\n            // Filter the params we're interested in\n            for (const param of requestedParams) {\n                const url2 = new URL(url);\n                url2.searchParams.append(param, \"\");\n                // Save url with clean parameters (remove trailing = and empty parameters)\n                params[param] = url2.toString().replace(/=$|=(?=&)/g, '');\n            }\n            console.log(\n                \"\uD83C\uDF35 ?help: Debug Options for Needle Engine.\\n\" +\n                \"Append any of these parameters to the URL to enable specific debug options.\\n\" +\n                "])));
+Example: $;
+{
+    exampleUrlStr;
+}
+will;
+show;
+an;
+onscreen;
+console;
+window.(templateObject_7 || (templateObject_7 = __makeTemplateObject([");\n            const postfix = showHelp === true ? \"\" : "], [");\n            const postfix = showHelp === true ? \"\" : "])))(containing, "${showHelp}")(templateObject_8 || (templateObject_8 = __makeTemplateObject([";\n            console.group(\"Available URL parameters:\" + postfix);\n            for (const key of Object.keys(params).sort()) {\n                // If ?help= is a string we only want to show the parameters that contain the string\n                if (typeof showHelp === \"string\") {\n                    if (!key.toLowerCase().includes(showHelp.toLowerCase())) continue;\n                }\n                console.groupCollapsed(key);\n                // Needs to be a separate log, otherwise Safari doesn't turn the next line into a URL:\n                console.log(\"Reload with this flag enabled:\");\n                console.log(params[key]);\n                console.groupEnd();\n            }\n            console.groupEnd();\n        }\n    }, 100);\n}\n\nexport function getUrlParams() {\n    // \"window\" may not exist in node.js\n    return new URLSearchParams(globalThis.location?.search);\n}\n\n// bit strange that we have to pass T in here as well but otherwise the type parameter is stripped it seems\ntype Param<T extends string> = string | boolean | number | T;\n\n/** Checks if a url parameter exists.\n * Returns true if it exists but has no value (e.g. ?help)\n * Returns false if it does not exist\n * Returns false if it's set to 0 e.g. ?debug=0\n * Returns the value if it exists e.g. ?message=hello\n */\nexport function getParam<T extends string>(paramName: T): Param<T> {\n    if (showHelp && !requestedParams.includes(paramName))\n        requestedParams.push(paramName);\n    const urlParams = getUrlParams();\n    if (urlParams.has(paramName)) {\n        const val = urlParams.get(paramName);\n        if (val) {\n            const num = Number(val);\n            if (!isNaN(num)) return num;\n            return val;\n        }\n        else return true;\n    }\n    return false;\n}\nshowHelp = getParam(\"help\");\n\nexport function setParam(paramName: string, paramValue: string): void {\n    const urlParams = getUrlParams();\n    if (urlParams.has(paramName)) {\n        urlParams.set(paramName, paramValue);\n    }\n    else\n        urlParams.append(paramName, paramValue);\n    document.location.search = urlParams.toString();\n}\n\n/** Sets an URL parameter without reloading the website */\nexport function setParamWithoutReload(paramName: string, paramValue: string | null, appendHistory = true): void {\n    const urlParams = getUrlParams();\n    if (urlParams.has(paramName)) {\n        if (paramValue === null) urlParams.delete(paramName);\n        else urlParams.set(paramName, paramValue);\n    }\n    else if (paramValue !== null)\n        urlParams.append(paramName, paramValue);\n    if (appendHistory) pushState(paramName, urlParams);\n    else setState(paramName, urlParams);\n}\n\n/** Sets or adds an URL query parameter */\nexport function setOrAddParamsToUrl(url: URLSearchParams, paramName: string, paramValue: string | number): void {\n    if (url.has(paramName)) {\n        url.set(paramName, paramValue.toString());\n    }\n    else\n        url.append(paramName, paramValue.toString());\n}\n\n/** Adds an entry to the browser history. Internally uses "], [";\n            console.group(\"Available URL parameters:\" + postfix);\n            for (const key of Object.keys(params).sort()) {\n                // If ?help= is a string we only want to show the parameters that contain the string\n                if (typeof showHelp === \"string\") {\n                    if (!key.toLowerCase().includes(showHelp.toLowerCase())) continue;\n                }\n                console.groupCollapsed(key);\n                // Needs to be a separate log, otherwise Safari doesn't turn the next line into a URL:\n                console.log(\"Reload with this flag enabled:\");\n                console.log(params[key]);\n                console.groupEnd();\n            }\n            console.groupEnd();\n        }\n    }, 100);\n}\n\nexport function getUrlParams() {\n    // \"window\" may not exist in node.js\n    return new URLSearchParams(globalThis.location?.search);\n}\n\n// bit strange that we have to pass T in here as well but otherwise the type parameter is stripped it seems\ntype Param<T extends string> = string | boolean | number | T;\n\n/** Checks if a url parameter exists.\n * Returns true if it exists but has no value (e.g. ?help)\n * Returns false if it does not exist\n * Returns false if it's set to 0 e.g. ?debug=0\n * Returns the value if it exists e.g. ?message=hello\n */\nexport function getParam<T extends string>(paramName: T): Param<T> {\n    if (showHelp && !requestedParams.includes(paramName))\n        requestedParams.push(paramName);\n    const urlParams = getUrlParams();\n    if (urlParams.has(paramName)) {\n        const val = urlParams.get(paramName);\n        if (val) {\n            const num = Number(val);\n            if (!isNaN(num)) return num;\n            return val;\n        }\n        else return true;\n    }\n    return false;\n}\nshowHelp = getParam(\"help\");\n\nexport function setParam(paramName: string, paramValue: string): void {\n    const urlParams = getUrlParams();\n    if (urlParams.has(paramName)) {\n        urlParams.set(paramName, paramValue);\n    }\n    else\n        urlParams.append(paramName, paramValue);\n    document.location.search = urlParams.toString();\n}\n\n/** Sets an URL parameter without reloading the website */\nexport function setParamWithoutReload(paramName: string, paramValue: string | null, appendHistory = true): void {\n    const urlParams = getUrlParams();\n    if (urlParams.has(paramName)) {\n        if (paramValue === null) urlParams.delete(paramName);\n        else urlParams.set(paramName, paramValue);\n    }\n    else if (paramValue !== null)\n        urlParams.append(paramName, paramValue);\n    if (appendHistory) pushState(paramName, urlParams);\n    else setState(paramName, urlParams);\n}\n\n/** Sets or adds an URL query parameter */\nexport function setOrAddParamsToUrl(url: URLSearchParams, paramName: string, paramValue: string | number): void {\n    if (url.has(paramName)) {\n        url.set(paramName, paramValue.toString());\n    }\n    else\n        url.append(paramName, paramValue.toString());\n}\n\n/** Adds an entry to the browser history. Internally uses "])));
+window.history.pushState(templateObject_9 || (templateObject_9 = __makeTemplateObject([" */\nexport function pushState(title: string, urlParams: URLSearchParams, state?: any) {\n    window.history.pushState(state, title, \"?\" + urlParams.toString());\n}\n\n/** Replaces the current entry in the browser history. Internally uses "], [" */\nexport function pushState(title: string, urlParams: URLSearchParams, state?: any) {\n    window.history.pushState(state, title, \"?\" + urlParams.toString());\n}\n\n/** Replaces the current entry in the browser history. Internally uses "])));
+window.history.replaceState(templateObject_10 || (templateObject_10 = __makeTemplateObject([" */\nexport function setState(title: string, urlParams: URLSearchParams, state?: any) {\n    window.history.replaceState(state, title, \"?\" + urlParams.toString());\n}\n\n// for room id\n/** Generates a random id string of the given length */\nexport function makeId(length): string {\n    var result = '';\n    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n    var charactersLength = characters.length;\n    for (var i = 0; i < length; i++) {\n        result += characters.charAt(Math.floor(Math.random() *\n            charactersLength));\n    }\n    return result;\n}\n\n/** Generates a random number\n * @deprecated use Mathf.random(min, max)\n */\nexport function randomNumber(min: number, max: number) {\n    return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nconst adjectives = [\"smol\", \"tiny\", \"giant\", \"interesting\", \"smart\", \"bright\", \"dull\", \"extreme\", \"beautiful\", \"pretty\", \"dark\", \"epic\", \"salty\", \"silly\", \"funny\", \"lame\", \"lazy\", \"loud\", \"lucky\", \"mad\", \"mean\", \"mighty\", \"mysterious\", \"nasty\", \"odd\", \"old\", \"powerful\", \"quiet\", \"rapid\", \"scary\", \"shiny\", \"shy\", \"silly\", \"smooth\", \"sour\", \"spicy\", \"stupid\", \"sweet\", \"tasty\", \"terrible\", \"ugly\", \"unusual\", \"vast\", \"wet\", \"wild\", \"witty\", \"wrong\", \"zany\", \"zealous\", \"zippy\", \"zombie\", \"zorro\"];\nconst nouns = [\"cat\", \"dog\", \"mouse\", \"pig\", \"cow\", \"horse\", \"sheep\", \"chicken\", \"duck\", \"goat\", \"panda\", \"tiger\", \"lion\", \"elephant\", \"monkey\", \"bird\", \"fish\", \"snake\", \"frog\", \"turtle\", \"hamster\", \"penguin\", \"kangaroo\", \"whale\", \"dolphin\", \"crocodile\", \"snail\", \"ant\", \"bee\", \"beetle\", \"butterfly\", \"dragon\", \"eagle\", \"fish\", \"giraffe\", \"lizard\", \"panda\", \"penguin\", \"rabbit\", \"snake\", \"spider\", \"tiger\", \"zebra\"]\n/** Generates a random id string from a list of adjectives and nouns */\nexport function makeIdFromRandomWords(): string {\n    const randomAdjective = adjectives[Math.floor(Math.random() * adjectives.length)];\n    const randomNoun = nouns[Math.floor(Math.random() * nouns.length)];\n    return randomAdjective + \"_\" + randomNoun;\n}\n\n// for url parameters\nexport function sanitizeString(str): string {\n    str = str.replace(/[^a-z0-9\u00E1\u00E9\u00ED\u00F3\u00FA\u00F1\u00FC .,_-]/gim, \"\");\n    return str.trim();\n}\n\n\n// TODO: taken from scene utils\n/** \n * @param globalObjectIdentifier The guid of the object to find\n * @param obj The object to search in\n * @param recursive If true the search will be recursive\n * @param searchComponents If true the search will also search components\n * @returns the first object that has the globalObjectIdentifier as a guid */\nexport function tryFindObject(globalObjectIdentifier: string, obj, recursive: boolean = true, searchComponents: boolean = false) {\n    if (obj === undefined || obj === null) return null;\n\n    if (obj.userData && obj.userData.guid === globalObjectIdentifier) return obj;\n    else if (obj.guid == globalObjectIdentifier) return obj;\n\n    if (searchComponents) {\n        if (obj.userData?.components) {\n            for (const comp of obj.userData.components) {\n                if (comp.guid === globalObjectIdentifier) return comp;\n            }\n        }\n    }\n\n    if (recursive) {\n        if (obj.scenes) {\n            for (const i in obj.scenes) {\n                const scene = obj.scenes[i];\n                const found = tryFindObject(globalObjectIdentifier, scene, recursive, searchComponents);\n                if (found) return found;\n            }\n        }\n        if (obj.children) {\n            for (const i in obj.children) {\n                const child = obj.children[i];\n                const found = tryFindObject(globalObjectIdentifier, child, recursive, searchComponents);\n                if (found) return found;\n            }\n        }\n    }\n}\n\ndeclare type deepClonePredicate = (owner: any, propertyName: string, current: any) => boolean;\n\n/** Deep clones an object\n * @param obj The object to clone\n * @param predicate A function that can be used to skip certain properties from being cloned\n * @returns The cloned object\n * @example\n * const clone = deepClone(obj, (owner, propertyName, current) => {\n *    if (propertyName === \"dontCloneMe\") return false;\n *   return true;\n * });\n * */\nexport function deepClone(obj: any, predicate?: deepClonePredicate): any {\n    if (obj !== null && obj !== undefined && typeof obj === \"object\") {\n        let clone;\n        if (Array.isArray(obj)) clone = [];\n        else {\n            clone = Object.create(obj);\n            Object.assign(clone, obj);\n        }\n        for (const key of Object.keys(obj)) {\n            const val = obj[key];\n            if (predicate && !predicate(obj, key, val)) {\n                // console.log(\"SKIP\", val);\n                clone[key] = val;\n            }\n            else if (val?.clone !== undefined && typeof val.clone === \"function\")\n                clone[key] = val.clone();\n            else\n                clone[key] = deepClone(val, predicate);\n        }\n        return clone;\n    }\n    return obj;\n}\n\n/** Wait for a specific amount of milliseconds to pass\n * @returns a promise that resolves after a certain amount of milliseconds   \n * @example\n * "], [" */\nexport function setState(title: string, urlParams: URLSearchParams, state?: any) {\n    window.history.replaceState(state, title, \"?\" + urlParams.toString());\n}\n\n// for room id\n/** Generates a random id string of the given length */\nexport function makeId(length): string {\n    var result = '';\n    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n    var charactersLength = characters.length;\n    for (var i = 0; i < length; i++) {\n        result += characters.charAt(Math.floor(Math.random() *\n            charactersLength));\n    }\n    return result;\n}\n\n/** Generates a random number\n * @deprecated use Mathf.random(min, max)\n */\nexport function randomNumber(min: number, max: number) {\n    return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nconst adjectives = [\"smol\", \"tiny\", \"giant\", \"interesting\", \"smart\", \"bright\", \"dull\", \"extreme\", \"beautiful\", \"pretty\", \"dark\", \"epic\", \"salty\", \"silly\", \"funny\", \"lame\", \"lazy\", \"loud\", \"lucky\", \"mad\", \"mean\", \"mighty\", \"mysterious\", \"nasty\", \"odd\", \"old\", \"powerful\", \"quiet\", \"rapid\", \"scary\", \"shiny\", \"shy\", \"silly\", \"smooth\", \"sour\", \"spicy\", \"stupid\", \"sweet\", \"tasty\", \"terrible\", \"ugly\", \"unusual\", \"vast\", \"wet\", \"wild\", \"witty\", \"wrong\", \"zany\", \"zealous\", \"zippy\", \"zombie\", \"zorro\"];\nconst nouns = [\"cat\", \"dog\", \"mouse\", \"pig\", \"cow\", \"horse\", \"sheep\", \"chicken\", \"duck\", \"goat\", \"panda\", \"tiger\", \"lion\", \"elephant\", \"monkey\", \"bird\", \"fish\", \"snake\", \"frog\", \"turtle\", \"hamster\", \"penguin\", \"kangaroo\", \"whale\", \"dolphin\", \"crocodile\", \"snail\", \"ant\", \"bee\", \"beetle\", \"butterfly\", \"dragon\", \"eagle\", \"fish\", \"giraffe\", \"lizard\", \"panda\", \"penguin\", \"rabbit\", \"snake\", \"spider\", \"tiger\", \"zebra\"]\n/** Generates a random id string from a list of adjectives and nouns */\nexport function makeIdFromRandomWords(): string {\n    const randomAdjective = adjectives[Math.floor(Math.random() * adjectives.length)];\n    const randomNoun = nouns[Math.floor(Math.random() * nouns.length)];\n    return randomAdjective + \"_\" + randomNoun;\n}\n\n// for url parameters\nexport function sanitizeString(str): string {\n    str = str.replace(/[^a-z0-9\u00E1\u00E9\u00ED\u00F3\u00FA\u00F1\u00FC \\.,_-]/gim, \"\");\n    return str.trim();\n}\n\n\n// TODO: taken from scene utils\n/** \n * @param globalObjectIdentifier The guid of the object to find\n * @param obj The object to search in\n * @param recursive If true the search will be recursive\n * @param searchComponents If true the search will also search components\n * @returns the first object that has the globalObjectIdentifier as a guid */\nexport function tryFindObject(globalObjectIdentifier: string, obj, recursive: boolean = true, searchComponents: boolean = false) {\n    if (obj === undefined || obj === null) return null;\n\n    if (obj.userData && obj.userData.guid === globalObjectIdentifier) return obj;\n    else if (obj.guid == globalObjectIdentifier) return obj;\n\n    if (searchComponents) {\n        if (obj.userData?.components) {\n            for (const comp of obj.userData.components) {\n                if (comp.guid === globalObjectIdentifier) return comp;\n            }\n        }\n    }\n\n    if (recursive) {\n        if (obj.scenes) {\n            for (const i in obj.scenes) {\n                const scene = obj.scenes[i];\n                const found = tryFindObject(globalObjectIdentifier, scene, recursive, searchComponents);\n                if (found) return found;\n            }\n        }\n        if (obj.children) {\n            for (const i in obj.children) {\n                const child = obj.children[i];\n                const found = tryFindObject(globalObjectIdentifier, child, recursive, searchComponents);\n                if (found) return found;\n            }\n        }\n    }\n}\n\ndeclare type deepClonePredicate = (owner: any, propertyName: string, current: any) => boolean;\n\n/** Deep clones an object\n * @param obj The object to clone\n * @param predicate A function that can be used to skip certain properties from being cloned\n * @returns The cloned object\n * @example\n * const clone = deepClone(obj, (owner, propertyName, current) => {\n *    if (propertyName === \"dontCloneMe\") return false;\n *   return true;\n * });\n * */\nexport function deepClone(obj: any, predicate?: deepClonePredicate): any {\n    if (obj !== null && obj !== undefined && typeof obj === \"object\") {\n        let clone;\n        if (Array.isArray(obj)) clone = [];\n        else {\n            clone = Object.create(obj);\n            Object.assign(clone, obj);\n        }\n        for (const key of Object.keys(obj)) {\n            const val = obj[key];\n            if (predicate && !predicate(obj, key, val)) {\n                // console.log(\"SKIP\", val);\n                clone[key] = val;\n            }\n            else if (val?.clone !== undefined && typeof val.clone === \"function\")\n                clone[key] = val.clone();\n            else\n                clone[key] = deepClone(val, predicate);\n        }\n        return clone;\n    }\n    return obj;\n}\n\n/** Wait for a specific amount of milliseconds to pass\n * @returns a promise that resolves after a certain amount of milliseconds   \n * @example\n * "])))(templateObject_11 || (templateObject_11 = __makeTemplateObject([""], [""])));
+typescript
+    * await delay(1000);
+    * ""(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n*/\nexport function delay(milliseconds: number): Promise<void> {\n    return new Promise((resolve, _reject) => {\n        setTimeout(resolve, milliseconds);\n    });\n}\n\n/** Will wait for a specific amount of frames to pass\n * @param frameCount The amount of frames to wait for\n * @param context The context to use, if not provided the current context will be used \n * @returns a promise that resolves after a certain amount of frames \n * @example\n * "], ["\n*/\nexport function delay(milliseconds: number): Promise<void> {\n    return new Promise((resolve, _reject) => {\n        setTimeout(resolve, milliseconds);\n    });\n}\n\n/** Will wait for a specific amount of frames to pass\n * @param frameCount The amount of frames to wait for\n * @param context The context to use, if not provided the current context will be used \n * @returns a promise that resolves after a certain amount of frames \n * @example\n * "])))(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
+typescript
+    * await delayForFrames(10);
+    * ""(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n*/\nexport function delayForFrames(frameCount: number, context?: Context): Promise<void> {\n\n    if (frameCount <= 0) return Promise.resolve();\n    if (!context) context = ContextRegistry.Current as Context;\n    if (!context) return Promise.reject(\"No context\");\n\n    const endFrame = context.time.frameCount + frameCount;\n    return new Promise((resolve, reject) => {\n        if (!context) return reject(\"No context\");\n        const cb = () => {\n            if (context!.time.frameCount >= endFrame) {\n                context!.pre_update_callbacks.splice(context!.pre_update_callbacks.indexOf(cb), 1);\n                resolve();\n            }\n        }\n        context!.pre_update_callbacks.push(cb);\n    });\n}\n\n// 1) if a timeline is exported via menu item the audio clip path is relative to the glb (same folder)\n// we need to detect that here and build the new audio source path relative to the new glb location\n// the same is/might be true for any file that is/will be exported via menu item\n// 2) if the needle.config assetDirectory is modified (from e.g. /assets to /needle/assets) when building a distributable our vite transform and copy plugin will move the files to dist/assets hence we cannot use project-relative paths (because the path changes). What we do instead if make all paths serialized in a glb relative to the glb. The rel: prefix is used to detect urls that need to be resolved.\nconst debugGetPath = getParam(\"debugresolveurl\");\n\nexport const relativePathPrefix = \"rel:\";\n\n/** @deprecated use resolveUrl instead */\nexport function getPath(source: SourceIdentifier | undefined, uri: string): string {\n    return resolveUrl(source, uri);\n}\n/**\n * Use to resolve a url serialized in a glTF file\n * @param source The uri of the loading file\n * @param uri The uri of the file to resolve, can be absolute or relative\n * @returns The resolved uri\n */\nexport function resolveUrl(source: SourceIdentifier | undefined, uri: string): string {\n    if (uri === undefined) {\n        if (debugGetPath) console.warn(\"getPath: uri is undefined, returning uri\", uri);\n        return uri;\n    }\n    if (uri.startsWith(\"./\")) {\n        return uri;\n    }\n    if (uri.startsWith(\"http\")) {\n        if (debugGetPath) console.warn(\"getPath: uri is absolute, returning uri\", uri);\n        return uri;\n    }\n    if (source === undefined) {\n        if (debugGetPath) console.warn(\"getPath: source is undefined, returning uri\", uri);\n        return uri;\n    }\n    if (uri.startsWith(relativePathPrefix)) {\n        uri = uri.substring(4);\n    }\n    const pathIndex = source.lastIndexOf(\"/\");\n    if (pathIndex >= 0) {\n        // Take the source uri as the base path\n        const basePath = source.substring(0, pathIndex + 1);\n        // make sure we don't have double slashes\n        while (basePath.endsWith(\"/\") && uri.startsWith(\"/\")) uri = uri.substring(1);\n        // Append the relative uri\n        const newUri = basePath + uri;\n        // newUri = new URL(newUri, globalThis.location.href).href;\n        if (debugGetPath) console.log(\"source:\", source, \"changed uri \nfrom\", uri, \"\nto \", newUri, \"\nbasePath: \" + basePath);\n        return newUri;\n    }\n    return uri;\n}\n\nexport function toSourceId(src: string | null): SourceIdentifier | undefined {\n    if (!src) return undefined;\n    src = src.trim();\n    src = src.split(\"?\")[0]?.split(\"#\")[0];\n    return src;\n}\n\n// export function getPath(glbLocation: SourceIdentifier | undefined, path: string) {\n//     if (path && glbLocation && !path.includes(\"/\")) {\n//         // get directory of glb and prepend it to the audio file path\n//         const pathIndex = glbLocation.lastIndexOf(\"/\");\n//         if (pathIndex >= 0) {\n//             const newPath = glbLocation.substring(0, pathIndex + 1) + path;\n//             return newPath;\n//         }\n//     }\n//     return path;\n// }\n\n\nexport type WriteCallback = (data: any, prop: string) => void;\n\nexport interface IWatch {\n    subscribeWrite(callback: WriteCallback);\n    unsubscribeWrite(callback: WriteCallback);\n    apply();\n    revoke();\n    dispose();\n}\n\n\n// TODO: make it possible to add multiple watches to the same object property\nclass WatchImpl implements IWatch {\n    subscribeWrite(callback: WriteCallback) {\n        this.writeCallbacks.push(callback);\n    }\n    unsubscribeWrite(callback: WriteCallback) {\n        const i = this.writeCallbacks.indexOf(callback);\n        if (i === -1) return;\n        this.writeCallbacks.splice(i, 1);\n    }\n    private writeCallbacks: (WriteCallback)[] = [];\n\n    constructor(object: object, prop: string) {\n        this._object = object;\n        this._prop = prop;\n        this._wrapperProp = Symbol(\"$\" + prop);\n        this.apply();\n    }\n\n    private _applied: boolean = false;\n    private _object: any;\n    private _prop: string;\n    private _wrapperProp: symbol;\n\n    apply() {\n        if (this._applied) return;\n        if (!this._object) return;\n        const object = this._object;\n        const prop = this._prop;\n        if (object[prop] === undefined) return;\n        this._applied = true;\n\n        if (object[this._wrapperProp] !== undefined) {\n            console.warn(\"Watcher is being applied to an object that already has a wrapper property. This is not (yet) supported\");\n        }\n\n        // create a wrapper property\n        const current = object[prop];\n        object[this._wrapperProp] = current;\n        // create wrapper methods\n        const getter = () => {\n            return object[this._wrapperProp];\n        }\n        const setter = (value) => {\n            object[this._wrapperProp] = value;\n            for (const write of this.writeCallbacks) {\n                write(value, this._prop);\n            }\n        }\n        // add the wrapper to the object\n        Object.defineProperty(object, prop, {\n            get: getter,\n            set: setter\n        });\n    }\n\n    revoke() {\n        if (!this._applied) return;\n        if (!this._object) return;\n        this._applied = false;\n        const object = this._object;\n        const prop = this._prop;\n        Reflect.deleteProperty(object, prop);\n        const current = object[this._wrapperProp];\n        object[prop] = current;\n        Reflect.deleteProperty(object, this._wrapperProp);\n    }\n\n    dispose() {\n        this.revoke();\n        this.writeCallbacks.length = 0;\n        this._object = null;\n    }\n}\n\nexport class Watch implements IWatch {\n\n    private readonly _watches: IWatch[] = [];\n\n    constructor(object: object, str: string[] | string) {\n        if (Array.isArray(str)) {\n            for (const s of str) {\n                this._watches.push(new Watch(object, s));\n            }\n        }\n        else {\n            this._watches.push(new WatchImpl(object, str));\n        }\n    }\n\n    subscribeWrite(callback: WriteCallback) {\n        for (const w of this._watches) {\n            w.subscribeWrite(callback);\n        }\n    }\n    unsubscribeWrite(callback: WriteCallback) {\n        for (const w of this._watches) {\n            w.unsubscribeWrite(callback);\n        }\n    }\n\n    apply() {\n        for (const w of this._watches) {\n            w.apply();\n        }\n    }\n\n    revoke() {\n        for (const w of this._watches) {\n            w.revoke();\n        }\n    }\n\n    dispose() {\n        for (const w of this._watches) {\n            w.dispose();\n        }\n        this._watches.length = 0;\n    }\n}\n\nconst watchesKey = Symbol(\"needle:watches\");\n/** Subscribe to an object being written to\n * Currently supporting Vector3\n */\nexport function watchWrite(vec: Vector, cb: Function) {\n    if (!vec[watchesKey]) {\n        if (vec instanceof Vector2) {\n            vec[watchesKey] = new Watch(vec, [\"x\", \"y\"]);\n        }\n        else if (vec instanceof Vector3) {\n            vec[watchesKey] = new Watch(vec, [\"x\", \"y\", \"z\"]);\n        }\n        else if (vec instanceof Vector4 || vec instanceof Quaternion) {\n            vec[watchesKey] = new Watch(vec, [\"x\", \"y\", \"z\", \"w\"]);\n        }\n        else {\n            return false;\n        }\n    }\n    vec[watchesKey].subscribeWrite(cb);\n    return true;\n}\nexport function unwatchWrite(vec: Vector, cb: Function) {\n    if (!vec) return;\n    const watch = vec[watchesKey];\n    if (!watch) return;\n    watch.unsubscribeWrite(cb);\n};\n\n\ndeclare global {\n    interface NavigatorUAData {\n        platform: string;\n    }\n    interface Navigator {\n        userAgentData?: NavigatorUAData;\n    }\n}\n\n/**\n * Utility functions to detect certain device types (mobile, desktop), browsers, or capabilities.\n */\nexport namespace DeviceUtilities {\n\n    let _isDesktop: boolean | undefined;\n    /** @returns "], ["\n*/\nexport function delayForFrames(frameCount: number, context?: Context): Promise<void> {\n\n    if (frameCount <= 0) return Promise.resolve();\n    if (!context) context = ContextRegistry.Current as Context;\n    if (!context) return Promise.reject(\"No context\");\n\n    const endFrame = context.time.frameCount + frameCount;\n    return new Promise((resolve, reject) => {\n        if (!context) return reject(\"No context\");\n        const cb = () => {\n            if (context!.time.frameCount >= endFrame) {\n                context!.pre_update_callbacks.splice(context!.pre_update_callbacks.indexOf(cb), 1);\n                resolve();\n            }\n        }\n        context!.pre_update_callbacks.push(cb);\n    });\n}\n\n// 1) if a timeline is exported via menu item the audio clip path is relative to the glb (same folder)\n// we need to detect that here and build the new audio source path relative to the new glb location\n// the same is/might be true for any file that is/will be exported via menu item\n// 2) if the needle.config assetDirectory is modified (from e.g. /assets to /needle/assets) when building a distributable our vite transform and copy plugin will move the files to dist/assets hence we cannot use project-relative paths (because the path changes). What we do instead if make all paths serialized in a glb relative to the glb. The rel: prefix is used to detect urls that need to be resolved.\nconst debugGetPath = getParam(\"debugresolveurl\");\n\nexport const relativePathPrefix = \"rel:\";\n\n/** @deprecated use resolveUrl instead */\nexport function getPath(source: SourceIdentifier | undefined, uri: string): string {\n    return resolveUrl(source, uri);\n}\n/**\n * Use to resolve a url serialized in a glTF file\n * @param source The uri of the loading file\n * @param uri The uri of the file to resolve, can be absolute or relative\n * @returns The resolved uri\n */\nexport function resolveUrl(source: SourceIdentifier | undefined, uri: string): string {\n    if (uri === undefined) {\n        if (debugGetPath) console.warn(\"getPath: uri is undefined, returning uri\", uri);\n        return uri;\n    }\n    if (uri.startsWith(\"./\")) {\n        return uri;\n    }\n    if (uri.startsWith(\"http\")) {\n        if (debugGetPath) console.warn(\"getPath: uri is absolute, returning uri\", uri);\n        return uri;\n    }\n    if (source === undefined) {\n        if (debugGetPath) console.warn(\"getPath: source is undefined, returning uri\", uri);\n        return uri;\n    }\n    if (uri.startsWith(relativePathPrefix)) {\n        uri = uri.substring(4);\n    }\n    const pathIndex = source.lastIndexOf(\"/\");\n    if (pathIndex >= 0) {\n        // Take the source uri as the base path\n        const basePath = source.substring(0, pathIndex + 1);\n        // make sure we don't have double slashes\n        while (basePath.endsWith(\"/\") && uri.startsWith(\"/\")) uri = uri.substring(1);\n        // Append the relative uri\n        const newUri = basePath + uri;\n        // newUri = new URL(newUri, globalThis.location.href).href;\n        if (debugGetPath) console.log(\"source:\", source, \"changed uri \\nfrom\", uri, \"\\nto \", newUri, \"\\nbasePath: \" + basePath);\n        return newUri;\n    }\n    return uri;\n}\n\nexport function toSourceId(src: string | null): SourceIdentifier | undefined {\n    if (!src) return undefined;\n    src = src.trim();\n    src = src.split(\"?\")[0]?.split(\"#\")[0];\n    return src;\n}\n\n// export function getPath(glbLocation: SourceIdentifier | undefined, path: string) {\n//     if (path && glbLocation && !path.includes(\"/\")) {\n//         // get directory of glb and prepend it to the audio file path\n//         const pathIndex = glbLocation.lastIndexOf(\"/\");\n//         if (pathIndex >= 0) {\n//             const newPath = glbLocation.substring(0, pathIndex + 1) + path;\n//             return newPath;\n//         }\n//     }\n//     return path;\n// }\n\n\nexport type WriteCallback = (data: any, prop: string) => void;\n\nexport interface IWatch {\n    subscribeWrite(callback: WriteCallback);\n    unsubscribeWrite(callback: WriteCallback);\n    apply();\n    revoke();\n    dispose();\n}\n\n\n// TODO: make it possible to add multiple watches to the same object property\nclass WatchImpl implements IWatch {\n    subscribeWrite(callback: WriteCallback) {\n        this.writeCallbacks.push(callback);\n    }\n    unsubscribeWrite(callback: WriteCallback) {\n        const i = this.writeCallbacks.indexOf(callback);\n        if (i === -1) return;\n        this.writeCallbacks.splice(i, 1);\n    }\n    private writeCallbacks: (WriteCallback)[] = [];\n\n    constructor(object: object, prop: string) {\n        this._object = object;\n        this._prop = prop;\n        this._wrapperProp = Symbol(\"$\" + prop);\n        this.apply();\n    }\n\n    private _applied: boolean = false;\n    private _object: any;\n    private _prop: string;\n    private _wrapperProp: symbol;\n\n    apply() {\n        if (this._applied) return;\n        if (!this._object) return;\n        const object = this._object;\n        const prop = this._prop;\n        if (object[prop] === undefined) return;\n        this._applied = true;\n\n        if (object[this._wrapperProp] !== undefined) {\n            console.warn(\"Watcher is being applied to an object that already has a wrapper property. This is not (yet) supported\");\n        }\n\n        // create a wrapper property\n        const current = object[prop];\n        object[this._wrapperProp] = current;\n        // create wrapper methods\n        const getter = () => {\n            return object[this._wrapperProp];\n        }\n        const setter = (value) => {\n            object[this._wrapperProp] = value;\n            for (const write of this.writeCallbacks) {\n                write(value, this._prop);\n            }\n        }\n        // add the wrapper to the object\n        Object.defineProperty(object, prop, {\n            get: getter,\n            set: setter\n        });\n    }\n\n    revoke() {\n        if (!this._applied) return;\n        if (!this._object) return;\n        this._applied = false;\n        const object = this._object;\n        const prop = this._prop;\n        Reflect.deleteProperty(object, prop);\n        const current = object[this._wrapperProp];\n        object[prop] = current;\n        Reflect.deleteProperty(object, this._wrapperProp);\n    }\n\n    dispose() {\n        this.revoke();\n        this.writeCallbacks.length = 0;\n        this._object = null;\n    }\n}\n\nexport class Watch implements IWatch {\n\n    private readonly _watches: IWatch[] = [];\n\n    constructor(object: object, str: string[] | string) {\n        if (Array.isArray(str)) {\n            for (const s of str) {\n                this._watches.push(new Watch(object, s));\n            }\n        }\n        else {\n            this._watches.push(new WatchImpl(object, str));\n        }\n    }\n\n    subscribeWrite(callback: WriteCallback) {\n        for (const w of this._watches) {\n            w.subscribeWrite(callback);\n        }\n    }\n    unsubscribeWrite(callback: WriteCallback) {\n        for (const w of this._watches) {\n            w.unsubscribeWrite(callback);\n        }\n    }\n\n    apply() {\n        for (const w of this._watches) {\n            w.apply();\n        }\n    }\n\n    revoke() {\n        for (const w of this._watches) {\n            w.revoke();\n        }\n    }\n\n    dispose() {\n        for (const w of this._watches) {\n            w.dispose();\n        }\n        this._watches.length = 0;\n    }\n}\n\nconst watchesKey = Symbol(\"needle:watches\");\n/** Subscribe to an object being written to\n * Currently supporting Vector3\n */\nexport function watchWrite(vec: Vector, cb: Function) {\n    if (!vec[watchesKey]) {\n        if (vec instanceof Vector2) {\n            vec[watchesKey] = new Watch(vec, [\"x\", \"y\"]);\n        }\n        else if (vec instanceof Vector3) {\n            vec[watchesKey] = new Watch(vec, [\"x\", \"y\", \"z\"]);\n        }\n        else if (vec instanceof Vector4 || vec instanceof Quaternion) {\n            vec[watchesKey] = new Watch(vec, [\"x\", \"y\", \"z\", \"w\"]);\n        }\n        else {\n            return false;\n        }\n    }\n    vec[watchesKey].subscribeWrite(cb);\n    return true;\n}\nexport function unwatchWrite(vec: Vector, cb: Function) {\n    if (!vec) return;\n    const watch = vec[watchesKey];\n    if (!watch) return;\n    watch.unsubscribeWrite(cb);\n};\n\n\ndeclare global {\n    interface NavigatorUAData {\n        platform: string;\n    }\n    interface Navigator {\n        userAgentData?: NavigatorUAData;\n    }\n}\n\n/**\n * Utility functions to detect certain device types (mobile, desktop), browsers, or capabilities.\n */\nexport namespace DeviceUtilities {\n\n    let _isDesktop: boolean | undefined;\n    /** @returns "])));
+true(templateObject_15 || (templateObject_15 = __makeTemplateObject([" for MacOS or Windows devices. "], [" for MacOS or Windows devices. "])));
+false(templateObject_16 || (templateObject_16 = __makeTemplateObject([" for Hololens and other headsets. */\n    export function isDesktop() {\n        if (_isDesktop !== undefined) return _isDesktop;\n        const ua = window.navigator.userAgent;\n        const standalone = /Windows|MacOS|Mac OS/.test(ua);\n        const isHololens = /Windows NT/.test(ua) && /Edg/.test(ua) && !/Win64/.test(ua);\n        return _isDesktop = standalone && !isHololens && !isiOS();\n    }\n\n    let _ismobile: boolean | undefined;\n    /** @returns "], [" for Hololens and other headsets. */\n    export function isDesktop() {\n        if (_isDesktop !== undefined) return _isDesktop;\n        const ua = window.navigator.userAgent;\n        const standalone = /Windows|MacOS|Mac OS/.test(ua);\n        const isHololens = /Windows NT/.test(ua) && /Edg/.test(ua) && !/Win64/.test(ua);\n        return _isDesktop = standalone && !isHololens && !isiOS();\n    }\n\n    let _ismobile: boolean | undefined;\n    /** @returns "])));
+true(templateObject_17 || (templateObject_17 = __makeTemplateObject([" if it's a phone or tablet */\n    export function isMobileDevice() {\n        if (_ismobile !== undefined) return _ismobile;\n        // eslint-disable-next-line deprecation/deprecation\n        if ((typeof window.orientation !== \"undefined\") || (navigator.userAgent.indexOf('IEMobile') !== -1)) {\n            return _ismobile = true;\n        }\n        return _ismobile = /iPhone|iPad|iPod|Android|IEMobile/i.test(navigator.userAgent);\n    }\n\n    /** @deprecated use {@link isiPad} instead */\n    export function isIPad() {\n        return isiPad();\n    }\n\n    let __isiPad: boolean | undefined;\n    /** @returns "], [" if it's a phone or tablet */\n    export function isMobileDevice() {\n        if (_ismobile !== undefined) return _ismobile;\n        // eslint-disable-next-line deprecation/deprecation\n        if ((typeof window.orientation !== \"undefined\") || (navigator.userAgent.indexOf('IEMobile') !== -1)) {\n            return _ismobile = true;\n        }\n        return _ismobile = /iPhone|iPad|iPod|Android|IEMobile/i.test(navigator.userAgent);\n    }\n\n    /** @deprecated use {@link isiPad} instead */\n    export function isIPad() {\n        return isiPad();\n    }\n\n    let __isiPad: boolean | undefined;\n    /** @returns "])));
+true(templateObject_18 || (templateObject_18 = __makeTemplateObject([" if we're currently on an iPad */\n    export function isiPad() {\n        if (__isiPad !== undefined) return __isiPad;\n        return __isiPad = /iPad/.test(navigator.userAgent);\n    }\n\n    let __isAndroidDevice: boolean | undefined;\n    /** @returns "], [" if we're currently on an iPad */\n    export function isiPad() {\n        if (__isiPad !== undefined) return __isiPad;\n        return __isiPad = /iPad/.test(navigator.userAgent);\n    }\n\n    let __isAndroidDevice: boolean | undefined;\n    /** @returns "])));
+true(templateObject_19 || (templateObject_19 = __makeTemplateObject([" if we're currently on an Android device */\n    export function isAndroidDevice() {\n        if (__isAndroidDevice !== undefined) return __isAndroidDevice;\n        return __isAndroidDevice = /Android/.test(navigator.userAgent);\n    }\n\n    let __isMozillaXR: boolean | undefined;\n    /** @returns "], [" if we're currently on an Android device */\n    export function isAndroidDevice() {\n        if (__isAndroidDevice !== undefined) return __isAndroidDevice;\n        return __isAndroidDevice = /Android/.test(navigator.userAgent);\n    }\n\n    let __isMozillaXR: boolean | undefined;\n    /** @returns "])));
+true(templateObject_20 || (templateObject_20 = __makeTemplateObject([" if we're currently using the Mozilla XR Browser (only available for iOS) */\n    export function isMozillaXR() {\n        if (__isMozillaXR !== undefined) return __isMozillaXR;\n        return __isMozillaXR = /WebXRViewer//i.test(navigator.userAgent);\n    }\n\n    let __isMacOS: boolean | undefined;\n    // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData\n    /** @returns "], [" if we're currently using the Mozilla XR Browser (only available for iOS) */\n    export function isMozillaXR() {\n        if (__isMozillaXR !== undefined) return __isMozillaXR;\n        return __isMozillaXR = /WebXRViewer\\//i.test(navigator.userAgent);\n    }\n\n    let __isMacOS: boolean | undefined;\n    // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData\n    /** @returns "])));
+true(templateObject_21 || (templateObject_21 = __makeTemplateObject([" for MacOS devices */\n    export function isMacOS() {\n        if (__isMacOS !== undefined) return __isMacOS;\n        if (navigator.userAgentData) {\n            // Use modern UA Client Hints API if available\n            return __isMacOS = navigator.userAgentData.platform === 'macOS';\n        } else {\n            // Fallback to user agent string parsing\n            const userAgent = navigator.userAgent.toLowerCase();\n            return __isMacOS = userAgent.includes('mac os x') || userAgent.includes('macintosh');\n        }\n    }\n\n    let __isVisionOS: boolean | undefined;\n    /** @returns "], [" for MacOS devices */\n    export function isMacOS() {\n        if (__isMacOS !== undefined) return __isMacOS;\n        if (navigator.userAgentData) {\n            // Use modern UA Client Hints API if available\n            return __isMacOS = navigator.userAgentData.platform === 'macOS';\n        } else {\n            // Fallback to user agent string parsing\n            const userAgent = navigator.userAgent.toLowerCase();\n            return __isMacOS = userAgent.includes('mac os x') || userAgent.includes('macintosh');\n        }\n    }\n\n    let __isVisionOS: boolean | undefined;\n    /** @returns "])));
+true(templateObject_22 || (templateObject_22 = __makeTemplateObject([" for VisionOS devices */\n    export function isVisionOS() {\n        if (__isVisionOS !== undefined) return __isVisionOS;\n        return __isVisionOS = (isMacOS() && \"xr\" in navigator);\n    }\n\n    let __isiOS: boolean | undefined;\n    const iosDevices = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'];\n\n    /** @returns "], [" for VisionOS devices */\n    export function isVisionOS() {\n        if (__isVisionOS !== undefined) return __isVisionOS;\n        return __isVisionOS = (isMacOS() && \"xr\" in navigator);\n    }\n\n    let __isiOS: boolean | undefined;\n    const iosDevices = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'];\n\n    /** @returns "])));
+true(templateObject_23 || (templateObject_23 = __makeTemplateObject([" for iOS devices like iPad, iPhone, iPod... */\n    export function isiOS() {\n        if (__isiOS !== undefined) return __isiOS;\n        // eslint-disable-next-line deprecation/deprecation\n        return __isiOS = iosDevices.includes(navigator.platform)\n            // iPad on iOS 13 detection\n            || (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document)\n    }\n\n    let __isSafari: boolean | undefined;\n    /** @returns "], [" for iOS devices like iPad, iPhone, iPod... */\n    export function isiOS() {\n        if (__isiOS !== undefined) return __isiOS;\n        // eslint-disable-next-line deprecation/deprecation\n        return __isiOS = iosDevices.includes(navigator.platform)\n            // iPad on iOS 13 detection\n            || (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document)\n    }\n\n    let __isSafari: boolean | undefined;\n    /** @returns "])));
+true(templateObject_24 || (templateObject_24 = __makeTemplateObject([" if we're currently on safari */\n    export function isSafari() {\n        if (__isSafari !== undefined) return __isSafari;\n        __isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n        return __isSafari;\n    }\n\n    let __isQuest: boolean | undefined;\n    /** @returns "], [" if we're currently on safari */\n    export function isSafari() {\n        if (__isSafari !== undefined) return __isSafari;\n        __isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n        return __isSafari;\n    }\n\n    let __isQuest: boolean | undefined;\n    /** @returns "])));
+true(templateObject_25 || (templateObject_25 = __makeTemplateObject([" for Meta Quest devices and browser. */\n    export function isQuest() {\n        if (__isQuest !== undefined) return __isQuest;\n        return __isQuest = navigator.userAgent.includes(\"OculusBrowser\");\n    }\n\n    let __supportsQuickLookAR: boolean | undefined;\n    /** @returns "], [" for Meta Quest devices and browser. */\n    export function isQuest() {\n        if (__isQuest !== undefined) return __isQuest;\n        return __isQuest = navigator.userAgent.includes(\"OculusBrowser\");\n    }\n\n    let __supportsQuickLookAR: boolean | undefined;\n    /** @returns "])));
+true(templateObject_26 || (templateObject_26 = __makeTemplateObject([" if the browser has "], [" if the browser has "]))) < a;
+rel = "ar" > " support, which indicates USDZ QuickLook support. */\n    export function supportsQuickLookAR() {\n        if (__supportsQuickLookAR !== undefined) return __supportsQuickLookAR;\n        const a = document.createElement(\"a\") as HTMLAnchorElement;\n        __supportsQuickLookAR = a.relList.supports(\"ar\");\n        return __supportsQuickLookAR;\n    }\n\n    /** @returns ";
+true(templateObject_27 || (templateObject_27 = __makeTemplateObject([" if the user allowed to use the microphone */\n    export async function microphonePermissionsGranted() {\n        try {\n            //@ts-ignore\n            const res = await navigator.permissions.query({ name: 'microphone' });\n            if (res.state === \"denied\") {\n                return false;\n            }\n            return true;\n        }\n        catch (err) {\n            console.error(\"Error querying "], [" if the user allowed to use the microphone */\n    export async function microphonePermissionsGranted() {\n        try {\n            //@ts-ignore\n            const res = await navigator.permissions.query({ name: 'microphone' });\n            if (res.state === \"denied\") {\n                return false;\n            }\n            return true;\n        }\n        catch (err) {\n            console.error(\"Error querying "])));
+microphone(templateObject_28 || (templateObject_28 = __makeTemplateObject([" permissions.\", err);\n            return false;\n        }\n    }\n\n    let __iOSVersion: string | null | undefined;\n    export function getiOSVersion() {\n        if (__iOSVersion !== undefined) return __iOSVersion;\n        const match = navigator.userAgent.match(/iPhone OS (d+_d+)/);\n        if (match) __iOSVersion = match[1].replace(\"_\", \".\");\n        if (!__iOSVersion) {\n            // Look for \"(Macintosh;\" or \"(iPhone;\" or \"(iPad;\" and then check Version/18.0\n            const match2 = navigator.userAgent.match(/(?:(Macintosh;|iPhone;|iPad;).*Version/(d+.d+)/);\n            if (match2) __iOSVersion = match2[1];\n        }\n        // if we dont have any match we set it to null to avoid running the check again\n        if (!__iOSVersion) {\n            __iOSVersion = null;\n        }\n        return __iOSVersion;\n    }\n\n    let __chromeVersion: string | null | undefined;\n    export function getChromeVersion() {\n        if (__chromeVersion !== undefined) return __chromeVersion;\n        const match = navigator.userAgent.match(/(?:CriOS|Chrome)/(d+.d+.d+.d+)/);\n        if (match) {\n            const result = match[1].replace(\"_\", \".\");\n            __chromeVersion = result;\n        }\n        else __chromeVersion = null;\n        return __chromeVersion;\n    }\n}\n\n/**\n * @deprecated use {@link DeviceUtilities.isDesktop} instead\n */\nexport function isDesktop() {\n    return DeviceUtilities.isDesktop();\n}\n\n/** \n * @deprecated use {@link DeviceUtilities.isMobileDevice} instead\n */\nexport function isMobileDevice() {\n    return DeviceUtilities.isMobileDevice();\n}\n\n/** @deprecated use {@link DeviceUtilities.isiPad} instead */\nexport function isIPad() {\n    return DeviceUtilities.isiPad();\n}\n\n/** @deprecated use {@link DeviceUtilities.isiPad} instead */\nexport function isiPad() {\n    return DeviceUtilities.isiPad();\n}\n\n/** @deprecated use {@link DeviceUtilities.isAndroidDevice} instead */\nexport function isAndroidDevice() {\n    return DeviceUtilities.isAndroidDevice();\n}\n\n/** @deprecated use {@link DeviceUtilities.isMozillaXR} instead */\nexport function isMozillaXR() {\n    return DeviceUtilities.isMozillaXR();\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData\n/** @deprecated use {@link DeviceUtilities.isMacOS} instead */\nexport function isMacOS() {\n    return DeviceUtilities.isMacOS();\n}\n\n/** @deprecated use {@link DeviceUtilities.isiOS} instead */\nexport function isiOS() {\n    return DeviceUtilities.isiOS();\n}\n\n/** @deprecated use {@link DeviceUtilities.isSafari} instead */\nexport function isSafari() {\n    return DeviceUtilities.isSafari();\n}\n\n/** @deprecated use {@link DeviceUtilities.isQuest} instead */\nexport function isQuest() {\n    return DeviceUtilities.isQuest();\n}\n\n/** @deprecated use {@link DeviceUtilities.microphonePermissionsGranted} instead */\nexport async function microphonePermissionsGranted() {\n    return DeviceUtilities.microphonePermissionsGranted();\n}\n\n\n\ndeclare type AttributeChangeCallback = (value: string | null) => void;\ndeclare type HtmlElementExtra = {\n    observer: MutationObserver,\n    attributeChangedListeners: Map<string, Array<AttributeChangeCallback>>,\n}\nconst mutationObserverMap = new WeakMap<HTMLElement, HtmlElementExtra>();\n\n/** \n * Register a callback when an {@link HTMLElement} attribute changes.   \n * This is used, for example, by the Skybox component to watch for changes to the environment-* and skybox-* attributes.\n * @returns A function that can be used to unregister the callback\n*/\nexport function addAttributeChangeCallback(domElement: HTMLElement, name: string, callback: AttributeChangeCallback) {\n    if (!mutationObserverMap.get(domElement)) {\n        const observer = new MutationObserver((mutations) => {\n            handleMutations(domElement, mutations);\n        });\n        mutationObserverMap.set(domElement, {\n            observer,\n            attributeChangedListeners: new Map<string, Array<AttributeChangeCallback>>(),\n        });\n        observer.observe(domElement, { attributes: true });\n    }\n\n    const listeners = mutationObserverMap.get(domElement)!.attributeChangedListeners;\n    if (!listeners.has(name)) {\n        listeners.set(name, []);\n    }\n    listeners.get(name)!.push(callback);\n    return () => {\n        removeAttributeChangeCallback(domElement, name, callback);\n    }\n};\n\n/** \n * Unregister a callback previously registered with {@link addAttributeChangeCallback}.   \n*/\nexport function removeAttributeChangeCallback(domElement: HTMLElement, name: string, callback: AttributeChangeCallback) {\n    if (!mutationObserverMap.get(domElement)) return;\n    const listeners = mutationObserverMap.get(domElement)!.attributeChangedListeners;\n    if (!listeners.has(name)) return;\n    const arr = listeners.get(name);\n    const index = arr!.indexOf(callback);\n    if (index === -1) return;\n    arr!.splice(index, 1);\n    if (arr!.length <= 0) {\n        listeners.delete(name);\n        const entry = mutationObserverMap.get(domElement);\n        entry?.observer.disconnect();\n        mutationObserverMap.delete(domElement);\n    }\n}\n\nfunction handleMutations(domElement: HTMLElement, mutations: Array<MutationRecord>) {\n    const listeners = mutationObserverMap.get(domElement)!.attributeChangedListeners;\n    for (const mut of mutations) {\n        if (mut.type === \"attributes\") {\n            const name = mut.attributeName!;\n            const value = domElement.getAttribute(name);\n            if (listeners.has(name)) {\n                for (const listener of listeners.get(name)!) {\n                    listener(value);\n                }\n            }\n        }\n    }\n\n}\n\n\n/** Used by "], [" permissions.\", err);\n            return false;\n        }\n    }\n\n    let __iOSVersion: string | null | undefined;\n    export function getiOSVersion() {\n        if (__iOSVersion !== undefined) return __iOSVersion;\n        const match = navigator.userAgent.match(/iPhone OS (\\d+_\\d+)/);\n        if (match) __iOSVersion = match[1].replace(\"_\", \".\");\n        if (!__iOSVersion) {\n            // Look for \"(Macintosh;\" or \"(iPhone;\" or \"(iPad;\" and then check Version/18.0\n            const match2 = navigator.userAgent.match(/(?:\\(Macintosh;|iPhone;|iPad;).*Version\\/(\\d+\\.\\d+)/);\n            if (match2) __iOSVersion = match2[1];\n        }\n        // if we dont have any match we set it to null to avoid running the check again\n        if (!__iOSVersion) {\n            __iOSVersion = null;\n        }\n        return __iOSVersion;\n    }\n\n    let __chromeVersion: string | null | undefined;\n    export function getChromeVersion() {\n        if (__chromeVersion !== undefined) return __chromeVersion;\n        const match = navigator.userAgent.match(/(?:CriOS|Chrome)\\/(\\d+\\.\\d+\\.\\d+\\.\\d+)/);\n        if (match) {\n            const result = match[1].replace(\"_\", \".\");\n            __chromeVersion = result;\n        }\n        else __chromeVersion = null;\n        return __chromeVersion;\n    }\n}\n\n/**\n * @deprecated use {@link DeviceUtilities.isDesktop} instead\n */\nexport function isDesktop() {\n    return DeviceUtilities.isDesktop();\n}\n\n/** \n * @deprecated use {@link DeviceUtilities.isMobileDevice} instead\n */\nexport function isMobileDevice() {\n    return DeviceUtilities.isMobileDevice();\n}\n\n/** @deprecated use {@link DeviceUtilities.isiPad} instead */\nexport function isIPad() {\n    return DeviceUtilities.isiPad();\n}\n\n/** @deprecated use {@link DeviceUtilities.isiPad} instead */\nexport function isiPad() {\n    return DeviceUtilities.isiPad();\n}\n\n/** @deprecated use {@link DeviceUtilities.isAndroidDevice} instead */\nexport function isAndroidDevice() {\n    return DeviceUtilities.isAndroidDevice();\n}\n\n/** @deprecated use {@link DeviceUtilities.isMozillaXR} instead */\nexport function isMozillaXR() {\n    return DeviceUtilities.isMozillaXR();\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData\n/** @deprecated use {@link DeviceUtilities.isMacOS} instead */\nexport function isMacOS() {\n    return DeviceUtilities.isMacOS();\n}\n\n/** @deprecated use {@link DeviceUtilities.isiOS} instead */\nexport function isiOS() {\n    return DeviceUtilities.isiOS();\n}\n\n/** @deprecated use {@link DeviceUtilities.isSafari} instead */\nexport function isSafari() {\n    return DeviceUtilities.isSafari();\n}\n\n/** @deprecated use {@link DeviceUtilities.isQuest} instead */\nexport function isQuest() {\n    return DeviceUtilities.isQuest();\n}\n\n/** @deprecated use {@link DeviceUtilities.microphonePermissionsGranted} instead */\nexport async function microphonePermissionsGranted() {\n    return DeviceUtilities.microphonePermissionsGranted();\n}\n\n\n\ndeclare type AttributeChangeCallback = (value: string | null) => void;\ndeclare type HtmlElementExtra = {\n    observer: MutationObserver,\n    attributeChangedListeners: Map<string, Array<AttributeChangeCallback>>,\n}\nconst mutationObserverMap = new WeakMap<HTMLElement, HtmlElementExtra>();\n\n/** \n * Register a callback when an {@link HTMLElement} attribute changes.   \n * This is used, for example, by the Skybox component to watch for changes to the environment-* and skybox-* attributes.\n * @returns A function that can be used to unregister the callback\n*/\nexport function addAttributeChangeCallback(domElement: HTMLElement, name: string, callback: AttributeChangeCallback) {\n    if (!mutationObserverMap.get(domElement)) {\n        const observer = new MutationObserver((mutations) => {\n            handleMutations(domElement, mutations);\n        });\n        mutationObserverMap.set(domElement, {\n            observer,\n            attributeChangedListeners: new Map<string, Array<AttributeChangeCallback>>(),\n        });\n        observer.observe(domElement, { attributes: true });\n    }\n\n    const listeners = mutationObserverMap.get(domElement)!.attributeChangedListeners;\n    if (!listeners.has(name)) {\n        listeners.set(name, []);\n    }\n    listeners.get(name)!.push(callback);\n    return () => {\n        removeAttributeChangeCallback(domElement, name, callback);\n    }\n};\n\n/** \n * Unregister a callback previously registered with {@link addAttributeChangeCallback}.   \n*/\nexport function removeAttributeChangeCallback(domElement: HTMLElement, name: string, callback: AttributeChangeCallback) {\n    if (!mutationObserverMap.get(domElement)) return;\n    const listeners = mutationObserverMap.get(domElement)!.attributeChangedListeners;\n    if (!listeners.has(name)) return;\n    const arr = listeners.get(name);\n    const index = arr!.indexOf(callback);\n    if (index === -1) return;\n    arr!.splice(index, 1);\n    if (arr!.length <= 0) {\n        listeners.delete(name);\n        const entry = mutationObserverMap.get(domElement);\n        entry?.observer.disconnect();\n        mutationObserverMap.delete(domElement);\n    }\n}\n\nfunction handleMutations(domElement: HTMLElement, mutations: Array<MutationRecord>) {\n    const listeners = mutationObserverMap.get(domElement)!.attributeChangedListeners;\n    for (const mut of mutations) {\n        if (mut.type === \"attributes\") {\n            const name = mut.attributeName!;\n            const value = domElement.getAttribute(name);\n            if (listeners.has(name)) {\n                for (const listener of listeners.get(name)!) {\n                    listener(value);\n                }\n            }\n        }\n    }\n\n}\n\n\n/** Used by "])));
+PromiseAllWithErrors(templateObject_29 || (templateObject_29 = __makeTemplateObject([" */\nexport class PromiseErrorResult {\n    readonly reason: string;\n    constructor(reason: string) {\n        this.reason = reason;\n    }\n}\n\n/** Can be used to simplify Promise error handling and if errors are acceptable. \n * Promise.all will just fail if any of the provided promises fails and not return or cancel pending promises or partial results\n * Using Promise.allSettled (or this method) instead will return a result for each promise and not automatically fail if any of the promises fails.\n * Instead it will return a promise containing information if any of the promises failed\n * and the actual results will be available as "], [" */\nexport class PromiseErrorResult {\n    readonly reason: string;\n    constructor(reason: string) {\n        this.reason = reason;\n    }\n}\n\n/** Can be used to simplify Promise error handling and if errors are acceptable. \n * Promise.all will just fail if any of the provided promises fails and not return or cancel pending promises or partial results\n * Using Promise.allSettled (or this method) instead will return a result for each promise and not automatically fail if any of the promises fails.\n * Instead it will return a promise containing information if any of the promises failed\n * and the actual results will be available as "])));
+results(templateObject_30 || (templateObject_30 = __makeTemplateObject([" array\n **/\nexport async function PromiseAllWithErrors<T>(promise: Promise<T>[]): Promise<{\n    anyFailed: boolean,\n    results: Array<T | PromiseErrorResult>\n}> {\n    const results = await Promise.allSettled(promise).catch(err => {\n        return [\n            new PromiseErrorResult(err.message)\n        ];\n    })\n    let anyFailed: boolean = false;\n    const res = results.map(x => {\n        if (\"value\" in x) return x.value;\n        anyFailed = true;\n        return new PromiseErrorResult(x.reason);\n    });\n    return {\n        anyFailed: anyFailed,\n        results: res,\n    };\n}\n\n\n\n\n\n\n/** Generates a QR code HTML image using https://github.com/davidshimjs/qrcodejs\n * @param args.text The text to encode\n * @param args.width The width of the QR code\n * @param args.height The height of the QR code\n * @param args.colorDark The color of the dark squares\n * @param args.colorLight The color of the light squares\n * @param args.correctLevel The error correction level to use\n * @param args.showLogo If true, the same logo as for the Needle loading screen will be drawn in the center of the QR code\n * @param args.showUrl If true, the URL will be shown below the QR code\n * @param args.domElement The dom element to append the QR code to. If not provided a new div will be created and returned\n * @returns The dom element containing the QR code\n */\nexport async function generateQRCode(args: { domElement?: HTMLElement, text: string, width?: number, height?: number, colorDark?: string, colorLight?: string, correctLevel?: any, showLogo?: boolean, showUrl?: boolean }): Promise<HTMLElement> {\n\n    // Ensure that the QRCode library is loaded\n    if (!globalThis[\"QRCode\"]) {\n        const url = \"https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@gh-pages/qrcode.min.js\";\n        let script = document.head.querySelector("], [" array\n **/\nexport async function PromiseAllWithErrors<T>(promise: Promise<T>[]): Promise<{\n    anyFailed: boolean,\n    results: Array<T | PromiseErrorResult>\n}> {\n    const results = await Promise.allSettled(promise).catch(err => {\n        return [\n            new PromiseErrorResult(err.message)\n        ];\n    })\n    let anyFailed: boolean = false;\n    const res = results.map(x => {\n        if (\"value\" in x) return x.value;\n        anyFailed = true;\n        return new PromiseErrorResult(x.reason);\n    });\n    return {\n        anyFailed: anyFailed,\n        results: res,\n    };\n}\n\n\n\n\n\n\n/** Generates a QR code HTML image using https://github.com/davidshimjs/qrcodejs\n * @param args.text The text to encode\n * @param args.width The width of the QR code\n * @param args.height The height of the QR code\n * @param args.colorDark The color of the dark squares\n * @param args.colorLight The color of the light squares\n * @param args.correctLevel The error correction level to use\n * @param args.showLogo If true, the same logo as for the Needle loading screen will be drawn in the center of the QR code\n * @param args.showUrl If true, the URL will be shown below the QR code\n * @param args.domElement The dom element to append the QR code to. If not provided a new div will be created and returned\n * @returns The dom element containing the QR code\n */\nexport async function generateQRCode(args: { domElement?: HTMLElement, text: string, width?: number, height?: number, colorDark?: string, colorLight?: string, correctLevel?: any, showLogo?: boolean, showUrl?: boolean }): Promise<HTMLElement> {\n\n    // Ensure that the QRCode library is loaded\n    if (!globalThis[\"QRCode\"]) {\n        const url = \"https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@gh-pages/qrcode.min.js\";\n        let script = document.head.querySelector("])));
+script[src = "${url}"](templateObject_31 || (templateObject_31 = __makeTemplateObject([") as HTMLScriptElement;\n        if (!script) {\n            script = document.createElement(\"script\");\n            script.src = url;\n            document.head.appendChild(script);\n        }\n\n        await new Promise((resolve, _reject) => {\n            script.addEventListener(\"load\", () => {\n                resolve(true);\n            });\n        });\n    }\n\n    const QRCODE = globalThis[\"QRCode\"];\n    const target = args.domElement ?? document.createElement(\"div\");\n    const qrCode = new QRCODE(target, {\n        width: args.width ?? 256,\n        height: args.height ?? 256,\n        colorDark: \"#000000\",\n        colorLight: \"#ffffff\",\n        correctLevel: args.showLogo ? QRCODE.CorrectionLevel.H : QRCODE.CorrectLevel.M,\n        ...args,\n    });\n\n    // Number of rows/columns of the generated QR code\n    const moduleCount = qrCode?._oQRCode.moduleCount || 0;\n    const canvas = qrCode?._oDrawing?._elCanvas as HTMLCanvasElement;\n\n    let sizePercentage = 0.25;\n    if (moduleCount < 40)\n        sizePercentage = Math.floor(moduleCount / 4) / moduleCount;\n    else\n        sizePercentage = Math.floor(moduleCount / 6) / moduleCount;\n\n    const paddingPercentage = Math.floor(moduleCount / 20) / moduleCount;\n    try {\n        const img = await addOverlays(canvas, { showLogo: args.showLogo, logoSize: sizePercentage, logoPadding: paddingPercentage }).catch(_e => { /** ignore */ });\n        if (img) {\n            target.innerHTML = \"\";\n            target.append(img);\n        }\n    }\n    catch { } // Ignore\n\n    if (args.showUrl !== false && args.text) {\n        // Add link label below the QR code\n        // Clean up the text. If it's a URL: remove the protocol, www. part, trailing slashes or trailing question marks\n        const existingLabel = target.querySelector(\".qr-code-link-label\");\n        let displayText = args.text.replace(/^(https?://)?(www.)?/, \"\").replace(//+$/, \"\").replace(/?+$/, \"\");\n        displayText = \"Scan to visit \" + displayText;\n        if (existingLabel) {\n            existingLabel.textContent = displayText;\n        } else {\n            // Create a new label\n            const linkLabel = document.createElement(\"div\");\n            linkLabel.classList.add(\"qr-code-link-label\");\n            args.text = displayText;\n            linkLabel.textContent = args.text;\n            linkLabel.addEventListener(\"click\", (ev) => {\n                // Prevent the QR panel from closing\n                ev.stopImmediatePropagation();\n            });\n\n            linkLabel.style.textAlign = \"center\";\n            linkLabel.style.fontSize = \"0.8em\";\n            linkLabel.style.marginTop = \"0.1em\";\n            linkLabel.style.color = \"#000000\";\n            linkLabel.style.fontFamily = \"'Roboto Flex', sans-serif\";\n            linkLabel.style.opacity = \"0.5\";\n            linkLabel.style.wordBreak = \"break-all\";\n            linkLabel.style.wordWrap = \"break-word\";\n            linkLabel.style.marginBottom = \"0.3em\";\n\n            // Ensure max. width\n            target.style.width = \"calc(210px + 20px)\";\n\n            target.appendChild(linkLabel);\n        }\n    }\n\n    return target;\n}\n\nasync function addOverlays(canvas: HTMLCanvasElement, args: { showLogo?: boolean, logoSize?: number, logoPadding?: number }): Promise<HTMLImageElement | void> {\n    if (!canvas) return;\n\n    // Internal settings\n    const canvasPadding = 8;\n    const shadowBlur = 20;\n    const rectanglePadding = args.logoPadding || 1. / 32;\n    // With dropshadow under the logo\n    /*\n    const shadowColor = \"#00000099\";\n    const rectangleRadius = 0.4 * 16;\n    */\n    // Without dropshadow under the logo\n    const shadowColor = \"transparent\";\n    const rectangleRadius = 0;\n\n    // Draw the website's icon in the center of the QR code\n    const faviconImage = new Image();\n    const element = document.querySelector(\"needle-engine\") as NeedleEngineWebComponent;\n    const logoSrc = element?.getAttribute(\"loading-logo-src\") || needleLogoOnlySVG;\n    if (!logoSrc) return;\n\n    let haveLogo = false;\n    if (args.showLogo !== false) {\n        faviconImage.src = logoSrc;\n        haveLogo = await new Promise((resolve, _reject) => {\n            faviconImage.onload = () => resolve(true);\n            faviconImage.onerror = (err) => {\n                console.error(\"Error loading favicon image for QR code\", err);\n                resolve(false);\n            };\n        });\n    }\n\n    // Add some padding around the canvas \u2013 we need to copy the QR code image to a larger canvas\n    const paddedCanvas = document.createElement(\"canvas\");\n    paddedCanvas.width = canvas.width + canvasPadding;\n    paddedCanvas.height = canvas.height + canvasPadding;\n    const paddedContext = paddedCanvas.getContext(\"2d\");\n    if (!paddedContext) {\n        return;\n    }\n\n    // Clear with white\n    paddedContext.fillStyle = \"#ffffff\";\n    paddedContext.fillRect(0, 0, paddedCanvas.width, paddedCanvas.height);\n    paddedContext.drawImage(canvas, canvasPadding / 2, canvasPadding / 2);\n\n    // Enable anti-aliasing\n    paddedContext.imageSmoothingEnabled = true;\n    paddedContext.imageSmoothingQuality = \"high\";\n    // @ts-ignore\n    paddedContext.mozImageSmoothingEnabled = true;\n    // @ts-ignore\n    paddedContext.webkitImageSmoothingEnabled = true;\n\n    // Draw a slight gradient background with 10% opacity and \"lighten\" composite operation\n    paddedContext.globalCompositeOperation = \"lighten\";\n    const gradient = paddedContext.createLinearGradient(0, 0, 0, paddedCanvas.height);\n    gradient.addColorStop(0, \"rgb(45, 45, 45)\");\n    gradient.addColorStop(1, \"rgb(45, 45, 45)\");\n    paddedContext.fillStyle = gradient;\n    paddedContext.fillRect(0, 0, paddedCanvas.width, paddedCanvas.height);\n    paddedContext.globalCompositeOperation = \"source-over\";\n\n\n    let sizeX = Math.min(canvas.width, canvas.height) * (args.logoSize || 0.25);\n    let sizeY = sizeX;\n\n    if (haveLogo) {\n        // Get aspect of image\n        const aspect = faviconImage.width / faviconImage.height;\n        if (aspect > 1) sizeY = sizeX / aspect;\n        else sizeX = sizeY * aspect;\n\n        const rectanglePaddingPx = rectanglePadding * canvas.width;\n\n        // Apply padding\n        const sizeForBackground = Math.max(sizeX, sizeY);\n        const sizeXPadded = Math.round(sizeForBackground + rectanglePaddingPx);\n        const sizeYPadded = Math.round(sizeForBackground + rectanglePaddingPx);\n        const x = (paddedCanvas.width - sizeForBackground) / 2;\n        const y = (paddedCanvas.height - sizeForBackground) / 2;\n\n        // Draw shape with blurred shadow\n        paddedContext.shadowColor = shadowColor;\n        paddedContext.shadowBlur = shadowBlur;\n\n        // Draw rounded rectangle with radius\n        // Convert 0.4rem to pixels, taking DPI into account\n        const radius = rectangleRadius;\n        const xPadded = Math.round(x - rectanglePaddingPx / 2);\n        const yPadded = Math.round(y - rectanglePaddingPx / 2);\n        paddedContext.beginPath();\n        paddedContext.moveTo(xPadded + radius, yPadded);\n        paddedContext.lineTo(xPadded + sizeXPadded - radius, yPadded);\n        paddedContext.quadraticCurveTo(xPadded + sizeXPadded, yPadded, xPadded + sizeXPadded, yPadded + radius);\n        paddedContext.lineTo(xPadded + sizeXPadded, yPadded + sizeYPadded - radius);\n        paddedContext.quadraticCurveTo(xPadded + sizeXPadded, yPadded + sizeYPadded, xPadded + sizeXPadded - radius, yPadded + sizeYPadded);\n        paddedContext.lineTo(xPadded + radius, yPadded + sizeYPadded);\n        paddedContext.quadraticCurveTo(xPadded, yPadded + sizeYPadded, xPadded, yPadded + sizeYPadded - radius);\n        paddedContext.lineTo(xPadded, yPadded + radius);\n        paddedContext.quadraticCurveTo(xPadded, yPadded, xPadded + radius, yPadded);\n        paddedContext.fillStyle = \"#ffffff\";\n        paddedContext.closePath();\n        paddedContext.fill();\n        paddedContext.clip();\n\n        // Reset shadow and draw favicon\n        paddedContext.shadowColor = \"transparent\";\n        const logoX = (paddedCanvas.width - sizeX) / 2;\n        const logoY = (paddedCanvas.height - sizeY) / 2;\n        paddedContext.drawImage(faviconImage, logoX, logoY, sizeX, sizeY);\n    }\n\n    // Replace the canvas with the padded one\n    const paddedImage = paddedCanvas.toDataURL(\"image/png\");\n    const img = document.createElement(\"img\");\n    img.src = paddedImage;\n    img.style.width = \"100%\";\n    img.style.height = \"auto\";\n\n    return img;\n}"], [") as HTMLScriptElement;\n        if (!script) {\n            script = document.createElement(\"script\");\n            script.src = url;\n            document.head.appendChild(script);\n        }\n\n        await new Promise((resolve, _reject) => {\n            script.addEventListener(\"load\", () => {\n                resolve(true);\n            });\n        });\n    }\n\n    const QRCODE = globalThis[\"QRCode\"];\n    const target = args.domElement ?? document.createElement(\"div\");\n    const qrCode = new QRCODE(target, {\n        width: args.width ?? 256,\n        height: args.height ?? 256,\n        colorDark: \"#000000\",\n        colorLight: \"#ffffff\",\n        correctLevel: args.showLogo ? QRCODE.CorrectionLevel.H : QRCODE.CorrectLevel.M,\n        ...args,\n    });\n\n    // Number of rows/columns of the generated QR code\n    const moduleCount = qrCode?._oQRCode.moduleCount || 0;\n    const canvas = qrCode?._oDrawing?._elCanvas as HTMLCanvasElement;\n\n    let sizePercentage = 0.25;\n    if (moduleCount < 40)\n        sizePercentage = Math.floor(moduleCount / 4) / moduleCount;\n    else\n        sizePercentage = Math.floor(moduleCount / 6) / moduleCount;\n\n    const paddingPercentage = Math.floor(moduleCount / 20) / moduleCount;\n    try {\n        const img = await addOverlays(canvas, { showLogo: args.showLogo, logoSize: sizePercentage, logoPadding: paddingPercentage }).catch(_e => { /** ignore */ });\n        if (img) {\n            target.innerHTML = \"\";\n            target.append(img);\n        }\n    }\n    catch { } // Ignore\n\n    if (args.showUrl !== false && args.text) {\n        // Add link label below the QR code\n        // Clean up the text. If it's a URL: remove the protocol, www. part, trailing slashes or trailing question marks\n        const existingLabel = target.querySelector(\".qr-code-link-label\");\n        let displayText = args.text.replace(/^(https?:\\/\\/)?(www\\.)?/, \"\").replace(/\\/+$/, \"\").replace(/\\?+$/, \"\");\n        displayText = \"Scan to visit \" + displayText;\n        if (existingLabel) {\n            existingLabel.textContent = displayText;\n        } else {\n            // Create a new label\n            const linkLabel = document.createElement(\"div\");\n            linkLabel.classList.add(\"qr-code-link-label\");\n            args.text = displayText;\n            linkLabel.textContent = args.text;\n            linkLabel.addEventListener(\"click\", (ev) => {\n                // Prevent the QR panel from closing\n                ev.stopImmediatePropagation();\n            });\n\n            linkLabel.style.textAlign = \"center\";\n            linkLabel.style.fontSize = \"0.8em\";\n            linkLabel.style.marginTop = \"0.1em\";\n            linkLabel.style.color = \"#000000\";\n            linkLabel.style.fontFamily = \"'Roboto Flex', sans-serif\";\n            linkLabel.style.opacity = \"0.5\";\n            linkLabel.style.wordBreak = \"break-all\";\n            linkLabel.style.wordWrap = \"break-word\";\n            linkLabel.style.marginBottom = \"0.3em\";\n\n            // Ensure max. width\n            target.style.width = \"calc(210px + 20px)\";\n\n            target.appendChild(linkLabel);\n        }\n    }\n\n    return target;\n}\n\nasync function addOverlays(canvas: HTMLCanvasElement, args: { showLogo?: boolean, logoSize?: number, logoPadding?: number }): Promise<HTMLImageElement | void> {\n    if (!canvas) return;\n\n    // Internal settings\n    const canvasPadding = 8;\n    const shadowBlur = 20;\n    const rectanglePadding = args.logoPadding || 1. / 32;\n    // With dropshadow under the logo\n    /*\n    const shadowColor = \"#00000099\";\n    const rectangleRadius = 0.4 * 16;\n    */\n    // Without dropshadow under the logo\n    const shadowColor = \"transparent\";\n    const rectangleRadius = 0;\n\n    // Draw the website's icon in the center of the QR code\n    const faviconImage = new Image();\n    const element = document.querySelector(\"needle-engine\") as NeedleEngineWebComponent;\n    const logoSrc = element?.getAttribute(\"loading-logo-src\") || needleLogoOnlySVG;\n    if (!logoSrc) return;\n\n    let haveLogo = false;\n    if (args.showLogo !== false) {\n        faviconImage.src = logoSrc;\n        haveLogo = await new Promise((resolve, _reject) => {\n            faviconImage.onload = () => resolve(true);\n            faviconImage.onerror = (err) => {\n                console.error(\"Error loading favicon image for QR code\", err);\n                resolve(false);\n            };\n        });\n    }\n\n    // Add some padding around the canvas \u2013 we need to copy the QR code image to a larger canvas\n    const paddedCanvas = document.createElement(\"canvas\");\n    paddedCanvas.width = canvas.width + canvasPadding;\n    paddedCanvas.height = canvas.height + canvasPadding;\n    const paddedContext = paddedCanvas.getContext(\"2d\");\n    if (!paddedContext) {\n        return;\n    }\n\n    // Clear with white\n    paddedContext.fillStyle = \"#ffffff\";\n    paddedContext.fillRect(0, 0, paddedCanvas.width, paddedCanvas.height);\n    paddedContext.drawImage(canvas, canvasPadding / 2, canvasPadding / 2);\n\n    // Enable anti-aliasing\n    paddedContext.imageSmoothingEnabled = true;\n    paddedContext.imageSmoothingQuality = \"high\";\n    // @ts-ignore\n    paddedContext.mozImageSmoothingEnabled = true;\n    // @ts-ignore\n    paddedContext.webkitImageSmoothingEnabled = true;\n\n    // Draw a slight gradient background with 10% opacity and \"lighten\" composite operation\n    paddedContext.globalCompositeOperation = \"lighten\";\n    const gradient = paddedContext.createLinearGradient(0, 0, 0, paddedCanvas.height);\n    gradient.addColorStop(0, \"rgb(45, 45, 45)\");\n    gradient.addColorStop(1, \"rgb(45, 45, 45)\");\n    paddedContext.fillStyle = gradient;\n    paddedContext.fillRect(0, 0, paddedCanvas.width, paddedCanvas.height);\n    paddedContext.globalCompositeOperation = \"source-over\";\n\n\n    let sizeX = Math.min(canvas.width, canvas.height) * (args.logoSize || 0.25);\n    let sizeY = sizeX;\n\n    if (haveLogo) {\n        // Get aspect of image\n        const aspect = faviconImage.width / faviconImage.height;\n        if (aspect > 1) sizeY = sizeX / aspect;\n        else sizeX = sizeY * aspect;\n\n        const rectanglePaddingPx = rectanglePadding * canvas.width;\n\n        // Apply padding\n        const sizeForBackground = Math.max(sizeX, sizeY);\n        const sizeXPadded = Math.round(sizeForBackground + rectanglePaddingPx);\n        const sizeYPadded = Math.round(sizeForBackground + rectanglePaddingPx);\n        const x = (paddedCanvas.width - sizeForBackground) / 2;\n        const y = (paddedCanvas.height - sizeForBackground) / 2;\n\n        // Draw shape with blurred shadow\n        paddedContext.shadowColor = shadowColor;\n        paddedContext.shadowBlur = shadowBlur;\n\n        // Draw rounded rectangle with radius\n        // Convert 0.4rem to pixels, taking DPI into account\n        const radius = rectangleRadius;\n        const xPadded = Math.round(x - rectanglePaddingPx / 2);\n        const yPadded = Math.round(y - rectanglePaddingPx / 2);\n        paddedContext.beginPath();\n        paddedContext.moveTo(xPadded + radius, yPadded);\n        paddedContext.lineTo(xPadded + sizeXPadded - radius, yPadded);\n        paddedContext.quadraticCurveTo(xPadded + sizeXPadded, yPadded, xPadded + sizeXPadded, yPadded + radius);\n        paddedContext.lineTo(xPadded + sizeXPadded, yPadded + sizeYPadded - radius);\n        paddedContext.quadraticCurveTo(xPadded + sizeXPadded, yPadded + sizeYPadded, xPadded + sizeXPadded - radius, yPadded + sizeYPadded);\n        paddedContext.lineTo(xPadded + radius, yPadded + sizeYPadded);\n        paddedContext.quadraticCurveTo(xPadded, yPadded + sizeYPadded, xPadded, yPadded + sizeYPadded - radius);\n        paddedContext.lineTo(xPadded, yPadded + radius);\n        paddedContext.quadraticCurveTo(xPadded, yPadded, xPadded + radius, yPadded);\n        paddedContext.fillStyle = \"#ffffff\";\n        paddedContext.closePath();\n        paddedContext.fill();\n        paddedContext.clip();\n\n        // Reset shadow and draw favicon\n        paddedContext.shadowColor = \"transparent\";\n        const logoX = (paddedCanvas.width - sizeX) / 2;\n        const logoY = (paddedCanvas.height - sizeY) / 2;\n        paddedContext.drawImage(faviconImage, logoX, logoY, sizeX, sizeY);\n    }\n\n    // Replace the canvas with the padded one\n    const paddedImage = paddedCanvas.toDataURL(\"image/png\");\n    const img = document.createElement(\"img\");\n    img.src = paddedImage;\n    img.style.width = \"100%\";\n    img.style.height = \"auto\";\n\n    return img;\n}"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31;