@umbraco-cms/backoffice 14.0.0-9cc9c792 → 14.0.0-a0074b6e

package/dist-cms/libs/extension-api/bundle-extension-initializer.d.ts

@@ -1,7 +1,7 @@
 import type { ManifestBundle } from './types.js';
 import { UmbExtensionRegistry } from './registry/extension.registry.js';
-import { UmbControllerHostElement } from '../controller-api/index.js';
-export declare class UmbBundleExtensionInitializer {
+import { UmbBaseController, UmbControllerHostElement } from '../controller-api/index.js';
+export declare class UmbBundleExtensionInitializer extends UmbBaseController {
     #private;
     constructor(host: UmbControllerHostElement, extensionRegistry: UmbExtensionRegistry<ManifestBundle>);
     instantiateBundle(manifest: ManifestBundle): Promise<void>;

package/dist-cms/libs/extension-api/bundle-extension-initializer.js

@@ -1,10 +1,12 @@
 import { loadExtension } from './load-extension.function.js';
-export class UmbBundleExtensionInitializer {
+import { UmbBaseController } from '../controller-api/index.js';
+export class UmbBundleExtensionInitializer extends UmbBaseController {
     #extensionRegistry;
     #bundleMap = new Map();
     constructor(host, extensionRegistry) {
+        super(host);
         this.#extensionRegistry = extensionRegistry;
-        extensionRegistry.extensionsOfType('bundle').subscribe((bundles) => {
+        this.observe(extensionRegistry.extensionsOfType('bundle'), (bundles) => {
             // Unregister removed bundles:
             this.#bundleMap.forEach((existingBundle) => {
                 if (!bundles.find((b) => b.alias === existingBundle.alias)) {

package/dist-cms/libs/extension-api/entry-point-extension-initializer.d.ts

@@ -1,7 +1,8 @@
+import { UmbBaseController } from '../controller-api/controller.class.js';
 import type { ManifestEntryPoint } from './types.js';
 import { UmbExtensionRegistry } from './registry/extension.registry.js';
 import { UmbElement } from '../element-api/index.js';
-export declare class UmbEntryPointExtensionInitializer {
+export declare class UmbEntryPointExtensionInitializer extends UmbBaseController {
     #private;
     constructor(host: UmbElement, extensionRegistry: UmbExtensionRegistry<ManifestEntryPoint>);
     instantiateEntryPoint(manifest: ManifestEntryPoint): Promise<void>;

package/dist-cms/libs/extension-api/entry-point-extension-initializer.js

@@ -1,13 +1,15 @@
+import { UmbBaseController } from '../controller-api/controller.class.js';
 import { hasInitExport } from './has-init-export.function.js';
 import { loadExtension } from './load-extension.function.js';
-export class UmbEntryPointExtensionInitializer {
+export class UmbEntryPointExtensionInitializer extends UmbBaseController {
     #host;
     #extensionRegistry;
     #entryPointMap = new Map();
     constructor(host, extensionRegistry) {
+        super(host);
         this.#host = host;
         this.#extensionRegistry = extensionRegistry;
-        extensionRegistry.extensionsOfType('entryPoint').subscribe((entryPoints) => {
+        this.observe(extensionRegistry.extensionsOfType('entryPoint'), (entryPoints) => {
             entryPoints.forEach((entryPoint) => {
                 if (this.#entryPointMap.has(entryPoint.alias))
                     return;

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

@@ -1,14 +1,36 @@
-import { UmbEntityData } from './entity.data.js';
-import { FileSystemTreeItemPresentationModel, PagedFileSystemTreeItemPresentationModel } from '../../external/backend-api/index.js';
-type StylesheetDBItem = FileSystemTreeItemPresentationModel & {
-    content: string;
+import { UmbData } from './data.js';
+import { CreateTextFileViewModelBaseModel, ExtractRichTextStylesheetRulesRequestModel, ExtractRichTextStylesheetRulesResponseModel, FileSystemTreeItemPresentationModel, InterpolateRichTextStylesheetRequestModel, PagedFileSystemTreeItemPresentationModel, PagedStylesheetOverviewResponseModel, StylesheetResponseModel, UpdateStylesheetRequestModel } from '../../external/backend-api/index.js';
+type StylesheetDBItem = StylesheetResponseModel & FileSystemTreeItemPresentationModel & {
+    icon?: string;
 };
 export declare const data: Array<StylesheetDBItem>;
-declare class UmbStylesheetData extends UmbEntityData<StylesheetDBItem> {
+declare class UmbStylesheetData extends UmbData<StylesheetDBItem> {
     constructor();
     getTreeRoot(): PagedFileSystemTreeItemPresentationModel;
     getTreeItemChildren(parentPath: string): PagedFileSystemTreeItemPresentationModel;
     getTreeItem(paths: Array<string>): Array<FileSystemTreeItemPresentationModel>;
+    getStylesheetItem(path: string): StylesheetDBItem | undefined;
+    getStylesheet(path: string): StylesheetResponseModel | undefined;
+    getAllStylesheets(): PagedStylesheetOverviewResponseModel;
+    getFolder(path: string): StylesheetDBItem | undefined;
+    getRules(path: string): ExtractRichTextStylesheetRulesResponseModel;
+    extractRules({ requestBody }: {
+        requestBody?: ExtractRichTextStylesheetRulesRequestModel;
+    }): Promise<{
+        rules: ({
+            [key: string]: string;
+        } | undefined)[];
+    }>;
+    interpolateRules({ requestBody }: {
+        requestBody?: InterpolateRichTextStylesheetRequestModel;
+    }): {
+        content: string;
+    };
+    insertFolder(item: CreateTextFileViewModelBaseModel): StylesheetDBItem;
+    insertStyleSheet(item: CreateTextFileViewModelBaseModel): StylesheetDBItem;
+    insert(item: StylesheetDBItem): StylesheetDBItem;
+    updateData(updateItem: UpdateStylesheetRequestModel): void;
+    delete(paths: Array<string>): (string | undefined)[];
 }
 export declare const umbStylesheetData: UmbStylesheetData;
 export {};

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

@@ -1,44 +1,102 @@
-import { UmbEntityData } from './entity.data.js';
-import { createFileSystemTreeItem } from './utils.js';
+import { UmbData } from './data.js';
+import { createFileSystemTreeItem, createFileItemResponseModelBaseModel, createTextFileItem } from './utils.js';
 export const data = [
     {
         path: 'Stylesheet File 1.css',
+        icon: 'style',
         isFolder: false,
         name: 'Stylesheet File 1.css',
         type: 'stylesheet',
         hasChildren: false,
-        content: `Stylesheet content 1`,
+        content: `
+		/** Stylesheet 1 */
+
+		h1 {
+	color: blue;
+}
+
+/**umb_name:bjjh*/
+h1 {
+	color: blue;
+}
+
+/**umb_name:comeone*/
+h1 {
+	color: blue;
+}
+
+/**umb_name:lol*/
+h1 {
+	color: blue;
+}`,
     },
     {
         path: 'Stylesheet File 2.css',
         isFolder: false,
+        icon: 'style',
         name: 'Stylesheet File 2.css',
         type: 'stylesheet',
         hasChildren: false,
-        content: `Stylesheet content 2`,
+        content: `
+		/** Stylesheet 2 */
+h1 {
+	color: green;
+}
+
+/**umb_name:HELLO*/
+h1 {
+	color: green;
+}
+
+/**umb_name:SOMETHING*/
+h1 {
+	color: green;
+}
+
+/**umb_name:NIOCE*/
+h1 {
+	color: green;
+}`,
     },
     {
         path: 'Folder 1',
-        isFolder: true,
         name: 'Folder 1',
+        isFolder: true,
+        icon: 'folder',
         type: 'stylesheet',
         hasChildren: true,
-        content: `Stylesheet content 3`,
     },
     {
         path: 'Folder 1/Stylesheet File 3.css',
-        isFolder: false,
         name: 'Stylesheet File 3.css',
         type: 'stylesheet',
-        hasChildren: false,
-        content: `Stylesheet content 3`,
+        hasChildren: true,
+        isFolder: false,
+        content: `h1 {
+	color: pink;
+}
+
+/**umb_name:ONE*/
+h1 {
+	color: pink;
+}
+
+/**umb_name:TWO*/
+h1 {
+	color: pink;
+}
+
+/**umb_name:THREE*/
+h1 {
+	color: pink;
+}`,
     },
 ];
 // 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 UmbStylesheetData extends UmbEntityData {
+class UmbStylesheetData extends UmbData {
     constructor() {
         super(data);
     }
@@ -58,5 +116,134 @@ class UmbStylesheetData extends UmbEntityData {
         const items = this.data.filter((item) => paths.includes(item.path ?? ''));
         return items.map((item) => createFileSystemTreeItem(item));
     }
+    getStylesheetItem(path) {
+        return createFileItemResponseModelBaseModel(this.data.find((item) => item.path === path));
+    }
+    getStylesheet(path) {
+        return createTextFileItem(this.data.find((item) => item.path === path));
+    }
+    getAllStylesheets() {
+        return {
+            items: this.data.map((item) => createTextFileItem(item)),
+            total: this.data.map((item) => !item.isFolder).length,
+        };
+    }
+    getFolder(path) {
+        return this.data.find((item) => item.path === path && item.isFolder === true);
+    }
+    getRules(path) {
+        const regex = /\*\*\s*umb_name:\s*(?<name>[^*\r\n]*?)\s*\*\/\s*(?<selector>[^,{]*?)\s*{\s*(?<styles>.*?)\s*}/gis;
+        const item = this.data.find((item) => item.path === path);
+        if (!item)
+            throw Error('item not found');
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        //@ts-ignore
+        // eslint-disable-next-line no-unsafe-optional-chaining
+        const rules = [...item.content?.matchAll(regex)].map((match) => match.groups);
+        return { rules };
+    }
+    async extractRules({ requestBody }) {
+        const regex = /\*\*\s*umb_name:\s*(?<name>[^*\r\n]*?)\s*\*\/\s*(?<selector>[^,{]*?)\s*{\s*(?<styles>.*?)\s*}/gis;
+        if (!requestBody) {
+            throw Error('No request body');
+        }
+        const { content } = await requestBody;
+        if (!content)
+            return { rules: [] };
+        const rules = [...content.matchAll(regex)].map((match) => match.groups);
+        return { rules };
+    }
+    interpolateRules({ requestBody }) {
+        const regex = /\/\*\*\s*umb_name:\s*(?<name>[^*\r\n]*?)\s*\*\/\s*(?<selector>[^,{]*?)\s*{\s*(?<styles>.*?)\s*}/gis;
+        if (!requestBody) {
+            throw Error('No request body');
+        }
+        const { content, rules } = requestBody;
+        if (!content && !rules)
+            return { content: '' };
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        //@ts-ignore
+        const cleanedContent = content?.replaceAll(regex, '');
+        const newContent = `${cleanedContent.replace(/[\r\n]+$/, '')}
+
+${rules
+            ?.map((rule) => `/**umb_name:${rule.name}*/
+${rule.selector} {
+	${rule.styles}
+}
+
+`)
+            .join('')}`;
+        return { content: newContent };
+    }
+    insertFolder(item) {
+        const newItem = {
+            ...item,
+            path: `${item.parentPath}/${item.name}`,
+            isFolder: true,
+            hasChildren: false,
+            type: 'stylesheet',
+            icon: 'folder',
+        };
+        this.insert(newItem);
+        return newItem;
+    }
+    insertStyleSheet(item) {
+        const newItem = {
+            ...item,
+            path: `${item.parentPath}/${item.name}.css`,
+            isFolder: false,
+            hasChildren: false,
+            type: 'stylesheet',
+            icon: 'style',
+        };
+        this.insert(newItem);
+        return newItem;
+    }
+    insert(item) {
+        const exits = this.data.find((i) => i.path === item.path);
+        if (exits) {
+            throw new Error(`Item with path ${item.path} already exists`);
+        }
+        this.data.push(item);
+        return item;
+    }
+    updateData(updateItem) {
+        const itemIndex = this.data.findIndex((item) => item.path === updateItem.existingPath);
+        const item = this.data[itemIndex];
+        if (!item)
+            return;
+        // TODO: revisit this code, seems like something we can solve smarter/type safer now:
+        const itemKeys = Object.keys(item);
+        const newItem = { ...item };
+        for (const [key] of Object.entries(updateItem)) {
+            if (itemKeys.indexOf(key) !== -1) {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                newItem[key] = updateItem[key];
+            }
+        }
+        // Specific to fileSystem, we need to update path based on name:
+        const dirName = updateItem.existingPath?.substring(0, updateItem.existingPath.lastIndexOf('/'));
+        newItem.path = `${dirName}${dirName ? '/' : ''}${updateItem.name}`;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        this.data[itemIndex] = newItem;
+    }
+    delete(paths) {
+        const deletedPaths = this.data
+            .filter((item) => {
+            if (!item.path)
+                throw new Error('Item has no path');
+            paths.includes(item.path);
+        })
+            .map((item) => item.path);
+        this.data = this.data.filter((item) => {
+            if (!item.path)
+                throw new Error('Item has no path');
+            paths.indexOf(item.path) === -1;
+        });
+        return deletedPaths;
+    }
 }
 export const umbStylesheetData = new UmbStylesheetData();

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

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

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

@@ -60,3 +60,8 @@ export const createTextFileItem = (item) => ({
     name: item.name,
     content: item.content,
 });
+export const createFileItemResponseModelBaseModel = (item) => ({
+    path: item.path,
+    name: item.name,
+    icon: item.icon,
+});

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

@@ -4,6 +4,18 @@ export const manifestDevelopmentHandler = rest.get(umbracoPath('/package/manifes
     return res(
     // Respond with a 200 status code
     ctx.status(200), ctx.json([
+        {
+            name: 'My Package Name',
+            version: '1.0.0',
+            extensions: [
+                {
+                    type: 'bundle',
+                    alias: 'My.Package.Bundle',
+                    name: 'My Package Bundle',
+                    js: '/App_Plugins/custom-bundle-package/index.js',
+                },
+            ],
+        },
         {
             name: 'Named Package',
             version: '1.0.0',

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

@@ -1,7 +1,7 @@
 const { rest } = window.MockServiceWorker;
 import { umbStylesheetData } from '../data/stylesheet.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
-export const handlers = [
+const treeHandlers = [
     rest.get(umbracoPath('/tree/stylesheet/root'), (req, res, ctx) => {
         const response = umbStylesheetData.getTreeRoot();
         return res(ctx.status(200), ctx.json(response));
@@ -21,3 +21,99 @@ export const handlers = [
         return res(ctx.status(200), ctx.json(items));
     }),
 ];
+const detailHandlers = [
+    rest.get(umbracoPath('/stylesheet'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return;
+        const response = umbStylesheetData.getStylesheet(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.post(umbracoPath('/stylesheet'), (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbStylesheetData.insertStyleSheet(requestBody);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.delete(umbracoPath('/stylesheet'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbStylesheetData.delete([path]);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.put(umbracoPath('/stylesheet'), async (req, res, ctx) => {
+        const requestBody = await req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        umbStylesheetData.updateData(requestBody);
+        return res(ctx.status(200));
+    }),
+    rest.get(umbracoPath('/v1/stylesheet/all'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return;
+        const response = umbStylesheetData.getAllStylesheets();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/v1/stylesheet/item'), (req, res, ctx) => {
+        const paths = req.url.searchParams.getAll('path');
+        if (!paths)
+            return;
+        const items = umbStylesheetData.getStylesheetItem(paths[0]);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+];
+const rulesHandlers = [
+    rest.post(umbracoPath('/stylesheet/rich-text/extract-rules'), async (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = await umbStylesheetData.extractRules({ requestBody });
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.post(umbracoPath('/stylesheet/rich-text/interpolate-rules'), async (req, res, ctx) => {
+        const requestBody = (await req.json());
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbStylesheetData.interpolateRules({ requestBody });
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/stylesheet/rich-text/rules'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return res(ctx.status(400));
+        try {
+            const response = umbStylesheetData.getRules(path);
+            return res(ctx.status(200), ctx.json(response));
+        }
+        catch (e) {
+            return res(ctx.status(404));
+        }
+    }),
+];
+const folderHandlers = [
+    rest.get(umbracoPath('/v1/stylesheet/all'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return;
+        const response = umbStylesheetData.getFolder(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.post(umbracoPath('/stylesheet/folder'), (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbStylesheetData.insertFolder(requestBody);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.delete(umbracoPath('/stylesheet/folder'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbStylesheetData.delete([path]);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+];
+export const handlers = [...treeHandlers, ...detailHandlers, ...folderHandlers, ...rulesHandlers];

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

@@ -41,11 +41,11 @@ export let UmbCollectionSelectionActionsElement = class UmbCollectionSelectionAc
         // TODO: Make sure it only updates on length change.
         this.observe(this._collectionContext.items, (mediaItems) => {
             this._nodesLength = mediaItems.length;
-        });
+        }, 'observeItem');
         this.observe(this._collectionContext.selection, (selection) => {
             this._selectionLength = selection.length;
             this._selection = selection;
-        });
+        }, 'observeSelection');
     }
     _renderSelectionCount() {
         return html `<div>${this._selectionLength} of ${this._nodesLength} selected</div>`;
@@ -56,7 +56,7 @@ export let UmbCollectionSelectionActionsElement = class UmbCollectionSelectionAc
             return extensions.filter((extension) => extension.conditions.entityType === this.#entityType);
         })), (bulkActions) => {
             this._entityBulkActions = bulkActions;
-        });
+        }, 'observeEntityBulkActions');
     }
     #onActionExecuted(event) {
         event.stopPropagation();

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

@@ -3,7 +3,6 @@ export * from './backoffice-notification-container/backoffice-notification-conta
 export * from './body-layout/body-layout.element.js';
 export * from './button-with-dropdown/button-with-dropdown.element.js';
 export * from './code-block/index.js';
-export * from './data-type/index.js';
 export * from './input-date/index.js';
 export * from './dropdown/index.js';
 export * from './empty-state/index.js';

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

@@ -5,7 +5,6 @@ export * from './backoffice-notification-container/backoffice-notification-conta
 export * from './body-layout/body-layout.element.js';
 export * from './button-with-dropdown/button-with-dropdown.element.js'; // TODO: delete this and change usage to umb-dropdown
 export * from './code-block/index.js';
-export * from './data-type/index.js';
 export * from './input-date/index.js';
 export * from './dropdown/index.js';
 export * from './empty-state/index.js';

package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.element.d.ts

@@ -1,11 +1,11 @@
-import { UmbDataTypeConfigCollection } from '../index.js';
 import { PropertyValueMap } from '../../../../external/lit/index.js';
 import { UmbModalContext } from '../../modal/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { UmbPropertyEditorConfigCollection } from '../../property-editor/index.js';
 declare const UmbInputTinyMceElement_base: (new (...args: any[]) => import("../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
 export declare class UmbInputTinyMceElement extends UmbInputTinyMceElement_base {
     #private;
-    configuration?: UmbDataTypeConfigCollection;
+    configuration?: UmbPropertyEditorConfigCollection;
     private _tinyConfig;
     modalContext: UmbModalContext;
     protected getFormElement(): HTMLIFrameElement | undefined;

package/dist-cms/packages/core/components/input-tiny-mce/tiny-mce-plugin.d.ts

@@ -1,9 +1,10 @@
-import type { UmbDataTypeConfigCollection, UmbInputTinyMceElement } from '../index.js';
+import type { UmbInputTinyMceElement } from '../index.js';
 import type { tinymce } from '../../../../external/tinymce/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../property-editor/index.js';
 export declare class UmbTinyMcePluginBase {
     host: UmbInputTinyMceElement;
     editor: tinymce.Editor;
-    configuration?: UmbDataTypeConfigCollection;
+    configuration?: UmbPropertyEditorConfigCollection;
     constructor(arg: TinyMcePluginArguments);
 }
 export interface TinyMcePluginArguments {

package/dist-cms/packages/core/components/property-editor-config/property-editor-config.element.d.ts

@@ -1,18 +1,11 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
- *  @element umb-property-editor-config
- *  @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
+ * @element umb-property-editor-config
+ * @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
+ * This element requires a UMB_DATA_TYPE_WORKSPACE_CONTEXT to be present.
  */
 export declare class UmbPropertyEditorConfigElement extends UmbLitElement {
-    /**
-     * Property Editor UI Alias. The element will render configuration for a Property Editor UI with this alias.
-     * @type {string}
-     * @attr
-     * @default ''
-     */
-    private _propertyEditorUiAlias;
-    get propertyEditorUiAlias(): string;
-    set propertyEditorUiAlias(value: string);
+    #private;
     /**
      * Data. The element will render configuration editors with values from this data.
      * If a value is not found in this data, the element will use the default value from the configuration.
@@ -25,19 +18,7 @@ export declare class UmbPropertyEditorConfigElement extends UmbLitElement {
         value: unknown;
     }>;
     private _properties;
-    private _propertyEditorSchemaConfigDefaultData;
-    private _propertyEditorUISettingsDefaultData;
-    private _configDefaultData?;
-    private _propertyEditorSchemaConfigProperties;
-    private _propertyEditorUISettingsProperties;
-    private _observePropertyEditorUIConfig;
-    private _observePropertyEditorSchemaConfig;
-    private _mergeConfigProperties;
-    private _mergeConfigDefaultData;
-    /**
-     * Get the stored value for a property. It will render the default value from the configuration if no value is stored in the database.
-     */
-    private _getValue;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }