@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

package/dist-cms/packages/{property-editors/multi-url-picker → multi-url-picker/property-editor}/property-editor-ui-multi-url-picker.element.js

@@ -8,6 +8,8 @@ import { customElement, html, property, state } from '../../../external/lit/inde
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 import { UMB_PROPERTY_CONTEXT } from '../../core/property/index.js';
+// import of local component
+import '../multi-url-picker/multi-url-picker.element.js';
 /**
  * @element umb-property-editor-ui-multi-url-picker
  */
@@ -16,7 +18,6 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
         if (!config)
             return;
         this._hideAnchor = config.getValueByAlias('hideAnchor') ?? false;
-        this._ignoreUserStartNodes = config.getValueByAlias('ignoreUserStartNodes') ?? false;
         this._minNumber = Number(config.getValueByAlias('minNumber')) ?? 0;
         this._maxNumber = Number(config.getValueByAlias('maxNumber')) ?? Infinity;
         this._overlaySize = config.getValueByAlias('overlaySize') ?? 'small';
@@ -37,9 +38,8 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
     }
     render() {
         return html `
-			<umb-input-multi-url
+			<umb-multi-url-picker
 				.alias=${this._alias}
-				.ignoreUserStartNodes=${this._ignoreUserStartNodes}
 				.max=${this._maxNumber}
 				.min=${this._minNumber}
 				.overlaySize=${this._overlaySize}
@@ -47,7 +47,7 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
 				.variantId=${this._variantId}
 				?hide-anchor=${this._hideAnchor}
 				@change=${this.#onChange}>
-			</umb-input-multi-url>
+			</umb-multi-url-picker>
 		`;
     }
 };
@@ -60,9 +60,6 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "_hideAnchor", void 0);
-__decorate([
-    state()
-], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "_ignoreUserStartNodes", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "_minNumber", void 0);

package/dist-cms/packages/multi-url-picker/tiny-mce-plugin/manifests.d.ts

@@ -0,0 +1,13 @@
+export declare const manifests: {
+    type: string;
+    alias: string;
+    name: string;
+    js: () => Promise<typeof import("./tiny-mce-multi-url-picker.plugin.js")>;
+    meta: {
+        toolbar: {
+            alias: string;
+            label: string;
+            icon: string;
+        }[];
+    };
+}[];

package/dist-cms/packages/multi-url-picker/tiny-mce-plugin/manifests.js

@@ -0,0 +1,22 @@
+export const manifests = [
+    {
+        type: 'tinyMcePlugin',
+        alias: 'Umb.TinyMcePlugin.MultiUrlPicker',
+        name: 'Multi Url Picker TinyMCE Plugin',
+        js: () => import('./tiny-mce-multi-url-picker.plugin.js'),
+        meta: {
+            toolbar: [
+                {
+                    alias: 'link',
+                    label: 'Insert/Edit link',
+                    icon: 'link',
+                },
+                {
+                    alias: 'unlink',
+                    label: 'Remove link',
+                    icon: 'unlink',
+                },
+            ],
+        },
+    },
+];

package/dist-cms/packages/{tiny-mce/plugins/tiny-mce-linkpicker.plugin.d.ts → multi-url-picker/tiny-mce-plugin/tiny-mce-multi-url-picker.plugin.d.ts}

@@ -1,5 +1,5 @@
-import { type TinyMcePluginArguments, UmbTinyMcePluginBase } from '../components/input-tiny-mce/tiny-mce-plugin.js';
-export default class UmbTinyMceLinkPickerPlugin extends UmbTinyMcePluginBase {
+import { type TinyMcePluginArguments, UmbTinyMcePluginBase } from '../../tiny-mce/index.js';
+export default class UmbTinyMceMultiUrlPickerPlugin extends UmbTinyMcePluginBase {
     #private;
     constructor(args: TinyMcePluginArguments);
     showDialog(): Promise<void>;

package/dist-cms/packages/{tiny-mce/plugins/tiny-mce-linkpicker.plugin.js → multi-url-picker/tiny-mce-plugin/tiny-mce-multi-url-picker.plugin.js}

@@ -1,6 +1,7 @@
-import { UmbTinyMcePluginBase } from '../components/input-tiny-mce/tiny-mce-plugin.js';
-import { UMB_LINK_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT } from '../../core/modal/index.js';
-export default class UmbTinyMceLinkPickerPlugin extends UmbTinyMcePluginBase {
+import { UMB_LINK_PICKER_MODAL } from '../link-picker-modal/link-picker-modal.token.js';
+import { UmbTinyMcePluginBase } from '../../tiny-mce/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT } from '../../core/modal/index.js';
+export default class UmbTinyMceMultiUrlPickerPlugin extends UmbTinyMcePluginBase {
     #linkPickerData;
     #anchorElement;
     constructor(args) {
@@ -49,7 +50,7 @@ export default class UmbTinyMceLinkPickerPlugin extends UmbTinyMcePluginBase {
         };
         if (this.#anchorElement.href.includes('localLink:')) {
             const href = this.#anchorElement.getAttribute('href');
-            currentTarget.unique = href.substring(href.indexOf(":") + 1, href.indexOf("}"));
+            currentTarget.unique = href.substring(href.indexOf(':') + 1, href.indexOf('}'));
         }
         else if (this.#anchorElement.host.length) {
             currentTarget.url = this.#anchorElement.protocol ? this.#anchorElement.protocol + '//' : undefined;
@@ -61,9 +62,7 @@ export default class UmbTinyMceLinkPickerPlugin extends UmbTinyMcePluginBase {
         const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
         const modalHandler = modalManager.open(this, UMB_LINK_PICKER_MODAL, {
             data: {
-                config: {
-                    ignoreUserStartNodes: this.configuration?.getValueByAlias('ignoreUserStartNodes') ?? false,
-                },
+                config: {},
                 index: null,
             },
             value: {

package/dist-cms/packages/multi-url-picker/umbraco-package.d.ts

@@ -0,0 +1,7 @@
+export declare const name = "Umbraco.Core.MultiUrlPicker";
+export declare const extensions: {
+    name: string;
+    alias: string;
+    type: string;
+    js: () => Promise<typeof import("./manifests.js")>;
+}[];

package/dist-cms/packages/multi-url-picker/umbraco-package.js

@@ -0,0 +1,9 @@
+export const name = 'Umbraco.Core.MultiUrlPicker';
+export const extensions = [
+    {
+        name: 'Multi Url Picker Bundle',
+        alias: 'Umb.Bundle.MultiUrlPicker',
+        type: 'bundle',
+        js: () => import('./manifests.js'),
+    },
+];

package/dist-cms/packages/packages/package-builder/workspace/workspace-package-builder.element.js

@@ -80,10 +80,8 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
         if (!this.workspaceAlias)
             return nothing;
         return html `
-			<umb-workspace-editor alias=${this.workspaceAlias}>
-				${this.#renderHeader()}
-				${this.#renderEditors()}
-				${this.#renderActions()}
+			<umb-workspace-editor alias=${this.workspaceAlias} back-path="section/packages/view/created">
+				${this.#renderHeader()} ${this.#renderEditors()} ${this.#renderActions()}
 			</umb-workspace-editor>
 		`;
     }
@@ -92,9 +90,6 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
             return nothing;
         return html `
 			<div id="header" slot="header">
-				<uui-button href="section/packages/view/created" label=${this.localize.term('general_backToOverview')} compact>
-					<uui-icon name="icon-arrow-left"></uui-icon>
-				</uui-button>
 				<uui-input
 					id="package-name-input"
 					required
@@ -128,17 +123,10 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
     #renderEditors() {
         return html `
 			<uui-box headline="Package Content">
-				${this.#renderDocumentSection()}
-				${this.#renderMediaSection()}
-				${this.#renderDocumentTypeSection()}
-				${this.#renderMediaTypeSection()}
-				${this.#renderLanguageSection()}
-				${this.#renderDictionarySection()}
-				${this.#renderDataTypeSection()}
-				${this.#renderTemplateSection()}
-				${this.#renderStylesheetsSection()}
-				${this.#renderScriptsSection()}
-				${this.#renderPartialViewSection()}
+				${this.#renderDocumentSection()} ${this.#renderMediaSection()} ${this.#renderDocumentTypeSection()}
+				${this.#renderMediaTypeSection()} ${this.#renderLanguageSection()} ${this.#renderDictionarySection()}
+				${this.#renderDataTypeSection()} ${this.#renderTemplateSection()} ${this.#renderStylesheetsSection()}
+				${this.#renderScriptsSection()} ${this.#renderPartialViewSection()}
 			</uui-box>
 		`;
     }
@@ -185,7 +173,10 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
         return html `
 			<umb-property-layout label="Media">
 				<div slot="editor">
-					<umb-input-media .selection=${this._package.mediaIds ?? []} @change=${this.#onMediaChange}></umb-input-media>
+					<umb-input-media
+						multiple
+						.selection=${this._package.mediaIds ?? []}
+						@change=${this.#onMediaChange}></umb-input-media>
 					<uui-checkbox
 						label="Include child nodes"
 						.checked=${this._package.mediaLoadChildNodes ?? false}

package/dist-cms/packages/packages/package-section/views/installed/installed-packages-section-view-item.element.js

@@ -53,7 +53,7 @@ let UmbInstalledPackagesSectionViewItemElement = class UmbInstalledPackagesSecti
             return;
         }
         // TODO: add dedicated modal for package views, and register it in a manifest.
-        alert('package view modal temporarily disabled. See comment in code.');
+        throw new Error('package view modal temporarily disabled.');
         /*
         this._modalContext?.open(this, element, {
             data: { name: this.name, version: this.version },

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

@@ -1,13 +1,14 @@
 import { nothing } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+type UmbCheckboxListItem = {
+    label: string;
+    value: string;
+    checked: boolean;
+};
 declare const UmbInputCheckboxListElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").UUIFormControlMixinInterface<FormDataEntryValue | FormData, string>) & typeof UmbLitElement;
 export declare class UmbInputCheckboxListElement extends UmbInputCheckboxListElement_base {
     #private;
-    list: Array<{
-        label: string;
-        value: string;
-        checked: boolean;
-    }>;
+    list: Array<UmbCheckboxListItem>;
     set selection(values: Array<string>);
     get selection(): Array<string>;
     set value(value: string);

package/dist-cms/packages/property-editors/checkbox-list/components/input-checkbox-list/input-checkbox-list.element.js

@@ -11,7 +11,6 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
 let UmbInputCheckboxListElement = class UmbInputCheckboxListElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
-        // TODO: Could this use a type that we export to ensure TS failure, or hook this up with a type coming from backend?
         this.list = [];
         this.#selection = [];
     }
@@ -29,12 +28,12 @@ let UmbInputCheckboxListElement = class UmbInputCheckboxListElement extends UUIF
     getFormElement() {
         return undefined;
     }
-    #onChange(e) {
-        e.stopPropagation();
-        if (e.target.checked)
-            this.selection = [...this.selection, e.target.value];
+    #onChange(event) {
+        event.stopPropagation();
+        if (event.target.checked)
+            this.selection = [...this.selection, event.target.value];
         else
-            this.#removeFromSelection(this.selection.findIndex((value) => e.target.value === value));
+            this.#removeFromSelection(this.selection.findIndex((value) => event.target.value === value));
         this.dispatchEvent(new UmbChangeEvent());
     }
     #removeFromSelection(index) {

package/dist-cms/packages/property-editors/checkbox-list/property-editor-ui-checkbox-list.element.d.ts

@@ -7,8 +7,8 @@ import './components/input-checkbox-list/input-checkbox-list.element.js';
  */
 export declare class UmbPropertyEditorUICheckboxListElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
-    set value(value: Array<string>);
-    get value(): Array<string>;
+    set value(value: Array<string> | string | undefined);
+    get value(): Array<string> | undefined;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _list;
     render(): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/property-editors/checkbox-list/property-editor-ui-checkbox-list.element.js

@@ -14,30 +14,40 @@ import './components/input-checkbox-list/input-checkbox-list.element.js';
 let UmbPropertyEditorUICheckboxListElement = class UmbPropertyEditorUICheckboxListElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.#value = [];
+        this.#selection = [];
         this._list = [];
     }
-    #value;
+    #selection;
     set value(value) {
-        this.#value = value ?? [];
+        this.#selection = Array.isArray(value) ? value : value ? [value] : [];
     }
     get value() {
-        return this.#value;
+        return this.#selection;
     }
     set config(config) {
-        const listData = config?.getValueByAlias('items');
-        this._list = listData?.map((item) => ({ label: item, value: item, checked: this.#value.includes(item) })) ?? [];
+        if (!config)
+            return;
+        const items = config.getValueByAlias('items');
+        if (Array.isArray(items) && items.length > 0) {
+            this._list =
+                typeof items[0] === 'string'
+                    ? items.map((item) => ({ label: item, value: item, checked: this.#selection.includes(item) }))
+                    : items.map((item) => ({
+                        label: item.name,
+                        value: item.value,
+                        checked: this.#selection.includes(item.value),
+                    }));
+        }
     }
     #onChange(event) {
-        const element = event.target;
-        this.value = element.selection;
+        this.value = event.target.selection;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
         return html `
 			<umb-input-checkbox-list
 				.list=${this._list}
-				.selection=${this.#value}
+				.selection=${this.#selection}
 				@change=${this.#onChange}></umb-input-checkbox-list>
 		`;
     }

package/dist-cms/packages/property-editors/collection/manifests.js

@@ -36,7 +36,7 @@ const propertyEditorUiManifest = {
                     alias: 'pageSize',
                     label: 'Page Size',
                     description: 'Number of items per page.',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     config: [{ alias: 'min', value: 0 }],
                 },
                 {
@@ -63,12 +63,6 @@ const propertyEditorUiManifest = {
                     description: 'Enable this to show the content app by default instead of the list view app.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
                 },
-                {
-                    alias: 'useInfiniteEditor',
-                    label: 'Edit in Infinite Editor',
-                    description: 'Enable this to use infinite editing to edit the content of the list view.',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
-                },
             ],
             defaultData: [
                 {
@@ -98,24 +92,11 @@ const propertyEditorUiManifest = {
         },
     },
 };
-/**
- * Legacy property editor UI manifest for the collection view property editor.
- * @deprecated Use the property editor UI alias of 'Umb.PropertyEditorUi.Collection' instead.
- */
-const legacyPropertyEditorUiManifest = {
-    ...propertyEditorUiManifest,
-    alias: 'Umb.PropertyEditorUi.CollectionView',
-    element: () => import('./legacy-property-editor-ui-collection.element.js'),
-};
-const config = [
+export const manifests = [
+    propertyEditorUiManifest,
     bulkActionPermissions,
     columnConfiguration,
     layoutConfiguration,
     orderBy,
-];
-export const manifests = [
-    propertyEditorUiManifest,
-    legacyPropertyEditorUiManifest,
-    ...config,
     schema,
 ];

package/dist-cms/packages/property-editors/collection/property-editor-ui-collection.element.js

@@ -44,7 +44,6 @@ let UmbPropertyEditorUICollectionElement = class UmbPropertyEditorUICollectionEl
             orderBy: config?.getValueByAlias('orderBy') ?? 'updateDate',
             orderDirection: config?.getValueByAlias('orderDirection') ?? 'asc',
             pageSize: Number(config?.getValueByAlias('pageSize')) ?? 50,
-            useInfiniteEditor: config?.getValueByAlias('useInfiniteEditor') ?? false,
             userDefinedProperties: config?.getValueByAlias('includeProperties'),
         };
     }

package/dist-cms/packages/property-editors/content-picker/Umbraco.MultiNodeTreePicker.js

@@ -10,14 +10,14 @@ export const manifest = {
                     alias: 'minNumber',
                     label: 'Minimum number of items',
                     description: '',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     config: [{ alias: 'min', value: 0 }],
                 },
                 {
                     alias: 'maxNumber',
                     label: 'Maximum number of items',
                     description: '',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     config: [{ alias: 'min', value: 0 }],
                 },
                 {

package/dist-cms/packages/property-editors/content-picker/components/input-content/input-content.element.d.ts

@@ -1,6 +1,7 @@
 import type { UmbContentPickerSource } from '../../types.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import type { UmbReferenceByUniqueAndType } from '../../../../core/models/index.js';
+import type { UmbTreeStartNode } from '../../../../core/tree/index.js';
 declare const elementName = "umb-input-content";
 declare const UmbInputContentElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").UUIFormControlMixinInterface<FormDataEntryValue | FormData, string>) & typeof UmbLitElement;
 export declare class UmbInputContentElement extends UmbInputContentElement_base {
@@ -9,17 +10,15 @@ export declare class UmbInputContentElement extends UmbInputContentElement_base
     private _type;
     set type(newType: UmbContentPickerSource['type']);
     get type(): UmbContentPickerSource['type'];
-    startNodeId?: string;
     min: number;
     max: number;
+    startNode?: UmbTreeStartNode;
     private _allowedContentTypeIds;
     set allowedContentTypeIds(value: string);
     get allowedContentTypeIds(): string;
     showOpenButton?: boolean;
-    ignoreUserStartNodes?: boolean;
     set items(items: Array<UmbReferenceByUniqueAndType>);
     get items(): Array<UmbReferenceByUniqueAndType>;
-    constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/property-editors/content-picker/components/input-content/input-content.element.js

@@ -10,6 +10,15 @@ import { UmbChangeEvent } from '../../../../core/event/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 const elementName = 'umb-input-content';
 let UmbInputContentElement = class UmbInputContentElement extends UUIFormControlMixin(UmbLitElement, '') {
+    constructor() {
+        super(...arguments);
+        this._type = 'content';
+        this.min = 0;
+        this.max = 0;
+        this._allowedContentTypeIds = [];
+        this.#entityTypeLookup = { content: 'document', media: 'media', member: 'member' };
+        this.#selection = [];
+    }
     getFormElement() {
         return undefined;
     }
@@ -64,15 +73,6 @@ let UmbInputContentElement = class UmbInputContentElement extends UUIFormControl
         }
         this.dispatchEvent(new UmbChangeEvent());
     }
-    constructor() {
-        super();
-        this._type = 'content';
-        this.min = 0;
-        this.max = 0;
-        this._allowedContentTypeIds = [];
-        this.#entityTypeLookup = { content: 'document', media: 'media', member: 'member' };
-        this.#selection = [];
-    }
     render() {
         switch (this._type) {
             case 'content':
@@ -88,12 +88,11 @@ let UmbInputContentElement = class UmbInputContentElement extends UUIFormControl
     #renderDocumentPicker() {
         return html `<umb-input-document
 			.selection=${this.#selection}
-			.startNodeId=${this.startNodeId}
+			.startNode=${this.startNode}
 			.allowedContentTypeIds=${this._allowedContentTypeIds}
 			.min=${this.min}
 			.max=${this.max}
 			?showOpenButton=${this.showOpenButton}
-			?ignoreUserStartNodes=${this.ignoreUserStartNodes}
 			@change=${this.#onChange}></umb-input-document>`;
     }
     #renderMediaPicker() {
@@ -103,7 +102,6 @@ let UmbInputContentElement = class UmbInputContentElement extends UUIFormControl
 			.min=${this.min}
 			.max=${this.max}
 			?showOpenButton=${this.showOpenButton}
-			?ignoreUserStartNodes=${this.ignoreUserStartNodes}
 			@change=${this.#onChange}></umb-input-media>`;
     }
     #renderMemberPicker() {
@@ -127,24 +125,21 @@ let UmbInputContentElement = class UmbInputContentElement extends UUIFormControl
 __decorate([
     property()
 ], UmbInputContentElement.prototype, "type", null);
-__decorate([
-    property({ type: String })
-], UmbInputContentElement.prototype, "startNodeId", void 0);
 __decorate([
     property({ type: Number })
 ], UmbInputContentElement.prototype, "min", void 0);
 __decorate([
     property({ type: Number })
 ], UmbInputContentElement.prototype, "max", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbInputContentElement.prototype, "startNode", void 0);
 __decorate([
     property()
 ], UmbInputContentElement.prototype, "allowedContentTypeIds", null);
 __decorate([
     property({ type: Boolean })
 ], UmbInputContentElement.prototype, "showOpenButton", void 0);
-__decorate([
-    property({ type: Boolean })
-], UmbInputContentElement.prototype, "ignoreUserStartNodes", void 0);
 __decorate([
     property({ type: Array })
 ], UmbInputContentElement.prototype, "items", null);

package/dist-cms/packages/property-editors/content-picker/dynamic-root/repository/dynamic-root.repository.d.ts

@@ -13,10 +13,10 @@ export declare class UmbContentPickerDynamicRootRepository extends UmbController
     /**
      * Request dynamic root
      * @param {UmbContentPickerDynamicRoot} query
-     * @param {string} entityId
-     * @param {string} [parentId]
+     * @param {string} entityUnique
+     * @param {string} [parentUnique]
      * @return {*}
      * @memberof UmbContentPickerDynamicRootRepository
      */
-    requestRoot(query: UmbContentPickerDynamicRoot, entityId: string, parentId?: string): Promise<string[] | undefined>;
+    requestRoot(query: UmbContentPickerDynamicRoot, entityUnique: string, parentUnique?: string): Promise<string[] | undefined>;
 }

package/dist-cms/packages/property-editors/content-picker/dynamic-root/repository/dynamic-root.repository.js

@@ -16,28 +16,28 @@ export class UmbContentPickerDynamicRootRepository extends UmbControllerBase {
     /**
      * Request dynamic root
      * @param {UmbContentPickerDynamicRoot} query
-     * @param {string} entityId
-     * @param {string} [parentId]
+     * @param {string} entityUnique
+     * @param {string} [parentUnique]
      * @return {*}
      * @memberof UmbContentPickerDynamicRootRepository
      */
-    async requestRoot(query, entityId, parentId) {
+    async requestRoot(query, entityUnique, parentUnique) {
         const model = {
             context: {
-                id: entityId,
-                parent: { id: parentId ?? GUID_EMPTY },
+                id: entityUnique,
+                parent: { id: parentUnique ?? GUID_EMPTY },
             },
             query: {
                 origin: {
                     alias: query.originAlias,
                     id: query.originKey,
                 },
-                steps: query.querySteps.map((step) => {
+                steps: query.querySteps?.map((step) => {
                     return {
                         alias: step.alias,
                         documentTypeIds: step.anyOfDocTypeKeys,
                     };
-                }),
+                }) || [],
             },
         };
         const result = await this.#dataSource.getRoot(model);

package/dist-cms/packages/property-editors/content-picker/property-editor-ui-content-picker.element.d.ts

@@ -10,13 +10,13 @@ import './components/input-content/index.js';
 export declare class UmbPropertyEditorUIContentPickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     value: UmbInputContentElement['items'];
-    type: UmbContentPickerSource['type'];
-    startNodeId?: string | null;
-    min: number;
-    max: number;
-    allowedContentTypeIds?: string | null;
-    showOpenButton?: boolean;
-    ignoreUserStartNodes?: boolean;
+    _type: UmbContentPickerSource['type'];
+    _min: number;
+    _max: number;
+    _allowedContentTypeUniques?: string | null;
+    _showOpenButton?: boolean;
+    _rootUnique?: string | null;
+    _rootEntityType?: string;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;