@umbraco-cms/backoffice 16.3.4 → 17.0.0-rc1

package/dist-cms/packages/property-editors/entity-data-picker/picker-collection/entity-data-picker-collection.repository.js

@@ -0,0 +1,26 @@
+import { UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT } from '../input/entity-data-picker-data-source.context.token.js';
+import { UmbRepositoryBase } from '../../../core/repository/index.js';
+export class UmbEntityDataPickerCollectionRepository extends UmbRepositoryBase {
+    #init;
+    #pickerDataSourceContext;
+    constructor(host) {
+        super(host);
+        this.#init = Promise.all([
+            this.consumeContext(UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT, (context) => {
+                this.#pickerDataSourceContext = context;
+            }).asPromise(),
+        ]);
+    }
+    async requestCollection(filter) {
+        await this.#init;
+        const api = await this.#getApi();
+        return api.requestCollection(filter);
+    }
+    async #getApi() {
+        const api = (await this.observe(this.#pickerDataSourceContext?.dataSourceApi)?.asPromise());
+        if (!api)
+            throw new Error('No data source API set');
+        return api;
+    }
+}
+export { UmbEntityDataPickerCollectionRepository as api };

package/dist-cms/packages/property-editors/entity-data-picker/picker-collection/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

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

@@ -0,0 +1,18 @@
+import { UMB_ENTITY_DATA_PICKER_COLLECTION_MENU_ALIAS, UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS, } from './constants.js';
+export const manifests = [
+    {
+        type: 'repository',
+        alias: UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS,
+        name: 'Entity Data Picker Collection Repository',
+        api: () => import('./entity-data-picker-collection.repository.js'),
+    },
+    {
+        type: 'collectionMenu',
+        kind: 'default',
+        alias: UMB_ENTITY_DATA_PICKER_COLLECTION_MENU_ALIAS,
+        name: 'Entity Data Picker Collection Menu',
+        meta: {
+            collectionRepositoryAlias: UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS,
+        },
+    },
+];

package/dist-cms/packages/property-editors/entity-data-picker/picker-item/constants.d.ts

@@ -0,0 +1 @@
+export declare const UMB_ENTITY_DATA_PICKER_ITEM_REPOSITORY_ALIAS = "Umb.Repository.EntityDataPickerItem";

package/dist-cms/packages/property-editors/entity-data-picker/picker-item/constants.js

@@ -0,0 +1 @@
+export const UMB_ENTITY_DATA_PICKER_ITEM_REPOSITORY_ALIAS = 'Umb.Repository.EntityDataPickerItem';

package/dist-cms/packages/property-editors/entity-data-picker/picker-item/entity-data-picker-item.repository.d.ts

@@ -0,0 +1,10 @@
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbItemModel } from '../../../core/entity-item/index.js';
+import type { UmbApi } from '../../../../libs/extension-api/index.js';
+import { UmbRepositoryBase, type UmbItemRepository } from '../../../core/repository/index.js';
+export declare class UmbEntityDataPickerItemRepository extends UmbRepositoryBase implements UmbItemRepository<UmbItemModel>, UmbApi {
+    #private;
+    constructor(host: UmbControllerHost);
+    requestItems(uniques: Array<string>): Promise<import("../../../core/repository/index.js").UmbRepositoryResponseWithAsObservable<UmbItemModel[] | undefined, UmbItemModel[] | undefined>>;
+}
+export { UmbEntityDataPickerItemRepository as api };

package/dist-cms/packages/property-editors/entity-data-picker/picker-item/entity-data-picker-item.repository.js

@@ -0,0 +1,26 @@
+import { UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT } from '../input/entity-data-picker-data-source.context.token.js';
+import { UmbRepositoryBase } from '../../../core/repository/index.js';
+export class UmbEntityDataPickerItemRepository extends UmbRepositoryBase {
+    #init;
+    #pickerDataSourceContext;
+    constructor(host) {
+        super(host);
+        this.#init = Promise.all([
+            this.consumeContext(UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT, (context) => {
+                this.#pickerDataSourceContext = context;
+            }).asPromise(),
+        ]);
+    }
+    async requestItems(uniques) {
+        await this.#init;
+        const api = await this.#getApi();
+        return api.requestItems(uniques);
+    }
+    async #getApi() {
+        const api = await this.observe(this.#pickerDataSourceContext?.dataSourceApi)?.asPromise();
+        if (!api)
+            throw new Error('No data source API set');
+        return api;
+    }
+}
+export { UmbEntityDataPickerItemRepository as api };

package/dist-cms/packages/property-editors/entity-data-picker/picker-item/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/property-editors/entity-data-picker/picker-item/manifests.js

@@ -0,0 +1,9 @@
+import { UMB_ENTITY_DATA_PICKER_ITEM_REPOSITORY_ALIAS } from './constants.js';
+export const manifests = [
+    {
+        type: 'repository',
+        alias: UMB_ENTITY_DATA_PICKER_ITEM_REPOSITORY_ALIAS,
+        name: 'Entity Data Picker Item Repository',
+        api: () => import('./entity-data-picker-item.repository.js'),
+    },
+];

package/dist-cms/packages/property-editors/entity-data-picker/picker-search/constants.d.ts

@@ -0,0 +1 @@
+export declare const UMB_ENTITY_DATA_PICKER_SEARCH_PROVIDER_ALIAS = "Umb.SearchProvider.EntityDataPicker";

package/dist-cms/packages/property-editors/entity-data-picker/picker-search/constants.js

@@ -0,0 +1 @@
+export const UMB_ENTITY_DATA_PICKER_SEARCH_PROVIDER_ALIAS = 'Umb.SearchProvider.EntityDataPicker';

package/dist-cms/packages/property-editors/entity-data-picker/picker-search/entity-data-picker.search-provider.d.ts

@@ -0,0 +1,10 @@
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbApi } from '../../../../libs/extension-api/index.js';
+import type { UmbSearchProvider, UmbSearchRequestArgs, UmbSearchResultItemModel } from '../../../core/search/index.js';
+export declare class UmbEntityDataPickerSearchProvider extends UmbControllerBase implements UmbSearchProvider<UmbSearchResultItemModel>, UmbApi {
+    #private;
+    constructor(host: UmbControllerHost);
+    search(args: UmbSearchRequestArgs): Promise<import("../../../core/repository/index.js").UmbRepositoryResponse<import("../../../core/repository/index.js").UmbPagedModel<UmbSearchResultItemModel>>>;
+}
+export { UmbEntityDataPickerSearchProvider as api };

package/dist-cms/packages/property-editors/entity-data-picker/picker-search/entity-data-picker.search-provider.js

@@ -0,0 +1,26 @@
+import { UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT } from '../input/entity-data-picker-data-source.context.token.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+export class UmbEntityDataPickerSearchProvider extends UmbControllerBase {
+    #init;
+    #pickerDataSourceContext;
+    constructor(host) {
+        super(host);
+        this.#init = Promise.all([
+            this.consumeContext(UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT, (context) => {
+                this.#pickerDataSourceContext = context;
+            }).asPromise(),
+        ]);
+    }
+    async search(args) {
+        await this.#init;
+        const api = await this.#getApi();
+        return api.search?.(args);
+    }
+    async #getApi() {
+        const api = (await this.observe(this.#pickerDataSourceContext?.dataSourceApi)?.asPromise());
+        if (!api)
+            throw new Error('No data source API set');
+        return api;
+    }
+}
+export { UmbEntityDataPickerSearchProvider as api };

package/dist-cms/packages/property-editors/entity-data-picker/picker-search/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/property-editors/entity-data-picker/picker-search/manifests.js

@@ -0,0 +1,9 @@
+import { UMB_ENTITY_DATA_PICKER_SEARCH_PROVIDER_ALIAS } from './constants.js';
+export const manifests = [
+    {
+        type: 'searchProvider',
+        alias: UMB_ENTITY_DATA_PICKER_SEARCH_PROVIDER_ALIAS,
+        name: 'Entity Data Picker Search Provider',
+        api: () => import('./entity-data-picker.search-provider.js'),
+    },
+];

package/dist-cms/packages/property-editors/entity-data-picker/picker-tree/constants.d.ts

@@ -0,0 +1 @@
+export declare const UMB_ENTITY_DATA_PICKER_TREE_ALIAS = "Umb.Tree.EntityDataPicker";

package/dist-cms/packages/property-editors/entity-data-picker/picker-tree/constants.js

@@ -0,0 +1 @@
+export const UMB_ENTITY_DATA_PICKER_TREE_ALIAS = 'Umb.Tree.EntityDataPicker';

package/dist-cms/packages/property-editors/entity-data-picker/picker-tree/entity-data-picker-tree.repository.d.ts

@@ -0,0 +1,13 @@
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbApi } from '../../../../libs/extension-api/index.js';
+import { UmbRepositoryBase } from '../../../core/repository/index.js';
+import type { UmbTreeAncestorsOfRequestArgs, UmbTreeChildrenOfRequestArgs, UmbTreeRepository, UmbTreeRootItemsRequestArgs } from '../../../core/tree/index.js';
+export declare class UmbEntityDataPickerTreeRepository extends UmbRepositoryBase implements UmbTreeRepository, UmbApi {
+    #private;
+    constructor(host: UmbControllerHost);
+    requestTreeRoot(): Promise<import("../../../core/repository/index.js").UmbRepositoryResponse<import("../../../core/tree/index.js").UmbTreeRootModel>>;
+    requestTreeRootItems(args: UmbTreeRootItemsRequestArgs): Promise<import("../../../core/repository/index.js").UmbRepositoryResponseWithAsObservable<import("../../../core/repository/index.js").UmbTargetPagedModel<import("../../../core/tree/index.js").UmbTreeItemModel>, import("../../../core/tree/index.js").UmbTreeItemModel[]>>;
+    requestTreeItemsOf(args: UmbTreeChildrenOfRequestArgs): Promise<import("../../../core/repository/index.js").UmbRepositoryResponseWithAsObservable<import("../../../core/repository/index.js").UmbTargetPagedModel<import("../../../core/tree/index.js").UmbTreeItemModel>, import("../../../core/tree/index.js").UmbTreeItemModel[]>>;
+    requestTreeItemAncestors(args: UmbTreeAncestorsOfRequestArgs): Promise<import("../../../core/repository/index.js").UmbRepositoryResponse<import("../../../core/tree/index.js").UmbTreeItemModel[]>>;
+}
+export { UmbEntityDataPickerTreeRepository as api };

package/dist-cms/packages/property-editors/entity-data-picker/picker-tree/entity-data-picker-tree.repository.js

@@ -0,0 +1,41 @@
+import { UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT } from '../input/entity-data-picker-data-source.context.token.js';
+import { UmbRepositoryBase } from '../../../core/repository/index.js';
+export class UmbEntityDataPickerTreeRepository extends UmbRepositoryBase {
+    #init;
+    #pickerDataSourceContext;
+    constructor(host) {
+        super(host);
+        this.#init = Promise.all([
+            this.consumeContext(UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT, (context) => {
+                this.#pickerDataSourceContext = context;
+            }).asPromise(),
+        ]);
+    }
+    async requestTreeRoot() {
+        await this.#init;
+        const api = await this.#getApi();
+        return api.requestTreeRoot();
+    }
+    async requestTreeRootItems(args) {
+        await this.#init;
+        const api = await this.#getApi();
+        return api.requestTreeRootItems(args);
+    }
+    async requestTreeItemsOf(args) {
+        await this.#init;
+        const api = await this.#getApi();
+        return api.requestTreeItemsOf(args);
+    }
+    async requestTreeItemAncestors(args) {
+        await this.#init;
+        const api = await this.#getApi();
+        return api.requestTreeItemAncestors(args);
+    }
+    async #getApi() {
+        const api = (await this.observe(this.#pickerDataSourceContext?.dataSourceApi)?.asPromise());
+        if (!api)
+            throw new Error('No data source API set');
+        return api;
+    }
+}
+export { UmbEntityDataPickerTreeRepository as api };

package/dist-cms/packages/property-editors/entity-data-picker/picker-tree/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/property-editors/entity-data-picker/picker-tree/manifests.js

@@ -0,0 +1,19 @@
+import { UMB_ENTITY_DATA_PICKER_TREE_ALIAS } from './constants.js';
+const repositoryAlias = 'Umb.Repository.EntityDataPickerTree';
+export const manifests = [
+    {
+        type: 'repository',
+        alias: repositoryAlias,
+        name: 'Entity Data Picker Tree Repository',
+        api: () => import('./entity-data-picker-tree.repository.js'),
+    },
+    {
+        type: 'tree',
+        kind: 'default',
+        alias: UMB_ENTITY_DATA_PICKER_TREE_ALIAS,
+        name: 'Entity Data Picker Tree',
+        meta: {
+            repositoryAlias,
+        },
+    },
+];

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/Umbraco.EntityDataPicker.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/Umbraco.EntityDataPicker.js

@@ -0,0 +1,21 @@
+export const manifests = [
+    {
+        type: 'propertyEditorSchema',
+        name: 'Entity Data Picker',
+        alias: 'Umbraco.EntityDataPicker',
+        meta: {
+            defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.EntityDataPicker',
+            settings: {
+                properties: [
+                    {
+                        alias: 'validationLimit',
+                        label: 'Amount',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.NumberRange',
+                        config: [{ alias: 'validationRange', value: { min: 0, max: Infinity } }],
+                        weight: 100,
+                    },
+                ],
+            },
+        },
+    },
+];

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

@@ -0,0 +1,38 @@
+import type { UmbEntityDataPickerPropertyEditorValue } from './types.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from '../../../core/property-editor/index.js';
+import '../input/input-entity-data.element.js';
+declare const UmbEntityDataPickerPropertyEditorUIElement_base: import("../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../core/validation/index.js").UmbFormControlMixinElement<UmbEntityDataPickerPropertyEditorValue | undefined>> & typeof UmbLitElement;
+export declare class UmbEntityDataPickerPropertyEditorUIElement extends UmbEntityDataPickerPropertyEditorUIElement_base implements UmbPropertyEditorUiElement {
+    #private;
+    /**
+     * The data source alias to use for this property editor.
+     * @type {string}
+     * @memberof UmbEntityDataPickerPropertyEditorUIElement
+     */
+    private _dataSourceAlias?;
+    get dataSourceAlias(): string | undefined;
+    set dataSourceAlias(value: string | undefined);
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
+    private _min;
+    private _minMessage;
+    private _max;
+    private _maxMessage;
+    private _dataSourceConfig?;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
+    focus(): void | undefined;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { UmbEntityDataPickerPropertyEditorUIElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-entity-data-property-editor-ui': UmbEntityDataPickerPropertyEditorUIElement;
+    }
+}

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/entity-data-picker-property-editor-ui.element.js

@@ -0,0 +1,124 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+import { customElement, html, property, state } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+import { UmbFormControlMixin } from '../../../core/validation/index.js';
+import { UmbChangeEvent } from '../../../core/event/index.js';
+import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
+// import of local component
+import '../input/input-entity-data.element.js';
+let UmbEntityDataPickerPropertyEditorUIElement = class UmbEntityDataPickerPropertyEditorUIElement extends UmbFormControlMixin(UmbLitElement, undefined) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+         * @type {boolean}
+         * @attr
+         * @default false
+         */
+        this.readonly = false;
+        this._min = 0;
+        this._minMessage = '';
+        this._max = Infinity;
+        this._maxMessage = '';
+    }
+    get dataSourceAlias() {
+        return this._dataSourceAlias;
+    }
+    set dataSourceAlias(value) {
+        this._dataSourceAlias = value;
+        this.#extractDataSourceConfig();
+    }
+    set config(config) {
+        this.#propertyEditorConfigCollection = config;
+        const minMax = config?.getValueByAlias('validationLimit');
+        this._min = minMax?.min ?? 0;
+        this._max = minMax?.max ?? Infinity;
+        this._minMessage = `${this.localize.term('validation_minCount')} ${this._min} ${this.localize.term('validation_items')}`;
+        this._maxMessage = `${this.localize.term('validation_maxCount')} ${this._max} ${this.localize.term('validation_itemsSelected')}`;
+        this._dataSourceConfig = this.#extractDataSourceConfig();
+    }
+    #propertyEditorConfigCollection;
+    #extractDataSourceConfig() {
+        if (!this._dataSourceAlias || !this.#propertyEditorConfigCollection) {
+            this._dataSourceConfig = undefined;
+            return;
+        }
+        const dataSourceExtension = umbExtensionsRegistry.getByAlias(this._dataSourceAlias);
+        if (!dataSourceExtension) {
+            throw new Error(`Data source with alias ${this._dataSourceAlias} not found`);
+        }
+        const aliases = dataSourceExtension.meta?.settings?.properties.map((property) => property.alias);
+        const configAliasMatch = this.#propertyEditorConfigCollection.filter((configEntry) => aliases?.includes(configEntry.alias));
+        const dataSourceConfig = configAliasMatch?.map((configEntry) => {
+            return {
+                alias: configEntry.alias,
+                value: configEntry.value,
+            };
+        });
+        return dataSourceConfig;
+    }
+    focus() {
+        return this.shadowRoot?.querySelector('umb-input-entity-data')?.focus();
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.addFormControlElement(this.shadowRoot.querySelector('umb-input-entity-data'));
+        if (this._min && this._max && this._min > this._max) {
+            console.warn(`Property (Entity Data Picker) has been misconfigured, 'min' is greater than 'max'. Please correct your data type configuration.`, this);
+        }
+    }
+    #onChange(event) {
+        const selection = event.target.selection;
+        // Ensure the value is of the correct type before setting it.
+        if (Array.isArray(selection)) {
+            this.value = { ids: selection };
+            this.dispatchEvent(new UmbChangeEvent());
+        }
+        else {
+            throw new Error('Selection is not of type array. Cannot set property value.');
+        }
+    }
+    render() {
+        return html `<umb-input-entity-data
+			.selection=${this.value?.ids ?? []}
+			.dataSourceAlias="${this._dataSourceAlias}"
+			.dataSourceConfig=${this._dataSourceConfig}
+			.min=${this._min}
+			.min-message=${this._minMessage}
+			.max=${this._max}
+			.max-message=${this._maxMessage}
+			?readonly=${this.readonly}
+			@change=${this.#onChange}></umb-input-entity-data>`;
+    }
+};
+__decorate([
+    property({ type: String })
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_dataSourceAlias", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "readonly", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_min", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_minMessage", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_max", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_maxMessage", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_dataSourceConfig", void 0);
+UmbEntityDataPickerPropertyEditorUIElement = __decorate([
+    customElement('umb-entity-data-picker-property-editor-ui')
+], UmbEntityDataPickerPropertyEditorUIElement);
+export { UmbEntityDataPickerPropertyEditorUIElement };
+export { UmbEntityDataPickerPropertyEditorUIElement as element };

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/manifests.js

@@ -0,0 +1,22 @@
+import { manifests as schemaManifests } from './Umbraco.EntityDataPicker.js';
+import { UMB_PICKER_DATA_SOURCE_TYPE } from '../../../core/picker-data-source/index.js';
+export const manifests = [
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUi.EntityDataPicker',
+        name: 'Entity Data Picker Property Editor UI',
+        element: () => import('./entity-data-picker-property-editor-ui.element.js'),
+        meta: {
+            label: 'Entity Data Picker',
+            icon: 'icon-page-add',
+            group: 'pickers',
+            propertyEditorSchemaAlias: 'Umbraco.EntityDataPicker',
+            supportsReadOnly: true,
+            supportsDataSource: {
+                enabled: true,
+                forDataSourceTypes: [UMB_PICKER_DATA_SOURCE_TYPE],
+            },
+        },
+    },
+    ...schemaManifests,
+];

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/types.d.ts

@@ -0,0 +1,3 @@
+export type UmbEntityDataPickerPropertyEditorValue = {
+    ids: Array<string>;
+};

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/property-editors/entry-point.d.ts

@@ -1,2 +1,4 @@
+import type { UmbEntryPointOnInit } from '../../libs/extension-api/index.js';
 import './checkbox-list/components/index.js';
 import './content-picker/components/index.js';
+export declare const onInit: UmbEntryPointOnInit;

package/dist-cms/packages/property-editors/entry-point.js

@@ -1,2 +1,7 @@
+import { onInit as entityDataPickerOnInit } from './entity-data-picker/entry-point.js';
 import './checkbox-list/components/index.js';
 import './content-picker/components/index.js';
+export const onInit = (host, extensionRegistry) => {
+    // We do not have a package for the Entity Data Picker, so we proxy the init call here
+    entityDataPickerOnInit(host, extensionRegistry);
+};

package/dist-cms/packages/property-editors/icon-picker/manifests.js

@@ -8,6 +8,16 @@ export const manifests = [
             label: 'Icon Picker',
             icon: 'icon-autofill',
             group: 'common',
+            settings: {
+                properties: [
+                    {
+                        alias: 'placeholder',
+                        label: 'Placeholder icon (empty state)',
+                        description: 'Icon name to show when no icon is selected',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.IconPicker',
+                    },
+                ],
+            },
         },
     },
 ];

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

@@ -1,4 +1,4 @@
-import type { UmbPropertyEditorUiElement } from '../../core/property-editor/index.js';
+import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from '../../core/property-editor/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-icon-picker
@@ -9,6 +9,8 @@ export declare class UmbPropertyEditorUIIconPickerElement extends UmbLitElement
     private _value;
     private _icon;
     private _color;
+    private _placeholderIcon;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _openModal;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -4,7 +4,7 @@ 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;
 };
-import { html, customElement, property, state } from '../../../external/lit/index.js';
+import { html, customElement, property, state, ifDefined } from '../../../external/lit/index.js';
 import { umbOpenModal } from '../../core/modal/index.js';
 import { UMB_ICON_PICKER_MODAL } from '../../core/icon-registry/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
@@ -19,6 +19,7 @@ let UmbPropertyEditorUIIconPickerElement = class UmbPropertyEditorUIIconPickerEl
         this._value = '';
         this._icon = '';
         this._color = '';
+        this._placeholderIcon = '';
     }
     //
     set value(v) {
@@ -36,11 +37,26 @@ let UmbPropertyEditorUIIconPickerElement = class UmbPropertyEditorUIIconPickerEl
     get value() {
         return this._value;
     }
+    set config(config) {
+        if (!config)
+            return;
+        const placeholder = config.getValueByAlias('placeholder');
+        this._placeholderIcon = typeof placeholder === 'string' ? placeholder : '';
+    }
     async _openModal() {
-        const data = await umbOpenModal(this, UMB_ICON_PICKER_MODAL).catch(() => undefined);
+        const data = await umbOpenModal(this, UMB_ICON_PICKER_MODAL, {
+            value: {
+                icon: this._icon,
+                color: this._color,
+            },
+            data: { placeholder: this._placeholderIcon },
+        }).catch(() => undefined);
         if (!data)
             return;
-        if (data.color) {
+        if (!data.icon) {
+            this.value = '';
+        }
+        else if (data.color) {
             this.value = `${data.icon} color-${data.color}`;
         }
         else {
@@ -49,15 +65,20 @@ let UmbPropertyEditorUIIconPickerElement = class UmbPropertyEditorUIIconPickerEl
         this.dispatchEvent(new UmbChangeEvent());
     }
     render() {
+        const isEmpty = !this._icon;
         return html `
 			<uui-button
 				compact
-				label=${this.localize.term('defaultdialogs_selectIcon')}
 				look="outline"
+				label=${this.localize.term('defaultdialogs_selectIcon')}
 				@click=${this._openModal}>
-				${this._color
-            ? html ` <uui-icon name="${this._icon}" style="color:var(${extractUmbColorVariable(this._color)})"></uui-icon>`
-            : html ` <uui-icon name="${this._icon}"></uui-icon>`}
+				${isEmpty
+            ? html ` <uui-icon name="${ifDefined(this._placeholderIcon)}" style="opacity:.35"></uui-icon> `
+            : this._color
+                ? html `
+								<uui-icon name="${this._icon}" style="color:var(${extractUmbColorVariable(this._color)})"> </uui-icon>
+							`
+                : html `<uui-icon name="${this._icon}"></uui-icon>`}
 			</uui-button>
 		`;
     }
@@ -71,6 +92,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyEditorUIIconPickerElement.prototype, "_color", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUIIconPickerElement.prototype, "_placeholderIcon", void 0);
 UmbPropertyEditorUIIconPickerElement = __decorate([
     customElement('umb-property-editor-ui-icon-picker')
 ], UmbPropertyEditorUIIconPickerElement);

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

@@ -6,10 +6,12 @@ import { manifest as orderDirection } from './order-direction/manifests.js';
 import { manifest as overlaySize } from './overlay-size/manifests.js';
 import { manifest as select } from './select/manifests.js';
 import { manifest as valueType } from './value-type/manifests.js';
+import { manifest as timeZonePicker } from './time-zone-picker/manifests.js';
 import { manifests as checkboxListManifests } from './checkbox-list/manifests.js';
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as colorPickerManifests } from './color-picker/manifests.js';
 import { manifests as datePickerManifests } from './date-picker/manifests.js';
+import { manifests as dateTimeManifests } from './date-time/manifests.js';
 import { manifests as dropdownManifests } from './dropdown/manifests.js';
 import { manifests as eyeDropperManifests } from './eye-dropper/manifests.js';
 import { manifests as iconPickerManifests } from './icon-picker/manifests.js';
@@ -28,6 +30,7 @@ export const manifests = [
     ...collectionManifests,
     ...colorPickerManifests,
     ...datePickerManifests,
+    ...dateTimeManifests,
     ...dropdownManifests,
     ...eyeDropperManifests,
     ...iconPickerManifests,
@@ -49,4 +52,5 @@ export const manifests = [
     overlaySize,
     select,
     valueType,
+    timeZonePicker,
 ];