@umbraco-cms/backoffice 14.0.0--preview004-15ed40b3 → 14.0.0--preview004-8702aedd

package/dist-cms/packages/core/data-type/workspace/data-type-workspace.element.d.ts

@@ -1,5 +1,4 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './data-type-workspace-editor.element.js';
 export declare class UmbDataTypeWorkspaceElement extends UmbLitElement {
     #private;
     private _routes;

package/dist-cms/packages/core/data-type/workspace/data-type-workspace.element.js

@@ -4,21 +4,21 @@ 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;
 };
+import { UmbDataTypeWorkspaceEditorElement } from './data-type-workspace-editor.element.js';
 import { UmbDataTypeWorkspaceContext } from './data-type-workspace.context.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { html, customElement } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './data-type-workspace-editor.element.js';
 import { UmbWorkspaceIsNewRedirectController } from '../../workspace/index.js';
 let UmbDataTypeWorkspaceElement = class UmbDataTypeWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbDataTypeWorkspaceContext(this);
-        this.#element = document.createElement('umb-data-type-workspace-editor');
+        this.#createElement = () => new UmbDataTypeWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'create/:parentUnique',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const parentUnique = info.match.params.parentUnique === 'null' ? null : info.match.params.parentUnique;
                     this.#workspaceContext.create(parentUnique);
@@ -27,7 +27,7 @@ let UmbDataTypeWorkspaceElement = class UmbDataTypeWorkspaceElement extends UmbL
             },
             {
                 path: 'edit/:unique',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const unique = info.match.params.unique;
                     this.#workspaceContext.load(unique);
@@ -36,7 +36,7 @@ let UmbDataTypeWorkspaceElement = class UmbDataTypeWorkspaceElement extends UmbL
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }

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

@@ -14,11 +14,11 @@ let UmbWorkspaceDictionaryElement = class UmbWorkspaceDictionaryElement extends
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbDictionaryWorkspaceContext(this);
-        this.#element = new UmbDictionaryWorkspaceEditorElement();
+        this.#createElement = () => new UmbDictionaryWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/: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 UmbWorkspaceDictionaryElement = class UmbWorkspaceDictionaryElement extends
             },
             {
                 path: 'create/:parentId',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: async (_component, info) => {
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
                     await this.#workspaceContext.create(parentId);
@@ -36,7 +36,7 @@ let UmbWorkspaceDictionaryElement = class UmbWorkspaceDictionaryElement extends
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }

package/dist-cms/packages/documents/document-types/workspace/document-type-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 { UmbDocumentTypeWorkspaceContext } from './document-type-workspace.context.js';
+import { UmbDocumentTypeWorkspaceEditorElement } from './document-type-workspace-editor.element.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -13,10 +14,11 @@ let UmbDocumentTypeWorkspaceElement = class UmbDocumentTypeWorkspaceElement exte
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbDocumentTypeWorkspaceContext(this);
+        this.#createElement = () => new UmbDocumentTypeWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'create/:parentId',
-                component: import('./document-type-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
                     this.#workspaceContext.create(parentId);
@@ -25,7 +27,7 @@ let UmbDocumentTypeWorkspaceElement = class UmbDocumentTypeWorkspaceElement exte
             },
             {
                 path: 'edit/:id',
-                component: import('./document-type-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: (_component, info) => {
                     this.removeControllerByAlias('_observeIsNew');
                     const id = info.match.params.id;
@@ -35,6 +37,7 @@ let UmbDocumentTypeWorkspaceElement = class UmbDocumentTypeWorkspaceElement exte
         ];
     }
     #workspaceContext;
+    #createElement;
     render() {
         return html ` <umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }

package/dist-cms/packages/documents/documents/workspace/document-workspace.element.d.ts

@@ -1,6 +1,5 @@
 import type { UmbRoute } from '../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './document-workspace-editor.element.js';
 import { ManifestWorkspace } from '../../../core/extension-registry/index.js';
 export declare class UmbDocumentWorkspaceElement extends UmbLitElement {
     #private;

package/dist-cms/packages/documents/documents/workspace/document-workspace.element.js

@@ -4,19 +4,21 @@ 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;
 };
+import { UmbDocumentWorkspaceEditorElement } from './document-workspace-editor.element.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './document-workspace-editor.element.js';
 import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 import { UmbExtensionsApiInitializer, createExtensionApi } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
 let UmbDocumentWorkspaceElement = class UmbDocumentWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        this.#createElement = () => new UmbDocumentWorkspaceEditorElement();
         this._routes = [];
     }
     #workspaceContext;
+    #createElement;
     set manifest(manifest) {
         createExtensionApi(manifest, [this]).then((context) => {
             if (context) {
@@ -29,7 +31,7 @@ let UmbDocumentWorkspaceElement = class UmbDocumentWorkspaceElement extends UmbL
         this._routes = [
             {
                 path: 'create/:parentId/:documentTypeKey',
-                component: import('./document-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: async (_component, info) => {
                     // TODO: Remember the perspective of permissions here, we need to check if the user has access to create a document of this type under this parent?
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
@@ -40,7 +42,7 @@ let UmbDocumentWorkspaceElement = class UmbDocumentWorkspaceElement extends UmbL
             },
             {
                 path: 'edit/:id',
-                component: import('./document-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);

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

@@ -4,6 +4,7 @@ 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;
 };
+import { UmbMediaWorkspaceEditorElement } from './media-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';
@@ -13,9 +14,11 @@ import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/ind
 let UmbMediaWorkspaceElement = class UmbMediaWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        this.#createElement = () => new UmbMediaWorkspaceEditorElement();
         this._routes = [];
     }
     #workspaceContext;
+    #createElement;
     set manifest(manifest) {
         createExtensionApi(manifest, [this]).then((context) => {
             if (context) {
@@ -28,7 +31,7 @@ let UmbMediaWorkspaceElement = class UmbMediaWorkspaceElement extends UmbLitElem
         this._routes = [
             {
                 path: 'create/:parentId', //  /:mediaTypeKey
-                component: import('./media-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: async (_component, info) => {
                     // TODO: Remember the perspective of permissions here, we need to check if the user has access to create a document of this type under this parent?
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
@@ -39,7 +42,7 @@ let UmbMediaWorkspaceElement = class UmbMediaWorkspaceElement extends UmbLitElem
             },
             {
                 path: 'edit/:id',
-                component: import('./media-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);

package/dist-cms/packages/media/media-types/workspace/media-type-workspace.element.js

@@ -14,11 +14,11 @@ let UmbMediaTypeWorkspaceElement = class UmbMediaTypeWorkspaceElement extends Um
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbMediaTypeWorkspaceContext(this);
-        this.#element = new UmbMediaTypeWorkspaceEditorElement();
+        this.#createElement = () => new UmbMediaTypeWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'create/:parentId',
-                component: import('./media-type-workspace-editor.element.js'),
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
                     this.#workspaceContext.create(parentId);
@@ -27,7 +27,7 @@ let UmbMediaTypeWorkspaceElement = class UmbMediaTypeWorkspaceElement extends Um
             },
             {
                 path: 'edit/:id',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);
@@ -36,7 +36,7 @@ let UmbMediaTypeWorkspaceElement = class UmbMediaTypeWorkspaceElement extends Um
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }

package/dist-cms/packages/members/member-groups/workspace/member-group-workspace.element.js

@@ -13,11 +13,11 @@ let UmbMemberGroupWorkspaceElement = class UmbMemberGroupWorkspaceElement extend
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbMemberGroupWorkspaceContext(this);
-        this.#element = new UmbMemberGroupWorkspaceEditorElement();
+        this.#createElement = () => new UmbMemberGroupWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/: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 UmbMemberGroupWorkspaceElement = class UmbMemberGroupWorkspaceElement extend
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html ` <umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }

package/dist-cms/packages/members/member-types/workspace/member-type-workspace.element.js

@@ -14,11 +14,11 @@ let UmbMemberTypeWorkspaceElement = class UmbMemberTypeWorkspaceElement extends
         super(...arguments);
         this.workspaceAlias = 'Umb.Workspace.MemberType';
         this.#workspaceContext = new UmbMemberTypeWorkspaceContext(this);
-        this.#element = new UmbMemberTypeWorkspaceEditorElement();
+        this.#createElement = () => new UmbMemberTypeWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/:id',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);
@@ -27,7 +27,7 @@ let UmbMemberTypeWorkspaceElement = class UmbMemberTypeWorkspaceElement extends
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html ` <umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }

package/dist-cms/packages/members/members/workspace/member-workspace.element.js

@@ -13,11 +13,11 @@ let UmbMemberWorkspaceElement = class UmbMemberWorkspaceElement extends UmbLitEl
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbMemberWorkspaceContext(this);
-        this.#element = new UmbMemberWorkspaceEditorElement();
+        this.#createElement = () => new UmbMemberWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/: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 UmbMemberWorkspaceElement = class UmbMemberWorkspaceElement extends UmbLitEl
         ];
     }
     #workspaceContext;
-    #element;
+    #createElement;
     render() {
         return html ` <umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }

package/dist-cms/packages/settings/languages/workspace/language/language-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 { UmbLanguageWorkspaceContext } from './language-workspace.context.js';
+import { UmbLanguageWorkspaceEditorElement } from './language-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';
@@ -13,17 +14,11 @@ let UmbLanguageWorkspaceElement = class UmbLanguageWorkspaceElement extends UmbL
     constructor() {
         super(...arguments);
         this.#languageWorkspaceContext = new UmbLanguageWorkspaceContext(this);
-        this.#getComponentElement = async () => {
-            if (this.#editorElement) {
-                return this.#editorElement;
-            }
-            this.#editorElement = new (await import('./language-workspace-editor.element.js')).default();
-            return this.#editorElement;
-        };
+        this.#createElement = () => new UmbLanguageWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/:isoCode',
-                component: this.#getComponentElement,
+                component: this.#createElement,
                 setup: (_component, info) => {
                     this.removeControllerByAlias('_observeIsNew');
                     this.#languageWorkspaceContext.load(info.match.params.isoCode);
@@ -31,7 +26,7 @@ let UmbLanguageWorkspaceElement = class UmbLanguageWorkspaceElement extends UmbL
             },
             {
                 path: 'create',
-                component: this.#getComponentElement,
+                component: this.#createElement,
                 setup: async () => {
                     this.#languageWorkspaceContext.create();
                     new UmbWorkspaceIsNewRedirectController(this, this.#languageWorkspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
@@ -40,11 +35,7 @@ let UmbLanguageWorkspaceElement = class UmbLanguageWorkspaceElement extends UmbL
         ];
     }
     #languageWorkspaceContext;
-    /**
-     * Workspace editor element, lazy loaded but shared across several user flows.
-     */
-    #editorElement;
-    #getComponentElement;
+    #createElement;
     render() {
         return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }

package/dist-cms/packages/settings/relation-types/workspace/relation-type-workspace.element.d.ts

@@ -1,6 +1,5 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import type { UmbRoute } from '../../../../shared/router/index.js';
-import './relation-type-workspace-editor.element.js';
 /**
  * @element umb-relation-type-workspace
  * @description - Element for displaying a Relation Type Workspace

package/dist-cms/packages/settings/relation-types/workspace/relation-type-workspace.element.js

@@ -5,10 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbRelationTypeWorkspaceContext } from './relation-type-workspace.context.js';
+import { UmbRelationTypeWorkspaceEditorElement } from './relation-type-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';
-import './relation-type-workspace-editor.element.js';
 import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 /**
  * @element umb-relation-type-workspace
@@ -18,13 +18,13 @@ let UmbRelationTypeWorkspaceElement = class UmbRelationTypeWorkspaceElement exte
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbRelationTypeWorkspaceContext(this);
+        this.#createElement = () => new UmbRelationTypeWorkspaceEditorElement();
         this.#routerPath = '';
-        this.#element = document.createElement('umb-relation-type-workspace-editor');
         this.#key = '';
         this._routes = [
             {
                 path: 'create/:parentId',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const parentId = info.match.params.parentId;
                     this.#workspaceContext.createScaffold(parentId);
@@ -33,7 +33,7 @@ let UmbRelationTypeWorkspaceElement = class UmbRelationTypeWorkspaceElement exte
             },
             {
                 path: 'edit/:id',
-                component: () => this.#element,
+                component: this.#createElement,
                 setup: (_component, info) => {
                     const id = info.match.params.id;
                     this.#workspaceContext.load(id);
@@ -42,8 +42,8 @@ let UmbRelationTypeWorkspaceElement = class UmbRelationTypeWorkspaceElement exte
         ];
     }
     #workspaceContext;
+    #createElement;
     #routerPath;
-    #element;
     #key;
     render() {
         return html `<umb-router-slot

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/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> `;
     }