@umbraco-cms/backoffice 14.0.0-e72b5840 → 14.0.0-ef334a6d

package/dist-cms/packages/{translation → dictionary}/dictionary/workspace/dictionary-workspace.context.d.ts

@@ -2,6 +2,7 @@ import { UmbDictionaryRepository } from '../repository/dictionary.repository.js'
 import { UmbEntityWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { DictionaryItemResponseModel } from '../../../../external/backend-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export declare class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext<UmbDictionaryRepository, DictionaryItemResponseModel> implements UmbEntityWorkspaceContextInterface<DictionaryItemResponseModel | undefined> {
     #private;
     data: import("rxjs").Observable<DictionaryItemResponseModel | undefined>;
@@ -18,3 +19,4 @@ export declare class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext<U
     save(): Promise<void>;
     destroy(): void;
 }
+export declare const UMB_DICTIONARY_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbDictionaryWorkspaceContext>;

package/dist-cms/packages/{translation → dictionary}/dictionary/workspace/dictionary-workspace.context.js

@@ -1,10 +1,11 @@
 import { UmbDictionaryRepository } from '../repository/dictionary.repository.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import { UmbObjectState } from '../../../../libs/observable-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext {
     #data;
     constructor(host) {
-        super(host, new UmbDictionaryRepository(host));
+        super(host, 'Umb.Workspace.Dictionary', new UmbDictionaryRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
         this.name = this.#data.asObservablePart((data) => data?.name);
@@ -67,3 +68,4 @@ export class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext {
         this.#data.complete();
     }
 }
+export const UMB_DICTIONARY_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'dictionary-item');

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

@@ -1,8 +1,7 @@
 import { UmbSaveWorkspaceAction } from '../../../core/workspace/index.js';
-const workspaceAlias = 'Umb.Workspace.Dictionary';
 const workspace = {
     type: 'workspace',
-    alias: workspaceAlias,
+    alias: 'Umb.Workspace.Dictionary',
     name: 'Dictionary Workspace',
     loader: () => import('./dictionary-workspace.element.js'),
     meta: {
@@ -21,9 +20,12 @@ const workspaceViews = [
             pathname: 'edit',
             icon: 'edit',
         },
-        conditions: {
-            workspaces: [workspaceAlias],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
 ];
 const workspaceActions = [
@@ -38,9 +40,12 @@ const workspaceActions = [
             color: 'positive',
             api: UmbSaveWorkspaceAction,
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.Dictionary'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: 'Umb.Workspace.Dictionary',
+            },
+        ],
     },
 ];
 export const manifests = [workspace, ...workspaceViews, ...workspaceActions];

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

@@ -4,11 +4,11 @@ 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 { UMB_DICTIONARY_WORKSPACE_CONTEXT } from '../../dictionary-workspace.context.js';
 import { UmbDictionaryRepository } from '../../../repository/dictionary.repository.js';
 import { UUITextStyles, UUITextareaEvent } from '../../../../../../external/uui/index.js';
 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';
 export let UmbWorkspaceViewDictionaryEditorElement = class UmbWorkspaceViewDictionaryEditorElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -20,7 +20,7 @@ export let UmbWorkspaceViewDictionaryEditorElement = class UmbWorkspaceViewDicti
         super.connectedCallback();
         this.#repo = new UmbDictionaryRepository(this);
         this._languages = await this.#repo.getLanguages();
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (_instance) => {
+        this.consumeContext(UMB_DICTIONARY_WORKSPACE_CONTEXT, (_instance) => {
             this.#workspaceContext = _instance;
             this.#observeDictionary();
         });

package/dist-cms/packages/dictionary/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: (import("../core/index.js").ManifestSectionSidebarApp | import("../core/index.js").ManifestModal | import("../core/index.js").ManifestDashboard | import("../core/index.js").ManifestEntityAction | import("../core/index.js").ManifestMenu | import("../core/index.js").ManifestMenuItem | import("../core/index.js").ManifestRepository | import("../core/index.js").ManifestSection | import("../core/index.js").ManifestStore | import("../core/index.js").ManifestTree | import("../core/index.js").ManifestTreeItem | import("../core/index.js").ManifestTreeStore | import("../core/index.js").ManifestWorkspace | import("../core/index.js").ManifestWorkspaceAction | import("../core/index.js").ManifestWorkspaceEditorView)[];

package/dist-cms/packages/dictionary/section.manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestDashboard, ManifestSection } from '../core/extension-registry/index.js';
+export declare const manifests: (import("../core/extension-registry/index.js").ManifestSectionSidebarApp | ManifestDashboard | ManifestSection)[];

package/dist-cms/packages/{translation → dictionary}/section.manifest.js

@@ -1,12 +1,12 @@
-const sectionAlias = 'Umb.Section.Translation';
+const sectionAlias = 'Umb.Section.Dictionary';
 const section = {
     type: 'section',
     alias: sectionAlias,
-    name: 'Translation Section',
+    name: 'Dictionary Section',
     weight: 100,
     meta: {
-        label: 'Translation',
-        pathname: 'translation',
+        label: 'Dictionary',
+        pathname: 'dictionary',
     },
 };
 const menuSectionSidebarApp = {
@@ -19,9 +19,12 @@ const menuSectionSidebarApp = {
         label: 'Dictionary',
         menu: 'Umb.Menu.Dictionary',
     },
-    conditions: {
-        sections: [sectionAlias],
-    },
+    conditions: [
+        {
+            alias: 'Umb.Condition.SectionAlias',
+            match: sectionAlias,
+        },
+    ],
 };
 const dashboards = [
     {
@@ -34,9 +37,12 @@ const dashboards = [
             label: 'Dictionary overview',
             pathname: '',
         },
-        conditions: {
-            sections: [sectionAlias],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.SectionAlias',
+                match: sectionAlias,
+            },
+        ],
     },
 ];
 export const manifests = [section, menuSectionSidebarApp, ...dashboards];

