@umbraco-cms/backoffice 14.0.0--preview006-3b155c84 → 14.0.0--preview007-5b109fa3

package/dist-cms/libs/context-api/consume/context-consumer.controller.js

@@ -23,7 +23,8 @@ export class UmbContextConsumerController extends UmbContextConsumer {
         host.addController(this);
     }
     destroy() {
-        __classPrivateFieldGet(this, _UmbContextConsumerController_host, "f").removeController(this);
+        __classPrivateFieldGet(this, _UmbContextConsumerController_host, "f")?.removeController(this);
+        __classPrivateFieldSet(this, _UmbContextConsumerController_host, undefined, "f");
         super.destroy();
     }
 }

package/dist-cms/libs/context-api/consume/context-consumer.js

@@ -153,6 +153,7 @@ export class UmbContextConsumer {
         __classPrivateFieldSet(this, _UmbContextConsumer_promise, undefined, "f");
         __classPrivateFieldSet(this, _UmbContextConsumer_promiseResolver, undefined, "f");
         __classPrivateFieldSet(this, _UmbContextConsumer_instance, undefined, "f");
+        __classPrivateFieldSet(this, _UmbContextConsumer_discriminator, undefined, "f");
     }
 }
 _UmbContextConsumer_skipOrigin = new WeakMap(), _UmbContextConsumer_stopAtContextMatch = new WeakMap(), _UmbContextConsumer_callback = new WeakMap(), _UmbContextConsumer_promise = new WeakMap(), _UmbContextConsumer_promiseResolver = new WeakMap(), _UmbContextConsumer_instance = new WeakMap(), _UmbContextConsumer_contextAlias = new WeakMap(), _UmbContextConsumer_apiAlias = new WeakMap(), _UmbContextConsumer_discriminator = new WeakMap(), _UmbContextConsumer_handleNewProvider = new WeakMap();

package/dist-cms/libs/context-api/provide/context-provider.controller.js

@@ -38,6 +38,7 @@ export class UmbContextProviderController extends UmbContextProvider {
     destroy() {
         if (__classPrivateFieldGet(this, _UmbContextProviderController_host, "f")) {
             __classPrivateFieldGet(this, _UmbContextProviderController_host, "f").removeController(this);
+            __classPrivateFieldSet(this, _UmbContextProviderController_host, undefined, "f");
         }
         super.destroy();
     }

package/dist-cms/libs/context-api/provide/context-provider.js

@@ -10,7 +10,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _UmbContextProvider_eventTarget, _UmbContextProvider_contextAlias, _UmbContextProvider_apiAlias, _UmbContextProvider_instance, _UmbContextProvider_handleContextRequest;
-import { UMB_CONTENT_REQUEST_EVENT_TYPE, UMB_DEBUG_CONTEXT_EVENT_TYPE, } from '../consume/context-request.event.js';
+import { UMB_CONTENT_REQUEST_EVENT_TYPE, UMB_DEBUG_CONTEXT_EVENT_TYPE } from '../consume/context-request.event.js';
 import { UmbContextProvideEventImplementation,
 //UmbContextUnprovidedEventImplementation,
  } from './context-provide.event.js';
@@ -93,12 +93,14 @@ export class UmbContextProvider {
         // Out-commented for now, but kept if we like to reintroduce this:
         //window.dispatchEvent(new UmbContextUnprovidedEventImplementation(this._contextAlias, this.#instance));
         // Stop listen to our debug event 'umb:debug-contexts'
-        __classPrivateFieldGet(this, _UmbContextProvider_eventTarget, "f").removeEventListener(UMB_DEBUG_CONTEXT_EVENT_TYPE, this._handleDebugContextRequest);
+        __classPrivateFieldGet(this, _UmbContextProvider_eventTarget, "f")?.removeEventListener(UMB_DEBUG_CONTEXT_EVENT_TYPE, this._handleDebugContextRequest);
     }
     destroy() {
+        this.hostDisconnected();
         // We want to call a destroy method on the instance, if it has one.
         __classPrivateFieldGet(this, _UmbContextProvider_instance, "f")?.destroy?.();
         __classPrivateFieldSet(this, _UmbContextProvider_instance, undefined, "f");
+        __classPrivateFieldSet(this, _UmbContextProvider_eventTarget, undefined, "f");
     }
 }
 _UmbContextProvider_eventTarget = new WeakMap(), _UmbContextProvider_contextAlias = new WeakMap(), _UmbContextProvider_apiAlias = new WeakMap(), _UmbContextProvider_instance = new WeakMap(), _UmbContextProvider_handleContextRequest = new WeakMap();

package/dist-cms/libs/controller-api/controller-host-element.mixin.d.ts

@@ -9,6 +9,7 @@ export declare class UmbControllerHostElement extends HTMLElement implements Umb
     removeControllerByAlias(alias: UmbControllerAlias): void;
     removeController(controller: UmbController): void;
     getHostElement(): Element;
