@umbraco-cms/backoffice 14.0.0--preview004-1b021a09 → 14.0.0--preview004-4ed648fc

package/dist-cms/apps/app/app-error.element.d.ts

@@ -21,7 +21,7 @@ export declare class UmbAppErrorElement extends UmbLitElement {
     private isError;
     private renderError;
     render: () => import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult;
 }
 export default UmbAppErrorElement;
 declare global {

package/dist-cms/apps/app/app-error.element.js

@@ -60,7 +60,8 @@ let UmbAppErrorElement = class UmbAppErrorElement extends UmbLitElement {
         }
         return nothing;
     }
-    static { this.styles = css `
+};
+UmbAppErrorElement.styles = css `
 		#background {
 			position: fixed;
 			overflow: hidden;
@@ -106,8 +107,7 @@ let UmbAppErrorElement = class UmbAppErrorElement extends UmbLitElement {
 			width: 100%;
 			overflow: auto;
 		}
-	`; }
-};
+	`;
 __decorate([
     property()
 ], UmbAppErrorElement.prototype, "errorMessage", void 0);

package/dist-cms/apps/app/app.context.js

@@ -1,19 +1,32 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    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 __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbAppContext_serverUrl, _UmbAppContext_backofficePath;
 import { UmbBaseController } from '../../libs/class-api/index.js';
 import { UmbContextToken } from '../../libs/context-api/index.js';
 export class UmbAppContext extends UmbBaseController {
-    #serverUrl;
-    #backofficePath;
     constructor(host, config) {
         super(host);
-        this.#serverUrl = config.serverUrl;
-        this.#backofficePath = config.backofficePath;
+        _UmbAppContext_serverUrl.set(this, void 0);
+        _UmbAppContext_backofficePath.set(this, void 0);
+        __classPrivateFieldSet(this, _UmbAppContext_serverUrl, config.serverUrl, "f");
+        __classPrivateFieldSet(this, _UmbAppContext_backofficePath, config.backofficePath, "f");
         this.provideContext(UMB_APP_CONTEXT, this);
     }
     getBackofficePath() {
-        return this.#backofficePath;
+        return __classPrivateFieldGet(this, _UmbAppContext_backofficePath, "f");
     }
     getServerUrl() {
-        return this.#serverUrl;
+        return __classPrivateFieldGet(this, _UmbAppContext_serverUrl, "f");
     }
 }
+_UmbAppContext_serverUrl = new WeakMap(), _UmbAppContext_backofficePath = new WeakMap();
 export const UMB_APP_CONTEXT = new UmbContextToken('UmbAppContext');

package/dist-cms/apps/app/app.element.js

@@ -4,6 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    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 _UmbAppElement_instances, _UmbAppElement_authContext, _UmbAppElement_umbIconRegistry, _UmbAppElement_uuiIconRegistry, _UmbAppElement_serverConnection, _UmbAppElement_setup, _UmbAppElement_setAuthStatus, _UmbAppElement_redirect, _UmbAppElement_isAuthorizedGuard, _UmbAppElement_errorPage;
 import { UmbAppContext } from './app.context.js';
 import { UmbServerConnection } from './server-connection.js';
 import { UmbAuthContext } from '../../shared/auth/index.js';
@@ -15,12 +27,9 @@ import { pathWithoutBasePath } from '../../shared/router/index.js';
 import { OpenAPI, RuntimeLevelModel } from '../../external/backend-api/index.js';
 import { UmbContextDebugController } from '../../packages/core/debug/index.js';
 let UmbAppElement = class UmbAppElement extends UmbLitElement {
-    #authContext;
-    #umbIconRegistry;
-    #uuiIconRegistry;
-    #serverConnection;
     constructor() {
         super();
+        _UmbAppElement_instances.add(this);
         /**
          * The base URL of the configured Umbraco server.
          *
@@ -47,144 +56,153 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
             {
                 path: 'upgrade',
                 component: () => import('../upgrader/upgrader.element.js'),
-                guards: [this.#isAuthorizedGuard()],
+                guards: [__classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_isAuthorizedGuard).call(this)],
             },
             {
                 path: '**',
                 component: () => import('../backoffice/backoffice.element.js'),
-                guards: [this.#isAuthorizedGuard()],
+                guards: [__classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_isAuthorizedGuard).call(this)],
             },
         ];
-        this.#umbIconRegistry = new UmbIconRegistry();
-        this.#uuiIconRegistry = new UUIIconRegistryEssential();
+        _UmbAppElement_authContext.set(this, void 0);
+        _UmbAppElement_umbIconRegistry.set(this, new UmbIconRegistry());
+        _UmbAppElement_uuiIconRegistry.set(this, new UUIIconRegistryEssential());
+        _UmbAppElement_serverConnection.set(this, void 0);
         new UmbContextDebugController(this);
-        this.#umbIconRegistry.attach(this);
-        this.#uuiIconRegistry.attach(this);
+        __classPrivateFieldGet(this, _UmbAppElement_umbIconRegistry, "f").attach(this);
+        __classPrivateFieldGet(this, _UmbAppElement_uuiIconRegistry, "f").attach(this);
     }
     connectedCallback() {
         super.connectedCallback();
-        this.#setup();
+        __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_setup).call(this);
     }
-    async #setup() {
-        if (this.serverUrl === undefined)
-            throw new Error('No serverUrl provided');
-        /* All requests to the server requires the base URL to be set.
-        We make sure it happens before we get the server status.
-        TODO: find the right place to set this
-        */
-        OpenAPI.BASE = this.serverUrl;
-        this.#serverConnection = await new UmbServerConnection(this.serverUrl).connect();
-        this.#authContext = new UmbAuthContext(this, this.serverUrl, this.backofficePath, this.bypassAuth);
-        new UmbAppContext(this, { backofficePath: this.backofficePath, serverUrl: this.serverUrl });
-        // Try to initialise the auth flow and get the runtime status
-        try {
-            // If the runtime level is "install" we should clear any cached tokens
-            // else we should try and set the auth status
-            if (this.#serverConnection.getStatus() === RuntimeLevelModel.INSTALL) {
-                await this.#authContext.signOut();
-            }
-            else {
-                await this.#setAuthStatus();
-            }
-            // Initialise the router
-            this.#redirect();
-        }
-        catch (error) {
-            // If the auth flow fails, there is most likely something wrong with the connection to the backend server
-            // and we should redirect to the error page
-            let errorMsg = 'An error occurred while trying to initialize the connection to the Umbraco server (check console for details)';
-            // Get the type of the error and check http status codes
-            if (error instanceof Error) {
-                // If the error is a "TypeError" it means that the server is not reachable
-                if (error.name === 'TypeError') {
-                    errorMsg = 'The Umbraco server is unreachable (check console for details)';
-                }
-            }
-            // Log the error
-            console.error(errorMsg, error);
-            // Redirect to the error page
-            this.#errorPage(errorMsg, error);
-        }
+    render() {
+        return html `<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>`;
     }
-    // TODO: move set initial auth state into auth context
-    async #setAuthStatus() {
-        if (this.bypassAuth)
-            return;
-        if (!this.#authContext) {
-            throw new Error('[Fatal] AuthContext requested before it was initialized');
+};
+_UmbAppElement_authContext = new WeakMap();
+_UmbAppElement_umbIconRegistry = new WeakMap();
+_UmbAppElement_uuiIconRegistry = new WeakMap();
+_UmbAppElement_serverConnection = new WeakMap();
+_UmbAppElement_instances = new WeakSet();
+_UmbAppElement_setup = async function _UmbAppElement_setup() {
+    if (this.serverUrl === undefined)
+        throw new Error('No serverUrl provided');
+    /* All requests to the server requires the base URL to be set.
+    We make sure it happens before we get the server status.
+    TODO: find the right place to set this
+    */
+    OpenAPI.BASE = this.serverUrl;
+    __classPrivateFieldSet(this, _UmbAppElement_serverConnection, await new UmbServerConnection(this.serverUrl).connect(), "f");
+    __classPrivateFieldSet(this, _UmbAppElement_authContext, new UmbAuthContext(this, this.serverUrl, this.backofficePath, this.bypassAuth), "f");
+    new UmbAppContext(this, { backofficePath: this.backofficePath, serverUrl: this.serverUrl });
+    // Try to initialise the auth flow and get the runtime status
+    try {
+        // If the runtime level is "install" we should clear any cached tokens
+        // else we should try and set the auth status
+        if (__classPrivateFieldGet(this, _UmbAppElement_serverConnection, "f").getStatus() === RuntimeLevelModel.INSTALL) {
+            await __classPrivateFieldGet(this, _UmbAppElement_authContext, "f").signOut();
         }
-        // Get service configuration from authentication server
-        await this.#authContext?.setInitialState();
-        // Instruct all requests to use the auth flow to get and use the access_token for all subsequent requests
-        OpenAPI.TOKEN = () => this.#authContext.getLatestToken();
-        OpenAPI.WITH_CREDENTIALS = true;
+        else {
+            await __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_setAuthStatus).call(this);
+        }
+        // Initialise the router
+        __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_redirect).call(this);
     }
-    #redirect() {
-        switch (this.#serverConnection?.getStatus()) {
-            case RuntimeLevelModel.INSTALL:
-                history.replaceState(null, '', 'install');
-                break;
-            case RuntimeLevelModel.UPGRADE:
-                history.replaceState(null, '', 'upgrade');
-                break;
-            case RuntimeLevelModel.BOOT_FAILED:
-                this.#errorPage('The Umbraco server failed to boot');
-                break;
-            case RuntimeLevelModel.RUN: {
-                const pathname = pathWithoutBasePath({ start: true, end: false });
-                // If we are on the installer or upgrade page, redirect to the root
-                // but if not, keep the current path but replace state anyway to initialize the router
-                let currentRoute = location.href;
-                const savedRoute = sessionStorage.getItem('umb:auth:redirect');
-                if (savedRoute) {
-                    sessionStorage.removeItem('umb:auth:redirect');
-                    currentRoute = savedRoute;
-                }
-                const finalPath = pathname === '/install' || pathname === '/upgrade' ? '/' : currentRoute;
-                history.replaceState(null, '', finalPath);
-                break;
+    catch (error) {
+        // If the auth flow fails, there is most likely something wrong with the connection to the backend server
+        // and we should redirect to the error page
+        let errorMsg = 'An error occurred while trying to initialize the connection to the Umbraco server (check console for details)';
+        // Get the type of the error and check http status codes
+        if (error instanceof Error) {
+            // If the error is a "TypeError" it means that the server is not reachable
+            if (error.name === 'TypeError') {
+                errorMsg = 'The Umbraco server is unreachable (check console for details)';
             }
-            default:
-                // Redirect to the error page
-                this.#errorPage(`Unsupported runtime level: ${this.#serverConnection?.getStatus()}`);
         }
+        // Log the error
+        console.error(errorMsg, error);
+        // Redirect to the error page
+        __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_errorPage).call(this, errorMsg, error);
     }
-    #isAuthorizedGuard() {
-        return () => {
-            if (!this.#authContext) {
-                throw new Error('[Fatal] AuthContext requested before it was initialized');
-            }
-            if (this.#authContext.getIsAuthorized()) {
-                return true;
+};
+_UmbAppElement_setAuthStatus = 
+// TODO: move set initial auth state into auth context
+async function _UmbAppElement_setAuthStatus() {
+    if (this.bypassAuth)
+        return;
+    if (!__classPrivateFieldGet(this, _UmbAppElement_authContext, "f")) {
+        throw new Error('[Fatal] AuthContext requested before it was initialized');
+    }
+    // Get service configuration from authentication server
+    await __classPrivateFieldGet(this, _UmbAppElement_authContext, "f")?.setInitialState();
+    // Instruct all requests to use the auth flow to get and use the access_token for all subsequent requests
+    OpenAPI.TOKEN = () => __classPrivateFieldGet(this, _UmbAppElement_authContext, "f").getLatestToken();
+    OpenAPI.WITH_CREDENTIALS = true;
+};
+_UmbAppElement_redirect = function _UmbAppElement_redirect() {
+    switch (__classPrivateFieldGet(this, _UmbAppElement_serverConnection, "f")?.getStatus()) {
+        case RuntimeLevelModel.INSTALL:
+            history.replaceState(null, '', 'install');
+            break;
+        case RuntimeLevelModel.UPGRADE:
+            history.replaceState(null, '', 'upgrade');
+            break;
+        case RuntimeLevelModel.BOOT_FAILED:
+            __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_errorPage).call(this, 'The Umbraco server failed to boot');
+            break;
+        case RuntimeLevelModel.RUN: {
+            const pathname = pathWithoutBasePath({ start: true, end: false });
+            // If we are on the installer or upgrade page, redirect to the root
+            // but if not, keep the current path but replace state anyway to initialize the router
+            let currentRoute = location.href;
+            const savedRoute = sessionStorage.getItem('umb:auth:redirect');
+            if (savedRoute) {
+                sessionStorage.removeItem('umb:auth:redirect');
+                currentRoute = savedRoute;
             }
-            // Save location.href so we can redirect to it after login
-            window.sessionStorage.setItem('umb:auth:redirect', location.href);
-            // Make a request to the auth server to start the auth flow
-            // TODO: find better name for this method
-            this.#authContext.login();
-            // Return false to prevent the route from being rendered
-            return false;
-        };
+            const finalPath = pathname === '/install' || pathname === '/upgrade' ? '/' : currentRoute;
+            history.replaceState(null, '', finalPath);
+            break;
+        }
+        default:
+            // Redirect to the error page
+            __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_errorPage).call(this, `Unsupported runtime level: ${__classPrivateFieldGet(this, _UmbAppElement_serverConnection, "f")?.getStatus()}`);
     }
-    #errorPage(errorMsg, error) {
-        // Redirect to the error page
-        this._routes = [
-            {
-                path: '**',
-                component: () => import('./app-error.element.js'),
-                setup: (component) => {
-                    component.errorMessage = errorMsg;
-                    component.error = error;
-                },
+};
+_UmbAppElement_isAuthorizedGuard = function _UmbAppElement_isAuthorizedGuard() {
+    return () => {
+        if (!__classPrivateFieldGet(this, _UmbAppElement_authContext, "f")) {
+            throw new Error('[Fatal] AuthContext requested before it was initialized');
+        }
+        if (__classPrivateFieldGet(this, _UmbAppElement_authContext, "f").getIsAuthorized()) {
+            return true;
+        }
+        // Save location.href so we can redirect to it after login
+        window.sessionStorage.setItem('umb:auth:redirect', location.href);
+        // Make a request to the auth server to start the auth flow
+        // TODO: find better name for this method
+        __classPrivateFieldGet(this, _UmbAppElement_authContext, "f").login();
+        // Return false to prevent the route from being rendered
+        return false;
+    };
+};
+_UmbAppElement_errorPage = function _UmbAppElement_errorPage(errorMsg, error) {
+    // Redirect to the error page
+    this._routes = [
+        {
+            path: '**',
+            component: () => import('./app-error.element.js'),
+            setup: (component) => {
+                component.errorMessage = errorMsg;
+                component.error = error;
             },
-        ];
-        // Re-render the router
-        this.requestUpdate();
-    }
-    render() {
-        return html `<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>`;
-    }
-    static { this.styles = css `
+        },
+    ];
+    // Re-render the router
+    this.requestUpdate();
+};
+UmbAppElement.styles = css `
 		:host {
 			overflow: hidden;
 		}
@@ -195,8 +213,7 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
 			width: 100%;
 			height: 100vh;
 		}
-	`; }
-};
+	`;
 __decorate([
     property({ type: String })
 ], UmbAppElement.prototype, "serverUrl", void 0);

package/dist-cms/apps/app/server-connection.js

@@ -1,22 +1,33 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    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 __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbServerConnection_instances, _UmbServerConnection_url, _UmbServerConnection_status, _UmbServerConnection_isConnected, _UmbServerConnection_setStatus;
 import { RuntimeLevelModel, ServerResource } from '../../external/backend-api/index.js';
 import { UmbBooleanState } from '../../libs/observable-api/index.js';
 import { tryExecute } from '../../shared/resources/index.js';
 export class UmbServerConnection {
-    #url;
-    #status;
-    #isConnected;
     constructor(serverUrl) {
-        this.#status = RuntimeLevelModel.UNKNOWN;
-        this.#isConnected = new UmbBooleanState(false);
-        this.isConnected = this.#isConnected.asObservable();
-        this.#url = serverUrl;
+        _UmbServerConnection_instances.add(this);
+        _UmbServerConnection_url.set(this, void 0);
+        _UmbServerConnection_status.set(this, RuntimeLevelModel.UNKNOWN);
+        _UmbServerConnection_isConnected.set(this, new UmbBooleanState(false));
+        this.isConnected = __classPrivateFieldGet(this, _UmbServerConnection_isConnected, "f").asObservable();
+        __classPrivateFieldSet(this, _UmbServerConnection_url, serverUrl, "f");
     }
     /**
      * Connects to the server.
      * @memberof UmbServerConnection
      */
     async connect() {
-        await this.#setStatus();
+        await __classPrivateFieldGet(this, _UmbServerConnection_instances, "m", _UmbServerConnection_setStatus).call(this);
         return this;
     }
     /**
@@ -25,7 +36,7 @@ export class UmbServerConnection {
      * @memberof UmbServerConnection
      */
     getUrl() {
-        return this.#url;
+        return __classPrivateFieldGet(this, _UmbServerConnection_url, "f");
     }
     /**
      * Gets the status of the server.
@@ -35,7 +46,7 @@ export class UmbServerConnection {
     getStatus() {
         if (!this.getIsConnected())
             throw new Error('Server is not connected. Remember to await connect()');
-        return this.#status;
+        return __classPrivateFieldGet(this, _UmbServerConnection_status, "f");
     }
     /**
      * Checks if the server is connected.
@@ -43,14 +54,14 @@ export class UmbServerConnection {
      * @memberof UmbServerConnection
      */
     getIsConnected() {
-        return this.#isConnected.getValue();
-    }
-    async #setStatus() {
-        const { data, error } = await tryExecute(ServerResource.getServerStatus());
-        if (error) {
-            throw error;
-        }
-        this.#isConnected.next(true);
-        this.#status = data?.serverStatus ?? RuntimeLevelModel.UNKNOWN;
+        return __classPrivateFieldGet(this, _UmbServerConnection_isConnected, "f").getValue();
     }
 }
+_UmbServerConnection_url = new WeakMap(), _UmbServerConnection_status = new WeakMap(), _UmbServerConnection_isConnected = new WeakMap(), _UmbServerConnection_instances = new WeakSet(), _UmbServerConnection_setStatus = async function _UmbServerConnection_setStatus() {
+    const { data, error } = await tryExecute(ServerResource.getServerStatus());
+    if (error) {
+        throw error;
+    }
+    __classPrivateFieldGet(this, _UmbServerConnection_isConnected, "f").next(true);
+    __classPrivateFieldSet(this, _UmbServerConnection_status, data?.serverStatus ?? RuntimeLevelModel.UNKNOWN, "f");
+};

package/dist-cms/apps/backoffice/backoffice.context.js

@@ -1,25 +1,29 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbBackofficeContext_activeSectionAlias, _UmbBackofficeContext_allowedSections;
 import { UmbContextToken } from '../../libs/context-api/index.js';
 import { UmbBasicState, UmbStringState } from '../../libs/observable-api/index.js';
 import { UmbExtensionsManifestInitializer, } from '../../libs/extension-api/index.js';
 import { UmbContextBase } from '../../libs/class-api/index.js';
 import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
 export class UmbBackofficeContext extends UmbContextBase {
-    #activeSectionAlias;
-    // TODO: We need a class array state:
-    #allowedSections;
     constructor(host) {
         super(host, UMB_BACKOFFICE_CONTEXT_TOKEN);
-        this.#activeSectionAlias = new UmbStringState(undefined);
-        this.activeSectionAlias = this.#activeSectionAlias.asObservable();
+        _UmbBackofficeContext_activeSectionAlias.set(this, new UmbStringState(undefined));
+        this.activeSectionAlias = __classPrivateFieldGet(this, _UmbBackofficeContext_activeSectionAlias, "f").asObservable();
         // TODO: We need a class array state:
-        this.#allowedSections = new UmbBasicState([]);
-        this.allowedSections = this.#allowedSections.asObservable();
+        _UmbBackofficeContext_allowedSections.set(this, new UmbBasicState([]));
+        this.allowedSections = __classPrivateFieldGet(this, _UmbBackofficeContext_allowedSections, "f").asObservable();
         new UmbExtensionsManifestInitializer(this, umbExtensionsRegistry, 'section', null, (sections) => {
-            this.#allowedSections.next([...sections]);
+            __classPrivateFieldGet(this, _UmbBackofficeContext_allowedSections, "f").next([...sections]);
         });
     }
     setActiveSectionAlias(alias) {
-        this.#activeSectionAlias.next(alias);
+        __classPrivateFieldGet(this, _UmbBackofficeContext_activeSectionAlias, "f").next(alias);
     }
 }
+_UmbBackofficeContext_activeSectionAlias = new WeakMap(), _UmbBackofficeContext_allowedSections = new WeakMap();
 export const UMB_BACKOFFICE_CONTEXT_TOKEN = new UmbContextToken('UmbBackofficeContext');

package/dist-cms/apps/backoffice/backoffice.element.js

@@ -13,6 +13,7 @@ import { UmbLitElement } from '../../shared/lit-element/index.js';
 import './components/index.js';
 // TODO: temp solution to load core packages
 const CORE_PACKAGES = [
+    import('../../packages/audit-log/umbraco-package.js'),
     import('../../packages/core/umbraco-package.js'),
     import('../../packages/settings/umbraco-package.js'),
     import('../../packages/documents/umbraco-package.js'),
@@ -56,8 +57,9 @@ let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
 			<slot></slot>
 		`;
     }
-    static { this.styles = [
-        css `
+};
+UmbBackofficeElement.styles = [
+    css `
 			:host {
 				display: flex;
 				flex-direction: column;
@@ -68,8 +70,7 @@ let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
 				box-sizing: border-box;
 			}
 		`,
-    ]; }
-};
+];
 UmbBackofficeElement = __decorate([
     customElement('umb-backoffice')
 ], UmbBackofficeElement);