package/dist-cms/packages/{translation → dictionary}/umbraco-package.d.ts

@@ -1,4 +1,4 @@
-export declare const name = "Umbraco.Core.TranslationManagement";
+export declare const name = "Umbraco.Core.DictionaryManagement";
 export declare const extensions: {
     name: string;
     alias: string;

package/dist-cms/packages/dictionary/umbraco-package.js

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

package/dist-cms/packages/documents/dashboards/manifests.js

@@ -9,9 +9,12 @@ const dashboards = [
             label: 'Redirect Management',
             pathname: 'redirect-management',
         },
-        conditions: {
-            sections: ['Umb.Section.Content'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.SectionAlias',
+                match: 'Umb.Section.Content',
+            },
+        ],
     },
 ];
 export const manifests = [...dashboards];

package/dist-cms/packages/documents/document-blueprints/document-blueprint.detail.store.d.ts

@@ -33,4 +33,4 @@ export declare class UmbDocumentBlueprintStore extends UmbStoreBase {
      */
     delete(ids: string[]): Promise<void>;
 }
-export declare const UMB_DOCUMENT_BLUEPRINT_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentBlueprintStore>;
+export declare const UMB_DOCUMENT_BLUEPRINT_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentBlueprintStore, UmbDocumentBlueprintStore>;

package/dist-cms/packages/documents/document-blueprints/document-blueprint.tree.store.d.ts

@@ -1,7 +1,7 @@
 import { UmbContextToken } from '../../../libs/context-api/index.js';
 import { UmbEntityTreeStore } from '../../core/store/index.js';
 import type { UmbControllerHostElement } from '../../../libs/controller-api/index.js';