+    destroy(): void;
 }
 /**
  * This mixin enables a web-component to host controllers.

package/dist-cms/libs/controller-api/controller-host.mixin.js

@@ -101,9 +101,18 @@ export const UmbControllerHostMixin = (superClass) => {
         }
         destroy() {
             let ctrl;
+            //let prev = null;
             // Note: A very important way of doing this loop, as foreach will skip over the next item if the current item is removed.
             while ((ctrl = __classPrivateFieldGet(this, _UmbControllerHostBaseClass_controllers, "f")[0])) {
                 ctrl.destroy();
+                /*
+                //This code can help debug if there is some controller that does not destroy properly: (When a controller is destroyed it should remove it self)
+                if (ctrl === prev) {
+                    console.log('WUPS, we have a controller that does not destroy it self');
+                    debugger;
+                }
+                prev = ctrl;
+                */
             }
             __classPrivateFieldGet(this, _UmbControllerHostBaseClass_controllers, "f").length = 0;
         }

package/dist-cms/libs/element-api/element.mixin.js

@@ -38,6 +38,10 @@ export const UmbElementMixin = (superClass) => {
         consumeContext(alias, callback) {
             return new UmbContextConsumerController(this, alias, callback);
         }
+        destroy() {
+            super.destroy();
+            this.localize = undefined;
+        }
     }
     return UmbElementMixinClass;
 };

package/dist-cms/libs/extension-api/controller/base-extension-initializer.controller.d.ts

@@ -24,5 +24,6 @@ export declare abstract class UmbBaseExtensionInitializer<ManifestType extends M
     protected abstract _conditionsAreGood(): Promise<boolean>;
     protected abstract _conditionsAreBad(): Promise<void>;
     equal(otherClass: UmbBaseExtensionInitializer | undefined): boolean;
+    hostDisconnected(): void;
     destroy(): void;
 }

package/dist-cms/libs/extension-api/controller/base-extension-initializer.controller.js

@@ -57,7 +57,9 @@ export class UmbBaseExtensionInitializer extends UmbBaseController {
             manifests.forEach(__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_gotCondition, "f"));
         });
         _UmbBaseExtensionInitializer_gotCondition.set(this, async (conditionManifest) => {
-            const conditionConfigs = __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_manifest, "f")?.conditions ?? [];
+            if (!__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_manifest, "f"))
+                return;
+            const conditionConfigs = __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_manifest, "f").conditions ?? [];
             //
             // Get just the conditions that uses this condition alias:
             const configsOfThisType = conditionConfigs.filter((conditionConfig) => conditionConfig.alias === conditionManifest.alias);
@@ -90,11 +92,12 @@ export class UmbBaseExtensionInitializer extends UmbBaseController {
             const isPositive = __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_instances, "m", _UmbBaseExtensionInitializer_conditionsAreInitialized).call(this) &&
                 __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_conditionControllers, "f").find((condition) => condition.permitted === false) === undefined;
             this._isConditionsPositive = isPositive;
-            if (isPositive) {
+            if (isPositive === true) {
                 if (__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f") !== true) {
                     const newPermission = await this._conditionsAreGood();
                     // Only set new permission if we are still positive, otherwise it means that we have been destroyed in the mean time.
-                    if (newPermission === false) {
+                    if (newPermission === false || this._isConditionsPositive === false) {
+                        console.warn('If this happens then please inform Niels Lyngsø on CMS Team. We are still investigating wether this is a situation we should handle. Ref. No.: 1.');
                         return;
                     }
                     // We update the oldValue as this point, cause in this way we are sure its the value at this point, when doing async code someone else might have changed the state in the mean time.
@@ -104,11 +107,18 @@ export class UmbBaseExtensionInitializer extends UmbBaseController {
             }
             else if (__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f") !== false) {
                 // Clean up:
-                __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_isPermitted, false, "f");
                 await this._conditionsAreBad();
+                // Only continue if we are still negative, otherwise it means that something changed in the mean time.
+                if (this._isConditionsPositive === true) {
+                    console.warn('If this happens then please inform Niels Lyngsø on CMS Team. We are still investigating wether this is a situation we should handle. Ref. No.: 2.');
+                    return;
+                }
+                // We update the oldValue as this point, cause in this way we are sure its the value at this point, when doing async code someone else might have changed the state in the mean time.
+                oldValue = __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f") ?? false;
+                __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_isPermitted, false, "f");
             }
             if (oldValue !== __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f") && __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f") !== undefined) {
-                if (__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f")) {
+                if (__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f") === true) {
                     __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_promiseResolvers, "f").forEach((x) => x());
                     __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_promiseResolvers, [], "f");
                 }
@@ -120,7 +130,7 @@ export class UmbBaseExtensionInitializer extends UmbBaseController {
         __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_onPermissionChanged, onPermissionChanged, "f");
     }
     _init() {
-        __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_manifestObserver, this.observe(__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_extensionRegistry, "f").byAlias(__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_alias, "f")), async (extensionManifest) => {
+        __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_manifestObserver, this.observe(__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_extensionRegistry, "f").byAlias(__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_alias, "f")), (extensionManifest) => {
             __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_instances, "m", _UmbBaseExtensionInitializer_clearPermittedState).call(this);
             __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_manifest, extensionManifest, "f");
             if (extensionManifest) {
@@ -148,9 +158,25 @@ export class UmbBaseExtensionInitializer extends UmbBaseController {
     equal(otherClass) {
         return otherClass?.manifest === this.manifest;
     }
+    /*
+    public hostConnected(): void {
+        super.hostConnected();
+        //this.#onConditionsChangedCallback();
+    }
+    */
+    hostDisconnected() {
+        super.hostDisconnected();
+        this._isConditionsPositive = false;
+        if (__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_isPermitted, "f") === true) {
+            this._conditionsAreBad();
+            __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_isPermitted, false, "f");
+            __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_onPermissionChanged, "f")?.call(this, false, this);
+        }
+    }
     destroy() {
         if (!__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_extensionRegistry, "f"))
             return;
+        __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_manifest, undefined, "f");
         __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_promiseResolvers, [], "f");
         __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_instances, "m", _UmbBaseExtensionInitializer_clearPermittedState).call(this); // This fires the callback as not permitted, if it was permitted before.
         __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_isPermitted, undefined, "f");
@@ -160,17 +186,19 @@ export class UmbBaseExtensionInitializer extends UmbBaseController {
         __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_onPermissionChanged, undefined, "f");
         __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_extensionRegistry, undefined, "f");
         super.destroy();
-        // Destroy the conditions controllers, are begin destroyed cause they are controllers.
+        // Destroy the conditions controllers, they are begin destroyed cause they are controllers...
     }
 }
 _UmbBaseExtensionInitializer_promiseResolvers = new WeakMap(), _UmbBaseExtensionInitializer_manifestObserver = new WeakMap(), _UmbBaseExtensionInitializer_extensionRegistry = new WeakMap(), _UmbBaseExtensionInitializer_alias = new WeakMap(), _UmbBaseExtensionInitializer_overwrites = new WeakMap(), _UmbBaseExtensionInitializer_manifest = new WeakMap(), _UmbBaseExtensionInitializer_conditionControllers = new WeakMap(), _UmbBaseExtensionInitializer_onPermissionChanged = new WeakMap(), _UmbBaseExtensionInitializer_isPermitted = new WeakMap(), _UmbBaseExtensionInitializer_gotConditions = new WeakMap(), _UmbBaseExtensionInitializer_gotCondition = new WeakMap(), _UmbBaseExtensionInitializer_onConditionsChangedCallback = new WeakMap(), _UmbBaseExtensionInitializer_instances = new WeakSet(), _UmbBaseExtensionInitializer_cleanConditions = function _UmbBaseExtensionInitializer_cleanConditions() {
-    if (__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_conditionControllers, "f").length === 0)
+    if (__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_conditionControllers, "f") === undefined || __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_conditionControllers, "f").length === 0)
         return;
     __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_conditionControllers, "f").forEach((controller) => controller.destroy());
     __classPrivateFieldSet(this, _UmbBaseExtensionInitializer_conditionControllers, [], "f");
     this.removeControllerByAlias('_observeConditions');
 }, _UmbBaseExtensionInitializer_gotManifest = function _UmbBaseExtensionInitializer_gotManifest() {
-    const conditionConfigs = __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_manifest, "f")?.conditions ?? [];
+    if (!__classPrivateFieldGet(this, _UmbBaseExtensionInitializer_manifest, "f"))
+        return;
+    const conditionConfigs = __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_manifest, "f").conditions ?? [];
     // As conditionConfigs might have been configured as something else than an array, then we ignorer them.
     if (conditionConfigs.length === 0) {
         __classPrivateFieldGet(this, _UmbBaseExtensionInitializer_instances, "m", _UmbBaseExtensionInitializer_cleanConditions).call(this);

package/dist-cms/libs/extension-api/controller/base-extensions-initializer.controller.d.ts

@@ -18,11 +18,11 @@ export type PermittedControllerType<ControllerType extends {
 export declare abstract class UmbBaseExtensionsInitializer<ManifestTypes extends ManifestBase, ManifestTypeName extends keyof ManifestTypeMap<ManifestTypes> | string, ManifestType extends ManifestBase = SpecificManifestTypeOrManifestBase<ManifestTypes, ManifestTypeName>, ControllerType extends UmbBaseExtensionInitializer<ManifestType> = UmbBaseExtensionInitializer<ManifestType>, MyPermittedControllerType extends ControllerType = PermittedControllerType<ControllerType>> extends UmbBaseController {
     #private;
     protected _extensions: Array<ControllerType>;
-    private _permittedExts;
     asPromise(): Promise<void>;
-    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestType>, type: ManifestTypeName | Array<ManifestTypeName>, filter: undefined | null | ((manifest: ManifestType) => boolean), onChange?: (permittedManifests: Array<MyPermittedControllerType>) => void);
+    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestType>, type: ManifestTypeName | Array<ManifestTypeName>, filter: undefined | null | ((manifest: ManifestType) => boolean), onChange?: (permittedManifests: Array<MyPermittedControllerType>) => void, controllerAlias?: string);
     protected _init(): void;
     protected abstract _createController(manifest: ManifestType): ControllerType;
     protected _extensionChanged: (isPermitted: boolean, controller: ControllerType) => void;
+    hostDisconnected(): void;
     destroy(): void;
 }

