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

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

@@ -18,7 +18,7 @@ export const data = [
         parentId: null,
         name: 'Textstring',
         propertyEditorAlias: 'Umbraco.TextBox',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TextBox',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
         values: [],
     },
     {
@@ -28,7 +28,7 @@ export const data = [
         id: 'dt-textBox',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TextBox',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TextBox',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
         values: [
             {
                 alias: 'maxChars',
@@ -43,7 +43,7 @@ export const data = [
         id: 'dt-textArea',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TextArea',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TextArea',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextArea',
         values: [],
     },
     {
@@ -63,7 +63,7 @@ export const data = [
         id: 'dt-colorPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ColorPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.ColorPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.ColorPicker',
         values: [
             {
                 alias: 'useLabel',
@@ -119,7 +119,7 @@ export const data = [
         id: 'dt-contentPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ContentPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DocumentPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.DocumentPicker',
         values: [
             {
                 alias: 'validationLimit',
@@ -134,7 +134,7 @@ export const data = [
         id: 'dt-eyeDropper',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ColorPicker.EyeDropper',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.EyeDropper',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.EyeDropper',
         values: [
             {
                 //showPalette
@@ -171,7 +171,7 @@ export const data = [
         id: 'dt-multiUrlPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MultiUrlPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MultiUrlPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MultiUrlPicker',
         values: [
             {
                 alias: 'overlaySize',
@@ -202,7 +202,7 @@ export const data = [
         id: 'dt-multiNodeTreePicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MultiNodeTreePicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TreePicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TreePicker',
         values: [],
     },
     {
@@ -212,7 +212,7 @@ export const data = [
         id: 'dt-datePicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DateTime',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DatePicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.DatePicker',
         values: [
             {
                 alias: 'format',
@@ -236,7 +236,6 @@ export const data = [
         id: 'dt-datePicker-time',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DateTime',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DatePicker',
         values: [
             {
                 alias: 'format',
@@ -255,7 +254,7 @@ export const data = [
         id: 'dt-time',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DateTime',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DatePicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.DatePicker',
         values: [
             {
                 alias: 'format',
@@ -274,7 +273,7 @@ export const data = [
         id: 'dt-email',
         parentId: null,
         propertyEditorAlias: 'Umbraco.EmailAddress',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Email',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Email',
         values: [],
     },
     {
@@ -284,7 +283,7 @@ export const data = [
         id: 'dt-multipleTextString',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MultipleTextString',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MultipleTextString',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MultipleTextString',
         values: [
             {
                 alias: 'minNumber',
@@ -303,7 +302,7 @@ export const data = [
         id: 'dt-dropdown',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DropDown.Flexible',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Dropdown',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Dropdown',
         values: [],
     },
     {
@@ -313,7 +312,7 @@ export const data = [
         id: 'dt-slider',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Slider',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Slider',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Slider',
         values: [
             {
                 alias: 'enableRange',
@@ -348,7 +347,7 @@ export const data = [
         id: 'dt-toggle',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TrueFalse',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Toggle',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
         values: [
             {
                 alias: 'default',
@@ -375,7 +374,7 @@ export const data = [
         id: 'dt-tags',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Tags',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Tags',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Tags',
         values: [
             {
                 alias: 'group',
@@ -394,7 +393,7 @@ export const data = [
         id: 'dt-markdownEditor',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MarkdownEditor',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MarkdownEditor',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MarkdownEditor',
         values: [],
     },
     {
@@ -404,7 +403,7 @@ export const data = [
         id: 'dt-radioButtonList',
         parentId: null,
         propertyEditorAlias: 'Umbraco.RadioButtonList',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.RadioButtonList',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.RadioButtonList',
         values: [
             {
                 alias: 'items',
@@ -423,7 +422,7 @@ export const data = [
         id: 'dt-checkboxList',
         parentId: null,
         propertyEditorAlias: 'Umbraco.CheckboxList',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.CheckboxList',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.CheckboxList',
         values: [
             {
                 alias: 'items',
@@ -442,7 +441,7 @@ export const data = [
         id: 'dt-blockList',
         parentId: null,
         propertyEditorAlias: 'Umbraco.BlockList',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.BlockList',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockList',
         values: [],
     },
     {
@@ -452,7 +451,7 @@ export const data = [
         id: 'dt-mediaPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MediaPicker3',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MediaPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MediaPicker',
         values: [],
     },
     {
@@ -462,7 +461,7 @@ export const data = [
         id: 'dt-imageCropper',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ImageCropper',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.ImageCropper',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.ImageCropper',
         values: [],
     },
     {
@@ -472,7 +471,7 @@ export const data = [
         id: 'dt-uploadField',
         parentId: null,
         propertyEditorAlias: 'Umbraco.UploadField',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.UploadField',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.UploadField',
         values: [
             {
                 alias: 'fileExtensions',
@@ -491,7 +490,7 @@ export const data = [
         id: 'dt-blockGrid',
         parentId: null,
         propertyEditorAlias: 'Umbraco.BlockGrid',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.BlockGrid',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockGrid',
         values: [],
     },
     {
@@ -501,7 +500,7 @@ export const data = [
         id: 'dt-collectionView',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ListView',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.CollectionView',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.CollectionView',
         values: [],
     },
     {
@@ -511,7 +510,7 @@ export const data = [
         id: 'dt-iconPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.IconPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.IconPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.IconPicker',
         values: [],
     },
     {
@@ -521,7 +520,7 @@ export const data = [
         id: 'dt-numberRange',
         parentId: null,
         propertyEditorAlias: 'Umbraco.JSON',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.NumberRange',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.NumberRange',
         values: [],
     },
     {
@@ -531,7 +530,7 @@ export const data = [
         id: 'dt-orderDirection',
         parentId: null,
         propertyEditorAlias: 'Umbraco.JSON',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.OrderDirection',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.OrderDirection',
         values: [],
     },
     {
@@ -541,7 +540,7 @@ export const data = [
         id: 'dt-overlaySize',
         parentId: null,
         propertyEditorAlias: 'Umbraco.JSON',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.OverlaySize',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
         values: [],
     },
     {
@@ -551,7 +550,7 @@ export const data = [
         id: 'dt-richTextEditor',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TinyMCE',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TinyMCE',
         values: [],
     },
     {
@@ -561,7 +560,7 @@ export const data = [
         id: 'dt-label',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Label',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Label',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Label',
         values: [],
     },
     {
@@ -571,7 +570,7 @@ export const data = [
         id: 'dt-integer',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Integer',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Integer',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
         values: [],
     },
     {
@@ -581,7 +580,7 @@ export const data = [
         id: 'dt-decimal',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Decimal',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Decimal',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Decimal',
         values: [
             {
                 alias: 'step',
@@ -596,7 +595,7 @@ export const data = [
         id: 'dt-userPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.UserPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.UserPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.UserPicker',
         values: [],
     },
     {
@@ -606,7 +605,7 @@ export const data = [
         id: 'dt-memberPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MemberPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MemberPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberPicker',
         values: [],
     },
     {
@@ -616,7 +615,7 @@ export const data = [
         id: 'dt-memberGroupPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MemberGroupPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MemberGroupPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberGroupPicker',
         values: [],
     },
 ];

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

@@ -129,6 +129,25 @@ export const data = [
                     labelOnTop: false,
                 },
             },
+            {
+                id: '7b',
+                containerId: 'all-properties-group-key',
+                alias: 'datePicker-b',
+                name: 'Date Picker With Time',
+                description: '',
+                dataTypeId: 'dt-datePicker-time',
+                variesByCulture: false,
+                variesBySegment: false,
+                validation: {
+                    mandatory: true,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
             {
                 id: '8',
                 containerId: 'all-properties-group-key',

package/dist-cms/mocks/data/template.data.d.ts

@@ -1,12 +1,36 @@
 import { UmbEntityData } from './entity.data.js';
-import { EntityTreeItemResponseModel, PagedEntityTreeItemResponseModel, TemplateResponseModel, TemplateScaffoldResponseModel, CreateTemplateRequestModel } from '../../external/backend-api/index.js';
+import { EntityTreeItemResponseModel, PagedEntityTreeItemResponseModel, TemplateResponseModel, TemplateScaffoldResponseModel, CreateTemplateRequestModel, TemplateItemResponseModel } from '../../external/backend-api/index.js';
 type TemplateDBItem = TemplateResponseModel & EntityTreeItemResponseModel;
 export declare const data: Array<TemplateDBItem>;
 export declare const createTemplateScaffold: (masterTemplateAlias: string) => string;
+export declare const templateQuerySettings: {
+    contentTypeAliases: never[];
+    properties: {
+        alias: string;
+        type: string;
+    }[];
+    operators: {
+        operator: string;
+        applicableTypes: string[];
+    }[];
+};
 declare class UmbTemplateData extends UmbEntityData<TemplateDBItem> {
     constructor();
     getById(id: string): TemplateResponseModel | undefined;
-    getScaffold(masterTemplateAlias: string): TemplateScaffoldResponseModel;
+    getItemById(id: string): TemplateItemResponseModel | null;
+    getScaffold(): TemplateScaffoldResponseModel;
+    getItems(ids: string[]): TemplateItemResponseModel[];
+    getTemplateQuerySettings: () => {
+        contentTypeAliases: never[];
+        properties: {
+            alias: string;
+            type: string;
+        }[];
+        operators: {
+            operator: string;
+            applicableTypes: string[];
+        }[];
+    };
     create(templateData: CreateTemplateRequestModel): {
         name?: string | undefined;
         alias?: string | undefined;

package/dist-cms/mocks/data/template.data.js

@@ -10,6 +10,10 @@ const createTemplate = (dbItem) => {
         content: dbItem.content,
     };
 };
+const createTemplateItem = (dbItem) => ({
+    name: dbItem.name,
+    id: dbItem.id,
+});
 export const data = [
     {
         $type: '',
@@ -59,27 +63,100 @@ export const data = [
         alias: 'Test',
         content: '@using Umbraco.Cms.Web.Common.PublishedModels;\n@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Test>\r\n@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels;\r\n@{\r\n\tLayout = null;\r\n}',
     },
+    {
+        $type: '',
+        id: '9a84c0b3-03b4-4dd4-84ac-706740acwerer0f72',
+        isContainer: false,
+        parentId: '9a84c0b3-03b4-4dd4-84ac-706740ac0f71',
+        name: 'Has Master Template',
+        type: 'template',
+        icon: 'umb:layout',
+        hasChildren: false,
+        alias: 'hasMasterTemplate',
+        content: '@using Umbraco.Cms.Web.Common.PublishedModels;\n@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Test>\r\n@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels;\r\n@{\r\n\tLayout = "some/path/to/a/template.cshtml";\r\n}',
+    },
 ];
 export const createTemplateScaffold = (masterTemplateAlias) => {
     return `Template Scaffold Mock for master template: ${masterTemplateAlias}`;
 };
+export const templateQuerySettings = {
+    contentTypeAliases: [],
+    properties: [
+        {
+            alias: 'Id',
+            type: 'Integer',
+        },
+        {
+            alias: 'Name',
+            type: 'String',
+        },
+        {
+            alias: 'CreateDate',
+            type: 'DateTime',
+        },
+        {
+            alias: 'UpdateDate',
+            type: 'DateTime',
+        },
+    ],
+    operators: [
+        {
+            operator: 'Equals',
+            applicableTypes: ['Integer', 'String'],
+        },
+        {
+            operator: 'NotEquals',
+            applicableTypes: ['Integer', 'String'],
+        },
+        {
+            operator: 'LessThan',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'LessThanEqualTo',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'GreaterThan',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'GreaterThanEqualTo',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'Contains',
+            applicableTypes: ['String'],
+        },
+        {
+            operator: 'NotContains',
+            applicableTypes: ['String'],
+        },
+    ],
+};
 // Temp mocked database
-// TODO: all properties are optional in the server schema. I don't think this is correct.
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 class UmbTemplateData extends UmbEntityData {
     constructor() {
         super(data);
+        this.getTemplateQuerySettings = () => templateQuerySettings;
     }
     getById(id) {
         const item = this.data.find((item) => item.id === id);
         return item ? createTemplate(item) : undefined;
     }
-    getScaffold(masterTemplateAlias) {
+    getItemById(id) {
+        const item = this.data.find((item) => item.id === id);
+        return item ? createTemplateItem(item) : null;
+    }
+    getScaffold() {
         return {
-            content: `Template Scaffold Mock: Layout = ${masterTemplateAlias || null};`,
+            content: '@using Umbraco.Cms.Web.Common.PublishedModels;\r\n@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage\r\n@{\r\n\tLayout = null;\r\n}',
         };
     }
+    getItems(ids) {
+        const items = ids.map((id) => this.getItemById(id)).filter((item) => item !== null);
+        return items;
+    }
     create(templateData) {
         const template = {
             $type: '',

package/dist-cms/mocks/data/utils.d.ts

@@ -1,10 +1,10 @@
-import type { ContentTreeItemResponseModel, DocumentTreeItemResponseModel, DocumentTypeTreeItemResponseModel, EntityTreeItemResponseModel, FolderTreeItemResponseModel, DocumentTypeResponseModel, DocumentResponseModel, FileSystemTreeItemPresentationModel } from '../../external/backend-api/index.js';
+import type { ContentTreeItemResponseModel, DocumentTreeItemResponseModel, DocumentTypeTreeItemResponseModel, EntityTreeItemResponseModel, FolderTreeItemResponseModel, DocumentTypeResponseModel, FileSystemTreeItemPresentationModel } from '../../external/backend-api/index.js';
 export declare const createEntityTreeItem: (item: any) => EntityTreeItemResponseModel;
 export declare const createFolderTreeItem: (item: any) => FolderTreeItemResponseModel;
 export declare const createContentTreeItem: (item: any) => ContentTreeItemResponseModel & {
     isTrashed: boolean;
 };
-export declare const createDocumentTreeItem: (item: DocumentResponseModel) => DocumentTreeItemResponseModel & {
+export declare const createDocumentTreeItem: (item: DocumentTreeItemResponseModel) => DocumentTreeItemResponseModel & {
     isTrashed: boolean;
 };
 export declare const createDocumentTypeTreeItem: (item: DocumentTypeResponseModel) => DocumentTypeTreeItemResponseModel;

package/dist-cms/mocks/handlers/manifests.handlers.js

@@ -21,7 +21,7 @@ export const manifestDevelopmentHandler = rest.get(umbracoPath('/package/manifes
                     },
                 },
                 {
-                    type: 'propertyEditorUI',
+                    type: 'propertyEditorUi',
                     alias: 'My.PropertyEditorUI.Custom',
                     name: 'My Custom Property Editor UI',
                     js: '/App_Plugins/property-editor.js',

package/dist-cms/mocks/handlers/template.handlers.js

@@ -1,8 +1,8 @@
 const { rest } = window.MockServiceWorker;
 import { umbTemplateData } from '../data/template.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
-// TODO: add schema
 export const handlers = [
+    //#region TREE
     rest.get(umbracoPath('/tree/template/root'), (req, res, ctx) => {
         const response = umbTemplateData.getTreeRoot();
         return res(ctx.status(200), ctx.json(response));
@@ -21,11 +21,22 @@ export const handlers = [
         const items = umbTemplateData.getTreeItem(ids);
         return res(ctx.status(200), ctx.json(items));
     }),
+    //#endregion
+    //#region TEMPLATE
     rest.get(umbracoPath('/template/scaffold'), (req, res, ctx) => {
-        const masterTemplateAlias = req.url.searchParams.get('masterTemplateAlias');
-        if (!masterTemplateAlias)
+        const response = umbTemplateData.getScaffold();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    //This handler must come before the /template/:id handler otherwise it hits the wrong handler
+    rest.get(umbracoPath('/template/item'), (req, res, ctx) => {
+        const id = req.url.searchParams.getAll('id');
+        if (!id)
             return;
-        const response = umbTemplateData.getScaffold(masterTemplateAlias);
+        const response = umbTemplateData.getItems(id);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/template/query/settings'), (req, res, ctx) => {
+        const response = umbTemplateData.getTemplateQuerySettings();
         return res(ctx.status(200), ctx.json(response));
     }),
     rest.get(umbracoPath('/template/:id'), (req, res, ctx) => {
@@ -50,4 +61,13 @@ export const handlers = [
         const created = umbTemplateData.create(data);
         return res(ctx.status(200), ctx.json(created));
     }),
+    rest.delete(umbracoPath('/template/:id'), async (req, res, ctx) => {
+        const id = req.params.id;
+        const data = await req.json();
+        if (!id)
+            return;
+        umbTemplateData.delete([data]);
+        return res(ctx.status(200));
+    }),
+    //#endregion
 ];

package/dist-cms/packages/core/collection/collection.element.js

@@ -57,7 +57,7 @@ let UmbCollectionElement = class UmbCollectionElement extends UmbLitElement {
             });
         }
         this._routes.push({
-            path: '**',
+            path: '',
             redirectTo: views?.[0]?.meta.pathName ?? '/',
         });
     }
@@ -67,7 +67,7 @@ let UmbCollectionElement = class UmbCollectionElement extends UmbLitElement {
 				<umb-collection-toolbar slot="header"></umb-collection-toolbar>
 				<umb-router-slot id="router-slot" .routes="${this._routes}"></umb-router-slot>
 				${this._selection && this._selection.length > 0
-            ? html `<umb-collection-selection-actions slot="footer"></umb-collection-selection-actions>`
+            ? html `<umb-collection-selection-actions slot="footer-info"></umb-collection-selection-actions>`
             : nothing}
 			</umb-body-layout>
 		`;

package/dist-cms/packages/core/components/body-layout/body-layout.element.d.ts

@@ -4,8 +4,9 @@ import { LitElement } from '../../../../external/lit/index.js';
  * @description Layout element to arrange elements in a body layout. A general layout for most views.
  * @slot icon - Slot for icon
  * @slot name - Slot for name
- * @slot footer - Slot for workspace footer
- * @slot actions - Slot for workspace footer actions
+ * @slot footer - Slot for footer element
+ * @slot footer-info - Slot for info in the footer
+ * @slot actions - Slot for actions in the footer
  * @slot default - slot for main content
  * @export
  * @class UmbBodyLayout

package/dist-cms/packages/core/components/body-layout/body-layout.element.js

@@ -11,8 +11,9 @@ import { UUITextStyles } from '../../../../external/uui/index.js';
  * @description Layout element to arrange elements in a body layout. A general layout for most views.
  * @slot icon - Slot for icon
  * @slot name - Slot for name
- * @slot footer - Slot for workspace footer
- * @slot actions - Slot for workspace footer actions
+ * @slot footer - Slot for footer element
+ * @slot footer-info - Slot for info in the footer
+ * @slot actions - Slot for actions in the footer
  * @slot default - slot for main content
  * @export
  * @class UmbBodyLayout
@@ -29,6 +30,10 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
          * @default ''
          */
         this.headline = '';
+        /*
+        @property({ type: Boolean, attribute: 'no-scroll' })
+        public noScroll = false;
+    */
         this._headerSlotHasChildren = false;
         this._tabsSlotHasChildren = false;
         this._actionsMenuSlotHasChildren = false;
@@ -69,12 +74,19 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
             this._actionsMenuSlotHasChildren = this.#hasNodes(e);
         }}></slot>
 			</div>
-			<uui-scroll-container id="main">
-				<slot></slot>
-			</uui-scroll-container>
+			${
+        //this.noScroll
+        //? html`<slot></slot>`
+        //:
+        html `
+					<uui-scroll-container id="main">
+						<slot></slot>
+					</uui-scroll-container>
+				`}
+			<slot name="footer"></slot>
 			<umb-footer-layout style="display:${this._footerSlotHasChildren || this._actionsSlotHasChildren ? '' : 'none'}">
 				<slot
-					name="footer"
+					name="footer-info"
 					@slotchange=${(e) => {
             this._footerSlotHasChildren = this.#hasNodes(e);
         }}></slot>
@@ -98,6 +110,14 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
 				flex-direction: column;
 			}
 
+			/*
+			:host([no-scroll]) slot:not([name]) {
+				position: relative;
+				display: block;
+				height: 100%;
+			}
+			*/
+
 			#header {
 				display: flex;
 				align-items: center;