-export declare const UMB_DOCUMENT_BLUEPRINT_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentBlueprintTreeStore>;
+export declare const UMB_DOCUMENT_BLUEPRINT_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentBlueprintTreeStore, UmbDocumentBlueprintTreeStore>;
 /**
  * @export
  * @class UmbDocumentBlueprintTreeStore

package/dist-cms/packages/documents/document-blueprints/menu-item/manifests.js

@@ -7,8 +7,6 @@ const menuItem = {
         label: 'Document Blueprints',
         icon: 'umb:blueprint',
         entityType: 'document-blueprint-root',
-    },
-    conditions: {
         menus: ['Umb.Menu.Settings'],
     },
 };

package/dist-cms/packages/documents/document-types/entity-actions/create/manifests.js

@@ -12,8 +12,6 @@ const entityActions = [
             label: 'Create...',
             repositoryAlias: DOCUMENT_TYPE_REPOSITORY_ALIAS,
             api: UmbCreateDataTypeEntityAction,
-        },
-        conditions: {
             entityTypes: [DOCUMENT_TYPE_ENTITY_TYPE, DOCUMENT_TYPE_ROOT_ENTITY_TYPE, DOCUMENT_TYPE_FOLDER_ENTITY_TYPE],
         },
     },

package/dist-cms/packages/documents/document-types/entity-actions/manifests.js

@@ -13,8 +13,6 @@ const entityActions = [
             label: 'Delete (TBD)',
             repositoryAlias: DOCUMENT_TYPE_REPOSITORY_ALIAS,
             api: UmbDeleteEntityAction,
-        },
-        conditions: {
             entityTypes: [entityType],
         },
     },
@@ -28,8 +26,6 @@ const entityActions = [
             label: 'Move',
             repositoryAlias: DOCUMENT_TYPE_REPOSITORY_ALIAS,
             api: UmbMoveEntityAction,
-        },
-        conditions: {
             entityTypes: [entityType],
         },
     },
@@ -43,8 +39,6 @@ const entityActions = [
             label: 'Copy',
             repositoryAlias: DOCUMENT_TYPE_REPOSITORY_ALIAS,
             api: UmbCopyEntityAction,
-        },
-        conditions: {
             entityTypes: [entityType],
         },
     },
@@ -58,8 +52,6 @@ const entityActions = [
             label: 'Sort',
             repositoryAlias: DOCUMENT_TYPE_REPOSITORY_ALIAS,
             api: UmbSortChildrenOfEntityAction,
-        },
-        conditions: {
             entityTypes: [entityType],
         },
     },

package/dist-cms/packages/documents/document-types/menu-item/manifests.js

@@ -8,8 +8,6 @@ const menuItem = {
         treeAlias: 'Umb.Tree.DocumentTypes',
         label: 'Document Types',
         icon: 'umb:folder',
-    },
-    conditions: {
         menus: ['Umb.Menu.Settings'],
     },
 };

package/dist-cms/packages/documents/document-types/repository/document-type.store.d.ts

@@ -34,4 +34,4 @@ export declare class UmbDocumentTypeStore extends UmbStoreBase {
      */
     remove(uniques: Array<DocumentTypeResponseModel['id']>): void;
 }
-export declare const UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentTypeStore>;
+export declare const UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentTypeStore, UmbDocumentTypeStore>;

package/dist-cms/packages/documents/document-types/repository/document-type.tree.store.d.ts

@@ -15,4 +15,4 @@ export declare class UmbDocumentTypeTreeStore extends UmbEntityTreeStore {
      */
     constructor(host: UmbControllerHostElement);
 }
-export declare const UMB_DOCUMENT_TYPE_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentTypeTreeStore>;
+export declare const UMB_DOCUMENT_TYPE_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentTypeTreeStore, UmbDocumentTypeTreeStore>;

package/dist-cms/packages/documents/document-types/tree/manifests.js

@@ -13,7 +13,7 @@ const treeItem = {
     kind: 'entity',
     alias: 'Umb.TreeItem.DocumentType',
     name: 'Document Type Tree Item',
-    conditions: {
+    meta: {
         entityTypes: ['document-type-root', 'document-type'],
     },
 };

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace-editor.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 { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js';
-import { css, html, customElement, state } from '../../../../external/lit/index.js';
+import { css, html, customElement, state, ifDefined } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_ICON_PICKER_MODAL, } from '../../../core/modal/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { generateAlias } from '../../../../shared/utils/index.js';
 export let UmbDocumentTypeWorkspaceEditorElement = class UmbDocumentTypeWorkspaceEditorElement extends UmbLitElement {
     // TODO: Color should be using an alias, and look up in some dictionary/key/value) of project-colors.
@@ -16,7 +16,7 @@ export let UmbDocumentTypeWorkspaceEditorElement = class UmbDocumentTypeWorkspac
     constructor() {
         super();
         this._aliasLocked = true;
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (instance) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
             this.#observeDocumentType();
         });
@@ -85,15 +85,16 @@ export let UmbDocumentTypeWorkspaceEditorElement = class UmbDocumentTypeWorkspac
         return html `
 			<umb-workspace-editor alias="Umb.Workspace.DocumentType">
 				<div id="header" slot="header">
-					<uui-button id="icon" @click=${this._handleIconClick} compact>
-						<uui-icon name="${this._icon}" style="color: ${this._iconColorAlias}"></uui-icon>
+					<uui-button id="icon" @click=${this._handleIconClick} label="icon" compact>
+						<uui-icon name="${ifDefined(this._icon)}" style="color: ${this._iconColorAlias}"></uui-icon>
 					</uui-button>
 
-					<uui-input id="name" .value=${this._name} @input="${this.#onNameChange}">
+					<uui-input id="name" .value=${this._name} @input="${this.#onNameChange}" label="name">
 						<!-- TODO: should use UUI-LOCK-INPUT, but that does not fire an event when its locked/unlocked -->
 						<uui-input
 							name="alias"
 							slot="append"
+							label="alias"
 							@input=${this.#onAliasChange}
 							.value=${this._alias}
 							placeholder="Enter alias..."

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.d.ts

@@ -3,6 +3,7 @@ import { UmbContentTypePropertyStructureManager } from '../../../core/content-ty
 import { UmbWorkspaceContext, UmbEntityWorkspaceContextInterface } from '../../../core/workspace/index.js';
 import type { ContentTypeCompositionModel, ContentTypeSortModel, DocumentTypeResponseModel } from '../../../../external/backend-api/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 type EntityType = DocumentTypeResponseModel;
 export declare class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext<UmbDocumentTypeRepository, EntityType> implements UmbEntityWorkspaceContextInterface<EntityType | undefined> {
     readonly data: () => import("rxjs").Observable<DocumentTypeResponseModel | undefined>;
@@ -48,4 +49,5 @@ export declare class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext
     save(): Promise<void>;
     destroy(): void;
 }
+export declare const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbDocumentTypeWorkspaceContext>;
 export {};

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.js

@@ -1,9 +1,10 @@
 import { UmbDocumentTypeRepository } from '../repository/document-type.repository.js';
 import { UmbContentTypePropertyStructureManager } from '../../../core/content-type/index.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
     constructor(host) {
-        super(host, new UmbDocumentTypeRepository(host));
+        super(host, 'Umb.Workspace.DocumentType', new UmbDocumentTypeRepository(host));
         this.structure = new UmbContentTypePropertyStructureManager(this.host, this.repository);
         // General for content types:
         this.data = this.structure.ownerDocumentType;
@@ -103,5 +104,7 @@ export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
     }
     destroy() {
         this.structure.destroy();
+        super.destroy();
     }
 }
+export const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'document-type');

package/dist-cms/packages/documents/document-types/workspace/manifests.js

@@ -20,9 +20,12 @@ const workspaceEditorViews = [
             pathname: 'design',
             icon: 'umb:document-dashed-line',
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.DocumentType'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
     {
         type: 'workspaceEditorView',
@@ -35,9 +38,12 @@ const workspaceEditorViews = [
             pathname: 'structure',
             icon: 'umb:mindmap',
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.DocumentType'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
     {
         type: 'workspaceEditorView',
@@ -50,9 +56,12 @@ const workspaceEditorViews = [
             pathname: 'settings',
             icon: 'umb:settings',
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.DocumentType'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
     {
         type: 'workspaceEditorView',
@@ -65,9 +74,12 @@ const workspaceEditorViews = [
             pathname: 'templates',
             icon: 'umb:layout',
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.DocumentType'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
 ];
 const workspaceActions = [
@@ -81,9 +93,12 @@ const workspaceActions = [
             color: 'positive',
             api: UmbSaveWorkspaceAction,
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.DocumentType'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
 ];
 export const manifests = [workspace, ...workspaceEditorViews, ...workspaceActions];

package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-properties.element.d.ts

@@ -1,7 +1,7 @@
+import './document-type-workspace-view-edit-property.element.js';
 import { UmbContentTypePropertyStructureHelper, PropertyContainerTypes } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
-import { PropertyTypeModelBaseModel } from '../../../../../../external/backend-api/index.js';
-import './document-type-workspace-view-edit-property.element.js';
+import { DocumentTypeResponseModel, PropertyTypeModelBaseModel } from '../../../../../../external/backend-api/index.js';
 export declare class UmbDocumentTypeWorkspaceViewEditPropertiesElement extends UmbLitElement {
     #private;
     private _containerId;
@@ -13,7 +13,10 @@ export declare class UmbDocumentTypeWorkspaceViewEditPropertiesElement extends U
     set containerType(value: PropertyContainerTypes | undefined);
     _propertyStructureHelper: UmbContentTypePropertyStructureHelper;
     _propertyStructure: Array<PropertyTypeModelBaseModel>;
+    _ownerDocumentTypes?: DocumentTypeResponseModel[];
+    protected _modalRouteNewProperty?: string;
     constructor();
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-properties.element.js

@@ -4,13 +4,14 @@ 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 './document-type-workspace-view-edit-property.element.js';
 import { css, html, customElement, property, state, repeat, ifDefined } from '../../../../../../external/lit/index.js';
 import { UUITextStyles } from '../../../../../../external/uui/index.js';
 import { UmbContentTypePropertyStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbSorterController } from '../../../../../core/sorter/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
-import './document-type-workspace-view-edit-property.element.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
+import { UMB_PROPERTY_SETTINGS_MODAL, UmbModalRouteRegistrationController } from '../../../../../core/modal/index.js';
 const SORTER_CONFIG = {
     compareElementToModel: (element, model) => {
         return element.getAttribute('data-umb-property-id') === model.id;
@@ -72,35 +73,69 @@ export let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocument
         });
         this._propertyStructureHelper = new UmbContentTypePropertyStructureHelper(this);
         this._propertyStructure = [];
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
             this._propertyStructureHelper.setStructureManager(workspaceContext.structure);
         });
         this.observe(this._propertyStructureHelper.propertyStructure, (propertyStructure) => {
             this._propertyStructure = propertyStructure;
             this.#propertySorter.setModel(this._propertyStructure);
         });
+        // Note: Route for adding a new property
+        new UmbModalRouteRegistrationController(this, UMB_PROPERTY_SETTINGS_MODAL)
+            .addAdditionalPath('new-property')
+            .onSetup(async () => {
+            return (await this._propertyStructureHelper.createPropertyScaffold(this._containerId)) ?? false;
+        })
+            .onSubmit((result) => {
+            this.#addProperty(result);
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            this._modalRouteNewProperty = routeBuilder(null);
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const doctypes = this._propertyStructureHelper.getOwnerDocumentTypes();
+        if (!doctypes)
+            return;
+        this.observe(doctypes, (documents) => {
+            this._ownerDocumentTypes = documents;
+        }, 'observeOwnerDocumentTypes');
     }
-    async #onAddProperty() {
-        const property = await this._propertyStructureHelper.addProperty(this._containerId);
-        if (!property)
+    async #addProperty(propertyData) {
+        const propertyPlaceholder = await this._propertyStructureHelper.addProperty(this._containerId);
+        if (!propertyPlaceholder)
             return;
-        // TODO: Figure out how we from this location can get into the route modal, via URL.
-        // The modal is registered by the document-type-workspace-view-edit-property element, therefor a bit hard to get the URL from here.
+        this._propertyStructureHelper.partialUpdateProperty(propertyPlaceholder.id, propertyData);
     }
     render() {
         return html `<div id="property-list">
-				${repeat(this._propertyStructure, (property) => property.id ?? '' + property.containerId ?? '' + property.sortOrder ?? '', (property) => html `<document-type-workspace-view-edit-property
+				${repeat(this._propertyStructure, (property) => property.id ?? '' + property.containerId ?? '' + property.sortOrder ?? '', (property) => {
+            // Note: This piece might be moved into the property component
+            const inheritedFromDocument = this._ownerDocumentTypes?.find((types) => types.containers?.find((containers) => containers.id === property.containerId));
+            return html `<document-type-workspace-view-edit-property
 							class="property"
-							data-umb-property-id=${property.id}
-							data-property-container-is=${property.containerId}
-							data-container-id=${this.containerId}
-							?inherited=${ifDefined(property.containerId !== this.containerId)}
+							data-umb-property-id=${ifDefined(property.id)}
+							owner-document-type-id=${ifDefined(inheritedFromDocument?.id)}
+							owner-document-type-name=${ifDefined(inheritedFromDocument?.name)}
+							?inherited=${property.containerId !== this.containerId}
 							.property=${property}
 							@partial-property-update=${(event) => {
-            this._propertyStructureHelper.partialUpdateProperty(property.id, event.detail);
-        }}></document-type-workspace-view-edit-property>`)}
+                this._propertyStructureHelper.partialUpdateProperty(property.id, event.detail);
+            }}
+							@property-delete=${() => {
+                this._propertyStructureHelper.removeProperty(property.id);
+            }}>
+						</document-type-workspace-view-edit-property>`;
+        })}
 			</div>
-			<uui-button id="add" look="placeholder" @click=${this.#onAddProperty}> Add property </uui-button> `;
+			<uui-button
+				label=${this.localize.term('contentTypeEditor_addProprety')}
+				id="add"
+				look="placeholder"
+				href=${ifDefined(this._modalRouteNewProperty)}>
+				<umb-localize key="contentTypeEditor_addProprety">Add property</umb-localize>
+			</uui-button> `;
     }
     static { this.styles = [
         UUITextStyles,
@@ -123,6 +158,12 @@ __decorate([
 __decorate([
     state()
 ], UmbDocumentTypeWorkspaceViewEditPropertiesElement.prototype, "_propertyStructure", void 0);
+__decorate([
+    state()
+], UmbDocumentTypeWorkspaceViewEditPropertiesElement.prototype, "_ownerDocumentTypes", void 0);
+__decorate([
+    state()
+], UmbDocumentTypeWorkspaceViewEditPropertiesElement.prototype, "_modalRouteNewProperty", void 0);
 UmbDocumentTypeWorkspaceViewEditPropertiesElement = __decorate([
     customElement('umb-document-type-workspace-view-edit-properties')
 ], UmbDocumentTypeWorkspaceViewEditPropertiesElement);

package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-property.element.d.ts

@@ -1,3 +1,4 @@
+import { nothing } from '../../../../../../external/lit/index.js';
 import { PropertyTypeModelBaseModel } from '../../../../../../external/backend-api/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 /**
@@ -24,13 +25,22 @@ export declare class UmbDocumentTypeWorkspacePropertyElement extends UmbLitEleme
      * @default undefined
      */
     inherited?: boolean;
+    private _modalManagerContext?;
     protected _modalRoute?: string;
+    protected _editDocumentTypePath?: string;
+    get modalRoute(): string | undefined;
+    ownerDocumentTypeId?: string;
+    ownerDocumentTypeName?: string;
+    private _dataTypeName?;
+    setDataType(dataTypeId: string | undefined): Promise<void>;
     constructor();
     _partialUpdate(partialObject: PropertyTypeModelBaseModel): void;
     _singleValueUpdate(propertyName: string, value: string | number | boolean | null | undefined): void;
-    renderInheritedProperty(): "" | import("lit-html").TemplateResult<1>;
     private _aliasLocked;
     renderEditableProperty(): "" | import("lit-html").TemplateResult<1>;
+    renderInheritedProperty(): "" | import("lit-html").TemplateResult<1>;
+    renderPropertyAlias(): "" | import("lit-html").TemplateResult<1>;
+    renderPropertyTags(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): "" | import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }