@umbraco-cms/backoffice 17.2.2 → 17.3.0-rc

package/dist-cms/packages/property-editors/entity-data-picker/input/input-entity-data.context.js

@@ -4,37 +4,42 @@ import { UMB_ENTITY_DATA_PICKER_SEARCH_PROVIDER_ALIAS } from '../picker-search/c
 import { UMB_ENTITY_DATA_PICKER_ITEM_REPOSITORY_ALIAS } from '../constants.js';
 import { UmbEntityDataPickerDataSourceApiContext } from './entity-data-picker-data-source.context.js';
 import { UMB_COLLECTION_ITEM_PICKER_MODAL_ALIAS, } from '../../../core/collection/index.js';
-import { UmbExtensionApiInitializer } from '../../../../libs/extension-api/index.js';
-import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
 import { UmbModalToken } from '../../../core/modal/index.js';
 import { UMB_TREE_PICKER_MODAL_ALIAS, } from '../../../core/tree/index.js';
 import { UmbPickerInputContext } from '../../../core/picker-input/index.js';
 import { isPickerCollectionDataSource, isPickerSearchableDataSource, isPickerTreeDataSource, } from '../../../core/picker-data-source/index.js';
 export class UmbEntityDataPickerInputContext extends UmbPickerInputContext {
-    #dataSourceAlias;
-    #dataSourceApiInitializer;
     #dataSourceApi;
     #dataSourceConfig;
+    #pickerViews;
     #dataSourceApiContext = new UmbEntityDataPickerDataSourceApiContext(this);
     constructor(host) {
         super(host, UMB_ENTITY_DATA_PICKER_ITEM_REPOSITORY_ALIAS);
     }
     /**
-     * Sets the data source alias for the input context.
-     * @param {(string | undefined)} alias
+     * Sets the data source API for the input context and updates the modal token accordingly.
+     * @param {UmbPickerDataSource | undefined} api The data source API to set for the input context.
      * @memberof UmbEntityDataPickerInputContext
      */
-    setDataSourceAlias(alias) {
-        this.#dataSourceAlias = alias;
-        this.#createDataSourceApi(alias);
+    setDataSourceApi(api) {
+        if (api) {
+            this.#dataSourceApi = api;
+            api.setConfig?.(this.#dataSourceConfig);
+            this.#dataSourceApiContext.setDataSourceApi(api);
+            this.#setModalToken();
+        }
+        else {
+            this.#dataSourceApi = undefined;
+            this.#dataSourceApiContext.setDataSourceApi(undefined);
+        }
     }
     /**
-     * Gets the data source alias for the input context.
-     * @returns {(string | undefined)} The data source alias.
+     * Gets the data source API for the input context.
+     * @returns {(UmbPickerDataSource | undefined)} The data source API for the input context.
      * @memberof UmbEntityDataPickerInputContext
      */
-    getDataSourceAlias() {
-        return this.#dataSourceAlias;
+    getDataSourceApi() {
+        return this.#dataSourceApi;
     }
     /**
      * Sets the data source config for the input context.
@@ -55,6 +60,22 @@ export class UmbEntityDataPickerInputContext extends UmbPickerInputContext {
     getDataSourceConfig() {
         return this.#dataSourceConfig;
     }
+    /**
+     * Sets the picker views configuration for the input context.
+     * @param {(Array<{ alias: string }> | undefined)} views The picker views configuration.
+     * @memberof UmbEntityDataPickerInputContext
+     */
+    setPickerViews(views) {
+        this.#pickerViews = views;
+    }
+    /**
+     * Gets the picker views configuration for the input context.
+     * @returns {(Array<{ alias: string }> | undefined)} The picker views configuration.
+     * @memberof UmbEntityDataPickerInputContext
+     */
+    getPickerViews() {
+        return this.#pickerViews;
+    }
     async openPicker(pickerData) {
         // TODO: investigate type issues
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -62,23 +83,6 @@ export class UmbEntityDataPickerInputContext extends UmbPickerInputContext {
         this.modalAlias = this.getModalAlias();
         await super.openPicker(pickerData);
     }
-    #createDataSourceApi(dataSourceAlias) {
-        if (!dataSourceAlias) {
-            this.#dataSourceApiInitializer?.destroy();
-            return;
-        }
-        this.#dataSourceApiInitializer = new UmbExtensionApiInitializer(this, umbExtensionsRegistry, dataSourceAlias, [this._host], (permitted, ctrl) => {
-            if (!permitted) {
-                // TODO: clean up if not permitted
-                return;
-            }
-            // TODO: Check if it is a picker data source
-            this.#dataSourceApi = ctrl.api;
-            this.#dataSourceApi.setConfig?.(this.#dataSourceConfig);
-            this.#dataSourceApiContext.setDataSourceApi(this.#dataSourceApi);
-            this.#setModalToken();
-        });
-    }
     #setModalToken() {
         if (!this.#dataSourceApi)
             return;
@@ -130,6 +134,7 @@ export class UmbEntityDataPickerInputContext extends UmbPickerInputContext {
                 collection: {
                     alias: UMB_ENTITY_DATA_PICKER_COLLECTION_ALIAS,
                     menuAlias: UMB_ENTITY_DATA_PICKER_COLLECTION_MENU_ALIAS,
+                    views: this.#pickerViews,
                 },
                 // TODO: make specific pickable filter for collection to avoid type issues
                 pickableFilter: api.collectionPickableFilter,

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

@@ -1,12 +1,19 @@
 import { type UmbConfigCollectionModel } from '../../../core/utils/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
+import type { UmbPickerDataSource } from '../../../core/picker-data-source/index.js';
 declare const UmbInputEntityDataElement_base: import("../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & typeof UmbLitElement;
 export declare class UmbInputEntityDataElement extends UmbInputEntityDataElement_base {
     #private;
-    set dataSourceAlias(value: string | undefined);
-    get dataSourceAlias(): string | undefined;
+    set dataSourceApi(api: UmbPickerDataSource | undefined);
+    get dataSourceApi(): UmbPickerDataSource | undefined;
     set dataSourceConfig(config: UmbConfigCollectionModel | undefined);
     get dataSourceConfig(): UmbConfigCollectionModel | undefined;
+    set pickerViews(value: Array<{
+        alias: string;
+    }> | undefined);
+    get pickerViews(): Array<{
+        alias: string;
+    }> | undefined;
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}

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

@@ -13,11 +13,11 @@ import { UmbSorterController } from '../../../core/sorter/index.js';
 import { UmbFormControlMixin } from '../../../core/validation/index.js';
 let UmbInputEntityDataElement = class UmbInputEntityDataElement extends UmbFormControlMixin(UmbLitElement) {
     #sorter;
-    set dataSourceAlias(value) {
-        this.#pickerInputContext.setDataSourceAlias(value);
+    set dataSourceApi(api) {
+        this.#pickerInputContext.setDataSourceApi(api);
     }
-    get dataSourceAlias() {
-        return this.#pickerInputContext.getDataSourceAlias();
+    get dataSourceApi() {
+        return this.#pickerInputContext.getDataSourceApi();
     }
     set dataSourceConfig(config) {
         this.#pickerInputContext.setDataSourceConfig(config);
@@ -25,6 +25,12 @@ let UmbInputEntityDataElement = class UmbInputEntityDataElement extends UmbFormC
     get dataSourceConfig() {
         return this.#pickerInputContext.getDataSourceConfig();
     }
+    set pickerViews(value) {
+        this.#pickerInputContext.setPickerViews(value);
+    }
+    get pickerViews() {
+        return this.#pickerInputContext.getPickerViews();
+    }
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}

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

@@ -1,12 +1,14 @@
+import { pickerViewsConfigurationManifest } from './property-editor/config/index.js';
+import { manifests as conditionManifests } from './conditions/manifests.js';
 import { manifests as pickerCollectionMenuManifests } from './picker-collection/manifests.js';
 import { manifests as pickerItemManifests } from './picker-item/manifests.js';
 import { manifests as pickerSearchManifests } from './picker-search/manifests.js';
 import { manifests as pickerTreeManifests } from './picker-tree/manifests.js';
-import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
 export const manifests = [
+    pickerViewsConfigurationManifest,
+    ...conditionManifests,
     ...pickerCollectionMenuManifests,
     ...pickerItemManifests,
     ...pickerSearchManifests,
     ...pickerTreeManifests,
-    ...propertyEditorManifests,
 ];

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

@@ -1,3 +1,4 @@
 export declare const UMB_ENTITY_DATA_PICKER_COLLECTION_ALIAS = "Umb.Collection.EntityDataPicker";
 export declare const UMB_ENTITY_DATA_PICKER_COLLECTION_MENU_ALIAS = "Umb.collectionMenu.EntityDataPicker";
 export declare const UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS = "Umb.Repository.EntityDataPickerCollection";
+export declare const UMB_ENTITY_DATA_PICKER_COLLECTION_TEXT_FILTER_ALIAS = "Umb.Collection.TextFilter.EntityDataPicker";

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

@@ -1,3 +1,4 @@
 export const UMB_ENTITY_DATA_PICKER_COLLECTION_ALIAS = 'Umb.Collection.EntityDataPicker';
 export const UMB_ENTITY_DATA_PICKER_COLLECTION_MENU_ALIAS = 'Umb.collectionMenu.EntityDataPicker';
 export const UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS = 'Umb.Repository.EntityDataPickerCollection';
+export const UMB_ENTITY_DATA_PICKER_COLLECTION_TEXT_FILTER_ALIAS = 'Umb.Collection.TextFilter.EntityDataPicker';

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

@@ -1,4 +1,6 @@
-import { UMB_ENTITY_DATA_PICKER_COLLECTION_ALIAS, UMB_ENTITY_DATA_PICKER_COLLECTION_MENU_ALIAS, UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS, } from './constants.js';
+import { UMB_ENTITY_DATA_PICKER_COLLECTION_ALIAS, UMB_ENTITY_DATA_PICKER_COLLECTION_MENU_ALIAS, UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS, UMB_ENTITY_DATA_PICKER_COLLECTION_TEXT_FILTER_ALIAS, } from './constants.js';
+import { UMB_ENTITY_DATA_PICKER_SUPPORTS_TEXT_FILTER_CONDITION_ALIAS } from '../conditions/constants.js';
+import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../core/collection/index.js';
 import { manifests as collectionViewManifests } from './views/manifests.js';
 export const manifests = [
     {
@@ -25,5 +27,20 @@ export const manifests = [
             repositoryAlias: UMB_ENTITY_DATA_PICKER_COLLECTION_REPOSITORY_ALIAS,
         },
     },
+    {
+        type: 'collectionTextFilter',
+        kind: 'default',
+        alias: UMB_ENTITY_DATA_PICKER_COLLECTION_TEXT_FILTER_ALIAS,
+        name: 'Entity Data Picker Collection Text Filter',
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: UMB_ENTITY_DATA_PICKER_COLLECTION_ALIAS,
+            },
+            {
+                alias: UMB_ENTITY_DATA_PICKER_SUPPORTS_TEXT_FILTER_CONDITION_ALIAS,
+            },
+        ],
+    },
     ...collectionViewManifests,
 ];

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

@@ -0,0 +1,2 @@
+export declare const UMB_ENTITY_DATA_PICKER_REF_COLLECTION_VIEW_ALIAS = "Umb.CollectionView.EntityDataPicker.Ref";
+export declare const UMB_ENTITY_DATA_PICKER_CARD_COLLECTION_VIEW_ALIAS = "Umb.CollectionView.EntityDataPicker.Card";

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

@@ -0,0 +1,2 @@
+export const UMB_ENTITY_DATA_PICKER_REF_COLLECTION_VIEW_ALIAS = 'Umb.CollectionView.EntityDataPicker.Ref';
+export const UMB_ENTITY_DATA_PICKER_CARD_COLLECTION_VIEW_ALIAS = 'Umb.CollectionView.EntityDataPicker.Card';

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

@@ -1,10 +1,11 @@
 import { UMB_ENTITY_DATA_PICKER_COLLECTION_ALIAS } from '../constants.js';
+import { UMB_ENTITY_DATA_PICKER_CARD_COLLECTION_VIEW_ALIAS, UMB_ENTITY_DATA_PICKER_REF_COLLECTION_VIEW_ALIAS, } from './constants.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 export const manifests = [
     {
         type: 'collectionView',
         kind: 'ref',
-        alias: 'Umb.CollectionView.EntityDataPicker.Ref',
+        alias: UMB_ENTITY_DATA_PICKER_REF_COLLECTION_VIEW_ALIAS,
         name: 'Entity Data Picker Ref Collection View',
         conditions: [
             {
@@ -16,7 +17,7 @@ export const manifests = [
     {
         type: 'collectionView',
         kind: 'card',
-        alias: 'Umb.CollectionView.EntityDataPicker.Card',
+        alias: UMB_ENTITY_DATA_PICKER_CARD_COLLECTION_VIEW_ALIAS,
         name: 'Entity Data Picker Card Collection View',
         conditions: [
             {

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

@@ -0,0 +1 @@
+export { manifest as pickerViewsConfigurationManifest } from './picker-views/manifests.js';

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

@@ -0,0 +1 @@
+export { manifest as pickerViewsConfigurationManifest } from './picker-views/manifests.js';

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

@@ -0,0 +1,2 @@
+import type { ManifestPropertyEditorUi } from '../../../../../core/property-editor/index.js';
+export declare const manifest: ManifestPropertyEditorUi;

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

@@ -0,0 +1,11 @@
+export const manifest = {
+    type: 'propertyEditorUi',
+    alias: 'Umb.PropertyEditorUi.EntityDataPicker.PickerViewsConfiguration',
+    name: 'Entity Data Picker Picker Views Configuration Property Editor UI',
+    element: () => import('./picker-views-configuration.element.js'),
+    meta: {
+        label: 'Entity Data Picker Picker Views Configuration',
+        icon: 'icon-grid',
+        group: 'pickers',
+    },
+};

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

@@ -0,0 +1,19 @@
+import type { UmbEntityDataPickerPickerViewsConfigurationPropertyValue } from './types.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from '../../../../../core/property-editor/index.js';
+export declare class UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
+    constructor();
+    set value(value: UmbEntityDataPickerPickerViewsConfigurationPropertyValue | undefined);
+    get value(): UmbEntityDataPickerPickerViewsConfigurationPropertyValue;
+    config?: UmbPropertyEditorConfigCollection;
+    private _isCollectionDataSource;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export { UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-entity-data-picker-picker-views-configuration-property-editor-ui': UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement;
+    }
+}

package/dist-cms/packages/property-editors/entity-data-picker/property-editor/config/picker-views/picker-views-configuration.element.js

@@ -0,0 +1,117 @@
+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 { UMB_ENTITY_DATA_PICKER_CARD_COLLECTION_VIEW_ALIAS, UMB_ENTITY_DATA_PICKER_REF_COLLECTION_VIEW_ALIAS, } from '../../../picker-collection/views/constants.js';
+import { UMB_DATA_TYPE_WORKSPACE_CONTEXT } from '../../../../../data-type/index.js';
+import { css, customElement, html, property, state } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import { UmbChangeEvent } from '../../../../../core/event/index.js';
+import { UmbTextStyles } from '../../../../../core/style/index.js';
+import { UmbExtensionApiInitializer } from '../../../../../../libs/extension-api/index.js';
+import { umbExtensionsRegistry } from '../../../../../core/extension-registry/index.js';
+import { isPickerCollectionDataSource } from '../../../../../core/picker-data-source/index.js';
+let UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement = class UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement extends UmbLitElement {
+    #dataSourceApiInitializer;
+    #isNew;
+    constructor() {
+        super();
+        this.#isNew = false;
+        this.#value = [];
+        this._isCollectionDataSource = false;
+        this.consumeContext(UMB_DATA_TYPE_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.isNew, (isNew) => {
+                this.#isNew = isNew ?? false;
+            }, 'observeIsNew');
+            this.observe(context.propertyEditorDataSourceAlias, (alias) => {
+                this.#initializeDataSource(alias);
+            }, 'observeDataSourceAlias');
+        });
+    }
+    set value(value) {
+        this.#value = value ?? [];
+    }
+    get value() {
+        return this.#value;
+    }
+    #value;
+    #onChange(event) {
+        event.stopPropagation();
+        const target = event.target;
+        this.#value = target.selection.map((alias) => ({ alias }));
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    #initializeDataSource(dataSourceAlias) {
+        // Clean up previous initializer
+        this.#dataSourceApiInitializer?.destroy();
+        this._isCollectionDataSource = false;
+        if (!dataSourceAlias) {
+            return;
+        }
+        this.#dataSourceApiInitializer = new UmbExtensionApiInitializer(this, umbExtensionsRegistry, dataSourceAlias, [this], (permitted, ctrl) => {
+            if (!permitted) {
+                this._isCollectionDataSource = false;
+                return;
+            }
+            const api = ctrl.api;
+            this._isCollectionDataSource = isPickerCollectionDataSource(api);
+            if (!this._isCollectionDataSource && this.#value.length > 0) {
+                this.#value = [];
+                this.dispatchEvent(new UmbChangeEvent());
+            }
+            if (this._isCollectionDataSource && this.#isNew && this.#value.length === 0) {
+                this.#value = [
+                    { alias: UMB_ENTITY_DATA_PICKER_REF_COLLECTION_VIEW_ALIAS },
+                    { alias: UMB_ENTITY_DATA_PICKER_CARD_COLLECTION_VIEW_ALIAS },
+                ];
+                this.dispatchEvent(new UmbChangeEvent());
+            }
+        });
+    }
+    render() {
+        if (!this._isCollectionDataSource) {
+            return this.#renderDisabledState();
+        }
+        return html `<umb-input-extension
+			.allowedExtensionTypes=${['collectionView']}
+			.selection=${this.#value.map((v) => v.alias)}
+			@change=${this.#onChange}></umb-input-extension>`;
+    }
+    #renderDisabledState() {
+        return html `
+			<div id="disabled-message">
+				<umb-localize key="entityDataPicker_pickerViewsDisabled">
+					Picker views are only available for collection-based data sources.
+				</umb-localize>
+			</div>
+		`;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			#disabled-message {
+				color: var(--uui-color-text-alt);
+				font-style: italic;
+				padding: var(--uui-size-3);
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ type: Array })
+], UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement.prototype, "value", null);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement.prototype, "config", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement.prototype, "_isCollectionDataSource", void 0);
+UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement = __decorate([
+    customElement('umb-entity-data-picker-picker-views-configuration-property-editor-ui')
+], UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement);
+export { UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement };
+export { UmbEntityDataPickerPickerViewsConfigurationPropertyEditorUIElement as element };

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

@@ -0,0 +1,4 @@
+export type UmbEntityDataPickerPickerViewsConfigurationPropertyValue = Array<UmbEntityDataPickerPickerViewsConfigurationPropertyValueEntry>;
+export interface UmbEntityDataPickerPickerViewsConfigurationPropertyValueEntry {
+    alias: string;
+}

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

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

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

@@ -1,7 +1,6 @@
 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;
@@ -25,6 +24,8 @@ export declare class UmbEntityDataPickerPropertyEditorUIElement extends UmbEntit
     private _max;
     private _maxMessage;
     private _dataSourceConfig?;
+    private _dataSourceApi?;
+    private _pickerViews?;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     focus(): void | undefined;
     firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;

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

@@ -9,8 +9,7 @@ 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';
+import { UmbExtensionApiInitializer } from '../../../../libs/extension-api/index.js';
 let UmbEntityDataPickerPropertyEditorUIElement = class UmbEntityDataPickerPropertyEditorUIElement extends UmbFormControlMixin(UmbLitElement, undefined) {
     constructor() {
         super(...arguments);
@@ -31,6 +30,7 @@ let UmbEntityDataPickerPropertyEditorUIElement = class UmbEntityDataPickerProper
     }
     set dataSourceAlias(value) {
         this._dataSourceAlias = value;
+        this.#createDataSourceApi(this._dataSourceAlias);
         this.#extractDataSourceConfig();
     }
     set config(config) {
@@ -40,9 +40,12 @@ let UmbEntityDataPickerPropertyEditorUIElement = class UmbEntityDataPickerProper
         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();
+        this._pickerViews =
+            config?.getValueByAlias('pickerViews');
+        this.#extractDataSourceConfig();
     }
     #propertyEditorConfigCollection;
+    #dataSourceApiInitializer;
     #extractDataSourceConfig() {
         if (!this._dataSourceAlias || !this.#propertyEditorConfigCollection) {
             this._dataSourceConfig = undefined;
@@ -54,13 +57,28 @@ let UmbEntityDataPickerPropertyEditorUIElement = class UmbEntityDataPickerProper
         }
         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) => {
+        this._dataSourceConfig = configAliasMatch?.map((configEntry) => {
             return {
                 alias: configEntry.alias,
                 value: configEntry.value,
             };
         });
-        return dataSourceConfig;
+    }
+    #createDataSourceApi(dataSourceAlias) {
+        if (!dataSourceAlias) {
+            this._dataSourceApi = undefined;
+            this.#dataSourceApiInitializer?.destroy();
+            this.#dataSourceApiInitializer = undefined;
+            return;
+        }
+        this.#dataSourceApiInitializer = new UmbExtensionApiInitializer(this, umbExtensionsRegistry, dataSourceAlias, [this], (permitted, ctrl) => {
+            if (!permitted) {
+                // TODO: clean up if not permitted
+                return;
+            }
+            // TODO: Check if it is a picker data source
+            this._dataSourceApi = ctrl.api;
+        });
     }
     focus() {
         return this.shadowRoot?.querySelector('umb-input-entity-data')?.focus();
@@ -86,8 +104,9 @@ let UmbEntityDataPickerPropertyEditorUIElement = class UmbEntityDataPickerProper
     render() {
         return html `<umb-input-entity-data
 			.selection=${this.value?.ids ?? []}
-			.dataSourceAlias="${this._dataSourceAlias}"
+			.dataSourceApi=${this._dataSourceApi}
 			.dataSourceConfig=${this._dataSourceConfig}
+			.pickerViews=${this._pickerViews}
 			.min=${this._min}
 			.min-message=${this._minMessage}
 			.max=${this._max}
@@ -117,6 +136,12 @@ __decorate([
 __decorate([
     state()
 ], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_dataSourceConfig", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_dataSourceApi", void 0);
+__decorate([
+    state()
+], UmbEntityDataPickerPropertyEditorUIElement.prototype, "_pickerViews", void 0);
 UmbEntityDataPickerPropertyEditorUIElement = __decorate([
     customElement('umb-entity-data-picker-property-editor-ui')
 ], UmbEntityDataPickerPropertyEditorUIElement);

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

@@ -16,6 +16,16 @@ export const manifests = [
                 enabled: true,
                 forDataSourceTypes: [UMB_PICKER_DATA_SOURCE_TYPE],
             },
+            settings: {
+                properties: [
+                    {
+                        alias: 'pickerViews',
+                        label: 'Picker Views',
+                        description: 'Configure which views are available in the picker. Only applicable for collection-based data sources.',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.EntityDataPicker.PickerViewsConfiguration',
+                    },
+                ],
+            },
         },
     },
     ...schemaManifests,

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

@@ -13,6 +13,7 @@ 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 entityDataPickerManifests } from './entity-data-picker/manifests.js';
 import { manifests as eyeDropperManifests } from './eye-dropper/manifests.js';
 import { manifests as iconPickerManifests } from './icon-picker/manifests.js';
 import { manifests as labelManifests } from './label/manifests.js';
@@ -32,6 +33,7 @@ export const manifests = [
     ...datePickerManifests,
     ...dateTimeManifests,
     ...dropdownManifests,
+    ...entityDataPickerManifests,
     ...eyeDropperManifests,
     ...iconPickerManifests,
     ...labelManifests,

package/dist-cms/packages/property-editors/number/Umbraco.Decimal.js

@@ -12,7 +12,7 @@ export const manifests = [
                         label: 'Minimum',
                         description: 'Enter the minimum amount of number to be entered',
                         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Decimal',
-                        config: [{ alias: 'step', value: '0.001' }],
+                        config: [{ alias: 'step', value: '0.000001' }],
                     },
                     {
                         alias: 'max',
@@ -21,7 +21,7 @@ export const manifests = [
                         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Decimal',
                         config: [
                             { alias: 'placeholder', value: '∞' },
-                            { alias: 'step', value: '0.001' },
+                            { alias: 'step', value: '0.000001' },
                         ],
                     },
                     {
@@ -29,7 +29,7 @@ export const manifests = [
                         label: 'Step size',
                         description: 'Enter the intervals amount between each step of number to be entered',
                         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Decimal',
-                        config: [{ alias: 'step', value: '0.001' }],
+                        config: [{ alias: 'step', value: '0.000001' }],
                     },
                 ],
             },

package/dist-cms/packages/property-editors/slider/slider-property-value-preset.js

@@ -1,5 +1,8 @@
 export class UmbSliderPropertyValuePreset {
     async processValue(value, config) {
+        if (value !== undefined) {
+            return value;
+        }
         const enableRange = Boolean(config.find((x) => x.alias === 'enableRange')?.value ?? false);
         /*
         const min = Number(config.find((x) => x.alias === 'minVal')?.value ?? 0);
@@ -16,7 +19,7 @@ export class UmbSliderPropertyValuePreset {
         const initialState = enableRange
             ? { from: initValueMinVerified, to: initValueMaxVerified }
             : { from: initValueMinVerified, to: initValueMinVerified };
-        return value !== undefined ? value : initialState;
+        return initialState;
     }
     destroy() { }
 }