package/dist-cms/libs/extension-api/controller/base-extensions-initializer.controller.js

@@ -9,7 +9,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _UmbBaseExtensionsInitializer_instances, _UmbBaseExtensionsInitializer_promiseResolvers, _UmbBaseExtensionsInitializer_extensionRegistry, _UmbBaseExtensionsInitializer_type, _UmbBaseExtensionsInitializer_filter, _UmbBaseExtensionsInitializer_onChange, _UmbBaseExtensionsInitializer_gotManifests, _UmbBaseExtensionsInitializer_removeOverwrittenExtensions;
+var _UmbBaseExtensionsInitializer_instances, _UmbBaseExtensionsInitializer_promiseResolvers, _UmbBaseExtensionsInitializer_extensionRegistry, _UmbBaseExtensionsInitializer_type, _UmbBaseExtensionsInitializer_filter, _UmbBaseExtensionsInitializer_onChange, _UmbBaseExtensionsInitializer_permittedExts, _UmbBaseExtensionsInitializer_exposedPermittedExts, _UmbBaseExtensionsInitializer_changeDebounce, _UmbBaseExtensionsInitializer_gotManifests, _UmbBaseExtensionsInitializer_notifyChange, _UmbBaseExtensionsInitializer_removeOverwrittenExtensions;
 import { map } from '../../../external/rxjs/index.js';
 import { UmbBaseController } from '../../class-api/index.js';
 /**
@@ -23,11 +23,11 @@ import { UmbBaseController } from '../../class-api/index.js';
 export class UmbBaseExtensionsInitializer extends UmbBaseController {
     asPromise() {
         return new Promise((resolve) => {
-            this._permittedExts.length > 0 ? resolve() : __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_promiseResolvers, "f").push(resolve);
+            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_permittedExts, "f").length > 0 ? resolve() : __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_promiseResolvers, "f").push(resolve);
         });
     }
-    constructor(host, extensionRegistry, type, filter, onChange) {
-        super(host, 'extensionsInitializer_' + (Array.isArray(type) ? type.join('_') : type));
+    constructor(host, extensionRegistry, type, filter, onChange, controllerAlias) {
+        super(host, controllerAlias ?? 'extensionsInitializer_' + (Array.isArray(type) ? type.join('_') : type));
         _UmbBaseExtensionsInitializer_instances.add(this);
         _UmbBaseExtensionsInitializer_promiseResolvers.set(this, []);
         _UmbBaseExtensionsInitializer_extensionRegistry.set(this, void 0);
@@ -35,7 +35,9 @@ export class UmbBaseExtensionsInitializer extends UmbBaseController {
         _UmbBaseExtensionsInitializer_filter.set(this, void 0);
         _UmbBaseExtensionsInitializer_onChange.set(this, void 0);
         this._extensions = [];
-        this._permittedExts = [];
+        _UmbBaseExtensionsInitializer_permittedExts.set(this, []);
+        _UmbBaseExtensionsInitializer_exposedPermittedExts.set(this, []);
+        _UmbBaseExtensionsInitializer_changeDebounce.set(this, void 0);
         _UmbBaseExtensionsInitializer_gotManifests.set(this, (manifests) => {
             if (!manifests) {
                 // Clean up:
@@ -44,6 +46,7 @@ export class UmbBaseExtensionsInitializer extends UmbBaseController {
                 });
                 this._extensions.length = 0;
                 // _permittedExts should have been cleared via the destroy callbacks.
+                __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_permittedExts, "f").length = 0;
                 return;
             }
             // Clean up extensions that are no longer.
@@ -69,41 +72,49 @@ export class UmbBaseExtensionsInitializer extends UmbBaseController {
         });
         this._extensionChanged = (isPermitted, controller) => {
             let hasChanged = false;
-            const existingIndex = this._permittedExts.indexOf(controller);
+            // This might be called after this is destroyed, so we need to check if the _permittedExts is still available:
+            const existingIndex = __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_permittedExts, "f")?.indexOf(controller);
             if (isPermitted) {
                 if (existingIndex === -1) {
-                    this._permittedExts.push(controller);
+                    __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_permittedExts, "f").push(controller);
                     hasChanged = true;
                 }
             }
             else {
-                if (existingIndex !== -1) {
-                    this._permittedExts.splice(existingIndex, 1);
+                if (existingIndex >= 0) {
+                    __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_permittedExts, "f").splice(existingIndex, 1);
                     hasChanged = true;
                 }
             }
             if (hasChanged) {
-                // The final list of permitted extensions to be displayed, this will be stripped from extensions that are overwritten by another extension and sorted accordingly.
-                const exposedPermittedExts = [...this._permittedExts];
-                // Removal of overwritten extensions:
-                this._permittedExts.forEach((extCtrl) => {
-                    // Check if it overwrites another extension:
-                    // if so, look up the extension it overwrites, and remove it from the list. and check that for if it overwrites another extension and so on.
-                    if (extCtrl.overwrites.length > 0) {
-                        extCtrl.overwrites.forEach((overwrite) => {
-                            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_instances, "m", _UmbBaseExtensionsInitializer_removeOverwrittenExtensions).call(this, exposedPermittedExts, overwrite);
-                        });
-                    }
-                });
-                // Sorting:
-                exposedPermittedExts.sort((a, b) => b.weight - a.weight);
-                if (exposedPermittedExts.length > 0) {
-                    __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_promiseResolvers, "f").forEach((x) => x());
-                    __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_promiseResolvers, [], "f");
+                if (!__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_changeDebounce, "f")) {
+                    __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_changeDebounce, requestAnimationFrame(__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_notifyChange, "f")), "f");
                 }
-                __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_onChange, "f")?.call(this, exposedPermittedExts);
             }
         };
+        _UmbBaseExtensionsInitializer_notifyChange.set(this, () => {
+            __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_changeDebounce, undefined, "f");
+            // The final list of permitted extensions to be displayed, this will be stripped from extensions that are overwritten by another extension and sorted accordingly.
+            __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, [...__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_permittedExts, "f")], "f");
+            // Removal of overwritten extensions:
+            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_permittedExts, "f").forEach((extCtrl) => {
+                // Check if it overwrites another extension:
+                // if so, look up the extension it overwrites, and remove it from the list. and check that for if it overwrites another extension and so on.
+                if (extCtrl.overwrites.length > 0) {
+                    extCtrl.overwrites.forEach((overwrite) => {
+                        __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_instances, "m", _UmbBaseExtensionsInitializer_removeOverwrittenExtensions).call(this, __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, "f"), overwrite);
+                    });
+                }
+            });
+            // Sorting:
+            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, "f").sort((a, b) => b.weight - a.weight);
+            if (__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, "f").length > 0) {
+                __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_promiseResolvers, "f").forEach((x) => x());
+                __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_promiseResolvers, [], "f");
+            }
+            // Collect change calls.
+            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_onChange, "f")?.call(this, __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, "f"));
+        });
         __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_extensionRegistry, extensionRegistry, "f");
         __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_type, type, "f");
         __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_filter, filter, "f");
@@ -118,22 +129,35 @@ export class UmbBaseExtensionsInitializer extends UmbBaseController {
         }
         this.observe(source, __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_gotManifests, "f"), '_observeManifests');
     }
+    hostDisconnected() {
+        super.hostDisconnected();
+        if (__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_changeDebounce, "f")) {
+            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_notifyChange, "f").call(this);
+        }
+    }
     destroy() {
         // The this.#extensionRegistry is an indication of wether this is already destroyed.
         if (!__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_extensionRegistry, "f"))
             return;
-        const oldPermittedExtsLength = this._permittedExts.length;
-        this._extensions.length = 0;
-        this._permittedExts.length = 0;
+        const oldPermittedExtsLength = __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, "f").length;
+        this._extensions = undefined;
+        __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_permittedExts, undefined, "f");
+        __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, "f").length = 0;
+        if (__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_changeDebounce, "f")) {
+            cancelAnimationFrame(__classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_changeDebounce, "f"));
+            __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_changeDebounce, undefined, "f");
+        }
         if (oldPermittedExtsLength > 0) {
-            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_onChange, "f")?.call(this, this._permittedExts);
+            __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_onChange, "f")?.call(this, __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_exposedPermittedExts, "f"));
         }
+        __classPrivateFieldGet(this, _UmbBaseExtensionsInitializer_promiseResolvers, "f").length = 0;
+        __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_filter, undefined, "f");
         __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_onChange, undefined, "f");
         __classPrivateFieldSet(this, _UmbBaseExtensionsInitializer_extensionRegistry, undefined, "f");
         super.destroy();
     }
 }
-_UmbBaseExtensionsInitializer_promiseResolvers = new WeakMap(), _UmbBaseExtensionsInitializer_extensionRegistry = new WeakMap(), _UmbBaseExtensionsInitializer_type = new WeakMap(), _UmbBaseExtensionsInitializer_filter = new WeakMap(), _UmbBaseExtensionsInitializer_onChange = new WeakMap(), _UmbBaseExtensionsInitializer_gotManifests = new WeakMap(), _UmbBaseExtensionsInitializer_instances = new WeakSet(), _UmbBaseExtensionsInitializer_removeOverwrittenExtensions = function _UmbBaseExtensionsInitializer_removeOverwrittenExtensions(list, alias) {
+_UmbBaseExtensionsInitializer_promiseResolvers = new WeakMap(), _UmbBaseExtensionsInitializer_extensionRegistry = new WeakMap(), _UmbBaseExtensionsInitializer_type = new WeakMap(), _UmbBaseExtensionsInitializer_filter = new WeakMap(), _UmbBaseExtensionsInitializer_onChange = new WeakMap(), _UmbBaseExtensionsInitializer_permittedExts = new WeakMap(), _UmbBaseExtensionsInitializer_exposedPermittedExts = new WeakMap(), _UmbBaseExtensionsInitializer_changeDebounce = new WeakMap(), _UmbBaseExtensionsInitializer_gotManifests = new WeakMap(), _UmbBaseExtensionsInitializer_notifyChange = new WeakMap(), _UmbBaseExtensionsInitializer_instances = new WeakSet(), _UmbBaseExtensionsInitializer_removeOverwrittenExtensions = function _UmbBaseExtensionsInitializer_removeOverwrittenExtensions(list, alias) {
     const index = list.findIndex((a) => a.alias === alias);
     if (index !== -1) {
         const entry = list[index];

package/dist-cms/libs/extension-api/controller/extension-api-initializer.controller.d.ts

@@ -39,4 +39,5 @@ export declare class UmbExtensionApiInitializer<ManifestType extends ManifestApi
     constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestCondition>, alias: string, constructorArguments: Array<unknown> | undefined, onPermissionChanged?: (isPermitted: boolean, controller: ControllerType) => void);
     protected _conditionsAreGood(): Promise<boolean>;
     protected _conditionsAreBad(): Promise<void>;
+    destroy(): void;
 }

package/dist-cms/libs/extension-api/controller/extension-api-initializer.controller.js

@@ -98,5 +98,9 @@ export class UmbExtensionApiInitializer extends UmbBaseExtensionInitializer {
             __classPrivateFieldSet(this, _UmbExtensionApiInitializer_api, undefined, "f");
         }
     }
+    destroy() {
+        super.destroy();
+        __classPrivateFieldSet(this, _UmbExtensionApiInitializer_constructorArguments, undefined, "f");
+    }
 }
 _UmbExtensionApiInitializer_api = new WeakMap(), _UmbExtensionApiInitializer_constructorArguments = new WeakMap();

package/dist-cms/libs/extension-api/controller/extension-element-initializer.controller.d.ts

@@ -26,4 +26,5 @@ export declare class UmbExtensionElementInitializer<ManifestType extends Manifes
     constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestCondition>, alias: string, onPermissionChanged: (isPermitted: boolean, controller: ControllerType) => void, defaultElement?: string);
     protected _conditionsAreGood(): Promise<boolean>;
     protected _conditionsAreBad(): Promise<void>;
+    destroy(): void;
 }

package/dist-cms/libs/extension-api/controller/extension-element-initializer.controller.js

@@ -97,5 +97,9 @@ export class UmbExtensionElementInitializer extends UmbBaseExtensionInitializer
             __classPrivateFieldSet(this, _UmbExtensionElementInitializer_component, undefined, "f");
         }
     }
+    destroy() {
+        super.destroy();
+        __classPrivateFieldSet(this, _UmbExtensionElementInitializer_properties, undefined, "f");
+    }
 }
 _UmbExtensionElementInitializer_defaultElement = new WeakMap(), _UmbExtensionElementInitializer_component = new WeakMap(), _UmbExtensionElementInitializer_properties = new WeakMap(), _UmbExtensionElementInitializer_assignProperties = new WeakMap();

package/dist-cms/libs/extension-api/controller/extensions-api-initializer.controller.d.ts

@@ -17,6 +17,7 @@ TODO: Correct this, start using builder pattern:
  */
 export declare class UmbExtensionsApiInitializer<ManifestTypes extends ManifestApi, ManifestTypeName extends keyof ManifestTypeMap<ManifestTypes> | string = string, ManifestType extends ManifestBase = SpecificManifestTypeOrManifestBase<ManifestTypes, ManifestTypeName>, ManifestTypeAsApi extends ManifestApi = ManifestType extends ManifestApi ? ManifestType : never, ControllerType extends UmbExtensionApiInitializer<ManifestTypeAsApi> = UmbExtensionApiInitializer<ManifestTypeAsApi>, MyPermittedControllerType extends ControllerType = PermittedControllerType<ControllerType>> extends UmbBaseExtensionsInitializer<ManifestTypes, ManifestTypeName, ManifestTypeAsApi, ControllerType, MyPermittedControllerType> {
     #private;
-    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestTypes>, type: ManifestTypeName | Array<ManifestTypeName>, constructorArguments: Array<unknown> | undefined, filter?: undefined | null | ((manifest: ManifestTypeAsApi) => boolean), onChange?: (permittedManifests: Array<MyPermittedControllerType>) => void);
+    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestTypes>, type: ManifestTypeName | Array<ManifestTypeName>, constructorArguments: Array<unknown> | undefined, filter?: undefined | null | ((manifest: ManifestTypeAsApi) => boolean), onChange?: (permittedManifests: Array<MyPermittedControllerType>) => void, controllerAlias?: string);
     protected _createController(manifest: ManifestTypeAsApi): ControllerType;
+    destroy(): void;
 }

package/dist-cms/libs/extension-api/controller/extensions-api-initializer.controller.js

@@ -25,8 +25,8 @@ TODO: Correct this, start using builder pattern:
  * @class UmbExtensionsApiInitializer
  */
 export class UmbExtensionsApiInitializer extends UmbBaseExtensionsInitializer {
-    constructor(host, extensionRegistry, type, constructorArguments, filter, onChange) {
-        super(host, extensionRegistry, type, filter, onChange);
+    constructor(host, extensionRegistry, type, constructorArguments, filter, onChange, controllerAlias) {
+        super(host, extensionRegistry, type, filter, onChange, controllerAlias);
         //
         _UmbExtensionsApiInitializer_extensionRegistry.set(this, void 0);
         /*
@@ -51,5 +51,10 @@ export class UmbExtensionsApiInitializer extends UmbBaseExtensionsInitializer {
         const extController = new UmbExtensionApiInitializer(this, __classPrivateFieldGet(this, _UmbExtensionsApiInitializer_extensionRegistry, "f"), manifest.alias, __classPrivateFieldGet(this, _UmbExtensionsApiInitializer_constructorArgs, "f"), this._extensionChanged);
         return extController;
     }
+    destroy() {
+        super.destroy();
+        __classPrivateFieldSet(this, _UmbExtensionsApiInitializer_constructorArgs, undefined, "f");
+        __classPrivateFieldSet(this, _UmbExtensionsApiInitializer_extensionRegistry, undefined, "f");
+    }
 }
 _UmbExtensionsApiInitializer_extensionRegistry = new WeakMap(), _UmbExtensionsApiInitializer_constructorArgs = new WeakMap();

package/dist-cms/libs/extension-api/controller/extensions-element-initializer.controller.d.ts

@@ -10,6 +10,7 @@ export declare class UmbExtensionsElementInitializer<ManifestTypes extends Manif
     #private;
     get properties(): Record<string, unknown> | undefined;
     set properties(props: Record<string, unknown> | undefined);
-    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestTypes>, type: ManifestTypeName | Array<ManifestTypeName>, filter: undefined | null | ((manifest: ManifestType) => boolean), onChange: (permittedManifests: Array<MyPermittedControllerType>) => void, defaultElement?: string);
+    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestTypes>, type: ManifestTypeName | Array<ManifestTypeName>, filter: undefined | null | ((manifest: ManifestType) => boolean), onChange: (permittedManifests: Array<MyPermittedControllerType>) => void, controllerAlias?: string, defaultElement?: string);
     protected _createController(manifest: ManifestType): ControllerType;
+    destroy(): void;
 }

package/dist-cms/libs/extension-api/controller/extensions-element-initializer.controller.js

@@ -24,8 +24,8 @@ export class UmbExtensionsElementInitializer extends UmbBaseExtensionsInitialize
             controller.properties = props;
         });
     }
-    constructor(host, extensionRegistry, type, filter, onChange, defaultElement) {
-        super(host, extensionRegistry, type, filter, onChange);
+    constructor(host, extensionRegistry, type, filter, onChange, controllerAlias, defaultElement) {
+        super(host, extensionRegistry, type, filter, onChange, controllerAlias);
         //
         _UmbExtensionsElementInitializer_extensionRegistry.set(this, void 0);
         _UmbExtensionsElementInitializer_defaultElement.set(this, void 0);
@@ -39,5 +39,10 @@ export class UmbExtensionsElementInitializer extends UmbBaseExtensionsInitialize
         extController.properties = __classPrivateFieldGet(this, _UmbExtensionsElementInitializer_props, "f");
         return extController;
     }
+    destroy() {
+        super.destroy();
+        __classPrivateFieldSet(this, _UmbExtensionsElementInitializer_props, undefined, "f");
+        __classPrivateFieldSet(this, _UmbExtensionsElementInitializer_extensionRegistry, undefined, "f");
+    }
 }
 _UmbExtensionsElementInitializer_extensionRegistry = new WeakMap(), _UmbExtensionsElementInitializer_defaultElement = new WeakMap(), _UmbExtensionsElementInitializer_props = new WeakMap();

package/dist-cms/libs/extension-api/controller/extensions-manifest-initializer.controller.d.ts

@@ -7,6 +7,7 @@ import type { UmbControllerHost } from '../../controller-api/index.js';
  */
 export declare class UmbExtensionsManifestInitializer<ManifestTypes extends ManifestBase, ManifestTypeName extends keyof ManifestTypeMap<ManifestTypes> | string, ManifestType extends ManifestBase = SpecificManifestTypeOrManifestBase<ManifestTypes, ManifestTypeName>, ControllerType extends UmbExtensionManifestInitializer<ManifestType> = UmbExtensionManifestInitializer<ManifestType>, MyPermittedControllerType extends ControllerType = PermittedControllerType<ControllerType>> extends UmbBaseExtensionsInitializer<ManifestTypes, ManifestTypeName, ManifestType, ControllerType, MyPermittedControllerType> {
     #private;
-    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestTypes>, type: ManifestTypeName | Array<ManifestTypeName>, filter: null | ((manifest: ManifestType) => boolean), onChange: (permittedManifests: Array<MyPermittedControllerType>) => void);
+    constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestTypes>, type: ManifestTypeName | Array<ManifestTypeName>, filter: null | ((manifest: ManifestType) => boolean), onChange: (permittedManifests: Array<MyPermittedControllerType>) => void, controllerAlias?: string);
     protected _createController(manifest: ManifestType): ControllerType;
+    destroy(): void;
 }

package/dist-cms/libs/extension-api/controller/extensions-manifest-initializer.controller.js

@@ -15,8 +15,8 @@ import { UmbBaseExtensionsInitializer, } from './base-extensions-initializer.con
 /**
  */
 export class UmbExtensionsManifestInitializer extends UmbBaseExtensionsInitializer {
-    constructor(host, extensionRegistry, type, filter, onChange) {
-        super(host, extensionRegistry, type, filter, onChange);
+    constructor(host, extensionRegistry, type, filter, onChange, controllerAlias) {
+        super(host, extensionRegistry, type, filter, onChange, controllerAlias);
         //
         _UmbExtensionsManifestInitializer_extensionRegistry.set(this, void 0);
         __classPrivateFieldSet(this, _UmbExtensionsManifestInitializer_extensionRegistry, extensionRegistry, "f");
@@ -25,5 +25,9 @@ export class UmbExtensionsManifestInitializer extends UmbBaseExtensionsInitializ
     _createController(manifest) {
         return new UmbExtensionManifestInitializer(this, __classPrivateFieldGet(this, _UmbExtensionsManifestInitializer_extensionRegistry, "f"), manifest.alias, this._extensionChanged);
     }
+    destroy() {
+        super.destroy();
+        __classPrivateFieldSet(this, _UmbExtensionsManifestInitializer_extensionRegistry, undefined, "f");
+    }
 }
 _UmbExtensionsManifestInitializer_extensionRegistry = new WeakMap();

package/dist-cms/libs/localization-api/localization.controller.js

@@ -47,7 +47,7 @@ export class UmbLocalizationController {
         umbLocalizationManager.removeConsumer(this);
     }
     destroy() {
-        __classPrivateFieldGet(this, _UmbLocalizationController_host, "f").removeController(this);
+        __classPrivateFieldGet(this, _UmbLocalizationController_host, "f")?.removeController(this);
         __classPrivateFieldSet(this, _UmbLocalizationController_hostEl, undefined, "f");
     }
     documentUpdate() {

package/dist-cms/libs/observable-api/observer.controller.js

@@ -32,8 +32,9 @@ export class UmbObserverController extends UmbObserver {
         host.addController(this);
     }
     destroy() {
+        __classPrivateFieldGet(this, _UmbObserverController_host, "f")?.removeController(this);
+        __classPrivateFieldSet(this, _UmbObserverController_host, undefined, "f");
         super.destroy();
-        __classPrivateFieldGet(this, _UmbObserverController_host, "f").removeController(this);
     }
 }
 _UmbObserverController_host = new WeakMap(), _UmbObserverController_alias = new WeakMap();

package/dist-cms/libs/observable-api/observer.js

@@ -52,8 +52,9 @@ export class UmbObserver {
         }
     }
     hostDisconnected() {
-        // No cause then it cant re-connect, if the same element just was moved in DOM.
-        //this.#subscription.unsubscribe();
+        // No cause then it cant re-connect, if the same element just was moved in DOM. [NL]
+        // I do not agree with my self anymore ^^. I think we should unsubscribe here, to help garbage collector and prevent unforeseen side effects of observations continuing while element are out of the DOM. [NL]
+        __classPrivateFieldGet(this, _UmbObserver_subscription, "f")?.unsubscribe();
     }
     destroy() {
         if (__classPrivateFieldGet(this, _UmbObserver_subscription, "f")) {

package/dist-cms/libs/observable-api/states/array-state.d.ts

@@ -151,4 +151,5 @@ export declare class UmbArrayState<T> extends UmbDeepState<T[]> {
      * myState.updateOne(2, {value: 'updated-bar'});
      */
     updateOne(unique: unknown, entry: Partial<T>): this;
+    destroy(): void;
 }

package/dist-cms/libs/observable-api/states/array-state.js

@@ -246,5 +246,10 @@ export class UmbArrayState extends UmbDeepState {
         this.setValue(partialUpdateFrozenArray(this.getValue(), entry, (x) => unique === this.getUniqueMethod(x)));
         return this;
     }
+    destroy() {
+        super.destroy();
+        __classPrivateFieldSet(this, _UmbArrayState_sortMethod, undefined, "f");
+        this.getUniqueMethod = undefined;
+    }
 }
 _UmbArrayState_sortMethod = new WeakMap();

package/dist-cms/libs/observable-api/states/basic-state.js

@@ -50,7 +50,8 @@ export class UmbBasicState {
      * @description - Destroys this state and completes all observations made to it.
      */
     destroy() {
-        this._subject.complete();
+        this._subject?.complete();
+        this._subject = undefined;
     }
     /**
      * @method setValue
@@ -63,7 +64,7 @@ export class UmbBasicState {
      * // myState.value is equal 'Goodnight'.
      */
     setValue(data) {
-        if (data !== this._subject.getValue()) {
+        if (this._subject && data !== this._subject.getValue()) {
             this._subject.next(data);
         }
     }

package/dist-cms/libs/observable-api/states/class-state.js

@@ -15,6 +15,8 @@ export class UmbClassState extends UmbBasicState {
      * @description - Set the data of this state, if data is different than current this will trigger observations to update.
      */
     setValue(data) {
+        if (!this._subject)
+            return;
         const oldValue = this._subject.getValue();
         if (data && oldValue?.equal(data))
             return;