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

package/dist-cms/packages/members/member/components/input-member/input-member.element.js

@@ -4,14 +4,8 @@ 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;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbInputMemberElement_instances, _UmbInputMemberElement_sorter, _UmbInputMemberElement_pickerContext, _UmbInputMemberElement_pickableFilter, _UmbInputMemberElement_openPicker, _UmbInputMemberElement_removeItem, _UmbInputMemberElement_renderItems, _UmbInputMemberElement_renderAddButton, _UmbInputMemberElement_renderItem, _UmbInputMemberElement_renderOpenButton;
 import { UmbMemberPickerContext } from './input-member.context.js';
-import { css, html, customElement, property, state, repeat } from '../../../../../external/lit/index.js';
+import { css, customElement, html, nothing, property, repeat, state } from '../../../../../external/lit/index.js';
 import { splitStringToArray } from '../../../../core/utils/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
@@ -19,6 +13,7 @@ import { UmbModalRouteRegistrationController, UMB_WORKSPACE_MODAL } from '../../
 import { UmbSorterController } from '../../../../core/sorter/index.js';
 import { UUIFormControlMixin } from '../../../../../external/uui/index.js';
 let UmbInputMemberElement = class UmbInputMemberElement extends UUIFormControlMixin(UmbLitElement, '') {
+    #sorter;
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}
@@ -26,10 +21,10 @@ let UmbInputMemberElement = class UmbInputMemberElement extends UUIFormControlMi
      * @default 0
      */
     set min(value) {
-        __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").min = value;
+        this.#pickerContext.min = value;
     }
     get min() {
-        return __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").min;
+        return this.#pickerContext.min;
     }
     /**
      * This is a maximum amount of selected items in this input.
@@ -38,17 +33,17 @@ let UmbInputMemberElement = class UmbInputMemberElement extends UUIFormControlMi
      * @default Infinity
      */
     set max(value) {
-        __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").max = value;
+        this.#pickerContext.max = value;
     }
     get max() {
-        return __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").max;
+        return this.#pickerContext.max;
     }
     set selection(ids) {
-        __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").setSelection(ids);
-        __classPrivateFieldGet(this, _UmbInputMemberElement_sorter, "f").setModel(ids);
+        this.#pickerContext.setSelection(ids);
+        this.#sorter.setModel(ids);
     }
     get selection() {
-        return __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").getSelection();
+        return this.#pickerContext.getSelection();
     }
     set value(idsString) {
         this.selection = splitStringToArray(idsString);
@@ -56,10 +51,10 @@ let UmbInputMemberElement = class UmbInputMemberElement extends UUIFormControlMi
     get value() {
         return this.selection.join(',');
     }
+    #pickerContext;
     constructor() {
         super();
-        _UmbInputMemberElement_instances.add(this);
-        _UmbInputMemberElement_sorter.set(this, new UmbSorterController(this, {
+        this.#sorter = new UmbSorterController(this, {
             getUniqueOfElement: (element) => {
                 return element.id;
             },
@@ -73,7 +68,7 @@ let UmbInputMemberElement = class UmbInputMemberElement extends UUIFormControlMi
                 this.selection = model;
                 this.dispatchEvent(new UmbChangeEvent());
             },
-        }));
+        });
         /**
          * Min validation message.
          * @type {boolean}
@@ -90,13 +85,13 @@ let UmbInputMemberElement = class UmbInputMemberElement extends UUIFormControlMi
         this.maxMessage = 'This field exceeds the allowed amount of items';
         this.filter = () => true;
         this._editMemberPath = '';
-        _UmbInputMemberElement_pickerContext.set(this, new UmbMemberPickerContext(this));
-        _UmbInputMemberElement_pickableFilter.set(this, (item) => {
+        this.#pickerContext = new UmbMemberPickerContext(this);
+        this.#pickableFilter = (item) => {
             if (this.allowedContentTypeIds && this.allowedContentTypeIds.length > 0) {
                 return this.allowedContentTypeIds.includes(item.memberType.unique);
             }
             return true;
-        });
+        };
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addAdditionalPath('member')
             .onSetup(() => {
@@ -105,77 +100,73 @@ let UmbInputMemberElement = class UmbInputMemberElement extends UUIFormControlMi
             .observeRouteBuilder((routeBuilder) => {
             this._editMemberPath = routeBuilder({});
         });
-        this.observe(__classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").selection, (selection) => (this.value = selection.join(',')), '_observeSelection');
-        this.observe(__classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").selectedItems, (selectedItems) => (this._items = selectedItems), '_observeItems');
+        this.observe(this.#pickerContext.selection, (selection) => (this.value = selection.join(',')), '_observeSelection');
+        this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems), '_observeItems');
     }
     connectedCallback() {
         super.connectedCallback();
-        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").getSelection().length < this.min);
-        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").getSelection().length > this.max);
+        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.#pickerContext.getSelection().length < this.min);
+        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.#pickerContext.getSelection().length > this.max);
     }
     getFormElement() {
         return undefined;
     }
+    #pickableFilter;
+    #openPicker() {
+        this.#pickerContext.openPicker({
+            filter: this.filter,
+            pickableFilter: this.#pickableFilter,
+        });
+    }
+    #removeItem(item) {
+        this.#pickerContext.requestRemoveItem(item.unique);
+    }
     render() {
-        return html `${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderAddButton).call(this)}`;
+        return html `${this.#renderItems()} ${this.#renderAddButton()}`;
     }
-};
-_UmbInputMemberElement_sorter = new WeakMap();
-_UmbInputMemberElement_pickerContext = new WeakMap();
-_UmbInputMemberElement_pickableFilter = new WeakMap();
-_UmbInputMemberElement_instances = new WeakSet();
-_UmbInputMemberElement_openPicker = function _UmbInputMemberElement_openPicker() {
-    __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").openPicker({
-        filter: this.filter,
-        pickableFilter: __classPrivateFieldGet(this, _UmbInputMemberElement_pickableFilter, "f"),
-    });
-};
-_UmbInputMemberElement_removeItem = function _UmbInputMemberElement_removeItem(item) {
-    __classPrivateFieldGet(this, _UmbInputMemberElement_pickerContext, "f").requestRemoveItem(item.unique);
-};
-_UmbInputMemberElement_renderItems = function _UmbInputMemberElement_renderItems() {
-    if (!this._items)
-        return;
-    return html `
+    #renderItems() {
+        if (!this._items)
+            return nothing;
+        return html `
 			<uui-ref-list>
-				${repeat(this._items, (item) => item.unique, (item) => __classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderItem).call(this, item))}
+				${repeat(this._items, (item) => item.unique, (item) => this.#renderItem(item))}
 			</uui-ref-list>
 		`;
-};
-_UmbInputMemberElement_renderAddButton = function _UmbInputMemberElement_renderAddButton() {
-    if (this.max === 1 && this.selection.length >= this.max)
-        return;
-    return html `<uui-button
+    }
+    #renderAddButton() {
+        if (this.max === 1 && this.selection.length >= this.max)
+            return nothing;
+        return html `<uui-button
 			id="btn-add"
 			look="placeholder"
-			@click=${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_openPicker)}
+			@click=${this.#openPicker}
 			label=${this.localize.term('general_choose')}></uui-button>`;
-};
-_UmbInputMemberElement_renderItem = function _UmbInputMemberElement_renderItem(item) {
-    if (!item.unique)
-        return;
-    return html `
+    }
+    #renderItem(item) {
+        if (!item.unique)
+            return nothing;
+        return html `
 			<uui-ref-node name=${item.name} id=${item.unique}>
 				<uui-action-bar slot="actions">
-					${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderOpenButton).call(this, item)}
-					<uui-button @click=${() => __classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_removeItem).call(this, item)} label=${this.localize.term('general_remove')}></uui-button>
+					${this.#renderOpenButton(item)}
+					<uui-button @click=${() => this.#removeItem(item)} label=${this.localize.term('general_remove')}></uui-button>
 				</uui-action-bar>
 			</uui-ref-node>
 		`;
-};
-_UmbInputMemberElement_renderOpenButton = function _UmbInputMemberElement_renderOpenButton(item) {
-    if (!this.showOpenButton)
-        return;
-    return html `
+    }
+    #renderOpenButton(item) {
+        if (!this.showOpenButton)
+            return nothing;
+        return html `
 			<uui-button
 				href="${this._editMemberPath}edit/${item.unique}"
 				label="${this.localize.term('general_open')} ${item.name}">
 				${this.localize.term('general_open')}
 			</uui-button>
 		`;
-};
-UmbInputMemberElement.styles = [
-    css `
+    }
+    static { this.styles = [
+        css `
 			#btn-add {
 				width: 100%;
 			}
@@ -184,7 +175,8 @@ UmbInputMemberElement.styles = [
 				opacity: 0.2;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Number })
 ], UmbInputMemberElement.prototype, "min", null);

package/dist-cms/packages/members/member/components/member-picker-modal/member-picker-modal.element.js

@@ -4,12 +4,6 @@ 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;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbMemberPickerModalElement_instances, _UmbMemberPickerModalElement_collectionRepository, _UmbMemberPickerModalElement_selectionManager, _UmbMemberPickerModalElement_filteredMembers_get, _UmbMemberPickerModalElement_submit, _UmbMemberPickerModalElement_close;
 import { UmbMemberCollectionRepository } from '../../collection/index.js';
 import { html, customElement, state, repeat } from '../../../../../external/lit/index.js';
 import { UmbSelectionManager } from '../../../../core/utils/index.js';
@@ -17,60 +11,58 @@ import { UmbModalBaseElement } from '../../../../core/modal/index.js';
 let UmbMemberPickerModalElement = class UmbMemberPickerModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
-        _UmbMemberPickerModalElement_instances.add(this);
         this._members = [];
-        _UmbMemberPickerModalElement_collectionRepository.set(this, new UmbMemberCollectionRepository(this));
-        _UmbMemberPickerModalElement_selectionManager.set(this, new UmbSelectionManager(this));
+        this.#collectionRepository = new UmbMemberCollectionRepository(this);
+        this.#selectionManager = new UmbSelectionManager(this);
     }
+    #collectionRepository;
+    #selectionManager;
     connectedCallback() {
         super.connectedCallback();
-        __classPrivateFieldGet(this, _UmbMemberPickerModalElement_selectionManager, "f").setSelectable(true);
-        __classPrivateFieldGet(this, _UmbMemberPickerModalElement_selectionManager, "f").setMultiple(this.data?.multiple ?? false);
-        __classPrivateFieldGet(this, _UmbMemberPickerModalElement_selectionManager, "f").setSelection(this.value?.selection ?? []);
+        this.#selectionManager.setSelectable(true);
+        this.#selectionManager.setMultiple(this.data?.multiple ?? false);
+        this.#selectionManager.setSelection(this.value?.selection ?? []);
     }
     async firstUpdated() {
-        const { data } = await __classPrivateFieldGet(this, _UmbMemberPickerModalElement_collectionRepository, "f").requestCollection({});
+        const { data } = await this.#collectionRepository.requestCollection({});
         this._members = data?.items ?? [];
     }
+    get #filteredMembers() {
+        if (this.data?.filter) {
+            return this._members.filter(this.data.filter);
+        }
+        else {
+            return this._members;
+        }
+    }
+    #submit() {
+        this.value = { selection: this.#selectionManager.getSelection() };
+        this.modalContext?.submit();
+    }
+    #close() {
+        this.modalContext?.reject();
+    }
     render() {
         return html `<umb-body-layout headline="Select members">
 			<uui-box>
-				${repeat(__classPrivateFieldGet(this, _UmbMemberPickerModalElement_instances, "a", _UmbMemberPickerModalElement_filteredMembers_get), (item) => item.unique, (item) => html `
+				${repeat(this.#filteredMembers, (item) => item.unique, (item) => html `
 						<uui-menu-item
 							label=${item.variants[0].name ?? ''}
 							selectable
-							@selected=${() => __classPrivateFieldGet(this, _UmbMemberPickerModalElement_selectionManager, "f").select(item.unique)}
-							@deselected=${() => __classPrivateFieldGet(this, _UmbMemberPickerModalElement_selectionManager, "f").deselect(item.unique)}
-							?selected=${__classPrivateFieldGet(this, _UmbMemberPickerModalElement_selectionManager, "f").isSelected(item.unique)}>
+							@selected=${() => this.#selectionManager.select(item.unique)}
+							@deselected=${() => this.#selectionManager.deselect(item.unique)}
+							?selected=${this.#selectionManager.isSelected(item.unique)}>
 							<uui-icon slot="icon" name="icon-globe"></uui-icon>
 						</uui-menu-item>
 					`)}
 			</uui-box>
 			<div slot="actions">
-				<uui-button label="Close" @click=${__classPrivateFieldGet(this, _UmbMemberPickerModalElement_instances, "m", _UmbMemberPickerModalElement_close)}></uui-button>
-				<uui-button label="Submit" look="primary" color="positive" @click=${__classPrivateFieldGet(this, _UmbMemberPickerModalElement_instances, "m", _UmbMemberPickerModalElement_submit)}></uui-button>
+				<uui-button label="Close" @click=${this.#close}></uui-button>
+				<uui-button label="Submit" look="primary" color="positive" @click=${this.#submit}></uui-button>
 			</div>
 		</umb-body-layout> `;
     }
 };
-_UmbMemberPickerModalElement_collectionRepository = new WeakMap();
-_UmbMemberPickerModalElement_selectionManager = new WeakMap();
-_UmbMemberPickerModalElement_instances = new WeakSet();
-_UmbMemberPickerModalElement_filteredMembers_get = function _UmbMemberPickerModalElement_filteredMembers_get() {
-    if (this.data?.filter) {
-        return this._members.filter(this.data.filter);
-    }
-    else {
-        return this._members;
-    }
-};
-_UmbMemberPickerModalElement_submit = function _UmbMemberPickerModalElement_submit() {
-    this.value = { selection: __classPrivateFieldGet(this, _UmbMemberPickerModalElement_selectionManager, "f").getSelection() };
-    this.modalContext?.submit();
-};
-_UmbMemberPickerModalElement_close = function _UmbMemberPickerModalElement_close() {
-    this.modalContext?.reject();
-};
 __decorate([
     state()
 ], UmbMemberPickerModalElement.prototype, "_members", void 0);

package/dist-cms/packages/members/member/index.d.ts

@@ -1,3 +1,4 @@
 import './components/index.js';
+export * from './entity.js';
 export * from './components/index.js';
 export * from './repository/index.js';

package/dist-cms/packages/members/member/index.js

@@ -1,3 +1,4 @@
 import './components/index.js';
+export * from './entity.js';
 export * from './components/index.js';
 export * from './repository/index.js';

package/dist-cms/packages/members/member/manifests.js

@@ -3,6 +3,7 @@ import { manifests as entityActionManifests } from './entity-actions/manifests.j
 import { manifests as memberPickerModalManifests } from './components/member-picker-modal/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
+import { manifests as searchManifests } from './search/manifests.js';
 import { manifests as sectionViewManifests } from './section-view/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 export const manifests = [
@@ -11,6 +12,7 @@ export const manifests = [
     ...memberPickerModalManifests,
     ...propertyEditorManifests,
     ...repositoryManifests,
+    ...searchManifests,
     ...sectionViewManifests,
     ...workspaceManifests,
 ];

package/dist-cms/packages/members/member/property-dataset-context/member-property-dataset-context.js

@@ -1,15 +1,3 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _UmbMemberPropertyDataContext_instances, _UmbMemberPropertyDataContext_workspace, _UmbMemberPropertyDataContext_variantId, _UmbMemberPropertyDataContext_currentVariant, _UmbMemberPropertyDataContext_createPropertyVariantId;
 import { UMB_PROPERTY_DATASET_CONTEXT } from '../../../core/property/index.js';
 import { UmbContextBase } from '../../../../libs/class-api/index.js';
 import { map } from '../../../../external/rxjs/index.js';
@@ -17,67 +5,73 @@ import { UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UmbVariantId } from '../../../core/variant/index.js';
 // TODO: This code can be split into a UmbContentTypePropertyDatasetContext, leaving just the publishing state and methods to this class.
 export class UmbMemberPropertyDataContext extends UmbContextBase {
+    #workspace;
+    #variantId;
     getVariantId() {
-        return __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_variantId, "f");
+        return this.#variantId;
     }
+    #currentVariant;
     // TODO: Refactor: Make a properties observable. (with such I think i mean a property value object array.. array with object with properties, alias, value, culture and segment)
     // TO make such happen I think we need to maintain all properties and their value of this object.
     // This will actually make it simpler if multiple are watching the same property.
     // But it will also mean that we wil watch all properties and their structure, for variantID, all the time for all of the properties.
     getEntityType() {
-        return __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").getEntityType();
+        return this.#workspace.getEntityType();
     }
     getUnique() {
-        return __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").getUnique();
+        return this.#workspace.getUnique();
     }
     getName() {
-        return __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").getName(__classPrivateFieldGet(this, _UmbMemberPropertyDataContext_variantId, "f"));
+        return this.#workspace.getName(this.#variantId);
     }
     setName(name) {
-        __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").setName(name, __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_variantId, "f"));
+        this.#workspace.setName(name, this.#variantId);
     }
     getVariantInfo() {
-        return __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").getVariant(__classPrivateFieldGet(this, _UmbMemberPropertyDataContext_variantId, "f"));
+        return this.#workspace.getVariant(this.#variantId);
     }
     constructor(host, workspace, variantId) {
         // The controller alias, is a very generic name cause we want only one of these for this controller host.
         super(host, UMB_PROPERTY_DATASET_CONTEXT);
-        _UmbMemberPropertyDataContext_instances.add(this);
-        _UmbMemberPropertyDataContext_workspace.set(this, void 0);
-        _UmbMemberPropertyDataContext_variantId.set(this, void 0);
-        _UmbMemberPropertyDataContext_currentVariant.set(this, new UmbObjectState(undefined));
-        this.currentVariant = __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_currentVariant, "f").asObservable();
-        this.name = __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_currentVariant, "f").asObservablePart((x) => x?.name);
-        this.culture = __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_currentVariant, "f").asObservablePart((x) => x?.culture);
-        this.segment = __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_currentVariant, "f").asObservablePart((x) => x?.segment);
-        __classPrivateFieldSet(this, _UmbMemberPropertyDataContext_workspace, workspace, "f");
-        __classPrivateFieldSet(this, _UmbMemberPropertyDataContext_variantId, variantId ?? UmbVariantId.CreateInvariant(), "f");
-        this.observe(__classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").variantById(__classPrivateFieldGet(this, _UmbMemberPropertyDataContext_variantId, "f")), async (variantInfo) => {
+        this.#currentVariant = new UmbObjectState(undefined);
+        this.currentVariant = this.#currentVariant.asObservable();
+        this.name = this.#currentVariant.asObservablePart((x) => x?.name);
+        this.culture = this.#currentVariant.asObservablePart((x) => x?.culture);
+        this.segment = this.#currentVariant.asObservablePart((x) => x?.segment);
+        this.#workspace = workspace;
+        this.#variantId = variantId ?? UmbVariantId.CreateInvariant();
+        this.observe(this.#workspace.variantById(this.#variantId), async (variantInfo) => {
             if (!variantInfo)
                 return;
-            __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_currentVariant, "f").setValue(variantInfo);
+            this.#currentVariant.setValue(variantInfo);
         }, '_observeActiveVariant');
     }
+    #createPropertyVariantId(property) {
+        return UmbVariantId.Create({
+            culture: property.variesByCulture ? this.#variantId.culture : null,
+            segment: property.variesBySegment ? this.#variantId.segment : null,
+        });
+    }
     /**
      * TODO: Write proper JSDocs here.
      * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
      */
     async propertyVariantId(propertyAlias) {
-        return (await __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").structure.propertyStructureByAlias(propertyAlias)).pipe(map((property) => (property ? __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_instances, "m", _UmbMemberPropertyDataContext_createPropertyVariantId).call(this, property) : undefined)));
+        return (await this.#workspace.structure.propertyStructureByAlias(propertyAlias)).pipe(map((property) => (property ? this.#createPropertyVariantId(property) : undefined)));
     }
     /**
      * TODO: Write proper JSDocs here.
      * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
      */
     async propertyValueByAlias(propertyAlias) {
-        await __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").isLoaded();
-        return (await __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").structure.propertyStructureByAlias(propertyAlias)).pipe(map((property) => property?.alias
-            ? __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").getPropertyValue(property.alias, __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_instances, "m", _UmbMemberPropertyDataContext_createPropertyVariantId).call(this, property))
+        await this.#workspace.isLoaded();
+        return (await this.#workspace.structure.propertyStructureByAlias(propertyAlias)).pipe(map((property) => property?.alias
+            ? this.#workspace.getPropertyValue(property.alias, this.#createPropertyVariantId(property))
             : undefined));
     }
     // TODO: Refactor: Not used currently, but should investigate if we can implement this, to spare some energy.
     async propertyValueByAliasAndCulture(propertyAlias, propertyVariantId) {
-        return __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").propertyValueByAlias(propertyAlias, propertyVariantId);
+        return this.#workspace.propertyValueByAlias(propertyAlias, propertyVariantId);
     }
     /**
      * TODO: Write proper JSDocs here.
@@ -85,17 +79,11 @@ export class UmbMemberPropertyDataContext extends UmbContextBase {
      */
     async setPropertyValue(propertyAlias, value) {
         // This is not reacting to if the property variant settings changes while running.
-        const property = await __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").structure.getPropertyStructureByAlias(propertyAlias);
+        const property = await this.#workspace.structure.getPropertyStructureByAlias(propertyAlias);
         if (property) {
-            const variantId = __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_instances, "m", _UmbMemberPropertyDataContext_createPropertyVariantId).call(this, property);
+            const variantId = this.#createPropertyVariantId(property);
             // This is not reacting to if the property variant settings changes while running.
-            __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_workspace, "f").setPropertyValue(propertyAlias, value, variantId);
+            this.#workspace.setPropertyValue(propertyAlias, value, variantId);
         }
     }
 }
-_UmbMemberPropertyDataContext_workspace = new WeakMap(), _UmbMemberPropertyDataContext_variantId = new WeakMap(), _UmbMemberPropertyDataContext_currentVariant = new WeakMap(), _UmbMemberPropertyDataContext_instances = new WeakSet(), _UmbMemberPropertyDataContext_createPropertyVariantId = function _UmbMemberPropertyDataContext_createPropertyVariantId(property) {
-    return UmbVariantId.Create({
-        culture: property.variesByCulture ? __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_variantId, "f").culture : null,
-        segment: property.variesBySegment ? __classPrivateFieldGet(this, _UmbMemberPropertyDataContext_variantId, "f").segment : null,
-    });
-};

package/dist-cms/packages/members/member/property-editor/member-picker/property-editor-ui-member-picker.element.d.ts

@@ -7,9 +7,7 @@ import type { UmbPropertyEditorUiElement } from '../../../../core/extension-regi
 export declare class UmbPropertyEditorUIMemberPickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     value?: string;
-    set config(config: UmbPropertyEditorConfigCollection | undefined);
-    min: number;
-    max: number;
+    config?: UmbPropertyEditorConfigCollection;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUIMemberPickerElement;

package/dist-cms/packages/members/member/property-editor/member-picker/property-editor-ui-member-picker.element.js

@@ -4,56 +4,29 @@ 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;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbPropertyEditorUIMemberPickerElement_instances, _UmbPropertyEditorUIMemberPickerElement_onChange;
-import { html, customElement, property, state } from '../../../../../external/lit/index.js';
+import { html, customElement, property } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../../../core/property-editor/index.js';
 /**
  * @element umb-property-editor-ui-member-picker
  */
 let UmbPropertyEditorUIMemberPickerElement = class UmbPropertyEditorUIMemberPickerElement extends UmbLitElement {
-    constructor() {
-        super(...arguments);
-        _UmbPropertyEditorUIMemberPickerElement_instances.add(this);
-        this.min = 0;
-        this.max = Infinity;
-    }
-    set config(config) {
-        if (!config)
-            return;
-        const minMax = config?.getValueByAlias('validationLimit');
-        this.min = minMax?.min ?? 0;
-        this.max = minMax?.max ?? Infinity;
+    #onChange(event) {
+        this.value = event.target.value;
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
         return html `
-			<umb-input-member
-				.min=${this.min}
-				.max=${this.max}
-				.value=${this.value ?? ''}
-				@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIMemberPickerElement_instances, "m", _UmbPropertyEditorUIMemberPickerElement_onChange)}></umb-input-member>
+			<umb-input-member min="0" max="1" .value=${this.value ?? ''} @change=${this.#onChange}></umb-input-member>
 		`;
     }
 };
-_UmbPropertyEditorUIMemberPickerElement_instances = new WeakSet();
-_UmbPropertyEditorUIMemberPickerElement_onChange = function _UmbPropertyEditorUIMemberPickerElement_onChange(event) {
-    this.value = event.target.value;
-    this.dispatchEvent(new UmbPropertyValueChangeEvent());
-};
 __decorate([
     property()
 ], UmbPropertyEditorUIMemberPickerElement.prototype, "value", void 0);
 __decorate([
-    state()
-], UmbPropertyEditorUIMemberPickerElement.prototype, "min", void 0);
-__decorate([
-    state()
-], UmbPropertyEditorUIMemberPickerElement.prototype, "max", void 0);
+    property({ attribute: false })
+], UmbPropertyEditorUIMemberPickerElement.prototype, "config", void 0);
 UmbPropertyEditorUIMemberPickerElement = __decorate([
     customElement('umb-property-editor-ui-member-picker')
 ], UmbPropertyEditorUIMemberPickerElement);