@motifx/core 1.1.0 → 1.2.0-rc.0

package/dist/index.umd.js

@@ -286,9 +286,17 @@
 	    MJX121: (compiled, runtime) => `This code was compiled for compiler contract ${compiled}, but the @motifx/core runtime implements contract ${runtime}. Install matching versions of @motifx/compiler and @motifx/core, and rebuild packages that ship compiled JSX.`,
 	    MJX122: (hook) => `The component ${hook} hook threw.`,
 	    MJX123: (event) => `The '${event}' event handler threw.`,
-	    MJX124: () => `A spread object on a DOM tag cannot set innerHTML; the key was ignored. Use x-html for trusted HTML.`,
+	    MJX124: (key) => `A spread object on a DOM tag cannot set ${key}; the key was ignored. Write it on the tag, or use x-html, for HTML you trust.`,
 	    MJX125: (key) => `A spread object on a DOM tag cannot set a javascript: URL on '${key}'; the value was ignored. Write the attribute on the tag if it is intended.`,
 	    MJX126: () => `Lazy: loading the component failed and no Fallbackview is set; the host was cleared.`,
+	    MJX127: (got) => got === 'module'
+	        ? `The loaded module has no default export. Export the component as default, or map it: () => import('./X').then(m => m.X).`
+	        : `The loaded value is not a component (got ${got}). Return a component class, a function component, an Options API factory or a component instance.`,
+	    MJX128: (cls, member, how) => how === 'method'
+	        ? `${cls} overrides ${member} without calling super.${member}; MotifJS relies on this ComponentBase member. Rename your member, or call super.${member} in the override.`
+	        : how === 'field'
+	            ? `${cls} defines '${member}' as an instance field, which hides the ComponentBase member MotifJS relies on. Rename your field.`
+	            : `${cls} replaces '${member}', which MotifJS created for the component (a class field or an assignment with that name). Rename your member.`,
 	    MJX201: () => `ListBinding: renderFn must return a component instance, a component class, or a factory function.`,
 	    MJX202: (key, index) => `ListBinding: duplicate key "${String(key)}" at index ${index}. Rows are matched by the item object, not by key, so rendering is not affected; keep keys unique so they identify items.`,
 	    MJX203: (max) => `An effect ran ${max} times in one flush and keeps triggering itself; it is skipped for the rest of this flush. It probably writes a value it reads (for example state.n++). Wrap the write in untracked(...).`,
@@ -1867,6 +1875,9 @@
 	    }
 	}
 
+	function resolveValue(value) {
+	    return typeof value === 'function' ? resolveValue(value()) : value;
+	}
 	function isWritablePathKey(target, key) {
 	    if (key === '__proto__')
 	        return false;
@@ -1950,7 +1961,7 @@
 	        return binding;
 	    }
 	    display(predicate) {
-	        const binding = new Binding(this._component, 'isWait', () => !predicate());
+	        const binding = new Binding(this._component, 'isWait', () => !resolveValue(predicate()));
 	        this._items.push(binding);
 	        if (this._component.isBuilt) {
 	            binding.activate();
@@ -4668,6 +4679,61 @@
 	        return true;
 	    return component._base.emiters.hasListeners(lowerName);
 	}
+	const RESERVED_METHODS = ['build', 'setState', 'reState', 'setText', 'style', 'dispose', 'disposeAsync', 'using', 'doWork', 'getService', '$', 'useModel', 'context', 'siblings', 'serviceProvider', 'isWait'];
+	const checkedComponentClasses = new WeakSet();
+	function callsSuper(fn, name) {
+	    if (typeof fn !== 'function')
+	        return false;
+	    const escaped = name.replace(/\$/g, '\\$');
+	    return new RegExp(`\\bsuper\\s*(\\.\\s*${escaped}(?![\\w$])|\\[)`).test(Function.prototype.toString.call(fn));
+	}
+	function reservedMemberProblems(c) {
+	    const problems = [];
+	    const own = (o, k) => Object.prototype.hasOwnProperty.call(o, k);
+	    for (const name of RESERVED_METHODS) {
+	        if (own(c, name)) {
+	            problems.push([name, 'field']);
+	            continue;
+	        }
+	        for (let p = Object.getPrototypeOf(c); p && p !== ComponentBase.prototype; p = Object.getPrototypeOf(p)) {
+	            const d = Object.getOwnPropertyDescriptor(p, name);
+	            if (!d)
+	                continue;
+	            const fns = 'value' in d ? [d.value] : [d.get, d.set].filter(Boolean);
+	            if (!fns.some(fn => callsSuper(fn, name)))
+	                problems.push([name, 'method']);
+	            break;
+	        }
+	    }
+	    const anyC = c;
+	    if (!(anyC.motif instanceof ComponentMotif))
+	        problems.push(['motif', 'replaced']);
+	    if (!(anyC.controls instanceof ControlCollection))
+	        problems.push(['controls', 'replaced']);
+	    if (!(anyC.class instanceof controlClass))
+	        problems.push(['class', 'replaced']);
+	    if (!(anyC.attr instanceof controlAttribute))
+	        problems.push(['attr', 'replaced']);
+	    if (!(anyC.bindings instanceof BindingCollection))
+	        problems.push(['bindings', 'replaced']);
+	    if (anyC.element != null && typeof Node !== 'undefined' && !(anyC.element instanceof Node))
+	        problems.push(['element', 'replaced']);
+	    if (anyC.parent != null && !(anyC.parent instanceof ComponentBase))
+	        problems.push(['parent', 'replaced']);
+	    return problems;
+	}
+	function checkReservedMembers(c) {
+	    if (!isDevLike())
+	        return;
+	    const ctor = c?.constructor;
+	    if (typeof ctor !== 'function' || checkedComponentClasses.has(ctor))
+	        return;
+	    checkedComponentClasses.add(ctor);
+	    const name = ctor.name || 'An anonymous component class';
+	    for (const [member, how] of reservedMemberProblems(c)) {
+	        reportWarning('MJX128', [name, member, how]);
+	    }
+	}
 	const ComponentHelper = {
 	    callInitializeComponent(component) {
 	        const sender = component;
@@ -5238,7 +5304,7 @@
 	}
 	function detachDomWithAnimation(c) {
 	    const node = c.element;
-	    if (!node)
+	    if (!node || c._keepElementOnDispose === true)
 	        return;
 	    const opts = c.motif.options;
 	    const t = opts?.[TRANSITION_SLOT];
@@ -5268,7 +5334,7 @@
 	}
 	async function detachDomWithAnimationAsync(c) {
 	    const node = c.element;
-	    if (!node)
+	    if (!node || c._keepElementOnDispose === true)
 	        return;
 	    const opts = c.motif.options;
 	    const t = opts?.[TRANSITION_SLOT];
@@ -5431,8 +5497,24 @@
 	    }
 	    return true;
 	}
+	const teardownApplications = new WeakMap();
+	function owningApplication(c) {
+	    for (let p = c; p; p = p.parent) {
+	        if (p.application)
+	            return p.application;
+	        const recorded = teardownApplications.get(p);
+	        if (recorded)
+	            return recorded;
+	    }
+	    return Application.main ?? null;
+	}
 	function disposePrefix(c, options, asChild) {
 	    const ctx = asChild ? 'disposeAsync' : 'dispose';
+	    if (Application._disposingCount > 0) {
+	        const app = owningApplication(c);
+	        if (app && app.state === 'disposing')
+	            teardownApplications.set(c, app);
+	    }
 	    if (!asChild && options?.skipLeaveTransition) {
 	        c.motif.options.transition.skipNextLeave = true;
 	    }
@@ -5816,7 +5898,7 @@
 	    _scopedContext;
 	    get context() {
 	        const parentCtx = this.parent?.context;
-	        const app = parentCtx?.[RAW_APPLICATION] ?? parentCtx ?? Application.main;
+	        const app = parentCtx?.[RAW_APPLICATION] ?? parentCtx ?? teardownApplications.get(this) ?? Application.main;
 	        if (!app) {
 	            return app;
 	        }
@@ -5838,6 +5920,7 @@
 	        return () => { this._disposables.detach(d); off(); };
 	    }
 	    build(building = true) {
+	        checkReservedMembers(this);
 	        ComponentHelper.callConfigured(this);
 	        this._base._activatePreBindings();
 	        if (this.isDisposed || !this.element || this.isWait) {
@@ -6312,7 +6395,7 @@
 	            if (mods.includes("stop")) {
 	                stop();
 	            }
-	            if (res === false || (res && res.cancel === true)) {
+	            if (res && res.cancel === true) {
 	                prevent();
 	                stop();
 	            }
@@ -6519,6 +6602,9 @@
 	            const p = c.provider;
 	            if (p)
 	                return p;
+	            const recorded = teardownApplications.get(c);
+	            if (recorded)
+	                return recorded.state === 'disposed' ? null : recorded.provider;
 	            c = c.parent;
 	        }
 	        try {
@@ -6863,6 +6949,7 @@
 	    'ref', 'key', 'indexkey', 'inject', 'options', 'props', 'settings', 'isSvg',
 	    'childs', 'initializeComponent', 'runover', 'transition', 'preconfig', 'nodes', 'onElementCreating'
 	]);
+	const SPREAD_HTML_KEYS = new Set(['innerhtml', 'srcdoc']);
 	const SPREAD_URL_ATTRIBUTES = new Set(['href', 'src', 'action', 'formaction', 'xlink:href']);
 	const JAVASCRIPT_URL = /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
 	function isJavascriptUrl(value) {
@@ -6911,11 +6998,12 @@
 	        }
 	        if (typeof v === 'function' && v.length > 0)
 	            continue;
-	        if (key === 'innerHTML') {
-	            reportWarning('MJX124', []);
+	        const lowerKey = key.toLowerCase();
+	        if (SPREAD_HTML_KEYS.has(lowerKey)) {
+	            reportWarning('MJX124', [key]);
 	            continue;
 	        }
-	        if (SPREAD_URL_ATTRIBUTES.has(key.toLowerCase())) {
+	        if (SPREAD_URL_ATTRIBUTES.has(lowerKey)) {
 	            if (typeof v === 'function') {
 	                v = guardSpreadUrl(key, v);
 	            }
@@ -7104,6 +7192,9 @@
 	        }
 	        if (elementOrParams instanceof Function) {
 	            elementOrParams = resolveComponent(elementOrParams, options);
+	            if (isOptionsObject(elementOrParams)) {
+	                return materializeOptionsObject(elementOrParams, options);
+	            }
 	        }
 	        if (Array.isArray(elementOrParams)) {
 	            const letter = CreateFragment();
@@ -7293,6 +7384,40 @@
 	    }
 	    return new Component(element, props);
 	}
+	function isOptionsObject(value) {
+	    return typeof value == "object" && value !== null && !(value instanceof ComponentBase) && 'el' in value;
+	}
+	function unwrapModule(result) {
+	    if (result && typeof result === "object" && !(result instanceof ComponentBase) && result.default != null) {
+	        return result.default;
+	    }
+	    return result;
+	}
+	function describeLoaded(value) {
+	    if (value === null)
+	        return 'null';
+	    if (Array.isArray(value))
+	        return 'array';
+	    if (typeof value === "object" && (Object.prototype.toString.call(value) === '[object Module]' || value.__esModule))
+	        return 'module';
+	    return typeof value;
+	}
+	function assertLoadedComponent(value) {
+	    if (value === null || typeof value !== "object")
+	        return;
+	    if (value instanceof ComponentBase || Array.isArray(value) || value instanceof Node)
+	        return;
+	    if (typeof value.then === "function")
+	        return;
+	    throw motifError('MJX127', describeLoaded(value));
+	}
+	function resolveToComponent(input, props) {
+	    const resolved = resolveComponent(input, props);
+	    if (isOptionsObject(resolved)) {
+	        return materializeOptionsObject(resolved, undefined);
+	    }
+	    return resolved;
+	}
 	function materializeOptionsObject(spec, props) {
 	    const result = motifComponent(spec.el, props);
 	    Object.getOwnPropertyNames(spec).forEach(key => {
@@ -7527,6 +7652,7 @@
 	        if (typeof control == 'string' || typeof control == 'number' || typeof control == 'boolean' || typeof control == 'bigint') {
 	            control = new Component(dom.createTextNode(control), null);
 	        }
+	        checkReservedMembers(control);
 	        if (control.parent) {
 	            control.parent.controls.detach(control);
 	        }
@@ -7898,10 +8024,7 @@
 	    return { count: 0, delayMs: 0, whenOnline: false };
 	}
 	function defaultMapper(result) {
-	    if (result && typeof result === "object" && typeof result.default === "function") {
-	        return result.default;
-	    }
-	    return result;
+	    return unwrapModule(result);
 	}
 	function Lazy(props) {
 	    const opts = (props && props.options) || {};
@@ -7930,7 +8053,7 @@
 	    catch { }
 	    const initial = opts.Placeholderview ?? opts.Loaderview;
 	    if (initial != null) {
-	        frame.navigate(resolveComponent(initial));
+	        frame.navigate(resolveToComponent(initial));
 	    }
 	    const attemptLoad = () => {
 	        if (!opts.timeoutMs && !opts.signal) {
@@ -8056,6 +8179,36 @@
 	    };
 	    const loadPromise = retry.count > 0 ? loadWithRetry() : attemptLoad();
 	    const startTs = Date.now();
+	    const fail = (err) => {
+	        try {
+	            opts.onError?.(err);
+	        }
+	        catch { /* swallow */ }
+	        if (opts.signal?.aborted)
+	            return;
+	        if (opts.Fallbackview != null) {
+	            frame.navigate(resolveToComponent(opts.Fallbackview));
+	        }
+	        else {
+	            reportError('MJX126', err);
+	            try {
+	                frame.motif.clear().catch(() => { });
+	            }
+	            catch { }
+	        }
+	    };
+	    const place = (target) => {
+	        let component;
+	        try {
+	            component = resolveToComponent(target);
+	            assertLoadedComponent(component);
+	        }
+	        catch (err) {
+	            fail(err);
+	            return;
+	        }
+	        frame.navigate(component);
+	    };
 	    loadPromise
 	        .then((result) => {
 	        if (opts.signal?.aborted) {
@@ -8069,7 +8222,7 @@
 	        if (remaining > 0) {
 	            const id = trackTimer(setTimeout(() => {
 	                if (!opts.signal?.aborted) {
-	                    frame.navigate(resolveComponent(target));
+	                    place(target);
 	                }
 	            }, remaining));
 	            if (opts.signal) {
@@ -8085,27 +8238,10 @@
 	            }
 	        }
 	        else {
-	            frame.navigate(resolveComponent(target));
+	            place(target);
 	        }
 	    })
-	        .catch((err) => {
-	        try {
-	            opts.onError?.(err);
-	        }
-	        catch { /* swallow */ }
-	        if (opts.signal?.aborted)
-	            return;
-	        if (opts.Fallbackview != null) {
-	            frame.navigate(resolveComponent(opts.Fallbackview));
-	        }
-	        else {
-	            reportError('MJX126', err);
-	            try {
-	                frame.motif.clear().catch(() => { });
-	            }
-	            catch { }
-	        }
-	    });
+	        .catch(fail);
 	    return frame;
 	}
 
@@ -8770,6 +8906,144 @@
 	    }
 	}
 
+	const KEYS_KEY = Symbol('');
+	function changed(target, key, keysChanged) {
+	    trigger(target, key);
+	    trigger(target, ITERATE_KEY);
+	    if (keysChanged)
+	        trigger(target, KEYS_KEY);
+	}
+	function lookupKey(target, key) {
+	    return target.has(key) ? key : getRaw(key);
+	}
+	function wrapIterator(source, convert) {
+	    return {
+	        next() {
+	            const step = source.next();
+	            return step.done ? step : { value: convert(step.value), done: false };
+	        },
+	        [Symbol.iterator]() {
+	            return this;
+	        },
+	    };
+	}
+	function createCollectionMethods(engine) {
+	    const wrap = (value) => isObject(value) ? engine.reactive(value) : value;
+	    const wrapEntry = (target) => target instanceof Map
+	        ? ([key, value]) => [key, wrap(value)]
+	        : ([value]) => { const item = wrap(value); return [item, item]; };
+	    return {
+	        get(key) {
+	            const target = getRaw(this);
+	            const found = lookupKey(target, key);
+	            track(target, found);
+	            return wrap(target.get(found));
+	        },
+	        has(key) {
+	            const target = getRaw(this);
+	            const found = lookupKey(target, key);
+	            track(target, found);
+	            return target.has(found);
+	        },
+	        set(key, value) {
+	            const target = getRaw(this);
+	            const stored = lookupKey(target, key);
+	            const raw = getRaw(value);
+	            const existed = target.has(stored);
+	            const previous = target.get(stored);
+	            target.set(stored, raw);
+	            if (!existed)
+	                changed(target, stored, true);
+	            else if (!Object.is(previous, raw))
+	                changed(target, stored, false);
+	            return this;
+	        },
+	        add(value) {
+	            const target = getRaw(this);
+	            const stored = lookupKey(target, value);
+	            if (!target.has(stored)) {
+	                target.add(stored);
+	                changed(target, stored, true);
+	            }
+	            return this;
+	        },
+	        delete(key) {
+	            const target = getRaw(this);
+	            const found = lookupKey(target, key);
+	            const removed = target.delete(found);
+	            if (removed)
+	                changed(target, found, true);
+	            return removed;
+	        },
+	        clear() {
+	            const target = getRaw(this);
+	            if (target.size === 0)
+	                return;
+	            const keys = Array.from(target.keys());
+	            target.clear();
+	            for (const key of keys)
+	                trigger(target, key);
+	            trigger(target, ITERATE_KEY);
+	            trigger(target, KEYS_KEY);
+	        },
+	        forEach(callback, thisArg) {
+	            const target = getRaw(this);
+	            track(target, ITERATE_KEY);
+	            const owner = this;
+	            const isMap = target instanceof Map;
+	            target.forEach((value, key) => {
+	                const item = wrap(value);
+	                callback.call(thisArg, item, isMap ? key : item, owner);
+	            });
+	        },
+	        keys() {
+	            const target = getRaw(this);
+	            if (target instanceof Map) {
+	                track(target, KEYS_KEY);
+	                return target.keys();
+	            }
+	            track(target, ITERATE_KEY);
+	            return wrapIterator(target.keys(), wrap);
+	        },
+	        values() {
+	            const target = getRaw(this);
+	            track(target, ITERATE_KEY);
+	            return wrapIterator(target.values(), wrap);
+	        },
+	        entries() {
+	            const target = getRaw(this);
+	            track(target, ITERATE_KEY);
+	            return wrapIterator(target.entries(), wrapEntry(target));
+	        },
+	        [Symbol.iterator]() {
+	            const target = getRaw(this);
+	            track(target, ITERATE_KEY);
+	            return target instanceof Map
+	                ? wrapIterator(target.entries(), wrapEntry(target))
+	                : wrapIterator(target.values(), wrap);
+	        },
+	    };
+	}
+	function createCollectionHandler(engine) {
+	    const methods = createCollectionMethods(engine);
+	    return {
+	        get(target, key, receiver) {
+	            const meta = readMeta(engine, target, key, receiver);
+	            if (meta !== NOT_META)
+	                return meta;
+	            if (key === 'size') {
+	                track(target, ITERATE_KEY);
+	                return target.size;
+	            }
+	            if ((typeof key === 'string' || key === Symbol.iterator) && hasOwn(methods, key) && key in target) {
+	                return methods[key];
+	            }
+	            const value = Reflect.get(target, key, target);
+	            return typeof value === 'function' ? value.bind(target) : value;
+	        },
+	    };
+	}
+
 	const ReactiveEngineMapper = new WeakSet();
 	const AllreactiveMap = new WeakMap();
 	function armgetter() { return AllreactiveMap; }
@@ -8808,12 +9082,13 @@
 	        deleteProperty: createDelete(),
 	        ownKeys: createOwn()
 	    };
+	    collectionHandler = createCollectionHandler(this);
 	    reactive(model) {
 	        if (!isObject(model)) {
 	            model = { value: model };
 	        }
 	        const targetType = getTargetType(model);
-	        if (targetType === 0 /* TargetType.SYSTEM */ || targetType === 2 /* TargetType.COLLECTION */ || 0 /* TargetType.INVALID */) {
+	        if (targetType === 0 /* TargetType.SYSTEM */ || 0 /* TargetType.INVALID */) {
 	            return model;
 	        }
 	        let existingProxy = AllreactiveMap.get(model);
@@ -8825,7 +9100,12 @@
 	            return existingProxy;
 	        }
 	        // if (targetType === TargetType.INVALID) {
-	        if (Array.isArray(model)) {
+	        if (targetType === 2 /* TargetType.COLLECTION */) {
+	            var proxy = new Proxy(model, this.collectionHandler);
+	            AllreactiveMap.set(model, proxy);
+	            return proxy;
+	        }
+	        else if (Array.isArray(model)) {
 	            var proxy = new Proxy(model, this.arrayHandler);
 	            // var original = Object.getPrototypeOf(proxy);
 	            // original["copy"] = () => { return model; }
@@ -11814,18 +12094,16 @@
 	        }
 	        let val = control;
 	        if (val instanceof Promise) {
-	            val = await val.then((result) => {
-	                return result.default ? result.default : result;
-	            });
+	            val = unwrapModule(await val);
 	        }
 	        instance = this._construct(scope, route, () => this._resolveFrom(scope, val));
 	        if (instance) {
 	            return instance;
 	        }
 	        if (typeof val === 'function') {
-	            return this.parseControl(this._construct(scope, route, () => resolveComponent(val, this.application)), scope, route);
+	            return this.parseControl(this._construct(scope, route, () => resolveToComponent(val, this.application)), scope, route);
 	        }
-	        return val;
+	        return resolveToComponent(val);
 	    }
 	    _resolveFrom(scope, token) {
 	        const provider = scope ?? this._rootProvider();
@@ -11846,6 +12124,7 @@
 	    }
 	    async _instanceCreator(control, scope, route) {
 	        let val = await this.parseControl(control, scope, route);
+	        assertLoadedComponent(val);
 	        // if (val instanceof Promise) {
 	        //         return result.default ? result.default : result;
 	        // if (typeof val === 'function') {
@@ -12882,10 +13161,11 @@
 	        catch { }
 	        this._scroll = null;
 	        this._historyStamp = null;
+	        let done = Promise.resolve();
 	        try {
 	            // keepAlive önbelleğindeki örnekleri bırak
 	            try {
-	                void this.routingEngine.dispose();
+	                done = this.routingEngine.dispose();
 	            }
 	            catch { }
 	            if (this._navHandler) {
@@ -12905,6 +13185,7 @@
 	            }
 	        }
 	        catch { }
+	        return done;
 	    }
 	}
 
@@ -12990,7 +13271,7 @@
 	class ApplicationBuilder {
 	    services = new ServiceCollection();
 	    constructor() {
-	        if (_globalApplication || startedApplicationBuilder) {
+	        if ((_globalApplication && _globalApplication.state !== 'disposing') || startedApplicationBuilder) {
 	            throw new MotifError('MJX405', formatMotifMessage('MJX405'), { cause: _globalApplication });
 	        }
 	        startedApplicationBuilder = true;
@@ -13023,6 +13304,12 @@
 	    constructor(provider) {
 	        this.provider = provider;
 	    }
+	    static _disposingCount = 0;
+	    _state = 'initializing';
+	    _disposing;
+	    get state() {
+	        return this._state;
+	    }
 	    _middlewares = [];
 	    _beforeEachGuards = [];
 	    _routerState = new RouterState();
@@ -13049,9 +13336,11 @@
 	            target = host;
 	        }
 	        let rootInstance = appRoot;
+	        this._state = 'running';
 	        const AppShell = new Component(target);
 	        this.appShell = AppShell;
 	        safeCallSilent(() => {
+	            AppShell._keepElementOnDispose = true;
 	            AppShell.application = this;
 	            AppShell.provider = this.provider;
 	        }, 'Application.run.setupAppShell');
@@ -13086,10 +13375,14 @@
 	        this.appShell.element?.appendChild(component);
 	    }
 	    dispose() {
+	        if (this._disposing)
+	            return this._disposing;
+	        this._state = 'disposing';
+	        Application._disposingCount++;
 	        startedApplicationBuilder = false;
+	        let routerDone;
 	        safeCallSilent(() => { this._removeLifecycleListeners(); }, 'Application.dispose.lifecycle');
-	        safeCallSilent(() => { this.urlRoutingModule?.dispose?.(); }, 'Application.dispose.router');
-	        safeCallSilent(() => { this.provider.dispose(); }, 'Application.dispose.preDispose');
+	        safeCallSilent(() => { routerDone = this.urlRoutingModule?.dispose?.(); }, 'Application.dispose.router');
 	        safeCallSilent(() => { engine.stopGc(); }, 'Application.dispose.gcStop');
 	        safeCallSilent(() => {
 	            try {
@@ -13102,7 +13395,31 @@
 	            catch { /* ignore */ }
 	        }, 'Application.dispose.resetUrl');
 	        transitionSettings.mode = 'concurrent';
-	        _globalApplication = null;
+	        const shell = this.appShell;
+	        return this._disposing = (async () => {
+	            try {
+	                await routerDone;
+	            }
+	            catch (error) {
+	                reportError('MJX307', error);
+	            }
+	            if (shell && !shell.isDisposed) {
+	                try {
+	                    await shell.dispose();
+	                }
+	                catch (error) {
+	                    reportError('MJX307', error);
+	                }
+	            }
+	            try {
+	                await this.provider.dispose();
+	            }
+	            catch { }
+	            if (_globalApplication === this)
+	                _globalApplication = null;
+	            this._state = 'disposed';
+	            Application._disposingCount--;
+	        })();
 	    }
 	    useTransitions(options) {
 	        if (isTransitionMode(options?.mode))