@umbraco-cms/backoffice 14.0.0--preview004-eaff2f45 → 14.0.0--preview004-8702aedd

package/dist-cms/packages/static-file/property-editors/static-file-picker/property-editor-ui-static-file-picker.element.js

@@ -0,0 +1,59 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+import { html, customElement, property, state } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import '../../components/input-static-file/index.js';
+let UmbPropertyEditorUIStaticFilePickerElement = class UmbPropertyEditorUIStaticFilePickerElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this._value = [];
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value || [];
+    }
+    set config(config) {
+        const validationLimit = config?.find((x) => x.alias === 'validationLimit');
+        this._limitMin = validationLimit?.value?.min;
+        this._limitMax = validationLimit?.value?.max;
+    }
+    _onChange(event) {
+        this.value = event.target.selectedPaths;
+        this.dispatchEvent(new CustomEvent('property-value-change'));
+    }
+    // TODO: Implement mandatory?
+    render() {
+        return html `
+			<umb-input-static-file
+				@change=${this._onChange}
+				.selectedIds=${this._value}
+				.min=${this._limitMin ?? 0}
+				.max=${this._limitMax ?? Infinity}
+				>Add</umb-input-static-file
+			>
+		`;
+    }
+};
+__decorate([
+    property({ type: Array })
+], UmbPropertyEditorUIStaticFilePickerElement.prototype, "value", null);
+__decorate([
+    property({ attribute: false })
+], UmbPropertyEditorUIStaticFilePickerElement.prototype, "config", null);
+__decorate([
+    state()
+], UmbPropertyEditorUIStaticFilePickerElement.prototype, "_limitMin", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUIStaticFilePickerElement.prototype, "_limitMax", void 0);
+UmbPropertyEditorUIStaticFilePickerElement = __decorate([
+    customElement('umb-property-editor-ui-static-file-picker')
+], UmbPropertyEditorUIStaticFilePickerElement);
+export { UmbPropertyEditorUIStaticFilePickerElement };
+export default UmbPropertyEditorUIStaticFilePickerElement;

package/dist-cms/packages/static-file/repository/index.d.ts

@@ -0,0 +1,2 @@
+export { UmbStaticFileTreeRepository } from './static-file-tree.repository.js';
+export { UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS, UMB_STATIC_FILE_TREE_STORE_ALIAS, UMB_STATIC_FILE_TREE_ALIAS, } from './manifests.js';

package/dist-cms/packages/static-file/repository/index.js

@@ -0,0 +1,2 @@
+export { UmbStaticFileTreeRepository } from './static-file-tree.repository.js';
+export { UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS, UMB_STATIC_FILE_TREE_STORE_ALIAS, UMB_STATIC_FILE_TREE_ALIAS, } from './manifests.js';

package/dist-cms/packages/static-file/repository/manifests.d.ts

@@ -0,0 +1,5 @@
+import type { ManifestRepository, ManifestTree, ManifestTreeStore } from '../../core/extension-registry/index.js';
+export declare const UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS = "Umb.Repository.StaticFile.Tree";
+export declare const UMB_STATIC_FILE_TREE_STORE_ALIAS = "Umb.Store.StaticFile.Tree";
+export declare const UMB_STATIC_FILE_TREE_ALIAS = "Umb.Tree.StaticFile";
+export declare const manifests: (ManifestTree | ManifestTreeStore | ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi>)[];

package/dist-cms/packages/static-file/repository/manifests.js

@@ -0,0 +1,26 @@
+import { UmbStaticFileTreeRepository } from './static-file-tree.repository.js';
+import { UmbStaticFileTreeStore } from './static-file-tree.store.js';
+export const UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS = 'Umb.Repository.StaticFile.Tree';
+export const UMB_STATIC_FILE_TREE_STORE_ALIAS = 'Umb.Store.StaticFile.Tree';
+export const UMB_STATIC_FILE_TREE_ALIAS = 'Umb.Tree.StaticFile';
+const treeRepository = {
+    type: 'repository',
+    alias: UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS,
+    name: 'Static File Tree Repository',
+    api: UmbStaticFileTreeRepository,
+};
+const treeStore = {
+    type: 'treeStore',
+    alias: UMB_STATIC_FILE_TREE_STORE_ALIAS,
+    name: 'Static File Tree Store',
+    api: UmbStaticFileTreeStore,
+};
+const tree = {
+    type: 'tree',
+    alias: UMB_STATIC_FILE_TREE_ALIAS,
+    name: 'Static File Tree',
+    meta: {
+        repositoryAlias: UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS,
+    },
+};
+export const manifests = [treeRepository, treeStore, tree];

package/dist-cms/packages/static-file/repository/static-file-tree.repository.d.ts

@@ -0,0 +1,18 @@
+import { UmbStaticFileTreeItemModel, UmbStaticFileTreeRootModel } from './types.js';
+import { UmbTreeRepositoryBase } from '../../core/tree/index.js';
+import { type UmbControllerHost } from '../../../libs/controller-api/index.js';
+import { UmbApi } from '../../../libs/extension-api/index.js';
+export declare class UmbStaticFileTreeRepository extends UmbTreeRepositoryBase<UmbStaticFileTreeItemModel, UmbStaticFileTreeRootModel> implements UmbApi {
+    constructor(host: UmbControllerHost);
+    requestTreeRoot(): Promise<{
+        data: {
+            path: null;
+            entityType: string;
+            name: string;
+            icon: string;
+            hasChildren: boolean;
+            isContainer: boolean;
+            isFolder: boolean;
+        };
+    }>;
+}

package/dist-cms/packages/static-file/repository/static-file-tree.repository.js

@@ -0,0 +1,21 @@
+import { UMB_STATIC_FILE_ROOT_ENTITY_TYPE } from '../entity.js';
+import { UmbStaticFileTreeServerDataSource } from './static-file-tree.server.data-source.js';
+import { UMB_STATIC_FILE_TREE_STORE_CONTEXT } from './static-file-tree.store.js';
+import { UmbTreeRepositoryBase } from '../../core/tree/index.js';
+export class UmbStaticFileTreeRepository extends UmbTreeRepositoryBase {
+    constructor(host) {
+        super(host, UmbStaticFileTreeServerDataSource, UMB_STATIC_FILE_TREE_STORE_CONTEXT);
+    }
+    async requestTreeRoot() {
+        const data = {
+            path: null,
+            entityType: UMB_STATIC_FILE_ROOT_ENTITY_TYPE,
+            name: 'StaticFiles',
+            icon: 'icon-folder',
+            hasChildren: true,
+            isContainer: false,
+            isFolder: true,
+        };
+        return { data };
+    }
+}

package/dist-cms/packages/static-file/repository/static-file-tree.server.data-source.d.ts

@@ -0,0 +1,18 @@
+import { UmbStaticFileTreeItemModel } from './types.js';
+import { UmbTreeServerDataSourceBase } from '../../core/tree/index.js';
+import { type FileSystemTreeItemPresentationModel } from '../../../external/backend-api/index.js';
+import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
+/**
+ * A data source for the Static File tree that fetches data from the server
+ * @export
+ * @class UmbStaticFileTreeServerDataSource
+ * @implements {UmbTreeServerDataSourceBase}
+ */
+export declare class UmbStaticFileTreeServerDataSource extends UmbTreeServerDataSourceBase<FileSystemTreeItemPresentationModel, UmbStaticFileTreeItemModel> {
+    /**
+     * Creates an instance of UmbStylesheetTreeServerDataSource.
+     * @param {UmbControllerHost} host
+     * @memberof UmbStylesheetTreeServerDataSource
+     */
+    constructor(host: UmbControllerHost);
+}

package/dist-cms/packages/static-file/repository/static-file-tree.server.data-source.js

@@ -0,0 +1,46 @@
+import { UMB_STATIC_FILE_ENTITY_TYPE } from '../entity.js';
+import { UmbTreeServerDataSourceBase } from '../../core/tree/index.js';
+import { StaticFileResource } from '../../../external/backend-api/index.js';
+/**
+ * A data source for the Static File tree that fetches data from the server
+ * @export
+ * @class UmbStaticFileTreeServerDataSource
+ * @implements {UmbTreeServerDataSourceBase}
+ */
+export class UmbStaticFileTreeServerDataSource extends UmbTreeServerDataSourceBase {
+    /**
+     * Creates an instance of UmbStylesheetTreeServerDataSource.
+     * @param {UmbControllerHost} host
+     * @memberof UmbStylesheetTreeServerDataSource
+     */
+    constructor(host) {
+        super(host, {
+            getRootItems,
+            getChildrenOf,
+            mapper,
+        });
+    }
+}
+// eslint-disable-next-line local-rules/no-direct-api-import
+const getRootItems = () => StaticFileResource.getTreeStaticFileRoot({});
+const getChildrenOf = (parentUnique) => {
+    if (parentUnique === null) {
+        return getRootItems();
+    }
+    else {
+        // eslint-disable-next-line local-rules/no-direct-api-import
+        return StaticFileResource.getTreeStaticFileChildren({
+            path: parentUnique,
+        });
+    }
+};
+const mapper = (item) => {
+    return {
+        path: item.path,
+        name: item.name,
+        entityType: UMB_STATIC_FILE_ENTITY_TYPE,
+        isFolder: item.isFolder,
+        hasChildren: item.hasChildren,
+        isContainer: false,
+    };
+};

package/dist-cms/packages/static-file/repository/static-file-tree.store.d.ts

@@ -0,0 +1,18 @@
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+import { UmbControllerHostElement } from '../../../libs/controller-api/index.js';
+import { UmbEntityTreeStore } from '../../core/tree/index.js';
+/**
+ * @export
+ * @class UmbStaticFileTreeStore
+ * @extends {UmbStoreBase}
+ * @description - Tree Data Store for Static File Items
+ */
+export declare class UmbStaticFileTreeStore extends UmbEntityTreeStore {
+    /**
+     * Creates an instance of UmbStaticFileTreeStore.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbStaticFileTreeStore
+     */
+    constructor(host: UmbControllerHostElement);
+}
+export declare const UMB_STATIC_FILE_TREE_STORE_CONTEXT: UmbContextToken<UmbStaticFileTreeStore, UmbStaticFileTreeStore>;

package/dist-cms/packages/static-file/repository/static-file-tree.store.js

@@ -0,0 +1,19 @@
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+import { UmbEntityTreeStore } from '../../core/tree/index.js';
+/**
+ * @export
+ * @class UmbStaticFileTreeStore
+ * @extends {UmbStoreBase}
+ * @description - Tree Data Store for Static File Items
+ */
+export class UmbStaticFileTreeStore extends UmbEntityTreeStore {
+    /**
+     * Creates an instance of UmbStaticFileTreeStore.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbStaticFileTreeStore
+     */
+    constructor(host) {
+        super(host, UMB_STATIC_FILE_TREE_STORE_CONTEXT.toString());
+    }
+}
+export const UMB_STATIC_FILE_TREE_STORE_CONTEXT = new UmbContextToken('UmbStaticFileTreeStore');

package/dist-cms/packages/static-file/repository/types.d.ts

@@ -0,0 +1,5 @@
+import type { UmbFileSystemTreeItemModel, UmbFileSystemTreeRootModel } from '../../core/tree/index.js';
+export interface UmbStaticFileTreeItemModel extends UmbFileSystemTreeItemModel {
+}
+export interface UmbStaticFileTreeRootModel extends UmbFileSystemTreeRootModel {
+}

package/dist-cms/packages/static-file/repository/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/static-file/tree/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestTreeItem } from '../../core/extension-registry/index.js';
+export declare const manifests: ManifestTreeItem[];

package/dist-cms/packages/static-file/tree/manifests.js

@@ -0,0 +1,11 @@
+import { UMB_STATIC_FILE_ENTITY_TYPE, UMB_STATIC_FILE_ROOT_ENTITY_TYPE } from '../entity.js';
+const treeItem = {
+    type: 'treeItem',
+    kind: 'fileSystem',
+    alias: 'Umb.TreeItem.StaticFile',
+    name: 'Static File Tree Item',
+    meta: {
+        entityTypes: [UMB_STATIC_FILE_ENTITY_TYPE, UMB_STATIC_FILE_ROOT_ENTITY_TYPE],
+    },
+};
+export const manifests = [treeItem];

package/dist-cms/packages/static-file/umbraco-package.d.ts

@@ -0,0 +1,7 @@
+export declare const name = "Umbraco.Core.StaticFileManagement";
+export declare const extensions: {
+    name: string;
+    alias: string;
+    type: string;
+    js: () => Promise<typeof import("./manifests.js")>;
+}[];

package/dist-cms/packages/static-file/umbraco-package.js

@@ -0,0 +1,9 @@
+export const name = 'Umbraco.Core.StaticFileManagement';
+export const extensions = [
+    {
+        name: 'Static File Management Bundle',
+        alias: 'Umb.Bundle.StaticFileManagement',
+        type: 'bundle',
+        js: () => import('./manifests.js'),
+    },
+];

package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.d.ts

@@ -1,6 +1,5 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UmbRoute } from '../../../../shared/router/index.js';
-import './partial-view-workspace-edit.element.js';
 import '../../components/insert-menu/templating-insert-menu.element.js';
 export declare class UmbPartialViewWorkspaceElement extends UmbLitElement {
     #private;

package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.js

@@ -5,21 +5,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbPartialViewWorkspaceContext } from './partial-view-workspace.context.js';
+import { UmbPartialViewWorkspaceEditElement } from './partial-view-workspace-edit.element.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './partial-view-workspace-edit.element.js';
 import '../../components/insert-menu/templating-insert-menu.element.js';
 import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 let UmbPartialViewWorkspaceElement = class UmbPartialViewWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.#partialViewWorkspaceContext = new UmbPartialViewWorkspaceContext(this);
-        this.#element = document.createElement('umb-partial-view-workspace-edit');
+        this.#createElement = () => new UmbPartialViewWorkspaceEditElement();
         this._routes = [
             {
                 path: 'create/:parentKey/:snippetName',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: async (component, info) => {
                     const parentKey = info.match.params.parentKey;
                     const decodePath = decodeURIComponent(parentKey);
@@ -30,7 +30,7 @@ let UmbPartialViewWorkspaceElement = class UmbPartialViewWorkspaceElement extend
             },
             {
                 path: 'edit/:key',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (component, info) => {
                     const key = info.match.params.key;
                     const decodePath = decodeURIComponent(key).replace('-cshtml', '.cshtml');
@@ -40,7 +40,7 @@ let UmbPartialViewWorkspaceElement = class UmbPartialViewWorkspaceElement extend
         ];
     }
     #partialViewWorkspaceContext;
-    #element;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }

package/dist-cms/packages/templating/scripts/workspace/script-workspace.element.js

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbScriptWorkspaceContext } from './script-workspace.context.js';
+import { UmbScriptWorkspaceEditElement } from './script-workspace-edit.element.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -13,10 +14,11 @@ let UmbScriptWorkspaceElement = class UmbScriptWorkspaceElement extends UmbLitEl
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbScriptWorkspaceContext(this);
+        this.#createElement = () => new UmbScriptWorkspaceEditElement();
         this._routes = [
             {
                 path: 'create/:parentKey',
-                component: import('./script-workspace-edit.element.js'),
+                component: this.#createElement,
                 setup: async (_component, info) => {
                     const parentKey = info.match.params.parentKey;
                     const decodePath = decodeURIComponent(parentKey);
@@ -26,7 +28,7 @@ let UmbScriptWorkspaceElement = class UmbScriptWorkspaceElement extends UmbLitEl
             },
             {
                 path: 'edit/:key',
-                component: import('./script-workspace-edit.element.js'),
+                component: this.#createElement,
                 setup: (component, info) => {
                     const key = info.match.params.key;
                     const decodePath = decodeURIComponent(key).replace('-js', '.js');
@@ -36,6 +38,7 @@ let UmbScriptWorkspaceElement = class UmbScriptWorkspaceElement extends UmbLitEl
         ];
     }
     #workspaceContext;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }

package/dist-cms/packages/templating/stylesheets/tree/stylesheet-tree.server.data-source.d.ts

@@ -6,7 +6,7 @@ import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
  * A data source for the Stylesheet tree that fetches data from the server
  * @export
  * @class UmbStylesheetTreeServerDataSource
- * @implements {UmbTreeDataSource}
+ * @implements {UmbTreeServerDataSourceBase}
  */
 export declare class UmbStylesheetTreeServerDataSource extends UmbTreeServerDataSourceBase<FileSystemTreeItemPresentationModel, UmbStylesheetTreeItemModel> {
     /**

package/dist-cms/packages/templating/stylesheets/tree/stylesheet-tree.server.data-source.js

@@ -4,7 +4,7 @@ import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
  * A data source for the Stylesheet tree that fetches data from the server
  * @export
  * @class UmbStylesheetTreeServerDataSource
- * @implements {UmbTreeDataSource}
+ * @implements {UmbTreeServerDataSourceBase}
  */
 export class UmbStylesheetTreeServerDataSource extends UmbTreeServerDataSourceBase {
     /**

package/dist-cms/packages/templating/stylesheets/workspace/stylesheet-workspace.element.js

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbStylesheetWorkspaceContext } from './stylesheet-workspace.context.js';
+import { UmbStylesheetWorkspaceEditorElement } from './stylesheet-workspace-editor.element.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -14,10 +15,11 @@ let UmbStylesheetWorkspaceElement = class UmbStylesheetWorkspaceElement extends
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbStylesheetWorkspaceContext(this);
+        this.#createElement = () => new UmbStylesheetWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'create/:path',
-                component: import('./stylesheet-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: async (_component, info) => {
                     const path = info.match.params.path === 'null' ? null : info.match.params.path;
                     const serverPath = path === null ? null : decodeFilePath(path);
@@ -28,7 +30,7 @@ let UmbStylesheetWorkspaceElement = class UmbStylesheetWorkspaceElement extends
             },
             {
                 path: 'edit/:path',
-                component: import('./stylesheet-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: (_component, info) => {
                     this.removeControllerByAlias('_observeIsNew');
                     const path = info.match.params.path;
@@ -39,6 +41,7 @@ let UmbStylesheetWorkspaceElement = class UmbStylesheetWorkspaceElement extends
         ];
     }
     #workspaceContext;
+    #createElement;
     render() {
         return html ` <umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }

package/dist-cms/packages/templating/templates/workspace/template-workspace.element.d.ts

@@ -1,7 +1,6 @@
 import type { UmbRoute } from '../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import '../../components/insert-menu/templating-insert-menu.element.js';
-import './template-workspace-editor.element.js';
 export declare class UmbTemplateWorkspaceElement extends UmbLitElement {
     #private;
     _routes: UmbRoute[];

package/dist-cms/packages/templating/templates/workspace/template-workspace.element.js

@@ -5,20 +5,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbTemplateWorkspaceContext } from './template-workspace.context.js';
+import { UmbTemplateWorkspaceEditorElement } from './template-workspace-editor.element.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import '../../components/insert-menu/templating-insert-menu.element.js';
-import './template-workspace-editor.element.js';
 import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.#templateWorkspaceContext = new UmbTemplateWorkspaceContext(this);
-        this.#element = document.createElement('umb-template-workspace-editor');
+        this.#createElement = () => new UmbTemplateWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'create/:parentId',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (component, info) => {
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
                     this.#templateWorkspaceContext.create(parentId);
@@ -27,7 +27,7 @@ let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbL
             },
             {
                 path: 'edit/:key',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (component, info) => {
                     const key = info.match.params.key;
                     this.#templateWorkspaceContext.load(key);
@@ -36,7 +36,7 @@ let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbL
         ];
     }
     #templateWorkspaceContext;
-    #element;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }

package/dist-cms/packages/user/user/workspace/user-workspace.element.js

@@ -13,11 +13,11 @@ let UmbUserWorkspaceElement = class UmbUserWorkspaceElement extends UmbLitElemen
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbUserWorkspaceContext(this);
-        this.#element = new UmbUserWorkspaceEditorElement();
+        this.#createElement = () => new UmbUserWorkspaceEditorElement();
         this._routes = [
             {
                 path: ':id',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);
@@ -26,7 +26,7 @@ let UmbUserWorkspaceElement = class UmbUserWorkspaceElement extends UmbLitElemen
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }

package/dist-cms/packages/user/user-group/workspace/user-group-workspace.element.js

@@ -14,11 +14,11 @@ let UmbUserGroupWorkspaceElement = class UmbUserGroupWorkspaceElement extends Um
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbUserGroupWorkspaceContext(this);
-        this.#element = new UmbUserGroupWorkspaceEditorElement();
+        this.#createElement = () => new UmbUserGroupWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'create',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (component, info) => {
                     this.#workspaceContext.create();
                     new UmbWorkspaceIsNewRedirectController(this, this.#workspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
@@ -26,7 +26,7 @@ let UmbUserGroupWorkspaceElement = class UmbUserGroupWorkspaceElement extends Um
             },
             {
                 path: 'edit/:id',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);
@@ -35,7 +35,7 @@ let UmbUserGroupWorkspaceElement = class UmbUserGroupWorkspaceElement extends Um
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }