@umbraco-cms/backoffice 14.0.0-b0704cee → 14.0.0-c26a40c4

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

@@ -4,7 +4,6 @@ import { UmbId } from '../../packages/core/id/index.js';
 import { TemplateQueryPropertyTypeModel, OperatorModel, } from '../../external/backend-api/index.js';
 const createTemplate = (dbItem) => {
     return {
-        $type: '',
         id: dbItem.id,
         name: dbItem.name,
         alias: dbItem.alias,
@@ -19,13 +18,11 @@ const createTemplateItem = (dbItem) => ({
 });
 export const data = [
     {
-        $type: '',
         id: '2bf464b6-3aca-4388-b043-4eb439cc2643',
         isContainer: false,
         parentId: null,
         name: 'Doc 1',
         type: 'template',
-        icon: 'umb:layout',
         hasChildren: false,
         alias: 'Doc1',
         content: `@using Umbraco.Extensions
@@ -43,39 +40,33 @@ export const data = [
 		</div>`,
     },
     {
-        $type: '',
         id: '9a84c0b3-03b4-4dd4-84ac-706740ac0f71',
         isContainer: false,
         parentId: null,
         name: 'Test',
         type: 'template',
-        icon: 'umb:layout',
         hasChildren: true,
         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-706740ac0f72',
         isContainer: false,
         parentId: '9a84c0b3-03b4-4dd4-84ac-706740ac0f71',
         masterTemplateId: '9a84c0b3-03b4-4dd4-84ac-706740ac0f71',
         name: 'Child',
         type: 'template',
-        icon: 'umb:layout',
         hasChildren: false,
         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 = "Test.cshtml";\r\n}',
     },
     {
-        $type: '',
         id: '9a84c0b3-03b4-4dd4-84ac-706740acwerer0f72',
         isContainer: false,
         parentId: '9a84c0b3-03b4-4dd4-84ac-706740ac0f71',
         name: 'Has Master Template',
         masterTemplateId: '9a84c0b3-03b4-4dd4-84ac-706740ac0f71',
         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 = "Test.cshtml";\r\n}',
@@ -191,7 +182,6 @@ class UmbTemplateData extends UmbEntityData {
     }
     create(templateData) {
         const template = {
-            $type: '',
             id: UmbId.new(),
             ...templateData,
         };

package/dist-cms/mocks/data/user-groups.data.js

@@ -13,7 +13,6 @@ class UmbUserGroupsData extends UmbEntityData {
 }
 export const data = [
     {
-        $type: 'UserGroupResponseModel',
         id: 'c630d49e-4e7b-42ea-b2bc-edc0edacb6b1',
         name: 'Administrators',
         icon: 'umb:medal',

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

@@ -17,7 +17,6 @@ class UmbUsersData extends UmbData {
     getCurrentUser() {
         const firstUser = this.data[0];
         return {
-            $type: 'CurrentUserResponseModel',
             id: firstUser.id,
             name: firstUser.name,
             email: firstUser.email,
@@ -69,7 +68,6 @@ export const data = [
     {
         id: 'bca6c733-a63d-4353-a271-9a8b6bcca8bd',
         type: 'user',
-        $type: 'UserResponseModel',
         contentStartNodeIds: [],
         mediaStartNodeIds: [],
         name: 'Umbraco User',
@@ -87,7 +85,6 @@ export const data = [
     {
         id: '82e11d3d-b91d-43c9-9071-34d28e62e81d',
         type: 'user',
-        $type: 'UserResponseModel',
         contentStartNodeIds: [],
         mediaStartNodeIds: [],
         name: 'Amelie Walker',
@@ -105,7 +102,6 @@ export const data = [
     {
         id: 'aa1d83a9-bc7f-47d2-b288-58d8a31f5017',
         type: 'user',
-        $type: 'UserResponseModel',
         contentStartNodeIds: [],
         mediaStartNodeIds: [],
         name: 'Oliver Kim',
@@ -123,7 +119,6 @@ export const data = [
     {
         id: 'ff2f4a50-d3d4-4bc4-869d-c7948c160e54',
         type: 'user',
-        $type: 'UserResponseModel',
         contentStartNodeIds: [],
         mediaStartNodeIds: [],
         name: 'Eliana Nieves',
@@ -141,7 +136,6 @@ export const data = [
     {
         id: 'c290c6d9-9f12-4838-8567-621b52a178de',
         type: 'user',
-        $type: 'UserResponseModel',
         contentStartNodeIds: [],
         mediaStartNodeIds: [],
         name: 'Jasmine Patel',

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

@@ -1,4 +1,4 @@
-import type { ContentTreeItemResponseModel, DocumentTreeItemResponseModel, DocumentTypeTreeItemResponseModel, EntityTreeItemResponseModel, FolderTreeItemResponseModel, DocumentTypeResponseModel, FileSystemTreeItemPresentationModel, DocumentResponseModel } from '../../external/backend-api/index.js';
+import type { ContentTreeItemResponseModel, DocumentTreeItemResponseModel, DocumentTypeTreeItemResponseModel, EntityTreeItemResponseModel, FolderTreeItemResponseModel, DocumentTypeResponseModel, FileSystemTreeItemPresentationModel, DocumentResponseModel, TextFileResponseModelBaseModel } 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 & {
@@ -9,3 +9,4 @@ export declare const createDocumentTreeItem: (item: DocumentResponseModel) => Do
 };
 export declare const createDocumentTypeTreeItem: (item: DocumentTypeResponseModel) => DocumentTypeTreeItemResponseModel;
 export declare const createFileSystemTreeItem: (item: any) => FileSystemTreeItemPresentationModel;
+export declare const createTextFileItem: (item: any) => TextFileResponseModelBaseModel;

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

@@ -1,9 +1,7 @@
 export const createEntityTreeItem = (item) => {
     return {
-        $type: '',
         name: item.name,
         type: item.type,
-        icon: item.icon,
         hasChildren: item.hasChildren,
         id: item.id,
         isContainer: item.isContainer,
@@ -13,7 +11,6 @@ export const createEntityTreeItem = (item) => {
 export const createFolderTreeItem = (item) => {
     return {
         ...createEntityTreeItem(item),
-        $type: 'FolderTreeItemResponseModel',
         isFolder: item.isFolder,
     };
 };
@@ -30,7 +27,6 @@ export const createContentTreeItem = (item) => {
 export const createDocumentTreeItem = (item) => {
     return {
         ...createContentTreeItem(item),
-        $type: 'DocumentTreeItemViewModel',
         type: 'document',
         icon: 'document',
         name: item.variants?.[0].name ?? '',
@@ -54,9 +50,13 @@ export const createFileSystemTreeItem = (item) => {
     return {
         name: item.name,
         type: item.type,
-        icon: item.icon,
         hasChildren: item.hasChildren,
         path: item.path,
         isFolder: item.isFolder,
     };
 };
+export const createTextFileItem = (item) => ({
+    path: item.path,
+    name: item.name,
+    content: item.content,
+});

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

@@ -6,14 +6,12 @@ const uploadResponse = {
 };
 /// TODO: get correct type
 const importResponse = {
-    $type: '',
     parentId: null,
     name: 'Uploaded dictionary',
     id: 'b7e7d0ab-53ba-485d-dddd-12537f9925cb',
     hasChildren: false,
     type: 'dictionary-item',
     isContainer: false,
-    icon: 'umb:book-alt',
     translations: [
         {
             isoCode: 'en',

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

@@ -3,24 +3,24 @@ import { umbDocumentData } from '../data/document.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
 // TODO: add schema
 export const handlers = [
-    rest.post('/umbraco/management/api/v1/document/trash', async (req, res, ctx) => {
+    rest.post(umbracoPath('/document/trash'), async (req, res, ctx) => {
         console.warn('Please move to schema');
         const ids = await req.json();
         const trashed = umbDocumentData.trash(ids);
         return res(ctx.status(200), ctx.json(trashed));
     }),
-    rest.get('/umbraco/management/api/v1/tree/document/root', (req, res, ctx) => {
+    rest.get(umbracoPath('/tree/document/root'), (req, res, ctx) => {
         const response = umbDocumentData.getTreeRoot();
         return res(ctx.status(200), ctx.json(response));
     }),
-    rest.get('/umbraco/management/api/v1/tree/document/children', (req, res, ctx) => {
+    rest.get(umbracoPath('/tree/document/children'), (req, res, ctx) => {
         const parentId = req.url.searchParams.get('parentId');
         if (!parentId)
             return;
         const response = umbDocumentData.getTreeItemChildren(parentId);
         return res(ctx.status(200), ctx.json(response));
     }),
-    rest.get('/umbraco/management/api/v1/tree/document/item', (req, res, ctx) => {
+    rest.get(umbracoPath('/tree/document/item'), (req, res, ctx) => {
         const ids = req.url.searchParams.getAll('id');
         if (!ids)
             return;
@@ -44,6 +44,17 @@ export const handlers = [
         const saved = umbDocumentData.save(id, data);
         return res(ctx.status(200), ctx.json(saved));
     }),
+    rest.get(umbracoPath('/document/root/allowed-document-types'), (req, res, ctx) => {
+        const response = umbDocumentData.getAllowedDocumentTypesAtRoot();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/document/:id/allowed-document-types'), (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const response = umbDocumentData.getDocumentByIdAllowedDocumentTypes(id);
+        return res(ctx.status(200), ctx.json(response));
+    }),
     rest.get(umbracoPath('/document/:id'), (req, res, ctx) => {
         const id = req.params.id;
         if (!id)

package/dist-cms/mocks/handlers/partial-views.handlers.d.ts

@@ -1 +1,2 @@
-export declare const handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];
+import { RestHandler, MockedRequest, DefaultBodyType } from 'msw';
+export declare const handlers: RestHandler<MockedRequest<DefaultBodyType>>[];

package/dist-cms/mocks/handlers/partial-views.handlers.js

@@ -1,23 +1,55 @@
 const { rest } = window.MockServiceWorker;
-import { umbPartialViewsData } from '../data/partial-views.data.js';
+import { umbPartialViewsData, umbPartialViewsTreeData } from '../data/partial-views.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
-export const handlers = [
+const treeHandlers = [
     rest.get(umbracoPath('/tree/partial-view/root'), (req, res, ctx) => {
-        const response = umbPartialViewsData.getTreeRoot();
+        const response = umbPartialViewsTreeData.getTreeRoot();
         return res(ctx.status(200), ctx.json(response));
     }),
     rest.get(umbracoPath('/tree/partial-view/children'), (req, res, ctx) => {
         const path = req.url.searchParams.get('path');
         if (!path)
             return;
-        const response = umbPartialViewsData.getTreeItemChildren(path);
+        const response = umbPartialViewsTreeData.getTreeItemChildren(path);
         return res(ctx.status(200), ctx.json(response));
     }),
     rest.get(umbracoPath('/tree/partial-view/item'), (req, res, ctx) => {
         const paths = req.url.searchParams.getAll('paths');
         if (!paths)
             return;
-        const items = umbPartialViewsData.getTreeItem(paths);
+        const items = umbPartialViewsTreeData.getTreeItem(paths);
         return res(ctx.status(200), ctx.json(items));
     }),
 ];
+const detailHandlers = [
+    rest.get(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const path = decodeURIComponent(req.url.searchParams.get('path') ?? '').replace('-cshtml', '.cshtml');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbPartialViewsData.getPartialView(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.post(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbPartialViewsData.insertPartialView(requestBody);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.delete(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbPartialViewsData.delete([path]);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.put(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbPartialViewsData.updateData(requestBody);
+        return res(ctx.status(200));
+    }),
+];
+const folderHandlers = [];
+export const handlers = [...treeHandlers, ...detailHandlers, ...folderHandlers];

package/dist-cms/packages/core/collection/collection-selection-actions.element.d.ts

@@ -12,7 +12,7 @@ export declare class UmbCollectionSelectionActionsElement extends UmbLitElement
     private _handleClearSelection;
     private _observeCollectionContext;
     private _renderSelectionCount;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 declare global {

package/dist-cms/packages/core/components/entity-actions-bundle/entity-actions-bundle.element.js

@@ -33,7 +33,7 @@ export let UmbEntityActionsBundleElement = class UmbEntityActionsBundleElement e
     #observeEntityActions() {
         this.observe(umbExtensionsRegistry
             .extensionsOfType('entityAction')
-            .pipe(map((actions) => actions.filter((action) => action.conditions.entityTypes.includes(this.entityType)))), (actions) => {
+            .pipe(map((actions) => actions.filter((action) => action.meta.entityTypes.includes(this.entityType)))), (actions) => {
             this._hasActions = actions.length > 0;
         }, 'observeEntityAction');
     }

package/dist-cms/packages/core/components/extension-slot/extension-slot.element.d.ts

@@ -1,13 +1,9 @@
 import { TemplateResult } from '../../../../external/lit/index.js';
+import { type UmbExtensionElementController } from '../../../../libs/extension-api/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-export type InitializedExtension = {
-    alias: string;
-    weight: number;
-    component: HTMLElement | null;
-};
 /**
  * @element umb-extension-slot
- * @description
+ * @description A element which renderers the extensions of a given type or types.
  * @slot default - slot for inserting additional things into this slot.
  * @export
  * @class UmbExtensionSlot
@@ -15,18 +11,46 @@ export type InitializedExtension = {
  */
 export declare class UmbExtensionSlotElement extends UmbLitElement {
     #private;
-    private _extensions;
-    type: string;
-    filter: (manifest: any) => boolean;
-    private _props?;
-    get props(): Record<string, any> | undefined;
-    set props(newVal: Record<string, any> | undefined);
+    private _permittedExts;
+    /**
+     * The type or types of extensions to render.
+     * @type {string | string[]}
+     * @memberof UmbExtensionSlot
+     * @example
+     * <umb-extension-slot type="my-extension-type"></umb-extension-slot>
+     * or multiple:
+     * <umb-extension-slot .type=${['my-extension-type','another-extension-type']}></umb-extension-slot>
+     *
+     */
+    get type(): string | string[] | undefined;
+    set type(value: string | string[] | undefined);
+    /**
+     * Filter method for extension manifests.
+     * This is an initial filter taking effect before conditions or overwrites, the extensions will still be filtered by the conditions defined in the manifest.
+     * @type {(manifest: any) => boolean}
+     * @memberof UmbExtensionSlot
+     * @example
+     * <umb-extension-slot type="my-extension-type" .filter=${(ext) => ext.meta.anyPropToFilter === 'foo'}></umb-extension-slot>
+     *
+     */
+    get filter(): (manifest: any) => boolean;
+    set filter(value: (manifest: any) => boolean);
+    /**
+     * Properties to pass to the extensions elements.
+     * Notice: The individual manifest of the extension is parsed to each extension element no matter if this is set or not.
+     * @type {Record<string, any>}
+     * @memberof UmbExtensionSlot
+     * @example
+     * <umb-extension-slot type="my-extension-type" .props=${{foo: 'bar'}}></umb-extension-slot>
+     */
+    get props(): Record<string, unknown> | undefined;
+    set props(newVal: Record<string, unknown> | undefined);
     defaultElement: string;
-    renderMethod?: (extension: InitializedExtension) => TemplateResult<1 | 2> | HTMLElement | null;
+    renderMethod?: (extension: UmbExtensionElementController) => TemplateResult | HTMLElement | null | undefined;
     connectedCallback(): void;
     private _observeExtensions;
     render(): unknown;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist-cms/packages/core/components/extension-slot/extension-slot.element.js

@@ -4,99 +4,109 @@ 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;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { css, repeat, customElement, property, state } from '../../../../external/lit/index.js';
-import { map } from '../../../../external/rxjs/index.js';
-import { createExtensionElement, isManifestElementableType } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
+import { css, repeat, customElement, property, state } from '../../../../external/lit/index.js';
+import { UmbExtensionsElementController, } from '../../../../libs/extension-api/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
  * @element umb-extension-slot
- * @description
+ * @description A element which renderers the extensions of a given type or types.
  * @slot default - slot for inserting additional things into this slot.
  * @export
  * @class UmbExtensionSlot
  * @extends {UmbLitElement}
  */
+// TODO: Fire change event.
+// TODO: Make property that reveals the amount of displayed/permitted extensions.
 export let UmbExtensionSlotElement = class UmbExtensionSlotElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this._extensions = [];
-        this.type = '';
-        this.filter = () => true;
-        this._props = {};
+        this.#attached = false;
+        this._permittedExts = [];
+        this.#filter = () => true;
+        this.#props = {};
         this.defaultElement = '';
-        this.#assignProps = (component) => {
-            if (!component || !this._props)
-                return;
-            Object.keys(this._props).forEach((key) => {
-                component[key] = this._props?.[key];
-            });
-        };
     }
+    #attached;
+    #extensionsController;
+    /**
+     * The type or types of extensions to render.
+     * @type {string | string[]}
+     * @memberof UmbExtensionSlot
+     * @example
+     * <umb-extension-slot type="my-extension-type"></umb-extension-slot>
+     * or multiple:
+     * <umb-extension-slot .type=${['my-extension-type','another-extension-type']}></umb-extension-slot>
+     *
+     */
+    get type() {
+        return this.#type;
+    }
+    set type(value) {
+        if (value === this.#type)
+            return;
+        this.#type = value;
+        if (this.#attached) {
+            this._observeExtensions();
+        }
+    }
+    #type;
+    /**
+     * Filter method for extension manifests.
+     * This is an initial filter taking effect before conditions or overwrites, the extensions will still be filtered by the conditions defined in the manifest.
+     * @type {(manifest: any) => boolean}
+     * @memberof UmbExtensionSlot
+     * @example
+     * <umb-extension-slot type="my-extension-type" .filter=${(ext) => ext.meta.anyPropToFilter === 'foo'}></umb-extension-slot>
+     *
+     */
+    get filter() {
+        return this.#filter;
+    }
+    set filter(value) {
+        if (value === this.#filter)
+            return;
+        this.#filter = value;
+        if (this.#attached) {
+            this._observeExtensions();
+        }
+    }
+    #filter;
+    /**
+     * Properties to pass to the extensions elements.
+     * Notice: The individual manifest of the extension is parsed to each extension element no matter if this is set or not.
+     * @type {Record<string, any>}
+     * @memberof UmbExtensionSlot
+     * @example
+     * <umb-extension-slot type="my-extension-type" .props=${{foo: 'bar'}}></umb-extension-slot>
+     */
     get props() {
-        return this._props;
+        return this.#props;
     }
     set props(newVal) {
-        this._props = newVal;
-        // TODO: we could optimize this so we only re-set the updated props.
-        this.#assignPropsToAllComponents();
+        // TODO, compare changes since last time. only reset the ones that changed. This might be better done by the controller is self:
+        this.#props = newVal;
+        if (this.#extensionsController) {
+            this.#extensionsController.properties = newVal;
+        }
     }
+    #props;
     connectedCallback() {
         super.connectedCallback();
         this._observeExtensions();
+        this.#attached = true;
     }
     _observeExtensions() {
-        this.observe(umbExtensionsRegistry?.extensionsOfType(this.type).pipe(map((extensions) => extensions.filter(this.filter))), async (extensions) => {
-            const oldValue = this._extensions;
-            const oldLength = this._extensions.length;
-            this._extensions = this._extensions.filter((current) => extensions.find((incoming) => incoming.alias === current.alias));
-            if (this._extensions.length !== oldLength) {
-                this.requestUpdate('_extensions', oldValue);
-            }
-            extensions.forEach(async (extension) => {
-                const hasExt = this._extensions.find((x) => x.alias === extension.alias);
-                if (!hasExt) {
-                    const extensionObject = {
-                        alias: extension.alias,
-                        weight: extension.weight || 0,
-                        component: null,
-                    };
-                    this._extensions.push(extensionObject);
-                    // sort:
-                    this._extensions.sort((a, b) => b.weight - a.weight);
-                    let component;
-                    if (isManifestElementableType(extension)) {
-                        component = await createExtensionElement(extension);
-                    }
-                    else if (this.defaultElement) {
-                        component = document.createElement(this.defaultElement);
-                    }
-                    else {
-                        // TODO: Lets make an console.error in this case?
-                    }
-                    if (component) {
-                        this.#assignProps(component);
-                        component.manifest = extension;
-                        extensionObject.component = component;
-                    }
-                    else {
-                        // Remove cause we could not get the component, so we will get rid of this.
-                        //this._extensions.splice(this._extensions.indexOf(extensionObject), 1);
-                        // Actually not, because if, then the same extension would come around again in next update.
-                    }
-                    this.requestUpdate('_extensions', oldValue);
-                }
-            });
-        });
-    }
-    #assignPropsToAllComponents() {
-        this._extensions.forEach((ext) => this.#assignProps(ext.component));
+        this.#extensionsController?.destroy();
+        if (this.#type) {
+            this.#extensionsController = new UmbExtensionsElementController(this, umbExtensionsRegistry, this.#type, this.filter, (extensionControllers) => {
+                this._permittedExts = extensionControllers;
+            }, this.defaultElement);
+            this.#extensionsController.properties = this.#props;
+        }
     }
-    #assignProps;
     render() {
-        // TODO: check if we can use repeat directly.
-        return repeat(this._extensions, (ext) => ext.alias, (ext) => (this.renderMethod ? this.renderMethod(ext) : ext.component));
+        return repeat(this._permittedExts, (ext) => ext.alias, (ext) => (this.renderMethod ? this.renderMethod(ext) : ext.component));
     }
     static { this.styles = css `
 		:host {
@@ -106,13 +116,13 @@ export let UmbExtensionSlotElement = class UmbExtensionSlotElement extends UmbLi
 };
 __decorate([
     state()
-], UmbExtensionSlotElement.prototype, "_extensions", void 0);
+], UmbExtensionSlotElement.prototype, "_permittedExts", void 0);
 __decorate([
     property({ type: String })
-], UmbExtensionSlotElement.prototype, "type", void 0);
+], UmbExtensionSlotElement.prototype, "type", null);
 __decorate([
     property({ type: Object, attribute: false })
-], UmbExtensionSlotElement.prototype, "filter", void 0);
+], UmbExtensionSlotElement.prototype, "filter", null);
 __decorate([
     property({ type: Object, attribute: false })
 ], UmbExtensionSlotElement.prototype, "props", null);

package/dist-cms/packages/core/components/input-checkbox-list/input-checkbox-list.element.d.ts

@@ -15,7 +15,7 @@ export declare class UmbInputCheckboxListElement extends UmbInputCheckboxListEle
     set selected(keys: Array<string>);
     set value(keysString: string);
     protected getFormElement(): undefined;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     renderCheckbox(item: {
         key: string;
         checked: boolean;

package/dist-cms/packages/core/components/input-radio-button-list/input-radio-button-list.element.d.ts

@@ -15,7 +15,7 @@ export declare class UmbInputRadioButtonListElement extends UmbInputRadioButtonL
     set selected(key: string);
     set value(key: string);
     protected getFormElement(): undefined;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     renderRadioButton(item: {
         key: string;
         sortOrder: number;

package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.handlers.js

@@ -32,7 +32,7 @@ export const uploadImageHandler = (blobInfo, progress) => {
             resolve(blobInfo.blobUri());
         };
         const formData = new FormData();
-        formData.append('file', blobInfo.blob(), blobInfo.blob().name);
+        formData.append('file', blobInfo.blob(), blobInfo.filename());
         xhr.send(formData);
     });
 };

package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js

@@ -8,7 +8,7 @@ import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, ifDefined, customElement, property, state } from '../../../../external/lit/index.js';
 import { UmbDataTypeRepository } from '../../../settings/data-types/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../workspace/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../workspace/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
     get property() {
@@ -43,7 +43,7 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
     constructor() {
         super();
         this._dataTypeRepository = new UmbDataTypeRepository(this);
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
             this._workspaceContext = workspaceContext;
             this._observeProperty();
         });

package/dist-cms/packages/core/debug/debug.element.d.ts

@@ -9,7 +9,7 @@ export declare class UmbDebugElement extends UmbLitElement {
     private _modalContext?;
     constructor();
     connectedCallback(): void;
-    render(): typeof nothing | TemplateResult<1>;
+    render(): TemplateResult<1> | typeof nothing;
     private _toggleDebugPane;
     private _openDialog;
     private _renderDialog;