@umbraco-cms/backoffice 14.0.0--preview007-cccfbc9c → 14.0.0--preview007-02546fcd

package/dist-cms/external/backend-api/src/index.d.ts

@@ -17,11 +17,14 @@ export type { AvailableMemberTypeCompositionResponseModel } from './models/Avail
 export type { ChangePasswordUserRequestModel } from './models/ChangePasswordUserRequestModel';
 export { CompositionTypeModel } from './models/CompositionTypeModel';
 export type { ConsentLevelPresentationModel } from './models/ConsentLevelPresentationModel';
+export type { ContentCollectionResponseModelBaseDocumentValueModelDocumentVariantResponseModel } from './models/ContentCollectionResponseModelBaseDocumentValueModelDocumentVariantResponseModel';
+export type { ContentCollectionResponseModelBaseMediaValueModelMediaVariantResponseModel } from './models/ContentCollectionResponseModelBaseMediaValueModelMediaVariantResponseModel';
 export type { ContentForDocumentResponseModel } from './models/ContentForDocumentResponseModel';
 export type { ContentForMediaResponseModel } from './models/ContentForMediaResponseModel';
 export type { ContentForMemberResponseModel } from './models/ContentForMemberResponseModel';
 export type { ContentTreeItemResponseModel } from './models/ContentTreeItemResponseModel';
 export type { ContentTypeCleanupBaseModel } from './models/ContentTypeCleanupBaseModel';
+export type { ContentTypeCollectionReferenceResponseModelBaseModel } from './models/ContentTypeCollectionReferenceResponseModelBaseModel';
 export type { ContentTypeCompositionRequestModelBaseModel } from './models/ContentTypeCompositionRequestModelBaseModel';
 export type { ContentTypeCompositionResponseModelBaseModel } from './models/ContentTypeCompositionResponseModelBaseModel';
 export type { ContentTypeForDocumentTypeResponseModel } from './models/ContentTypeForDocumentTypeResponseModel';
@@ -94,6 +97,7 @@ export { DirectionModel } from './models/DirectionModel';
 export type { DisableUserRequestModel } from './models/DisableUserRequestModel';
 export type { DocumentBlueprintResponseModel } from './models/DocumentBlueprintResponseModel';
 export type { DocumentBlueprintTreeItemResponseModel } from './models/DocumentBlueprintTreeItemResponseModel';
+export type { DocumentCollectionResponseModel } from './models/DocumentCollectionResponseModel';
 export type { DocumentConfigurationResponseModel } from './models/DocumentConfigurationResponseModel';
 export type { DocumentItemResponseModel } from './models/DocumentItemResponseModel';
 export type { DocumentNotificationResponseModel } from './models/DocumentNotificationResponseModel';
@@ -101,6 +105,7 @@ export type { DocumentRecycleBinItemResponseModel } from './models/DocumentRecyc
 export type { DocumentResponseModel } from './models/DocumentResponseModel';
 export type { DocumentTreeItemResponseModel } from './models/DocumentTreeItemResponseModel';
 export type { DocumentTypeCleanupModel } from './models/DocumentTypeCleanupModel';
+export type { DocumentTypeCollectionReferenceResponseModel } from './models/DocumentTypeCollectionReferenceResponseModel';
 export type { DocumentTypeCompositionModel } from './models/DocumentTypeCompositionModel';
 export type { DocumentTypeCompositionRequestModel } from './models/DocumentTypeCompositionRequestModel';
 export type { DocumentTypeCompositionResponseModel } from './models/DocumentTypeCompositionResponseModel';
@@ -174,11 +179,13 @@ export { LogLevelModel } from './models/LogLevelModel';
 export type { LogMessagePropertyPresentationModel } from './models/LogMessagePropertyPresentationModel';
 export type { LogMessageResponseModel } from './models/LogMessageResponseModel';
 export type { LogTemplateResponseModel } from './models/LogTemplateResponseModel';
+export type { MediaCollectionResponseModel } from './models/MediaCollectionResponseModel';
 export type { MediaConfigurationResponseModel } from './models/MediaConfigurationResponseModel';
 export type { MediaItemResponseModel } from './models/MediaItemResponseModel';
 export type { MediaRecycleBinItemResponseModel } from './models/MediaRecycleBinItemResponseModel';
 export type { MediaResponseModel } from './models/MediaResponseModel';
 export type { MediaTreeItemResponseModel } from './models/MediaTreeItemResponseModel';
+export type { MediaTypeCollectionReferenceResponseModel } from './models/MediaTypeCollectionReferenceResponseModel';
 export type { MediaTypeCompositionModel } from './models/MediaTypeCompositionModel';
 export type { MediaTypeCompositionRequestModel } from './models/MediaTypeCompositionRequestModel';
 export type { MediaTypeCompositionResponseModel } from './models/MediaTypeCompositionResponseModel';
@@ -236,6 +243,7 @@ export type { PagedCultureReponseModel } from './models/PagedCultureReponseModel
 export type { PagedDataTypeTreeItemResponseModel } from './models/PagedDataTypeTreeItemResponseModel';
 export type { PagedDictionaryOverviewResponseModel } from './models/PagedDictionaryOverviewResponseModel';
 export type { PagedDocumentBlueprintTreeItemResponseModel } from './models/PagedDocumentBlueprintTreeItemResponseModel';
+export type { PagedDocumentCollectionResponseModel } from './models/PagedDocumentCollectionResponseModel';
 export type { PagedDocumentRecycleBinItemResponseModel } from './models/PagedDocumentRecycleBinItemResponseModel';
 export type { PagedDocumentTreeItemResponseModel } from './models/PagedDocumentTreeItemResponseModel';
 export type { PagedDocumentTypeTreeItemResponseModel } from './models/PagedDocumentTypeTreeItemResponseModel';
@@ -247,6 +255,7 @@ export type { PagedLanguageResponseModel } from './models/PagedLanguageResponseM
 export type { PagedLoggerResponseModel } from './models/PagedLoggerResponseModel';
 export type { PagedLogMessageResponseModel } from './models/PagedLogMessageResponseModel';
 export type { PagedLogTemplateResponseModel } from './models/PagedLogTemplateResponseModel';
+export type { PagedMediaCollectionResponseModel } from './models/PagedMediaCollectionResponseModel';
 export type { PagedMediaRecycleBinItemResponseModel } from './models/PagedMediaRecycleBinItemResponseModel';
 export type { PagedMediaTreeItemResponseModel } from './models/PagedMediaTreeItemResponseModel';
 export type { PagedMediaTypeTreeItemResponseModel } from './models/PagedMediaTypeTreeItemResponseModel';
@@ -344,7 +353,6 @@ export type { TemplateQueryResultItemPresentationModel } from './models/Template
 export type { TemplateQueryResultResponseModel } from './models/TemplateQueryResultResponseModel';
 export type { TemplateQuerySettingsResponseModel } from './models/TemplateQuerySettingsResponseModel';
 export type { TemplateResponseModel } from './models/TemplateResponseModel';
-export type { TemplateScaffoldResponseModel } from './models/TemplateScaffoldResponseModel';
 export type { TemporaryFileResponseModel } from './models/TemporaryFileResponseModel';
 export type { TourStatusModel } from './models/TourStatusModel';
 export type { TreeItemPresentationModel } from './models/TreeItemPresentationModel';

package/dist-cms/external/backend-api/src/models/ContentCollectionResponseModelBaseDocumentValueModelDocumentVariantResponseModel.d.ts

@@ -0,0 +1,9 @@
+import type { DocumentValueModel } from './DocumentValueModel';
+import type { DocumentVariantResponseModel } from './DocumentVariantResponseModel';
+export type ContentCollectionResponseModelBaseDocumentValueModelDocumentVariantResponseModel = {
+    values: Array<DocumentValueModel>;
+    variants: Array<DocumentVariantResponseModel>;
+    id: string;
+    creator?: string | null;
+    sortOrder: number;
+};

package/dist-cms/external/backend-api/src/models/ContentCollectionResponseModelBaseMediaValueModelMediaVariantResponseModel.d.ts

@@ -0,0 +1,9 @@
+import type { MediaValueModel } from './MediaValueModel';
+import type { MediaVariantResponseModel } from './MediaVariantResponseModel';
+export type ContentCollectionResponseModelBaseMediaValueModelMediaVariantResponseModel = {
+    values: Array<MediaValueModel>;
+    variants: Array<MediaVariantResponseModel>;
+    id: string;
+    creator?: string | null;
+    sortOrder: number;
+};

package/dist-cms/external/backend-api/src/models/ContentTypeCollectionReferenceResponseModelBaseModel.d.ts

@@ -0,0 +1,5 @@
+export type ContentTypeCollectionReferenceResponseModelBaseModel = {
+    id: string;
+    alias: string;
+    icon: string;
+};

package/dist-cms/external/backend-api/src/models/DocumentCollectionResponseModel.d.ts

@@ -0,0 +1,6 @@
+import type { ContentCollectionResponseModelBaseDocumentValueModelDocumentVariantResponseModel } from './ContentCollectionResponseModelBaseDocumentValueModelDocumentVariantResponseModel';
+import type { DocumentTypeCollectionReferenceResponseModel } from './DocumentTypeCollectionReferenceResponseModel';
+export type DocumentCollectionResponseModel = (ContentCollectionResponseModelBaseDocumentValueModelDocumentVariantResponseModel & {
+    documentType: DocumentTypeCollectionReferenceResponseModel;
+    updater?: string | null;
+});

package/dist-cms/external/backend-api/src/models/DocumentTypeCollectionReferenceResponseModel.d.ts

@@ -0,0 +1,2 @@
+import type { ContentTypeCollectionReferenceResponseModelBaseModel } from './ContentTypeCollectionReferenceResponseModelBaseModel';
+export type DocumentTypeCollectionReferenceResponseModel = ContentTypeCollectionReferenceResponseModelBaseModel;

package/dist-cms/external/backend-api/src/models/MediaCollectionResponseModel.d.ts

@@ -0,0 +1,5 @@
+import type { ContentCollectionResponseModelBaseMediaValueModelMediaVariantResponseModel } from './ContentCollectionResponseModelBaseMediaValueModelMediaVariantResponseModel';
+import type { MediaTypeCollectionReferenceResponseModel } from './MediaTypeCollectionReferenceResponseModel';
+export type MediaCollectionResponseModel = (ContentCollectionResponseModelBaseMediaValueModelMediaVariantResponseModel & {
+    mediaType: MediaTypeCollectionReferenceResponseModel;
+});

package/dist-cms/external/backend-api/src/models/MediaTypeCollectionReferenceResponseModel.d.ts

@@ -0,0 +1,2 @@
+import type { ContentTypeCollectionReferenceResponseModelBaseModel } from './ContentTypeCollectionReferenceResponseModelBaseModel';
+export type MediaTypeCollectionReferenceResponseModel = ContentTypeCollectionReferenceResponseModelBaseModel;

package/dist-cms/external/backend-api/src/models/PagedDocumentCollectionResponseModel.d.ts

@@ -0,0 +1,5 @@
+import type { DocumentCollectionResponseModel } from './DocumentCollectionResponseModel';
+export type PagedDocumentCollectionResponseModel = {
+    total: number;
+    items: Array<DocumentCollectionResponseModel>;
+};

package/dist-cms/external/backend-api/src/models/PagedMediaCollectionResponseModel.d.ts

@@ -0,0 +1,5 @@
+import type { MediaCollectionResponseModel } from './MediaCollectionResponseModel';
+export type PagedMediaCollectionResponseModel = {
+    total: number;
+    items: Array<MediaCollectionResponseModel>;
+};

package/dist-cms/external/backend-api/src/services/DocumentResource.d.ts

@@ -1,11 +1,13 @@
 import type { CopyDocumentRequestModel } from '../models/CopyDocumentRequestModel';
 import type { CreateDocumentRequestModel } from '../models/CreateDocumentRequestModel';
+import type { DirectionModel } from '../models/DirectionModel';
 import type { DocumentConfigurationResponseModel } from '../models/DocumentConfigurationResponseModel';
 import type { DocumentItemResponseModel } from '../models/DocumentItemResponseModel';
 import type { DocumentNotificationResponseModel } from '../models/DocumentNotificationResponseModel';
 import type { DocumentResponseModel } from '../models/DocumentResponseModel';
 import type { DomainsResponseModel } from '../models/DomainsResponseModel';
 import type { MoveDocumentRequestModel } from '../models/MoveDocumentRequestModel';
+import type { PagedDocumentCollectionResponseModel } from '../models/PagedDocumentCollectionResponseModel';
 import type { PagedDocumentRecycleBinItemResponseModel } from '../models/PagedDocumentRecycleBinItemResponseModel';
 import type { PagedDocumentTreeItemResponseModel } from '../models/PagedDocumentTreeItemResponseModel';
 import type { PublicAccessRequestModel } from '../models/PublicAccessRequestModel';
@@ -18,6 +20,20 @@ import type { UpdateDocumentRequestModel } from '../models/UpdateDocumentRequest
 import type { UpdateDomainsRequestModel } from '../models/UpdateDomainsRequestModel';
 import type { CancelablePromise } from '../core/CancelablePromise';
 export declare class DocumentResource {
+    /**
+     * @returns PagedDocumentCollectionResponseModel Success
+     * @throws ApiError
+     */
+    static getCollectionDocumentById({ id, dataTypeId, orderBy, orderCulture, orderDirection, filter, skip, take, }: {
+        id: string;
+        dataTypeId?: string;
+        orderBy?: string;
+        orderCulture?: string;
+        orderDirection?: DirectionModel;
+        filter?: string;
+        skip?: number;
+        take?: number;
+    }): CancelablePromise<PagedDocumentCollectionResponseModel>;
     /**
      * @returns string Created
      * @throws ApiError

package/dist-cms/external/backend-api/src/services/MediaResource.d.ts

@@ -1,14 +1,29 @@
 import type { CreateMediaRequestModel } from '../models/CreateMediaRequestModel';
+import type { DirectionModel } from '../models/DirectionModel';
 import type { MediaConfigurationResponseModel } from '../models/MediaConfigurationResponseModel';
 import type { MediaItemResponseModel } from '../models/MediaItemResponseModel';
 import type { MediaResponseModel } from '../models/MediaResponseModel';
 import type { MoveMediaRequestModel } from '../models/MoveMediaRequestModel';
+import type { PagedMediaCollectionResponseModel } from '../models/PagedMediaCollectionResponseModel';
 import type { PagedMediaRecycleBinItemResponseModel } from '../models/PagedMediaRecycleBinItemResponseModel';
 import type { PagedMediaTreeItemResponseModel } from '../models/PagedMediaTreeItemResponseModel';
 import type { SortingRequestModel } from '../models/SortingRequestModel';
 import type { UpdateMediaRequestModel } from '../models/UpdateMediaRequestModel';
 import type { CancelablePromise } from '../core/CancelablePromise';
 export declare class MediaResource {
+    /**
+     * @returns PagedMediaCollectionResponseModel Success
+     * @throws ApiError
+     */
+    static getCollectionMedia({ id, dataTypeId, orderBy, orderDirection, filter, skip, take, }: {
+        id?: string;
+        dataTypeId?: string;
+        orderBy?: string;
+        orderDirection?: DirectionModel;
+        filter?: string;
+        skip?: number;
+        take?: number;
+    }): CancelablePromise<PagedMediaCollectionResponseModel>;
     /**
      * @returns any Success
      * @throws ApiError
@@ -30,6 +45,13 @@ export declare class MediaResource {
     static getMediaById({ id, }: {
         id: string;
     }): CancelablePromise<MediaResponseModel>;
+    /**
+     * @returns any Success
+     * @throws ApiError
+     */
+    static deleteMediaById({ id, }: {
+        id: string;
+    }): CancelablePromise<any>;
     /**
      * @returns any Success
      * @throws ApiError
@@ -85,6 +107,13 @@ export declare class MediaResource {
      * @throws ApiError
      */
     static deleteRecycleBinMedia(): CancelablePromise<any>;
+    /**
+     * @returns any Success
+     * @throws ApiError
+     */
+    static deleteRecycleBinMediaById({ id, }: {
+        id: string;
+    }): CancelablePromise<any>;
     /**
      * @returns PagedMediaRecycleBinItemResponseModel Success
      * @throws ApiError

package/dist-cms/external/backend-api/src/services/TemplateResource.d.ts

@@ -6,7 +6,6 @@ import type { TemplateQueryExecuteModel } from '../models/TemplateQueryExecuteMo
 import type { TemplateQueryResultResponseModel } from '../models/TemplateQueryResultResponseModel';
 import type { TemplateQuerySettingsResponseModel } from '../models/TemplateQuerySettingsResponseModel';
 import type { TemplateResponseModel } from '../models/TemplateResponseModel';
-import type { TemplateScaffoldResponseModel } from '../models/TemplateScaffoldResponseModel';
 import type { UpdateTemplateRequestModel } from '../models/UpdateTemplateRequestModel';
 import type { CancelablePromise } from '../core/CancelablePromise';
 export declare class TemplateResource {
@@ -63,13 +62,6 @@ export declare class TemplateResource {
      * @throws ApiError
      */
     static getTemplateQuerySettings(): CancelablePromise<TemplateQuerySettingsResponseModel>;
-    /**
-     * @returns any Success
-     * @throws ApiError
-     */
-    static getTemplateScaffold({ masterTemplateId, }: {
-        masterTemplateId?: string;
-    }): CancelablePromise<TemplateScaffoldResponseModel>;
     /**
      * @returns PagedNamedEntityTreeItemResponseModel Success
      * @throws ApiError

package/dist-cms/mocks/data/document-type/document-type.data.js

@@ -1004,6 +1004,46 @@ export const data = [
                     labelOnTop: false,
                 },
             },
+            {
+                id: 'a92de6ac-1a22-4a45-a481-b6cae1cccbba',
+                container: { id: '2e845ca8-1e3e-4b03-be1d-0b4149ce2120' },
+                alias: 'alchemyElement',
+                name: 'Alchemy Element',
+                description: null,
+                dataType: { id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae' },
+                variesByCulture: false,
+                variesBySegment: false,
+                sortOrder: 0,
+                validation: {
+                    mandatory: false,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
+            {
+                id: 'c92de6ac-1a22-4a45-a481-b6cae1cccbba',
+                container: { id: '2e845ca8-1e3e-4b03-be1d-0b4149ce2120' },
+                alias: 'acidScale',
+                name: 'Acid Scale',
+                description: null,
+                dataType: { id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae' },
+                variesByCulture: false,
+                variesBySegment: false,
+                sortOrder: 0,
+                validation: {
+                    mandatory: false,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
         ],
         containers: [
             {
@@ -1013,6 +1053,13 @@ export const data = [
                 type: 'Group',
                 sortOrder: 0,
             },
+            {
+                id: '2e845ca8-1e3e-4b03-be1d-0b4149ce2120',
+                parent: null,
+                name: 'Alchemy',
+                type: 'Group',
+                sortOrder: 0,
+            },
         ],
         allowedDocumentTypes: [],
         compositions: [],

package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.d.ts

@@ -42,6 +42,7 @@ export declare class UmbInputDocumentTypeElement extends UmbInputDocumentTypeEle
     get selectedIds(): Array<string>;
     set selectedIds(ids: Array<string> | undefined);
     set value(idsString: string);
+    get value(): string;
     private _items?;
     private _editDocumentTypePath;
     constructor();

package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.js

@@ -51,6 +51,9 @@ let UmbInputDocumentTypeElement = class UmbInputDocumentTypeElement extends Form
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
         this.selectedIds = splitStringToArray(idsString);
     }
+    get value() {
+        return this.selectedIds.join(',');
+    }
     constructor() {
         super();
         _UmbInputDocumentTypeElement_instances.add(this);

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

@@ -1,8 +1,8 @@
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import './document-type-workspace-view-edit-property.element.js';
 import type { UmbDocumentTypeDetailModel } from '../../../types.js';
 import type { UmbPropertyContainerTypes, UmbPropertyTypeModel } from '../../../../../core/content-type/index.js';
 import { UmbContentTypePropertyStructureHelper } from '../../../../../core/content-type/index.js';
-import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 export declare class UmbDocumentTypeWorkspaceViewEditPropertiesElement extends UmbLitElement {
     #private;
     private _containerId;

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

@@ -9,27 +9,15 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _UmbDocumentTypeWorkspaceViewEditPropertiesElement_instances, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_propertySorter, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_setModel, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_addProperty;
+var _UmbDocumentTypeWorkspaceViewEditPropertiesElement_instances, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_model, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_sorter, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_addProperty;
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import './document-type-workspace-view-edit-property.element.js';
 import { css, html, customElement, property, state, repeat, ifDefined } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 import { UmbContentTypePropertyStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbSorterController } from '../../../../../core/sorter/index.js';
-import { UmbLitElement } from '../../../../../core/lit-element/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 = {
-    getUniqueOfElement: (element) => {
-        return element.getAttribute('data-umb-property-id');
-    },
-    getUniqueOfModel: (modelEntry) => {
-        return modelEntry.id;
-    },
-    identifier: 'content-type-property-sorter',
-    itemSelector: '[data-umb-property-id]',
-    disabledItemSelector: '[inherited]',
-    containerSelector: '#property-list',
-};
 let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocumentTypeWorkspaceViewEditPropertiesElement extends UmbLitElement {
     get containerId() {
         return this._containerId;
@@ -56,37 +44,39 @@ let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocumentTypeWor
     constructor() {
         super();
         _UmbDocumentTypeWorkspaceViewEditPropertiesElement_instances.add(this);
-        _UmbDocumentTypeWorkspaceViewEditPropertiesElement_propertySorter.set(this, new UmbSorterController(this, {
-            ...SORTER_CONFIG,
-            performItemInsert: (args) => {
-                let sortOrder = 0;
-                if (this._propertyStructure.length > 0) {
-                    if (args.newIndex === 0) {
-                        sortOrder = (this._propertyStructure[0].sortOrder ?? 0) - 1;
-                    }
-                    else {
-                        sortOrder =
-                            (this._propertyStructure[Math.min(args.newIndex, this._propertyStructure.length - 1)].sortOrder ?? 0) + 1;
-                    }
-                }
-                return this._propertyStructureHelper.insertProperty(args.item, sortOrder);
+        _UmbDocumentTypeWorkspaceViewEditPropertiesElement_model.set(this, []);
+        _UmbDocumentTypeWorkspaceViewEditPropertiesElement_sorter.set(this, new UmbSorterController(this, {
+            getUniqueOfElement: (element) => {
+                return element.getAttribute('data-umb-property-id');
             },
-            performItemRemove: (args) => {
-                return this._propertyStructureHelper.removeProperty(args.item.id);
+            getUniqueOfModel: (modelEntry) => {
+                return modelEntry.id;
             },
-            performItemMove: (args) => {
-                this._propertyStructureHelper.removeProperty(args.item.id);
-                let sortOrder = 0;
-                if (this._propertyStructure.length > 0) {
-                    if (args.newIndex === 0) {
-                        sortOrder = (this._propertyStructure[0].sortOrder ?? 0) - 1;
-                    }
-                    else {
-                        sortOrder =
-                            (this._propertyStructure[Math.min(args.newIndex, this._propertyStructure.length - 1)].sortOrder ?? 0) + 1;
-                    }
+            identifier: 'document-type-property-sorter',
+            itemSelector: 'umb-document-type-workspace-view-edit-property',
+            disabledItemSelector: '[inherited]',
+            //TODO: Set the property list (sorter wrapper) to inherited, if its inherited
+            // This is because we don't want to move local properties into an inherited group container.
+            // Or maybe we do, but we still need to check if the group exists locally, if not, then it needs to be created before we move a property into it.
+            // TODO: Fix bug where a local property turn into an inherited when moved to a new group container.
+            containerSelector: '#property-list',
+            onChange: ({ item, model }) => {
+                const isInNewContainer = model.find((entry) => entry?.container?.id !== this._containerId && this._containerId);
+                if (isInNewContainer) {
+                    model.forEach((entry, index) => {
+                        entry.id === item.id
+                            ? this._propertyStructureHelper.partialUpdateProperty(entry.id, {
+                                sortOrder: index,
+                                container: { id: this._containerId },
+                            })
+                            : this._propertyStructureHelper.partialUpdateProperty(entry.id, { sortOrder: index });
+                    });
+                }
+                else {
+                    model.forEach((entry, index) => {
+                        this._propertyStructureHelper.partialUpdateProperty(entry.id, { sortOrder: index });
+                    });
                 }
-                return this._propertyStructureHelper.insertProperty(args.item, sortOrder);
             },
         }));
         this._propertyStructureHelper = new UmbContentTypePropertyStructureHelper(this);
@@ -95,7 +85,12 @@ let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocumentTypeWor
             this._propertyStructureHelper.setStructureManager(workspaceContext.structure);
             this.observe(workspaceContext.isSorting, (isSorting) => {
                 this._sortModeActive = isSorting;
-                __classPrivateFieldGet(this, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_instances, "m", _UmbDocumentTypeWorkspaceViewEditPropertiesElement_setModel).call(this, isSorting);
+                if (isSorting) {
+                    __classPrivateFieldGet(this, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_sorter, "f").setModel(this._propertyStructure);
+                }
+                else {
+                    __classPrivateFieldGet(this, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_sorter, "f").setModel([]);
+                }
             }, '_observeIsSorting');
             const docTypesObservable = await this._propertyStructureHelper.ownerDocumentTypes();
             if (!docTypesObservable)
@@ -130,26 +125,30 @@ let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocumentTypeWor
         });
     }
     render() {
-        return html `<div id="property-list">
-				${repeat(this._propertyStructure, (property) => property.id ?? '' + property.container?.id ?? '' + property.sortOrder ?? '', (property) => {
+        return html `
+			<div id="property-list" ?sort-mode-active=${this._sortModeActive}>
+				${repeat(this._propertyStructure, (property) => '' + property.container?.id + property.id + '' + 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.container?.id));
-            return html `<umb-document-type-workspace-view-edit-property
-							data-umb-property-id=${property.id}
-							owner-document-type-id=${ifDefined(inheritedFromDocument?.unique)}
-							owner-document-type-name=${ifDefined(inheritedFromDocument?.name)}
-							?inherited=${property.container?.id !== this.containerId}
-							?sort-mode-active=${this._sortModeActive}
-							.property=${property}
-							@partial-property-update=${(event) => {
+            return html `
+							<umb-document-type-workspace-view-edit-property
+								data-umb-property-id=${property.id}
+								owner-document-type-id=${ifDefined(inheritedFromDocument?.unique)}
+								owner-document-type-name=${ifDefined(inheritedFromDocument?.name)}
+								?inherited=${property.container?.id !== this.containerId}
+								?sort-mode-active=${this._sortModeActive}
+								.property=${property}
+								@partial-property-update=${(event) => {
                 this._propertyStructureHelper.partialUpdateProperty(property.id, event.detail);
             }}
-							@property-delete=${() => {
+								@property-delete=${() => {
                 this._propertyStructureHelper.removeProperty(property.id);
             }}>
-						</umb-document-type-workspace-view-edit-property>`;
+							</umb-document-type-workspace-view-edit-property>
+						`;
         })}
 			</div>
+
 			${!this._sortModeActive
             ? html `<uui-button
 						label=${this.localize.term('contentTypeEditor_addProperty')}
@@ -158,20 +157,13 @@ let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocumentTypeWor
 						href=${ifDefined(this._modalRouteNewProperty)}>
 						<umb-localize key="contentTypeEditor_addProperty">Add property</umb-localize>
 				  </uui-button> `
-            : ''} `;
+            : ''}
+		`;
     }
 };
-_UmbDocumentTypeWorkspaceViewEditPropertiesElement_propertySorter = new WeakMap();
+_UmbDocumentTypeWorkspaceViewEditPropertiesElement_model = new WeakMap();
+_UmbDocumentTypeWorkspaceViewEditPropertiesElement_sorter = new WeakMap();
 _UmbDocumentTypeWorkspaceViewEditPropertiesElement_instances = new WeakSet();
-_UmbDocumentTypeWorkspaceViewEditPropertiesElement_setModel = function _UmbDocumentTypeWorkspaceViewEditPropertiesElement_setModel(isSorting) {
-    if (isSorting) {
-        __classPrivateFieldGet(this, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_propertySorter, "f").setModel(this._propertyStructure);
-    }
-    else {
-        // TODO: Make a more proper way to disable sorting:
-        __classPrivateFieldGet(this, _UmbDocumentTypeWorkspaceViewEditPropertiesElement_propertySorter, "f").setModel([]);
-    }
-};
 _UmbDocumentTypeWorkspaceViewEditPropertiesElement_addProperty = async function _UmbDocumentTypeWorkspaceViewEditPropertiesElement_addProperty(propertyData) {
     const propertyPlaceholder = await this._propertyStructureHelper.addProperty(this._containerId);
     if (!propertyPlaceholder)
@@ -184,6 +176,11 @@ UmbDocumentTypeWorkspaceViewEditPropertiesElement.styles = [
 			#add {
 				width: 100%;
 			}
+
+			#property-list[sort-mode-active]:not(:has(umb-document-type-workspace-view-edit-property)) {
+				/* Some height so that the sorter can target the area if the group is empty*/
+				min-height: var(--uui-size-layout-1);
+			}
 		`,
 ];
 __decorate([

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

@@ -112,6 +112,7 @@ let UmbDocumentTypeWorkspacePropertyElement = class UmbDocumentTypeWorkspaceProp
 				type="number"
 				?readonly=${this.inherited}
 				label="sort order"
+				@change=${(e) => this._partialUpdate({ sortOrder: parseInt(e.target.value) || 0 })}
 				.value=${this.property.sortOrder ?? 0}></uui-input>
 		`;
     }
@@ -440,6 +441,10 @@ UmbDocumentTypeWorkspacePropertyElement.styles = [
 			a {
 				color: inherit;
 			}
+
+			:host([drag-placeholder]) {
+				opacity: 0.2;
+			}
 		`,
 ];
 __decorate([

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

@@ -1,14 +1,9 @@
 import type { UmbDocumentTypeDetailModel } from '../../../types.js';
-import { UmbContentTypeContainerStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
-import type { PropertyTypeContainerModelBaseModel } from '../../../../../../external/backend-api/index.js';
-import type { UmbSorterConfig } from '../../../../../core/sorter/index.js';
-import { UmbSorterController } from '../../../../../core/sorter/index.js';
+import { UmbContentTypeContainerStructureHelper, type UmbPropertyTypeContainerModel } from '../../../../../core/content-type/index.js';
 import './document-type-workspace-view-edit-properties.element.js';
 export declare class UmbDocumentTypeWorkspaceViewEditTabElement extends UmbLitElement {
     #private;
-    sorter?: UmbSorterController<PropertyTypeContainerModelBaseModel>;
-    config: UmbSorterConfig<PropertyTypeContainerModelBaseModel>;
     private _ownerTabId?;
     get ownerTabId(): string | null | undefined;
     set ownerTabId(value: string | null | undefined);
@@ -19,7 +14,7 @@ export declare class UmbDocumentTypeWorkspaceViewEditTabElement extends UmbLitEl
     get noTabName(): boolean;
     set noTabName(value: boolean);
     _groupStructureHelper: UmbContentTypeContainerStructureHelper<UmbDocumentTypeDetailModel>;
-    _groups: Array<PropertyTypeContainerModelBaseModel>;
+    _groups: Array<UmbPropertyTypeContainerModel>;
     _hasProperties: boolean;
     _sortModeActive?: boolean;
     constructor();