@umbraco-cms/backoffice 14.0.0--preview004-e91a3686 → 14.0.0--preview004-bf106bcf

package/dist-cms/packages/core/components/input-start-node/input-start-node.element.js

@@ -7,23 +7,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, customElement, property, css, state } from '../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UmbChangeEvent } from '../../event/index.js';
 let UmbInputStartNodeElement = class UmbInputStartNodeElement extends FormControlMixin(UmbLitElement) {
     constructor() {
         super(...arguments);
         this._type = 'content';
-        this.nodeId = '';
-        this.dynamicPath = '';
         this._options = [
             { value: 'content', name: 'Content' },
-            { value: 'member', name: 'Members' },
             { value: 'media', name: 'Media' },
+            { value: 'member', name: 'Members' },
         ];
     }
     getFormElement() {
         return undefined;
     }
     set type(value) {
+        if (value === undefined) {
+            value = this._type;
+        }
         const oldValue = this._type;
         this._options = this._options.map((option) => option.value === value ? { ...option, selected: true } : { ...option, selected: false });
         this._type = value;
@@ -33,15 +33,25 @@ let UmbInputStartNodeElement = class UmbInputStartNodeElement extends FormContro
         return this._type;
     }
     #onTypeChange(event) {
+        //console.log('onTypeChange');
         this.type = event.target.value;
-        // Clear others
         this.nodeId = '';
-        this.dynamicPath = '';
-        this.dispatchEvent(new UmbChangeEvent());
+        // TODO: Appears that the event gets bubbled up. Will need to review. [LK]
+        //this.dispatchEvent(new UmbChangeEvent());
     }
     #onIdChange(event) {
-        this.nodeId = event.target.selectedIds.join('');
-        this.dispatchEvent(new CustomEvent('change'));
+        //console.log('onIdChange', event.target);
+        switch (this.type) {
+            case 'content':
+                this.nodeId = event.target.nodeId;
+                break;
+            case 'media':
+                this.nodeId = event.target.selectedIds.join('');
+                break;
+            default:
+                break;
+        }
+        this.dispatchEvent(new CustomEvent(event.type));
     }
     render() {
         return html `<umb-input-dropdown-list
@@ -62,19 +72,19 @@ let UmbInputStartNodeElement = class UmbInputStartNodeElement extends FormContro
         }
     }
     #renderTypeContent() {
-        const nodeId = this.nodeId ? [this.nodeId] : [];
-        //TODO: Dynamic paths
-        return html ` <umb-input-document @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-document> `;
+        return html `<umb-input-document-picker-root
+			@change=${this.#onIdChange}
+			.nodeId=${this.nodeId}></umb-input-document-picker-root>`;
     }
     #renderTypeMedia() {
         const nodeId = this.nodeId ? [this.nodeId] : [];
         //TODO => MediaTypes
-        return html ` <umb-input-media @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-media> `;
+        return html `<umb-input-media @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-media>`;
     }
     #renderTypeMember() {
         const nodeId = this.nodeId ? [this.nodeId] : [];
         //TODO => Members
-        return html ` <umb-input-member @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-member> `;
+        return html `<umb-input-member @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-member>`;
     }
     static { this.styles = [
         css `
@@ -93,8 +103,8 @@ __decorate([
     property({ attribute: 'node-id' })
 ], UmbInputStartNodeElement.prototype, "nodeId", void 0);
 __decorate([
-    property({ attribute: 'dynamic-path' })
-], UmbInputStartNodeElement.prototype, "dynamicPath", void 0);
+    property({ attribute: false })
+], UmbInputStartNodeElement.prototype, "dynamicRoot", void 0);
 __decorate([
     state()
 ], UmbInputStartNodeElement.prototype, "_options", void 0);

package/dist-cms/packages/core/index.d.ts

@@ -24,4 +24,5 @@ export * from './variant/index.js';
 export * from './workspace/index.js';
 export * from './culture/index.js';
 export * from './temporary-file/index.js';
+export * from './object-type/index.js';
 export declare const onInit: UmbEntryPointOnInit;

package/dist-cms/packages/core/index.js

