@umbraco-cms/backoffice 1.0.0-next.ea1e6e6f → 1.0.0-next.ed0b8881

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

@@ -0,0 +1,279 @@
+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 camelCase from 'lodash-es/camelCase.js';
+import { UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL } from '../../modals/insert-section-modal/insert-section-modal.element.js';
+import { UUITextStyles } from '../../../../external/uui/index.js';
+import { css, html, customElement, query, state, nothing } from '../../../../external/lit/index.js';
+import { UMB_MODAL_CONTEXT_TOKEN, UMB_TEMPLATE_PICKER_MODAL } from '../../../core/modal/index.js';
+import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { Subject, debounceTime } from '../../../../external/rxjs/index.js';
+let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement extends UmbLitElement {
+    #templateWorkspaceContext;
+    #isNew;
+    #masterTemplateId;
+    constructor() {
+        super();
+        this._name = '';
+        this._content = '';
+        this._alias = '';
+        this._ready = false;
+        this._masterTemplateName = null;
+        this.#isNew = false;
+        this.#masterTemplateId = null;
+        this.inputQuery$ = new Subject();
+        this.consumeContext(UMB_MODAL_CONTEXT_TOKEN, (instance) => {
+            this._modalContext = instance;
+        });
+        this.consumeContext('UmbEntityWorkspaceContext', (workspaceContext) => {
+            this.#templateWorkspaceContext = workspaceContext;
+            this.observe(this.#templateWorkspaceContext.name, (name) => {
+                this._name = name;
+            });
+            this.observe(this.#templateWorkspaceContext.alias, (alias) => {
+                this._alias = alias;
+            });
+            this.observe(this.#templateWorkspaceContext.content, (content) => {
+                this._content = content;
+            });
+            this.observe(this.#templateWorkspaceContext.masterTemplate, (masterTemplate) => {
+                this.#masterTemplateId = masterTemplate?.id ?? null;
+                this._masterTemplateName = masterTemplate?.name ?? null;
+            });
+            this.observe(this.#templateWorkspaceContext.isNew, (isNew) => {
+                this.#isNew = !!isNew;
+            });
+            this.observe(this.#templateWorkspaceContext.isCodeEditorReady, (isReady) => {
+                this._ready = isReady;
+            });
+            this.inputQuery$.pipe(debounceTime(250)).subscribe((nameInputValue) => {
+                this.#templateWorkspaceContext?.setName(nameInputValue);
+                if (this.#isNew && !this._alias)
+                    this.#templateWorkspaceContext?.setAlias(camelCase(nameInputValue));
+            });
+        });
+    }
+    #onNameInput(event) {
+        const target = event.target;
+        const value = target.value;
+        this.inputQuery$.next(value);
+    }
+    #onAliasInput(event) {
+        const target = event.target;
+        const value = target.value;
+        this.#templateWorkspaceContext?.setAlias(value);
+    }
+    #onCodeEditorInput(event) {
+        const target = event.target;
+        const value = target.code;
+        this.#templateWorkspaceContext?.setContent(value);
+    }
+    #insertSnippet(event) {
+        const target = event.target;
+        const value = target.value;
+        this._codeEditor?.insert(value);
+    }
+    #openInsertSectionModal() {
+        const sectionModal = this._modalContext?.open(UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL);
+        sectionModal?.onSubmit().then((insertSectionModalResult) => {
+            if (insertSectionModalResult.value)
+                this._codeEditor?.insert(insertSectionModalResult.value);
+        });
+    }
+    #resetMasterTemplate() {
+        this.#setMasterTemplateId(null);
+    }
+    async #setMasterTemplateId(id) {
+        //root item selected
+        if (id === '')
+            return;
+        if (this._content === null || this._content === undefined)
+            return;
+        const layoutBlockRegex = /(@{[\s\S][^if]*?Layout\s*?=\s*?)("[^"]*?"|null)(;[\s\S]*?})/gi;
+        const masterTemplate = await this.#templateWorkspaceContext?.setMasterTemplate(id);
+        //Reset master template or is did not exist and the declaration exists
+        if (masterTemplate === null && layoutBlockRegex.test(this._content)) {
+            const string = this._content?.replace(layoutBlockRegex, `$1null$3`);
+            this.#templateWorkspaceContext?.setContent(string);
+            return;
+        }
+        //No declaration and no valid id - do nothing
+        if (masterTemplate === null)
+            return;
+        //if has master template in the content
+        if (layoutBlockRegex.test(this._content)) {
+            const string = this._content?.replace(layoutBlockRegex, `$1"${masterTemplate?.name}.cshtml"$3`);
+            this.#templateWorkspaceContext?.setContent(string);
+            return;
+        }
+        //if no master template in the content insert it at the beginning
+        const string = `@{
+	Layout = "${masterTemplate?.name}.cshtml";
+}
+${this._content}`;
+        this.#templateWorkspaceContext?.setContent(string);
+    }
+    #openMasterTemplatePicker() {
+        const modalHandler = this._modalContext?.open(UMB_TEMPLATE_PICKER_MODAL, {
+            selection: [this.#masterTemplateId],
+            pickableFilter: (item) => {
+                return item.id !== null && item.id !== this.#templateWorkspaceContext?.getEntityId();
+            },
+        });
+        modalHandler?.onSubmit().then((data) => {
+            if (!data.selection)
+                return;
+            this.#setMasterTemplateId(data.selection[0] ?? '');
+        });
+    }
+    #renderMasterTemplatePicker() {
+        return html `
+			<uui-button-group>
+				<uui-button
+					@click=${this.#openMasterTemplatePicker}
+					look="secondary"
+					id="master-template-button"
+					label="Change Master template"
+					>${this._masterTemplateName
+            ? `Master template: ${this._masterTemplateName}`
+            : 'Set master template'}</uui-button
+				>
+				${this._masterTemplateName
+            ? html ` <uui-button look="secondary" id="save-button" label="Remove master template" compact
+							><uui-icon name="umb:delete" @click=${this.#resetMasterTemplate}></uui-icon
+					  ></uui-button>`
+            : nothing}
+			</uui-button-group>
+		`;
+    }
+    #renderCodeEditor() {
+        return html `<umb-code-editor
+			language="razor"
+			id="content"
+			.code=${this._content ?? ''}
+			@input=${this.#onCodeEditorInput}></umb-code-editor>`;
+    }
+    render() {
+        // TODO: add correct UI elements
+        return html `<umb-workspace-editor alias="Umb.Workspace.Template">
+			<uui-input placeholder="Enter name..." slot="header" .value=${this._name} @input=${this.#onNameInput}
+				><umb-template-alias-input
+					slot="append"
+					.value=${this._alias}
+					@change=${this.#onAliasInput}></umb-template-alias-input
+			></uui-input>
+			<uui-box>
+				<div slot="header" id="code-editor-menu-container">
+					${this.#renderMasterTemplatePicker()}
+					<div>
+						<umb-templating-insert-menu @insert=${this.#insertSnippet}></umb-templating-insert-menu>
+						<!-- <uui-button look="secondary" id="query-builder-button" label="Query builder">
+							<uui-icon name="umb:wand"></uui-icon>Query builder
+						</uui-button> -->
+						<uui-button
+							look="secondary"
+							id="sections-button"
+							label="Query builder"
+							@click=${this.#openInsertSectionModal}>
+							<uui-icon name="umb:indent"></uui-icon>Sections
+						</uui-button>
+					</div>
+				</div>
+				${this._ready
+            ? this.#renderCodeEditor()
+            : html `<div id="loader-container">
+							<uui-loader></uui-loader>
+					  </div>`}
+			</uui-box>
+		</umb-workspace-editor>`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+
+			#loader-container {
+				display: grid;
+				place-items: center;
+				min-height: calc(100dvh - 360px);
+			}
+
+			umb-code-editor {
+				--editor-height: calc(100dvh - 300px);
+			}
+
+			uui-box {
+				min-height: calc(100dvh - 300px);
+				margin: var(--uui-size-layout-1);
+				--uui-box-default-padding: 0;
+				/* remove header border bottom as code editor looks better in this box */
+				--uui-color-divider-standalone: transparent;
+			}
+
+			uui-input {
+				width: 100%;
+				margin: 1em;
+			}
+
+			#code-editor-menu-container uui-icon:not([name='umb:delete']) {
+				margin-right: var(--uui-size-space-3);
+			}
+
+			#insert-menu {
+				margin: 0;
+				padding: 0;
+				margin-top: var(--uui-size-space-3);
+				background-color: var(--uui-color-surface);
+				box-shadow: var(--uui-shadow-depth-3);
+				min-width: calc(100% + var(--uui-size-8, 24px));
+			}
+
+			#insert-menu > li,
+			ul {
+				padding: 0;
+				width: 100%;
+				list-style: none;
+			}
+
+			.insert-menu-item {
+				width: 100%;
+			}
+
+			#code-editor-menu-container {
+				display: flex;
+				justify-content: space-between;
+				gap: var(--uui-size-space-3);
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbTemplateWorkspaceEditorElement.prototype, "_name", void 0);
+__decorate([
+    state()
+], UmbTemplateWorkspaceEditorElement.prototype, "_content", void 0);
+__decorate([
+    state()
+], UmbTemplateWorkspaceEditorElement.prototype, "_alias", void 0);
+__decorate([
+    state()
+], UmbTemplateWorkspaceEditorElement.prototype, "_ready", void 0);
+__decorate([
+    state()
+], UmbTemplateWorkspaceEditorElement.prototype, "_masterTemplateName", void 0);
+__decorate([
+    query('umb-code-editor')
+], UmbTemplateWorkspaceEditorElement.prototype, "_codeEditor", void 0);
+UmbTemplateWorkspaceEditorElement = __decorate([
+    customElement('umb-template-workspace-editor')
+], UmbTemplateWorkspaceEditorElement);
+export { UmbTemplateWorkspaceEditorElement };
+export default UmbTemplateWorkspaceEditorElement;

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

@@ -5,16 +5,22 @@ import { UmbControllerHostElement } from '../../../../libs/controller-api/index.
 export declare class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<UmbTemplateRepository, TemplateResponseModel> {
     #private;
     data: import("rxjs").Observable<TemplateResponseModel | undefined>;
+    masterTemplate: import("rxjs").Observable<import("../../../../external/backend-api/index.js").ItemResponseModelBaseModel | null>;
     name: import("rxjs").Observable<string | undefined>;
+    alias: import("rxjs").Observable<string | undefined>;
     content: import("rxjs").Observable<string | null | undefined>;
+    id: import("rxjs").Observable<string | undefined>;
+    isCodeEditorReady: import("rxjs").Observable<boolean>;
     constructor(host: UmbControllerHostElement);
     getEntityType(): string;
     getEntityId(): string;
     getData(): TemplateResponseModel | undefined;
     setName(value: string): void;
+    setAlias(value: string): void;
     setContent(value: string): void;
     load(entityId: string): Promise<void>;
+    setMasterTemplate(id: string | null): Promise<import("../../../../external/backend-api/index.js").ItemResponseModelBaseModel | null>;
     save(): Promise<void>;
-    createScaffold(parentId: string | null): Promise<void>;
+    createScaffold(parentId?: string | null): Promise<void>;
     destroy(): void;
 }

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

@@ -1,14 +1,32 @@
 import { UmbTemplateRepository } from '../repository/template.repository.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
-import { createObservablePart, UmbDeepState } from '../../../../libs/observable-api/index.js';
+import { createObservablePart, UmbBooleanState, UmbDeepState, UmbObjectState, } from '../../../../libs/observable-api/index.js';
 export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
     #data;
+    #masterTemplate;
+    #isCodeEditorReady;
     constructor(host) {
         super(host, new UmbTemplateRepository(host));
         this.#data = new UmbDeepState(undefined);
         this.data = this.#data.asObservable();
+        this.#masterTemplate = new UmbObjectState(null);
+        this.masterTemplate = this.#masterTemplate.asObservable();
         this.name = createObservablePart(this.#data, (data) => data?.name);
+        this.alias = createObservablePart(this.#data, (data) => data?.alias);
         this.content = createObservablePart(this.#data, (data) => data?.content);
+        this.id = createObservablePart(this.#data, (data) => data?.id);
+        this.#isCodeEditorReady = new UmbBooleanState(false);
+        this.isCodeEditorReady = this.#isCodeEditorReady.asObservable();
+        this.#loadCodeEditor();
+    }
+    async #loadCodeEditor() {
+        try {
+            await import('../../../core/components/code-editor/index.js');
+            this.#isCodeEditorReady.next(true);
+        }
+        catch (error) {
+            console.error(error);
+        }
     }
     getEntityType() {
         return 'template';
@@ -22,6 +40,9 @@ export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
     setName(value) {
         this.#data.next({ ...this.#data.value, $type: this.#data.value?.$type || '', name: value });
     }
+    setAlias(value) {
+        this.#data.next({ ...this.#data.value, $type: this.#data.value?.$type || '', alias: value });
+    }
     setContent(value) {
         this.#data.next({ ...this.#data.value, $type: this.#data.value?.$type || '', content: value });
     }
@@ -30,17 +51,75 @@ export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
         if (data) {
             this.setIsNew(false);
             this.#data.next(data);
+            this.#getMasterTemplateFromContent(data.content ?? '');
         }
     }
+    #getMasterTemplateFromContent(content) {
+        if (!content)
+            this.#masterTemplate.next(null);
+        const RegexString = /(@{[\s\S][^if]*?Layout\s*?=\s*?)("[^"]*?"|null)(;[\s\S]*?})/gi;
+        const match = RegexString.exec(content ?? '');
+        if (match) {
+            if (match[2] === 'null') {
+                this.#masterTemplate.next(null);
+                return null;
+            }
+            this.#masterTemplate.next({ name: match[2].replace(/"/g, '').replace('.cshtml', '') });
+            return match[2].replace(/"/g, '');
+        }
+        this.#masterTemplate.next(null);
+        return null;
+    }
+    async setMasterTemplate(id) {
+        if (id === null) {
+            this.#masterTemplate.next(null);
+            return null;
+        }
+        const { data } = await this.repository.requestItems([id]);
+        if (data) {
+            this.#masterTemplate.next(data[0]);
+            return data[0];
+        }
+        return null;
+    }
     async save() {
-        throw new Error('Save method not implemented.');
+        const template = this.#data.getValue();
+        const isNew = this.getIsNew();
+        if (isNew && template) {
+            await this.repository.create({
+                name: template.name,
+                content: template.content,
+                alias: template.alias,
+            });
+            if (this.#masterTemplate.value?.id) {
+                this.repository.requestTreeItemsOf(this.#masterTemplate.value?.id ?? '');
+            }
+            else {
+                this.repository.requestRootTreeItems();
+            }
+        }
+        if (template?.id) {
+            await this.repository.save(template.id, {
+                name: template.name,
+                content: template.content,
+                alias: template.alias,
+            });
+        }
     }
-    async createScaffold(parentId) {
-        const { data } = await this.repository.createScaffold(parentId);
+    async createScaffold(parentId = null) {
+        const { data } = await this.repository.createScaffold();
         if (!data)
             return;
         this.setIsNew(true);
-        this.#data.next(data);
+        this.#data.next({ ...data, id: '', name: '', alias: '', $type: 'TemplateResponseModel' });
+        if (!parentId || parentId === 'root')
+            return;
+        await this.setMasterTemplate(parentId);
+        const RegexString = /(@{[\s\S][^if]*?Layout\s*?=\s*?)("[^"]*?"|null)(;[\s\S]*?})/gi;
+        const content = this.#data.value?.content ?? '';
+        const masterTemplateName = this.#masterTemplate.value?.name ?? '';
+        const string = content.replace(RegexString, `$1"${masterTemplateName}.cshtml"$3`) ?? '';
+        this.setContent(string);
     }
     destroy() {
         this.#data.complete();

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

@@ -1,14 +1,11 @@
 import type { UmbRoute } from '../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './template-workspace-edit.element.js';
+import './template-workspace-editor.element.js';
 export declare class UmbTemplateWorkspaceElement extends UmbLitElement {
     #private;
     load(entityId: string): void;
-    private _name?;
-    private _content?;
     _routes: UmbRoute[];
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbTemplateWorkspaceElement;
 declare global {

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

@@ -5,19 +5,15 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
-import { css, html, customElement, state } from '../../../../external/lit/index.js';
+import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './template-workspace-edit.element.js';
+import './template-workspace-editor.element.js';
 let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this._name = '';
-        this._content = '';
         this.#templateWorkspaceContext = new UmbTemplateWorkspaceContext(this);
         this.#routerPath = '';
-        this.#element = document.createElement('umb-template-workspace-edit');
-        this.#key = '';
+        this.#element = document.createElement('umb-template-workspace-editor');
         this._routes = [
             {
                 path: 'create/:parentKey',
@@ -43,7 +39,6 @@ let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbL
     #templateWorkspaceContext;
     #routerPath;
     #element;
-    #key;
     render() {
         return html `<umb-router-slot
 			.routes=${this._routes}
@@ -51,37 +46,7 @@ let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbL
             this.#routerPath = event.target.absoluteRouterPath;
         }}></umb-router-slot>`;
     }
-    static { this.styles = [
-        UUITextStyles,
-        css `
-			:host {
-				display: block;
-				width: 100%;
-				height: 100%;
-			}
-
-			umb-code-editor {
-				--editor-height: calc(100vh - 300px);
-			}
-
-			uui-box {
-				margin: 1em;
-				--uui-box-default-padding: 0;
-			}
-
-			uui-input {
-				width: 100%;
-				margin: 1em;
-			}
-		`,
-    ]; }
 };
-__decorate([
-    state()
-], UmbTemplateWorkspaceElement.prototype, "_name", void 0);
-__decorate([
-    state()
-], UmbTemplateWorkspaceElement.prototype, "_content", void 0);
 __decorate([
     state()
 ], UmbTemplateWorkspaceElement.prototype, "_routes", void 0);

package/dist-cms/packages/translation/dashboards/dictionary/dashboard-translation-dictionary.element.js

@@ -69,13 +69,16 @@ let UmbDashboardTranslationDictionaryElement = class UmbDashboardTranslationDict
     #setTableItems() {
         this.#tableItems = this.#dictionaryItems.map((dictionary) => {
             // id is set to name to allow filtering on the displayed value
+            // TODO: Generate URL for editing the dictionary item
             const tableItem = {
                 id: dictionary.name ?? '',
                 icon: 'umb:book-alt',
                 data: [
                     {
                         columnAlias: 'name',
-                        value: html `<a style="font-weight:bold" href="/section/translation/dictionary-item/edit/${dictionary.id}">
+                        value: html `<a
+							style="font-weight:bold"
+							href="/section/translation/workspace/dictionary-item/edit/${dictionary.id}">
 							${dictionary.name}</a
 						> `,
                     },
@@ -145,10 +148,8 @@ let UmbDashboardTranslationDictionaryElement = class UmbDashboardTranslationDict
         UUITextStyles,
         css `
 			:host {
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-				margin: var(--uui-size-layout-1);
+				display: block;
+				padding: var(--uui-size-layout-1);
 			}
 
 			#dictionary-top-bar {

package/dist-cms/packages/translation/dictionary/workspace/{dictionary-workspace-edit.element.d.ts → dictionary-workspace-editor.element.d.ts}

@@ -1,14 +1,14 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-export declare class UmbDictionaryWorkspaceEditElement extends UmbLitElement {
+export declare class UmbDictionaryWorkspaceEditorElement extends UmbLitElement {
     #private;
     private _name?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbDictionaryWorkspaceEditElement;
+export default UmbDictionaryWorkspaceEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-dictionary-workspace-edit': UmbDictionaryWorkspaceEditElement;
+        'umb-dictionary-workspace-editor': UmbDictionaryWorkspaceEditorElement;
     }
 }

package/dist-cms/packages/translation/dictionary/workspace/{dictionary-workspace-edit.element.js → dictionary-workspace-editor.element.js}

@@ -8,7 +8,7 @@ import { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js'
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
-let UmbDictionaryWorkspaceEditElement = class UmbDictionaryWorkspaceEditElement extends UmbLitElement {
+let UmbDictionaryWorkspaceEditorElement = class UmbDictionaryWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
@@ -61,9 +61,9 @@ let UmbDictionaryWorkspaceEditElement = class UmbDictionaryWorkspaceEditElement
 };
 __decorate([
     state()
-], UmbDictionaryWorkspaceEditElement.prototype, "_name", void 0);
-UmbDictionaryWorkspaceEditElement = __decorate([
-    customElement('umb-dictionary-workspace-edit')
-], UmbDictionaryWorkspaceEditElement);
-export { UmbDictionaryWorkspaceEditElement };
-export default UmbDictionaryWorkspaceEditElement;
+], UmbDictionaryWorkspaceEditorElement.prototype, "_name", void 0);
+UmbDictionaryWorkspaceEditorElement = __decorate([
+    customElement('umb-dictionary-workspace-editor')
+], UmbDictionaryWorkspaceEditorElement);
+export { UmbDictionaryWorkspaceEditorElement };
+export default UmbDictionaryWorkspaceEditorElement;

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbDictionaryWorkspaceContext } from './dictionary-workspace.context.js';
-import { UmbDictionaryWorkspaceEditElement } from './dictionary-workspace-edit.element.js';
+import { UmbDictionaryWorkspaceEditorElement } from './dictionary-workspace-editor.element.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -13,7 +13,7 @@ let UmbWorkspaceDictionaryElement = class UmbWorkspaceDictionaryElement extends
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbDictionaryWorkspaceContext(this);
-        this.#element = new UmbDictionaryWorkspaceEditElement();
+        this.#element = new UmbDictionaryWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/:id',

package/dist-cms/packages/translation/dictionary/workspace/manifests.js

@@ -14,7 +14,7 @@ const workspaceViews = [
         type: 'workspaceEditorView',
         alias: 'Umb.WorkspaceView.Dictionary.Edit',
         name: 'Dictionary Workspace Edit View',
-        loader: () => import('./views/edit/workspace-view-dictionary-edit.element.js'),
+        loader: () => import('./views/editor/workspace-view-dictionary-editor.element.js'),
         weight: 100,
         meta: {
             label: 'Edit',

package/dist-cms/packages/translation/dictionary/workspace/views/{edit/workspace-view-dictionary-edit.element.d.ts → editor/workspace-view-dictionary-editor.element.d.ts}

@@ -1,5 +1,5 @@
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
-export declare class UmbWorkspaceViewDictionaryEditElement extends UmbLitElement {
+export declare class UmbWorkspaceViewDictionaryEditorElement extends UmbLitElement {
     #private;
     private _dictionary?;
     private _languages;
@@ -7,9 +7,9 @@ export declare class UmbWorkspaceViewDictionaryEditElement extends UmbLitElement
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbWorkspaceViewDictionaryEditElement;
+export default UmbWorkspaceViewDictionaryEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-workspace-view-dictionary-edit': UmbWorkspaceViewDictionaryEditElement;
+        'umb-workspace-view-dictionary-editor': UmbWorkspaceViewDictionaryEditorElement;
     }
 }

package/dist-cms/packages/translation/dictionary/workspace/views/{edit/workspace-view-dictionary-edit.element.js → editor/workspace-view-dictionary-editor.element.js}

@@ -9,7 +9,7 @@ import { UUITextStyles, UUITextareaEvent } from '../../../../../../external/uui/
 import { css, html, customElement, state, repeat, ifDefined } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
-let UmbWorkspaceViewDictionaryEditElement = class UmbWorkspaceViewDictionaryEditElement extends UmbLitElement {
+let UmbWorkspaceViewDictionaryEditorElement = class UmbWorkspaceViewDictionaryEditorElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this._languages = [];
@@ -72,12 +72,12 @@ let UmbWorkspaceViewDictionaryEditElement = class UmbWorkspaceViewDictionaryEdit
 };
 __decorate([
     state()
-], UmbWorkspaceViewDictionaryEditElement.prototype, "_dictionary", void 0);
+], UmbWorkspaceViewDictionaryEditorElement.prototype, "_dictionary", void 0);
 __decorate([
     state()
-], UmbWorkspaceViewDictionaryEditElement.prototype, "_languages", void 0);
-UmbWorkspaceViewDictionaryEditElement = __decorate([
-    customElement('umb-workspace-view-dictionary-edit')
-], UmbWorkspaceViewDictionaryEditElement);
-export { UmbWorkspaceViewDictionaryEditElement };
-export default UmbWorkspaceViewDictionaryEditElement;
+], UmbWorkspaceViewDictionaryEditorElement.prototype, "_languages", void 0);
+UmbWorkspaceViewDictionaryEditorElement = __decorate([
+    customElement('umb-workspace-view-dictionary-editor')
+], UmbWorkspaceViewDictionaryEditorElement);
+export { UmbWorkspaceViewDictionaryEditorElement };
+export default UmbWorkspaceViewDictionaryEditorElement;