package/dist-cms/apps/backoffice/components/backoffice-header-apps.element.js

@@ -9,16 +9,16 @@ let UmbBackofficeHeaderAppsElement = class UmbBackofficeHeaderAppsElement extend
     render() {
         return html ` <umb-extension-slot id="apps" type="headerApp"></umb-extension-slot> `;
     }
-    static { this.styles = [
-        css `
+};
+UmbBackofficeHeaderAppsElement.styles = [
+    css `
 			#apps {
 				display: flex;
 				align-items: center;
 				gap: var(--uui-size-space-2);
 			}
 		`,
-    ]; }
-};
+];
 UmbBackofficeHeaderAppsElement = __decorate([
     customElement('umb-backoffice-header-apps')
 ], UmbBackofficeHeaderAppsElement);

package/dist-cms/apps/backoffice/components/backoffice-header-sections.element.js

@@ -46,8 +46,9 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
 			</uui-tab-group>
 		`;
     }
-    static { this.styles = [
-        css `
+};
+UmbBackofficeHeaderSectionsElement.styles = [
+    css `
 			:host {
 				display: contents;
 			}
@@ -62,8 +63,7 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
 				--uui-tab-group-dropdown-background: var(--uui-color-header-surface);
 			}
 		`,
-    ]; }
-};
+];
 __decorate([
     state()
 ], UmbBackofficeHeaderSectionsElement.prototype, "_sections", void 0);

package/dist-cms/apps/backoffice/components/backoffice-header.element.js

@@ -19,8 +19,9 @@ let UmbBackofficeHeaderElement = class UmbBackofficeHeaderElement extends UmbLit
 			</div>
 		`;
     }
-    static { this.styles = [
-        css `
+};
+UmbBackofficeHeaderElement.styles = [
+    css `
 			:host {
 				width: 100%;
 			}
@@ -49,8 +50,7 @@ let UmbBackofficeHeaderElement = class UmbBackofficeHeaderElement extends UmbLit
 				flex: 1 1 auto;
 			}
 		`,
-    ]; }
-};
+];
 UmbBackofficeHeaderElement = __decorate([
     customElement('umb-backoffice-header')
 ], UmbBackofficeHeaderElement);

package/dist-cms/apps/backoffice/components/backoffice-main.element.js

@@ -85,8 +85,9 @@ let UmbBackofficeMainElement = class UmbBackofficeMainElement extends UmbLitElem
             ? html `<umb-router-slot .routes=${this._routes} @change=${this._onRouteChange}></umb-router-slot>`
             : '';
     }
-    static { this.styles = [
-        css `
+};
+UmbBackofficeMainElement.styles = [
+    css `
 			:host {
 				background-color: var(--uui-color-background);
 				display: block;
@@ -95,8 +96,7 @@ let UmbBackofficeMainElement = class UmbBackofficeMainElement extends UmbLitElem
 				); // 60 => top header height, TODO: Make sure this comes from somewhere so it is maintainable and eventually responsive.
 			}
 		`,
-    ]; }
-};
+];
 __decorate([
     state()
 ], UmbBackofficeMainElement.prototype, "_routes", void 0);