@@ -39,6 +39,7 @@ export * from './variant/index.js';
 export * from './workspace/index.js';
 export * from './culture/index.js';
 export * from './temporary-file/index.js';
+export * from './object-type/index.js';
 const manifests = [
     ...conditionManifests,
     ...debugManifests,

package/dist-cms/packages/core/object-type/index.d.ts

@@ -0,0 +1,2 @@
+export * from './object-type.repository.js';
+export * from './input-object-type.element.js';

package/dist-cms/packages/core/object-type/index.js

@@ -0,0 +1,2 @@
+export * from './object-type.repository.js';
+export * from './input-object-type.element.js';

package/dist-cms/packages/core/object-type/input-object-type.element.d.ts

@@ -0,0 +1,20 @@
+import { UUISelectElement } from '../../../external/uui/index.js';
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+declare const UmbInputObjectTypeElement_base: (new (...args: any[]) => import("../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
+export declare class UmbInputObjectTypeElement extends UmbInputObjectTypeElement_base {
+    #private;
+    private select;
+    set value(value: UUISelectElement['value']);
+    get value(): UUISelectElement['value'];
+    private _options;
+    constructor();
+    protected getFormElement(): undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: never[];
+}
+export default UmbInputObjectTypeElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-object-type': UmbInputObjectTypeElement;
+    }
+}

package/dist-cms/packages/core/object-type/input-object-type.element.js

@@ -0,0 +1,53 @@
+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 { UmbObjectTypeRepository } from './object-type.repository.js';
+import { html, customElement, property, query, state } from '../../../external/lit/index.js';
+import { FormControlMixin } from '../../../external/uui/index.js';
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+let UmbInputObjectTypeElement = class UmbInputObjectTypeElement extends FormControlMixin(UmbLitElement) {
+    set value(value) {
+        this.select.value = value;
+    }
+    get value() {
+        return this.select.value;
+    }
+    #repository;
+    constructor() {
+        super();
+        this._options = [];
+        this.#repository = new UmbObjectTypeRepository(this);
+        this.#repository.read().then(({ data, error }) => {
+            if (!data)
+                return;
+            this._options = data.items.map((item) => ({ value: item.id, name: item.name ?? '' }));
+        });
+    }
+    getFormElement() {
+        return undefined;
+    }
+    #onChange() {
+        this.dispatchEvent(new CustomEvent('change'));
+    }
+    render() {
+        return html `<uui-select .options=${this._options} @change=${this.#onChange}></uui-select> `;
+    }
+    static { this.styles = []; }
+};
+__decorate([
+    query('uui-select')
+], UmbInputObjectTypeElement.prototype, "select", void 0);
+__decorate([
+    property()
+], UmbInputObjectTypeElement.prototype, "value", null);
+__decorate([
+    state()
+], UmbInputObjectTypeElement.prototype, "_options", void 0);
+UmbInputObjectTypeElement = __decorate([
+    customElement('umb-input-object-type')
+], UmbInputObjectTypeElement);
+export { UmbInputObjectTypeElement };
+export default UmbInputObjectTypeElement;

package/dist-cms/packages/core/object-type/object-type.repository.d.ts

@@ -0,0 +1,11 @@
+import { UmbBaseController } from '../../../libs/class-api/index.js';
+import { UmbControllerHost } from '../../../libs/controller-api/index.js';
+import { UmbApi } from '../../../libs/extension-api/index.js';
+export declare class UmbObjectTypeRepository extends UmbBaseController implements UmbApi {
+    #private;
+    constructor(host: UmbControllerHost);
+    read(): Promise<{
+        data: import("../../../external/backend-api/index.js").PagedObjectTypeResponseModel | undefined;
+        error: import("../../../external/backend-api/index.js").ApiError | import("../../../external/backend-api/index.js").CancelError | undefined;
+    }>;
+}

package/dist-cms/packages/core/object-type/object-type.repository.js

@@ -0,0 +1,17 @@
+import { ObjectTypesResource } from '../../../external/backend-api/index.js';
+import { UmbBaseController } from '../../../libs/class-api/index.js';
+import { tryExecuteAndNotify } from '../../../shared/resources/index.js';
+export class UmbObjectTypeRepository extends UmbBaseController {
+    #host;
+    constructor(host) {
+        super(host);
+        this.#host = host;
+    }
+    async #read() {
+        return tryExecuteAndNotify(this.#host, ObjectTypesResource.getObjectTypes({}));
+    }
+    async read() {
+        const { data, error } = await this.#read();
+        return { data, error };
+    }
+}

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/start-node/property-editor-ui-tree-picker-start-node.element.js

@@ -16,13 +16,15 @@ let UmbPropertyEditorUITreePickerStartNodeElement = class UmbPropertyEditorUITre
         this.value = {
             type: target.type,
             id: target.nodeId,
-            // TODO: Please check this makes sense, Check if we want to support XPath in this version, if not then make sure we handle DynamicRoot correct.
-            query: target.dynamicPath,
+            dynamicRoot: target.dynamicRoot,
         };
         this.dispatchEvent(new CustomEvent('property-value-change'));
     }
     render() {
-        return html `<umb-input-start-node @change="${this.#onChange}" .type=${this.value?.type}></umb-input-start-node>`;
+        return html `<umb-input-start-node
+			@change=${this.#onChange}
+			.type=${this.value?.type}
+			.nodeId=${this.value?.id}></umb-input-start-node>`;
     }
     static { this.styles = [UmbTextStyles]; }
 };

package/dist-cms/packages/documents/documents/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './input-document/input-document.element.js';
 export * from './input-document-granular-permission/input-document-granular-permission.element.js';
+export * from './input-document-picker-root/input-document-picker-root.element.js';

package/dist-cms/packages/documents/documents/components/index.js

@@ -1,2 +1,3 @@
 export * from './input-document/input-document.element.js';
 export * from './input-document-granular-permission/input-document-granular-permission.element.js';
+export * from './input-document-picker-root/input-document-picker-root.element.js';

package/dist-cms/packages/documents/documents/components/input-document-picker-root/input-document-picker-root.element.d.ts

@@ -0,0 +1,19 @@
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+declare const UmbInputDocumentPickerRootElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
+export declare class UmbInputDocumentPickerRootElement extends UmbInputDocumentPickerRootElement_base {
+    #private;
+    get nodeId(): string | null | undefined;
+    set nodeId(id: string | null | undefined);
+    set value(id: string);
+    private _items?;
+    constructor();
+    protected getFormElement(): undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderItem;
+}
+export default UmbInputDocumentPickerRootElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-document-picker-root': UmbInputDocumentPickerRootElement;
+    }
+}

package/dist-cms/packages/documents/documents/components/input-document-picker-root/input-document-picker-root.element.js

@@ -0,0 +1,93 @@
+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 { UmbDocumentPickerContext } from '../input-document/input-document.context.js';
+import { html, customElement, property, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+let UmbInputDocumentPickerRootElement = class UmbInputDocumentPickerRootElement extends FormControlMixin(UmbLitElement) {
+    get nodeId() {
+        return this.#documentPickerContext.getSelection()[0];
+    }
+    set nodeId(id) {
+        const selection = id ? [id] : [];
+        this.#documentPickerContext.setSelection(selection);
+    }
+    set value(id) {
+        this.nodeId = id;
+    }
+    #documentPickerContext = new UmbDocumentPickerContext(this);
+    // TODO: DynamicRoot - once feature implemented, wire up context and picker UI. [LK]
+    #dynamicRootPickerContext = {
+        openPicker: () => {
+            throw new Error('DynamicRoot picker has not been implemented yet.');
+        },
+    };
+    constructor() {
+        super();
+        this.#documentPickerContext.max = 1;
+        this.observe(this.#documentPickerContext.selection, (selection) => (super.value = selection.join(',')));
+        this.observe(this.#documentPickerContext.selectedItems, (selectedItems) => (this._items = selectedItems));
+    }
+    getFormElement() {
+        return undefined;
+    }
+    render() {
+        return html `
+			${this._items
+            ? html ` <uui-ref-list
+						>${repeat(this._items, (item) => item.id, (item) => this._renderItem(item))}
+				  </uui-ref-list>`
+            : ''}
+			${this.#renderButtons()}
+		`;
+    }
+    #renderButtons() {
+        if (this.nodeId)
+            return;
+        //TODO: Dynamic paths
+        return html ` <uui-button-group>
+			<uui-button
+				look="placeholder"
+				@click=${() => this.#documentPickerContext.openPicker()}
+				label=${this.localize.term('contentPicker_defineRootNode')}></uui-button>
+			<uui-button
+				look="placeholder"
+				@click=${() => this.#dynamicRootPickerContext.openPicker()}
+				label=${this.localize.term('contentPicker_defineDynamicRoot')}></uui-button>
+		</uui-button-group>`;
+    }
+    _renderItem(item) {
+        if (!item.id)
+            return;
+        return html `
+			<uui-ref-node name=${ifDefined(item.name)} detail=${ifDefined(item.id)}>
+				<!-- TODO: implement is trashed <uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag> -->
+				<uui-action-bar slot="actions">
+					<uui-button @click=${() => this.#documentPickerContext.openPicker()} label="Edit document ${item.name}"
+						>Edit</uui-button
+					>
+					<uui-button
+						@click=${() => this.#documentPickerContext.requestRemoveItem(item.id)}
+						label="Remove document ${item.name}"
+						>Remove</uui-button
+					>
+				</uui-action-bar>
+			</uui-ref-node>
+		`;
+    }
+};
+__decorate([
+    property()
+], UmbInputDocumentPickerRootElement.prototype, "value", null);
+__decorate([
+    state()
+], UmbInputDocumentPickerRootElement.prototype, "_items", void 0);
+UmbInputDocumentPickerRootElement = __decorate([
+    customElement('umb-input-document-picker-root')
+], UmbInputDocumentPickerRootElement);
+export { UmbInputDocumentPickerRootElement };
+export default UmbInputDocumentPickerRootElement;

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

@@ -43,7 +43,7 @@ export class UmbMemberTypeWorkspaceContext extends UmbEditableWorkspaceContextBa
             return;
         if (!this.#data.value.id)
             return;
-        if (this.isNew) {
+        if (this.getIsNew()) {
             await this.repository.create(this.#data.value);
         }
         else {

package/dist-cms/packages/relations/index.d.ts

@@ -0,0 +1,3 @@
+import './relation-types/index.js';
+import './relations/index.js';
+export * from './manifests.js';

package/dist-cms/packages/relations/index.js

@@ -0,0 +1,3 @@
+import './relation-types/index.js';
+import './relations/index.js';
+export * from './manifests.js';

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

@@ -0,0 +1 @@
+export declare const manifests: (import("../core/index.js").ManifestEntityAction | import("../core/index.js").ManifestMenuItemTreeKind | 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").ManifestWorkspaceView | import("../core/index.js").ManifestRepository<import("../../libs/extension-api/index.js").UmbApi>)[];

package/dist-cms/packages/relations/manifests.js

@@ -0,0 +1,3 @@
+import { manifests as relationManifests } from './relations/manifests.js';
+import { manifests as relationTypeManifests } from './relation-types/manifests.js';
+export const manifests = [...relationTypeManifests, ...relationManifests];

package/dist-cms/packages/relations/relation-types/entity-actions/create.action.d.ts

@@ -0,0 +1,7 @@
+import { UmbRelationTypeRepository } from '../repository/relation-type.repository.js';
+import { UmbEntityActionBase } from '../../../core/entity-action/index.js';
+import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+export declare class UmbCreateRelationTypeEntityAction extends UmbEntityActionBase<UmbRelationTypeRepository> {
+    constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
+    execute(): Promise<void>;
+}

package/dist-cms/packages/relations/relation-types/entity-actions/create.action.js

@@ -0,0 +1,11 @@
+import { UmbEntityActionBase } from '../../../core/entity-action/index.js';
+export class UmbCreateRelationTypeEntityAction extends UmbEntityActionBase {
+    // TODO: Could EntityActions take the manifest instead, for more flexibility?
+    constructor(host, repositoryAlias, unique) {
+        super(host, repositoryAlias, unique);
+    }
+    async execute() {
+        // TODO: Generate the href or retrieve it from something?
+        history.pushState(null, '', `section/settings/workspace/relation-type/create/${this.unique ?? null}`);
+    }
+}

package/dist-cms/packages/relations/relation-types/entity-actions/manifests.d.ts

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

package/dist-cms/packages/relations/relation-types/entity-actions/manifests.js

@@ -0,0 +1,32 @@
+import { UMB_RELATION_TYPE_REPOSITORY_ALIAS } from '../repository/manifests.js';
+import { UMB_RELATION_TYPE_ENTITY_TYPE, UMB_RELATION_TYPE_ROOT_ENTITY_TYPE } from '../index.js';
+import { UmbCreateRelationTypeEntityAction } from './create.action.js';
+import { UmbDeleteEntityAction } from '../../../core/entity-action/index.js';
+const entityActions = [
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.RelationType.Delete',
+        name: 'Delete RelationType Entity Action',
+        api: UmbDeleteEntityAction,
+        meta: {
+            repositoryAlias: UMB_RELATION_TYPE_REPOSITORY_ALIAS,
+            icon: 'icon-trash',
+            label: 'Delete',
+            entityTypes: [UMB_RELATION_TYPE_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.RelationType.Create',
+        name: 'Create RelationType Entity Action',
+        weight: 900,
+        api: UmbCreateRelationTypeEntityAction,
+        meta: {
+            icon: 'icon-add',
+            label: 'Create',
+            repositoryAlias: UMB_RELATION_TYPE_REPOSITORY_ALIAS,
+            entityTypes: [UMB_RELATION_TYPE_ROOT_ENTITY_TYPE],
+        },
+    },
+];
+export const manifests = [...entityActions];

package/dist-cms/packages/{settings → relations}/relation-types/index.d.ts

@@ -1 +1,2 @@
 export * from './repository/index.js';
+export * from './entities.js';

package/dist-cms/packages/{settings → relations}/relation-types/index.js

@@ -1 +1,2 @@
 export * from './repository/index.js';
+export * from './entities.js';

package/dist-cms/packages/relations/relation-types/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: (import("../../core/index.js").ManifestEntityAction | import("../../core/index.js").ManifestMenuItemTreeKind | 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").ManifestWorkspaceView | import("../../core/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi>)[];

package/dist-cms/packages/{settings → relations}/relation-types/manifests.js

@@ -2,4 +2,11 @@ import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
-export const manifests = [...repositoryManifests, ...menuItemManifests, ...treeManifests, ...workspaceManifests];
+import { manifests as entityActionManifests } from './entity-actions/manifests.js';
+export const manifests = [
+    ...repositoryManifests,
+    ...menuItemManifests,
+    ...treeManifests,
+    ...workspaceManifests,
+    ...entityActionManifests,
+];

package/dist-cms/packages/{settings → relations}/relation-types/repository/manifests.js

@@ -1,4 +1,4 @@
-import { UmbRelationTypeRepository } from '../repository/relation-type.repository.js';
+import { UmbRelationTypeRepository } from './relation-type.repository.js';
 import { UmbRelationTypeStore } from './relation-type.store.js';
 export const UMB_RELATION_TYPE_REPOSITORY_ALIAS = 'Umb.Repository.RelationType';
 const repository = {

package/dist-cms/packages/{settings → relations}/relation-types/repository/relation-type.repository.d.ts

@@ -9,6 +9,10 @@ export declare class UmbRelationTypeRepository extends UmbBaseController impleme
     createScaffold(parentId: string | null): Promise<{
         data: RelationTypeResponseModel;
     }>;
+    requestRelationsById(id: string): Promise<{
+        data: import("../../../../external/backend-api/index.js").PagedRelationResponseModel | undefined;
+        error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
+    }>;
     requestById(id: string): Promise<{
         data: RelationTypeResponseModel | undefined;
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;

package/dist-cms/packages/{settings → relations}/relation-types/repository/relation-type.repository.js

@@ -34,6 +34,16 @@ export class UmbRelationTypeRepository extends UmbBaseController {
         await this.#init;
         return this.#detailDataSource.createScaffold(parentId);
     }
+    async requestRelationsById(id) {
+        await this.#init;
+        // TODO: should we show a notification if the id is missing?
+        // Investigate what is best for Acceptance testing, cause in that perspective a thrown error might be the best choice?
+        if (!id) {
+            throw new Error('Id is missing');
+        }
+        const { data, error } = await this.#detailDataSource.readRelations(id);
+        return { data, error };
+    }
     async requestById(id) {
         await this.#init;
         // TODO: should we show a notification if the id is missing?

package/dist-cms/packages/{settings → relations}/relation-types/repository/sources/relation-type.server.data.d.ts

@@ -22,6 +22,13 @@ export declare class UmbRelationTypeServerDataSource implements UmbDataSource<Cr
      * @memberof UmbRelationTypeServerDataSource
      */
     read(id: string): Promise<import("../../../../core/repository/index.js").DataSourceResponse<RelationTypeResponseModel>>;
+    /**
+     * Fetches a Relation Type with the given id from the server
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbRelationTypeServerDataSource
+     */
+    readRelations(id: string): Promise<import("../../../../core/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedRelationResponseModel>>;
     /**
      * Creates a new Relation Type scaffold
      * @param {(string | null)} parentId

package/dist-cms/packages/{settings → relations}/relation-types/repository/sources/relation-type.server.data.js

@@ -1,5 +1,6 @@
-import { RelationTypeResource, } from '../../../../../external/backend-api/index.js';
+import { RelationTypeResource, RelationResource, } from '../../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
+import { UmbId } from '../../../../core/id/index.js';
 /**
  * A data source for the Relation Type that fetches data from the server
  * @export
@@ -30,6 +31,20 @@ export class UmbRelationTypeServerDataSource {
             id,
         }));
     }
+    /**
+     * Fetches a Relation Type with the given id from the server
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbRelationTypeServerDataSource
+     */
+    async readRelations(id) {
+        if (!id) {
+            throw new Error('Id is missing');
+        }
+        return tryExecuteAndNotify(this.#host, RelationResource.getRelationTypeById({
+            id,
+        }));
+    }
     /**
      * Creates a new Relation Type scaffold
      * @param {(string | null)} parentId
@@ -37,9 +52,15 @@ export class UmbRelationTypeServerDataSource {
      * @memberof UmbRelationTypeServerDataSource
      */
     async createScaffold(parentId) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        const data = {};
+        const data = {
+            id: UmbId.new(),
+            name: '',
+            alias: '',
+            isBidirectional: false,
+            isDependency: false,
+            path: '',
+            isSystemRelationType: false,
+        };
         return { data };
     }
     /**

package/dist-cms/packages/{settings → relations}/relation-types/workspace/relation-type-workspace.context.d.ts

@@ -11,6 +11,10 @@ export declare class UmbRelationTypeWorkspaceContext extends UmbEditableWorkspac
     constructor(host: UmbControllerHostElement);
     load(id: string): Promise<void>;
     createScaffold(parentId: string | null): Promise<void>;
+    getRelations(): Promise<{
+        data: import("../../../../external/backend-api/index.js").PagedRelationResponseModel | undefined;
+        error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
+    }>;
     getData(): RelationTypeResponseModel | undefined;
     getEntityId(): string;
     getEntityType(): string;

package/dist-cms/packages/{settings → relations}/relation-types/workspace/relation-type-workspace.context.js

@@ -25,6 +25,10 @@ export class UmbRelationTypeWorkspaceContext extends UmbEditableWorkspaceContext
         this.setIsNew(true);
         this.#data.next(data);
     }
+    async getRelations() {
+        //TODO: How do we test this?
+        return await this.repository.requestRelationsById(this.getEntityId());
+    }
     getData() {
         return this.#data.getValue();
     }
@@ -42,12 +46,15 @@ export class UmbRelationTypeWorkspaceContext extends UmbEditableWorkspaceContext
             return;
         if (!this.#data.value.id)
             return;
-        if (this.isNew) {
-            await this.repository.create(this.#data.value);
+        let response = undefined;
+        if (this.getIsNew()) {
+            response = await this.repository.create(this.#data.value);
         }
         else {
-            await this.repository.save(this.#data.value.id, this.#data.value);
+            response = await this.repository.save(this.#data.value.id, this.#data.value);
         }
+        if (response.error)
+            return;
         // If it went well, then its not new anymore?.
         this.setIsNew(false);
     }