@umbraco-cms/backoffice 14.2.0 → 14.3.0

package/dist-cms/packages/members/member/repository/detail/member-detail.server.data-source.js

@@ -4,7 +4,6 @@ import { MemberService } from '../../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../../core/resources/index.js';
 /**
  * A data source for the Member that fetches data from the server
- * @export
  * @class UmbMemberServerDataSource
  * @implements {RepositoryDetailDataSource}
  */
@@ -12,7 +11,7 @@ export class UmbMemberServerDataSource {
     #host;
     /**
      * Creates an instance of UmbMemberServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberServerDataSource
      */
     constructor(host) {
@@ -137,6 +136,7 @@ export class UmbMemberServerDataSource {
     /**
      * Updates a Member on the server
      * @param {UmbMemberDetailModel} Member
+     * @param model
      * @returns {*}
      * @memberof UmbMemberServerDataSource
      */

package/dist-cms/packages/members/member/repository/detail/member-detail.store.d.ts

@@ -2,7 +2,6 @@ import type { UmbMemberDetailModel } from '../../types.js';
 import { UmbDetailStoreBase } from '../../../../core/store/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 /**
- * @export
  * @class UmbMemberDetailStore
  * @augments {UmbStoreBase}
  * @description - Data Store for Member Details
@@ -10,7 +9,7 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 export declare class UmbMemberDetailStore extends UmbDetailStoreBase<UmbMemberDetailModel> {
     /**
      * Creates an instance of UmbMemberDetailStore.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberDetailStore
      */
     constructor(host: UmbControllerHost);

package/dist-cms/packages/members/member/repository/detail/member-detail.store.js

@@ -1,7 +1,6 @@
 import { UMB_MEMBER_DETAIL_STORE_CONTEXT } from './member-detail.store.context-token.js';
 import { UmbDetailStoreBase } from '../../../../core/store/index.js';
 /**
- * @export
  * @class UmbMemberDetailStore
  * @augments {UmbStoreBase}
  * @description - Data Store for Member Details
@@ -9,7 +8,7 @@ import { UmbDetailStoreBase } from '../../../../core/store/index.js';
 export class UmbMemberDetailStore extends UmbDetailStoreBase {
     /**
      * Creates an instance of UmbMemberDetailStore.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberDetailStore
      */
     constructor(host) {

package/dist-cms/packages/members/member/repository/item/member-item.server.data-source.d.ts

@@ -4,14 +4,13 @@ import type { MemberItemResponseModel } from '../../../../../external/backend-ap
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 /**
  * A server data source for Member items
- * @export
  * @class UmbMemberItemServerDataSource
  * @implements {DocumentTreeDataSource}
  */
 export declare class UmbMemberItemServerDataSource extends UmbItemServerDataSourceBase<MemberItemResponseModel, UmbMemberItemModel> {
     /**
      * Creates an instance of UmbMemberItemServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberItemServerDataSource
      */
     constructor(host: UmbControllerHost);

package/dist-cms/packages/members/member/repository/item/member-item.server.data-source.js

@@ -3,14 +3,13 @@ import { UmbItemServerDataSourceBase } from '../../../../core/repository/index.j
 import { MemberService } from '../../../../../external/backend-api/index.js';
 /**
  * A server data source for Member items
- * @export
  * @class UmbMemberItemServerDataSource
  * @implements {DocumentTreeDataSource}
  */
 export class UmbMemberItemServerDataSource extends UmbItemServerDataSourceBase {
     /**
      * Creates an instance of UmbMemberItemServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberItemServerDataSource
      */
     constructor(host) {

package/dist-cms/packages/members/member/repository/item/member-item.store.d.ts

@@ -2,7 +2,6 @@ import type { UmbMemberItemModel } from './types.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 import { UmbItemStoreBase } from '../../../../core/store/index.js';
 /**
- * @export
  * @class UmbMemberItemStore
  * @augments {UmbStoreBase}
  * @description - Data Store for Member items
@@ -10,7 +9,7 @@ import { UmbItemStoreBase } from '../../../../core/store/index.js';
 export declare class UmbMemberItemStore extends UmbItemStoreBase<UmbMemberItemModel> {
     /**
      * Creates an instance of UmbMemberItemStore.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberItemStore
      */
     constructor(host: UmbControllerHost);

package/dist-cms/packages/members/member/repository/item/member-item.store.js

@@ -1,7 +1,6 @@
 import { UMB_MEMBER_ITEM_STORE_CONTEXT } from './member-item.store.context-token.js';
 import { UmbItemStoreBase } from '../../../../core/store/index.js';
 /**
- * @export
  * @class UmbMemberItemStore
  * @augments {UmbStoreBase}
  * @description - Data Store for Member items
@@ -9,7 +8,7 @@ import { UmbItemStoreBase } from '../../../../core/store/index.js';
 export class UmbMemberItemStore extends UmbItemStoreBase {
     /**
      * Creates an instance of UmbMemberItemStore.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberItemStore
      */
     constructor(host) {

package/dist-cms/packages/members/member/search/constants.d.ts

@@ -0,0 +1 @@
+export declare const UMB_MEMBER_SEARCH_PROVIDER_ALIAS = "Umb.SearchProvider.Member";

package/dist-cms/packages/members/member/search/constants.js

@@ -0,0 +1 @@
+export const UMB_MEMBER_SEARCH_PROVIDER_ALIAS = 'Umb.SearchProvider.Member';

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

@@ -0,0 +1 @@
+export * from './constants.js';

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

@@ -0,0 +1 @@
+export * from './constants.js';

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

@@ -1,8 +1,9 @@
 import { UMB_MEMBER_ENTITY_TYPE } from '../entity.js';
+import { UMB_MEMBER_SEARCH_PROVIDER_ALIAS } from './constants.js';
 export const manifests = [
     {
         name: 'Member Search Provider',
-        alias: 'Umb.SearchProvider.Member',
+        alias: UMB_MEMBER_SEARCH_PROVIDER_ALIAS,
         type: 'searchProvider',
         api: () => import('./member.search-provider.js'),
         weight: 300,

package/dist-cms/packages/members/member/search/member-search.server.data-source.d.ts

@@ -3,7 +3,6 @@ import type { UmbSearchDataSource, UmbSearchRequestArgs } from '../../../search/
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 /**
  * A data source for the Rollback that fetches data from the server
- * @export
  * @class UmbMemberSearchServerDataSource
  * @implements {RepositoryDetailDataSource}
  */
@@ -11,12 +10,13 @@ export declare class UmbMemberSearchServerDataSource implements UmbSearchDataSou
     #private;
     /**
      * Creates an instance of UmbMemberSearchServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberSearchServerDataSource
      */
     constructor(host: UmbControllerHost);
     /**
      * Get a list of versions for a data
+     * @param args
      * @returns {*}
      * @memberof UmbMemberSearchServerDataSource
      */

package/dist-cms/packages/members/member/search/member-search.server.data-source.js

@@ -3,7 +3,6 @@ import { MemberService } from '../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../core/resources/index.js';
 /**
  * A data source for the Rollback that fetches data from the server
- * @export
  * @class UmbMemberSearchServerDataSource
  * @implements {RepositoryDetailDataSource}
  */
@@ -11,7 +10,7 @@ export class UmbMemberSearchServerDataSource {
     #host;
     /**
      * Creates an instance of UmbMemberSearchServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberSearchServerDataSource
      */
     constructor(host) {
@@ -19,6 +18,7 @@ export class UmbMemberSearchServerDataSource {
     }
     /**
      * Get a list of versions for a data
+     * @param args
      * @returns {*}
      * @memberof UmbMemberSearchServerDataSource
      */

package/dist-cms/packages/members/member/workspace/member-workspace.context.d.ts

@@ -9,12 +9,14 @@ import { UmbVariantId } from '../../../core/variant/index.js';
 import type { UmbLanguageDetailModel } from '../../../language/index.js';
 import type { UmbDataSourceResponse } from '../../../core/repository/index.js';
 import type { UmbContentWorkspaceContext } from '../../../core/content/index.js';
+import { UmbReadOnlyVariantStateManager } from '../../../core/utils/index.js';
 type EntityType = UmbMemberDetailModel;
 export declare class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceContextBase<EntityType> implements UmbContentWorkspaceContext<UmbMemberTypeDetailModel, UmbMemberVariantModel> {
     #private;
     readonly IS_CONTENT_WORKSPACE_CONTEXT: true;
     readonly repository: UmbMemberDetailRepository;
     readonly languages: import("rxjs/internal/Observable").Observable<UmbLanguageDetailModel[]>;
+    readOnlyState: UmbReadOnlyVariantStateManager;
     isLoaded(): Promise<UmbDataSourceResponse<UmbMemberDetailModel>> | undefined;
     readonly data: import("rxjs/internal/Observable").Observable<UmbMemberDetailModel | undefined>;
     readonly unique: import("rxjs/internal/Observable").Observable<string | undefined>;
@@ -42,6 +44,13 @@ export declare class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceCo
     setName(name: string, variantId?: UmbVariantId): void;
     name(variantId?: UmbVariantId): import("rxjs/internal/Observable").Observable<string>;
     propertyStructureById(propertyId: string): Promise<import("rxjs/internal/Observable").Observable<import("../../../core/content-type/index.js").UmbPropertyTypeModel | undefined>>;
+    /**
+     * @function propertyValueByAlias
+     * @param {string} propertyAlias
+     * @param {UmbVariantId} variantId
+     * @returns {Promise<Observable<ReturnType | undefined> | undefined>}
+     * @description Get an Observable for the value of this property.
+     */
     propertyValueByAlias<PropertyValueType = unknown>(propertyAlias: string, variantId?: UmbVariantId): Promise<import("rxjs/internal/Observable").Observable<PropertyValueType>>;
     /**
      * Get the current value of the property with the given alias and variantId.

package/dist-cms/packages/members/member/workspace/member-workspace.context.js

@@ -8,6 +8,7 @@ import { UmbArrayState, UmbObjectState, appendToFrozenArray, mergeObservables, }
 import { UmbContentTypeStructureManager } from '../../../core/content-type/index.js';
 import { UMB_INVARIANT_CULTURE, UmbVariantId } from '../../../core/variant/index.js';
 import { UmbLanguageCollectionRepository } from '../../../language/index.js';
+import { UmbReadOnlyVariantStateManager } from '../../../core/utils/index.js';
 export class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
     #persistedData;
     #currentData;
@@ -29,6 +30,7 @@ export class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceContextBas
         this.#languageRepository = new UmbLanguageCollectionRepository(this);
         this.#languages = new UmbArrayState([], (x) => x.unique);
         this.languages = this.#languages.asObservable();
+        this.readOnlyState = new UmbReadOnlyVariantStateManager(this);
         this.data = this.#currentData.asObservable();
         this.unique = this.#currentData.asObservablePart((data) => data?.unique);
         this.createDate = this.#currentData.asObservablePart((data) => data?.variants[0].createDate);
@@ -178,6 +180,13 @@ export class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceContextBas
     async propertyStructureById(propertyId) {
         return this.structure.propertyStructureById(propertyId);
     }
+    /**
+     * @function propertyValueByAlias
+     * @param {string} propertyAlias
+     * @param {UmbVariantId} variantId
+     * @returns {Promise<Observable<ReturnType | undefined> | undefined>}
+     * @description Get an Observable for the value of this property.
+     */
     async propertyValueByAlias(propertyAlias, variantId) {
         return this.#currentData.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))
             ?.value);

package/dist-cms/packages/members/member-group/collection/repository/member-group-collection.server.data-source.d.ts

@@ -4,7 +4,6 @@ import type { UmbCollectionDataSource } from '../../../../core/collection/index.
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 /**
  * A data source that fetches the member collection data from the server.
- * @export
  * @class UmbMemberGroupCollectionServerDataSource
  * @implements {UmbCollectionDataSource}
  */
@@ -12,7 +11,7 @@ export declare class UmbMemberGroupCollectionServerDataSource implements UmbColl
     #private;
     /**
      * Creates an instance of UmbMemberGroupCollectionServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberGroupCollectionServerDataSource
      */
     constructor(host: UmbControllerHost);

package/dist-cms/packages/members/member-group/collection/repository/member-group-collection.server.data-source.js

@@ -3,7 +3,6 @@ import { tryExecuteAndNotify } from '../../../../core/resources/index.js';
 import { MemberGroupService } from '../../../../../external/backend-api/index.js';
 /**
  * A data source that fetches the member collection data from the server.
- * @export
  * @class UmbMemberGroupCollectionServerDataSource
  * @implements {UmbCollectionDataSource}
  */
@@ -11,7 +10,7 @@ export class UmbMemberGroupCollectionServerDataSource {
     #host;
     /**
      * Creates an instance of UmbMemberGroupCollectionServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberGroupCollectionServerDataSource
      */
     constructor(host) {

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

@@ -1,3 +1,3 @@
 import './input-member-group/input-member-group.element.js';
-export * from './input-member-group/input-member-group.element.js';
+export * from './input-member-group/index.js';
 export * from './member-group-picker-modal/member-group-picker-modal.element.js';

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

@@ -1,3 +1,3 @@
 import './input-member-group/input-member-group.element.js';
-export * from './input-member-group/input-member-group.element.js';
+export * from './input-member-group/index.js';
 export * from './member-group-picker-modal/member-group-picker-modal.element.js';

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

@@ -0,0 +1,2 @@
+export * from './input-member-group.context.js';
+export * from './input-member-group.element.js';

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

@@ -0,0 +1,2 @@
+export * from './input-member-group.context.js';
+export * from './input-member-group.element.js';

package/dist-cms/packages/members/member-group/components/input-member-group/input-member-group.context.d.ts

@@ -1,6 +1,8 @@
 import type { UmbMemberGroupItemModel } from '../../repository/index.js';
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
 import type { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
-export declare class UmbMemberPickerContext extends UmbPickerInputContext<UmbMemberGroupItemModel> {
+export declare class UmbMemberGroupPickerInputContext extends UmbPickerInputContext<UmbMemberGroupItemModel> {
     constructor(host: UmbControllerHostElement);
 }
+/** @deprecated Use `UmbMemberGroupPickerInputContext` instead. This method will be removed in Umbraco 15. */
+export { UmbMemberGroupPickerInputContext as UmbMemberPickerContext };

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

@@ -1,8 +1,10 @@
 import { UMB_MEMBER_GROUP_ITEM_REPOSITORY_ALIAS } from '../../repository/index.js';
 import { UMB_MEMBER_GROUP_PICKER_MODAL } from '../member-group-picker-modal/member-group-picker-modal.token.js';
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
-export class UmbMemberPickerContext extends UmbPickerInputContext {
+export class UmbMemberGroupPickerInputContext extends UmbPickerInputContext {
     constructor(host) {
         super(host, UMB_MEMBER_GROUP_ITEM_REPOSITORY_ALIAS, UMB_MEMBER_GROUP_PICKER_MODAL);
     }
 }
+/** @deprecated Use `UmbMemberGroupPickerInputContext` instead. This method will be removed in Umbraco 15. */
+export { UmbMemberGroupPickerInputContext as UmbMemberPickerContext };

package/dist-cms/packages/members/member-group/components/input-member-group/input-member-group.element.d.ts

@@ -40,6 +40,14 @@ export declare class UmbInputMemberGroupElement extends UmbInputMemberGroupEleme
     set value(selectionString: string | undefined);
     get value(): string | undefined;
     filter: (memberGroup: UmbMemberGroupItemModel) => boolean;
+    /**
+     * 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
+     */
+    get readonly(): boolean;
+    set readonly(value: boolean);
     private _editMemberGroupPath;
     private _items?;
     constructor();

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

@@ -4,8 +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;
 };
-import { UmbMemberPickerContext } from './input-member-group.context.js';
-import { css, html, customElement, property, state, repeat } from '../../../../../external/lit/index.js';
+import { UmbMemberGroupPickerInputContext } from './input-member-group.context.js';
+import { css, html, customElement, property, state, repeat, nothing } 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';
@@ -52,6 +52,25 @@ let UmbInputMemberGroupElement = class UmbInputMemberGroupElement extends UmbFor
     get value() {
         return this.selection.length > 0 ? this.selection.join(',') : 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
+     */
+    get readonly() {
+        return this.#readonly;
+    }
+    set readonly(value) {
+        this.#readonly = value;
+        if (this.#readonly) {
+            this.#sorter.disable();
+        }
+        else {
+            this.#sorter.enable();
+        }
+    }
+    #readonly;
     #pickerContext;
     constructor() {
         super();
@@ -85,8 +104,9 @@ let UmbInputMemberGroupElement = class UmbInputMemberGroupElement extends UmbFor
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
         this.filter = () => true;
+        this.#readonly = false;
         this._editMemberGroupPath = '';
-        this.#pickerContext = new UmbMemberPickerContext(this);
+        this.#pickerContext = new UmbMemberGroupPickerInputContext(this);
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addAdditionalPath('member-group')
             .onSetup(() => {
@@ -125,36 +145,39 @@ let UmbInputMemberGroupElement = class UmbInputMemberGroupElement extends UmbFor
     }
     #renderAddButton() {
         if (this.max === 1 && this.selection.length >= this.max)
-            return;
-        return html `<uui-button
-			id="btn-add"
-			look="placeholder"
-			@click=${this.#openPicker}
-			label=${this.localize.term('general_choose')}></uui-button>`;
+            return nothing;
+        if (this.readonly && this.selection.length > 0) {
+            return nothing;
+        }
+        else {
+            return html `<uui-button
+				id="btn-add"
+				look="placeholder"
+				@click=${this.#openPicker}
+				label=${this.localize.term('general_choose')}
+				?disabled=${this.readonly}></uui-button>`;
+        }
     }
     #renderItem(item) {
         if (!item.unique)
-            return;
+            return nothing;
         return html `
-			<uui-ref-node name=${item.name} id=${item.unique}>
-				<uui-action-bar slot="actions">
-					${this.#renderOpenButton(item)}
-					<uui-button @click=${() => this.#removeItem(item)} label=${this.localize.term('general_remove')}></uui-button>
-				</uui-action-bar>
+			<uui-ref-node
+				name=${item.name}
+				id=${item.unique}
+				href="${this._editMemberGroupPath}edit/${item.unique}"
+				?readonly=${this.readonly}>
+				<uui-action-bar slot="actions"> ${this.#renderRemoveButton(item)} </uui-action-bar>
 				<umb-icon slot="icon" name="icon-users"></umb-icon>
 			</uui-ref-node>
 		`;
     }
-    #renderOpenButton(item) {
-        if (!this.showOpenButton)
-            return;
-        return html `
-			<uui-button
-				href="${this._editMemberGroupPath}edit/${item.unique}"
-				label="${this.localize.term('general_open')} ${item.name}">
-				${this.localize.term('general_open')}
-			</uui-button>
-		`;
+    #renderRemoveButton(item) {
+        if (this.readonly)
+            return nothing;
+        return html `<uui-button
+			@click=${() => this.#removeItem(item)}
+			label=${this.localize.term('general_remove')}></uui-button>`;
     }
     static { this.styles = [
         css `
@@ -192,6 +215,9 @@ __decorate([
 __decorate([
     property({ type: Object, attribute: false })
 ], UmbInputMemberGroupElement.prototype, "filter", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbInputMemberGroupElement.prototype, "readonly", null);
 __decorate([
     state()
 ], UmbInputMemberGroupElement.prototype, "_editMemberGroupPath", void 0);

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

@@ -1,6 +1,7 @@
 import './components/index.js';
 export * from './entity.js';
 export * from './repository/index.js';
+export * from './collection/index.js';
 export * from './components/index.js';
 export type { UmbMemberGroupDetailModel } from './types.js';
 export { UMB_MEMBER_GROUP_PICKER_MODAL } from './components/member-group-picker-modal/index.js';

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

@@ -1,5 +1,6 @@
 import './components/index.js';
 export * from './entity.js';
 export * from './repository/index.js';
+export * from './collection/index.js';
 export * from './components/index.js';
 export { UMB_MEMBER_GROUP_PICKER_MODAL } from './components/member-group-picker-modal/index.js';

package/dist-cms/packages/members/member-group/property-editor/member-group-picker/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.MemberGroupPicker',
             icon: 'icon-users-alt',
             group: 'people',
+            supportsReadOnly: true,
         },
     },
     memberGroupSchemaManifest,

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

@@ -8,6 +8,13 @@ export declare class UmbPropertyEditorUIMemberGroupPickerElement extends UmbLitE
     #private;
     value?: string;
     set config(config: UmbPropertyEditorConfigCollection | 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;
     _min: number;
     _max: number;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -13,6 +13,13 @@ import { UmbPropertyValueChangeEvent } from '../../../../core/property-editor/in
 let UmbPropertyEditorUIMemberGroupPickerElement = class UmbPropertyEditorUIMemberGroupPickerElement extends UmbLitElement {
     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._max = Infinity;
     }
@@ -34,13 +41,17 @@ let UmbPropertyEditorUIMemberGroupPickerElement = class UmbPropertyEditorUIMembe
 				.max=${this._max}
 				.value=${this.value}
 				?showOpenButton=${true}
-				@change=${this.#onChange}></umb-input-member-group>
+				@change=${this.#onChange}
+				?readonly=${this.readonly}></umb-input-member-group>
 		`;
     }
 };
 __decorate([
     property()
 ], UmbPropertyEditorUIMemberGroupPickerElement.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbPropertyEditorUIMemberGroupPickerElement.prototype, "readonly", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIMemberGroupPickerElement.prototype, "_min", void 0);

package/dist-cms/packages/members/member-group/repository/detail/member-group-detail.repository.d.ts

@@ -3,7 +3,6 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 import { UmbDetailRepositoryBase } from '../../../../core/repository/index.js';
 /**
  * A repository for fetching member group details.
- * @export
  * @class UmbMemberGroupDetailRepository
  * @augments {UmbDetailRepositoryBase<UmbMemberGroupDetailModel>}
  */

package/dist-cms/packages/members/member-group/repository/detail/member-group-detail.repository.js

@@ -3,7 +3,6 @@ import { UMB_MEMBER_GROUP_DETAIL_STORE_CONTEXT } from './member-group-detail.sto
 import { UmbDetailRepositoryBase } from '../../../../core/repository/index.js';
 /**
  * A repository for fetching member group details.
- * @export
  * @class UmbMemberGroupDetailRepository
  * @augments {UmbDetailRepositoryBase<UmbMemberGroupDetailModel>}
  */

package/dist-cms/packages/members/member-group/repository/detail/member-group-detail.server.data-source.d.ts

@@ -3,7 +3,6 @@ import type { UmbDetailDataSource } from '../../../../core/repository/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 /**
  * A data source for the Member Group that fetches data from the server
- * @export
  * @class UmbMemberGroupServerDataSource
  * @implements {RepositoryDetailDataSource}
  */
@@ -11,7 +10,7 @@ export declare class UmbMemberGroupServerDataSource implements UmbDetailDataSour
     #private;
     /**
      * Creates an instance of UmbMemberGroupServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberGroupServerDataSource
      */
     constructor(host: UmbControllerHost);
@@ -53,6 +52,7 @@ export declare class UmbMemberGroupServerDataSource implements UmbDetailDataSour
     /**
      * Updates a MemberGroup on the server
      * @param {UmbMemberGroupDetailModel} MemberGroup
+     * @param model
      * @returns {*}
      * @memberof UmbMemberGroupServerDataSource
      */

package/dist-cms/packages/members/member-group/repository/detail/member-group-detail.server.data-source.js

@@ -4,7 +4,6 @@ import { tryExecuteAndNotify } from '../../../../core/resources/index.js';
 import { MemberGroupService } from '../../../../../external/backend-api/index.js';
 /**
  * A data source for the Member Group that fetches data from the server
- * @export
  * @class UmbMemberGroupServerDataSource
  * @implements {RepositoryDetailDataSource}
  */
@@ -12,7 +11,7 @@ export class UmbMemberGroupServerDataSource {
     #host;
     /**
      * Creates an instance of UmbMemberGroupServerDataSource.
-     * @param {UmbControllerHost} host
+     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
      * @memberof UmbMemberGroupServerDataSource
      */
     constructor(host) {
@@ -76,6 +75,7 @@ export class UmbMemberGroupServerDataSource {
     /**
      * Updates a MemberGroup on the server
      * @param {UmbMemberGroupDetailModel} MemberGroup
+     * @param model
      * @returns {*}
      * @memberof UmbMemberGroupServerDataSource
      */