@umbraco-cms/backoffice 17.2.1 → 17.3.0-rc

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

@@ -1,22 +1,14 @@
 import { UMB_MEMBER_TYPE_ENTITY_TYPE } from '../../entity.js';
+import { UmbManagementApiMemberTypeDetailDataRequestManager } from './server-data-source/member-type-detail.server.request-manager.js';
 import { UmbId } from '../../../../core/id/index.js';
-import { MemberTypeService } from '../../../../core/backend-api/index.js';
-import { tryExecute } from '../../../../core/resources/index.js';
+import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
 /**
  * A data source for the Member Type that fetches data from the server
  * @class UmbMemberTypeDetailServerDataSource
  * @implements {UmbDetailDataSource<UmbMemberTypeDetailModel>}
  */
-export class UmbMemberTypeDetailServerDataSource {
-    #host;
-    /**
-     * Creates an instance of UmbMemberTypeDetailServerDataSource.
-     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
-     * @memberof UmbMemberTypeDetailServerDataSource
-     */
-    constructor(host) {
-        this.#host = host;
-    }
+export class UmbMemberTypeDetailServerDataSource extends UmbControllerBase {
+    #detailRequestManager = new UmbManagementApiMemberTypeDetailDataRequestManager(this);
     /**
      * Creates a new Member Type scaffold
      * @param {Partial<UmbMemberTypeDetailModel>} [preset] - Optional preset data to merge with the scaffold
@@ -53,59 +45,24 @@ export class UmbMemberTypeDetailServerDataSource {
     async read(unique) {
         if (!unique)
             throw new Error('Unique is missing');
-        const { data, error } = await tryExecute(this.#host, MemberTypeService.getMemberTypeById({ path: { id: unique } }));
-        if (error || !data) {
-            return { error };
+        const { data, error } = await this.#detailRequestManager.read(unique);
+        return { data: data ? this.#mapServerResponseModelToEntityDetailModel(data) : undefined, error };
+    }
+    /**
+     * Fetches multiple Member Types by their unique IDs from the server
+     * @param {Array<string>} uniques - The unique IDs of the member types to fetch
+     * @returns {*}
+     * @memberof UmbMemberTypeDetailServerDataSource
+     */
+    async readMany(uniques) {
+        if (!uniques || uniques.length === 0) {
+            return { data: [] };
         }
-        // TODO: make data mapper to prevent errors
-        const memberType = {
-            entityType: UMB_MEMBER_TYPE_ENTITY_TYPE,
-            unique: data.id,
-            name: data.name,
-            alias: data.alias,
-            description: data.description ?? '',
-            icon: data.icon,
-            allowedAtRoot: data.allowedAsRoot,
-            variesByCulture: data.variesByCulture,
-            variesBySegment: data.variesBySegment,
-            isElement: data.isElement,
-            properties: data.properties.map((property) => {
-                return {
-                    id: property.id,
-                    unique: property.id,
-                    container: property.container ? { id: property.container.id } : null,
-                    sortOrder: property.sortOrder,
-                    alias: property.alias,
-                    name: property.name,
-                    description: property.description,
-                    dataType: { unique: property.dataType.id },
-                    variesByCulture: property.variesByCulture,
-                    variesBySegment: property.variesBySegment,
-                    validation: property.validation,
-                    appearance: property.appearance,
-                    visibility: property.visibility,
-                    isSensitive: property.isSensitive,
-                };
-            }),
-            containers: data.containers.map((container) => {
-                return {
-                    id: container.id,
-                    parent: container.parent ? { id: container.parent.id } : null,
-                    name: container.name ?? '',
-                    type: container.type, // TODO: check if the value is valid
-                    sortOrder: container.sortOrder,
-                };
-            }),
-            allowedContentTypes: [],
-            compositions: data.compositions.map((composition) => {
-                return {
-                    contentType: { unique: composition.memberType.id },
-                    compositionType: composition.compositionType,
-                };
-            }),
-            collection: data.collection ? { unique: data.collection.id } : null,
+        const { data, error } = await this.#detailRequestManager.readMany(uniques);
+        return {
+            data: data?.items?.map((item) => this.#mapServerResponseModelToEntityDetailModel(item)),
+            error,
         };
-        return { data: memberType };
     }
     /**
      * Inserts a new Member Type on the server
@@ -153,13 +110,8 @@ export class UmbMemberTypeDetailServerDataSource {
                 };
             }),
         };
-        const { data, error } = await tryExecute(this.#host, MemberTypeService.postMemberType({
-            body,
-        }));
-        if (data && typeof data === 'string') {
-            return this.read(data);
-        }
-        return { error };
+        const { data, error } = await this.#detailRequestManager.create(body);
+        return { data: data ? this.#mapServerResponseModelToEntityDetailModel(data) : undefined, error };
     }
     /**
      * Updates a MemberType on the server
@@ -205,14 +157,8 @@ export class UmbMemberTypeDetailServerDataSource {
                 };
             }),
         };
-        const { error } = await tryExecute(this.#host, MemberTypeService.putMemberTypeById({
-            path: { id: model.unique },
-            body,
-        }));
-        if (!error) {
-            return this.read(model.unique);
-        }
-        return { error };
+        const { data, error } = await this.#detailRequestManager.update(model.unique, body);
+        return { data: data ? this.#mapServerResponseModelToEntityDetailModel(data) : undefined, error };
     }
     /**
      * Deletes a Member Type on the server
@@ -223,8 +169,47 @@ export class UmbMemberTypeDetailServerDataSource {
     async delete(unique) {
         if (!unique)
             throw new Error('Unique is missing');
-        return tryExecute(this.#host, MemberTypeService.deleteMemberTypeById({
-            path: { id: unique },
-        }));
+        return this.#detailRequestManager.delete(unique);
+    }
+    #mapServerResponseModelToEntityDetailModel(data) {
+        return {
+            entityType: UMB_MEMBER_TYPE_ENTITY_TYPE,
+            unique: data.id,
+            name: data.name,
+            alias: data.alias,
+            description: data.description ?? '',
+            icon: data.icon,
+            allowedAtRoot: data.allowedAsRoot,
+            variesByCulture: data.variesByCulture,
+            variesBySegment: data.variesBySegment,
+            isElement: data.isElement,
+            properties: data.properties.map((property) => {
+                return {
+                    id: property.id,
+                    unique: property.id,
+                    container: property.container ? { id: property.container.id } : null,
+                    sortOrder: property.sortOrder,
+                    alias: property.alias,
+                    name: property.name,
+                    description: property.description,
+                    dataType: { unique: property.dataType.id },
+                    variesByCulture: property.variesByCulture,
+                    variesBySegment: property.variesBySegment,
+                    validation: property.validation,
+                    appearance: property.appearance,
+                    visibility: property.visibility,
+                    isSensitive: property.isSensitive,
+                };
+            }),
+            containers: data.containers,
+            allowedContentTypes: [],
+            compositions: data.compositions.map((composition) => {
+                return {
+                    contentType: { unique: composition.memberType.id },
+                    compositionType: composition.compositionType,
+                };
+            }),
+            collection: data.collection ? { unique: data.collection.id } : null,
+        };
     }
 }

package/dist-cms/packages/members/member-type/repository/detail/server-data-source/member-type-detail.server.cache-invalidation.manager.d.ts

@@ -0,0 +1,6 @@
+import { UmbManagementApiDetailDataCacheInvalidationManager } from '../../../../../management-api/index.js';
+import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
+import type { MemberTypeResponseModel } from '../../../../../core/backend-api/index.js';
+export declare class UmbManagementApiMemberTypeDetailDataCacheInvalidationManager extends UmbManagementApiDetailDataCacheInvalidationManager<MemberTypeResponseModel> {
+    constructor(host: UmbControllerHost);
+}

package/dist-cms/packages/members/member-type/repository/detail/server-data-source/member-type-detail.server.cache-invalidation.manager.js

@@ -0,0 +1,10 @@
+import { memberTypeDetailCache } from './member-type-detail.server.cache.js';
+import { UmbManagementApiDetailDataCacheInvalidationManager } from '../../../../../management-api/index.js';
+export class UmbManagementApiMemberTypeDetailDataCacheInvalidationManager extends UmbManagementApiDetailDataCacheInvalidationManager {
+    constructor(host) {
+        super(host, {
+            dataCache: memberTypeDetailCache,
+            eventSources: ['Umbraco:CMS:MemberType'],
+        });
+    }
+}

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

@@ -0,0 +1,4 @@
+import type { MemberTypeResponseModel } from '../../../../../core/backend-api/index.js';
+import { UmbManagementApiDetailDataCache } from '../../../../../management-api/index.js';
+declare const memberTypeDetailCache: UmbManagementApiDetailDataCache<MemberTypeResponseModel>;
+export { memberTypeDetailCache };

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

@@ -0,0 +1,3 @@
+import { UmbManagementApiDetailDataCache } from '../../../../../management-api/index.js';
+const memberTypeDetailCache = new UmbManagementApiDetailDataCache();
+export { memberTypeDetailCache };

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

@@ -0,0 +1,7 @@
+import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
+import { type CreateMemberTypeRequestModel, type MemberTypeResponseModel, type UpdateMemberTypeRequestModel } from '../../../../../core/backend-api/index.js';
+import { UmbManagementApiDetailDataRequestManager } from '../../../../../management-api/index.js';
+export declare class UmbManagementApiMemberTypeDetailDataRequestManager extends UmbManagementApiDetailDataRequestManager<MemberTypeResponseModel, UpdateMemberTypeRequestModel, CreateMemberTypeRequestModel> {
+    #private;
+    constructor(host: UmbControllerHost);
+}

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

@@ -0,0 +1,18 @@
+/* eslint-disable local-rules/no-direct-api-import */
+import { memberTypeDetailCache } from './member-type-detail.server.cache.js';
+import { MemberTypeService, } from '../../../../../core/backend-api/index.js';
+import { UmbManagementApiDetailDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../../../management-api/index.js';
+export class UmbManagementApiMemberTypeDetailDataRequestManager extends UmbManagementApiDetailDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
+    constructor(host) {
+        super(host, {
+            create: (body) => MemberTypeService.postMemberType({ body }),
+            read: (id) => MemberTypeService.getMemberTypeById({ path: { id } }),
+            update: (id, body) => MemberTypeService.putMemberTypeById({ path: { id }, body }),
+            delete: (id) => MemberTypeService.deleteMemberTypeById({ path: { id } }),
+            readMany: (ids) => MemberTypeService.getMemberTypeBatch({ query: { id: ids } }),
+            dataCache: memberTypeDetailCache,
+            inflightRequestCache: UmbManagementApiMemberTypeDetailDataRequestManager.#inflightRequestCache,
+        });
+    }
+}

package/dist-cms/packages/members/member-type/repository/item/member-type-item.server.request-manager.d.ts

@@ -2,5 +2,6 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 import { type MemberTypeItemResponseModel } from '../../../../core/backend-api/index.js';
 import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
 export declare class UmbManagementApiMemberTypeItemDataRequestManager extends UmbManagementApiItemDataRequestManager<MemberTypeItemResponseModel> {
+    #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/members/member-type/repository/item/member-type-item.server.request-manager.js

@@ -1,12 +1,14 @@
 /* eslint-disable local-rules/no-direct-api-import */
 import { memberTypeItemCache } from './member-type-item.server.cache.js';
 import { MemberTypeService } from '../../../../core/backend-api/index.js';
-import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
+import { UmbManagementApiItemDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../../management-api/index.js';
 export class UmbManagementApiMemberTypeItemDataRequestManager extends UmbManagementApiItemDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
     constructor(host) {
         super(host, {
             getItems: (ids) => MemberTypeService.getItemMemberType({ query: { id: ids } }),
             dataCache: memberTypeItemCache,
+            inflightRequestCache: UmbManagementApiMemberTypeItemDataRequestManager.#inflightRequestCache,
             getUniqueMethod: (item) => item.id,
         });
     }

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

@@ -11,6 +11,7 @@ export const manifests = [
         meta: {
             label: 'Member Types',
             searchProviderAlias: UMB_MEMBER_TYPE_SEARCH_PROVIDER_ALIAS,
+            sectionAlias: UMB_SETTINGS_SECTION_ALIAS,
         },
         conditions: [
             {

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

@@ -24,7 +24,11 @@ export class UmbMemberTypeSearchServerDataSource {
      */
     async search(args) {
         const { data, error } = await tryExecute(this.#host, MemberTypeService.getItemMemberTypeSearch({
-            query: { query: args.query },
+            query: {
+                query: args.query,
+                skip: args.paging?.skip,
+                take: args.paging?.take,
+            },
         }));
         if (data) {
             const mappedItems = data.items.map((item) => {

package/dist-cms/packages/multi-url-picker/components/input-multi-url/input-multi-url.element.d.ts

@@ -1,4 +1,5 @@
 import type { UmbLinkPickerLink } from '../../link-picker-modal/types.js';
+import type { UmbLinkPickerDocumentLinksConfig } from '../../link-picker-modal/link-picker-modal.token.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import type { UUIModalSidebarSize } from '../../../../external/uui/index.js';
 declare const UmbInputMultiUrlElement_base: import("../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & typeof UmbLitElement;
@@ -43,6 +44,7 @@ export declare class UmbInputMultiUrlElement extends UmbInputMultiUrlElement_bas
      @attr 'hide-anchor'
      */
     hideAnchor?: boolean;
+    documentLinksConfig?: UmbLinkPickerDocumentLinksConfig;
     /**
      * @type {UUIModalSidebarSize}
      * @attr

package/dist-cms/packages/multi-url-picker/components/input-multi-url/input-multi-url.element.js

@@ -108,7 +108,7 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UmbFormContr
         this.requiredMessage = UMB_VALIDATION_EMPTY_LOCALIZATION_KEY;
         this._resolvedLinkNames = [];
         this._resolvedLinkUrls = [];
-        this.addValidator('valueMissing', () => this.requiredMessage, () => !this.readonly && this.required && (!this.value || this.value === ''));
+        this.addValidator('valueMissing', () => this.requiredMessage, () => !this.readonly && this.required && this.urls.length === 0);
         this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.urls.length < this.min);
         this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.urls.length > this.max);
         this.#linkPickerModal = new UmbModalRouteRegistrationController(this, UMB_LINK_PICKER_MODAL)
@@ -139,6 +139,7 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UmbFormContr
                     isNew: index === null,
                     config: {
                         hideAnchor: this.hideAnchor,
+                        documentLinksConfig: this.documentLinksConfig,
                     },
                 },
                 value: {
@@ -152,6 +153,7 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UmbFormContr
                         type: data?.type,
                         unique: data?.unique,
                         url: data?.url,
+                        culture: data?.culture,
                     },
                 },
             };
@@ -254,6 +256,7 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UmbFormContr
         this.#dispatchChangeEvent();
     }
     #dispatchChangeEvent() {
+        super.value = this.#urls.map((x) => x.url).join(',');
         this.requestUpdate();
         this.dispatchEvent(new UmbChangeEvent());
     }
@@ -261,8 +264,10 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UmbFormContr
         return (link.name || this._resolvedLinkNames.find((name) => name.unique === link.unique)?.name) ?? '';
     }
     #getResolvedItemUrl(link) {
-        return ((this._resolvedLinkUrls.find((url) => url.unique === link.unique)?.url ?? link.url ?? '') +
-            (link.queryString || ''));
+        const baseUrl = link.culture
+            ? (link.url ?? '')
+            : (this._resolvedLinkUrls.find((url) => url.unique === link.unique)?.url ?? link.url ?? '');
+        return baseUrl + (link.queryString || '');
     }
     render() {
         return html `${this.#renderItems()} ${this.#renderAddButton()}`;
@@ -344,6 +349,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, attribute: 'hide-anchor' })
 ], UmbInputMultiUrlElement.prototype, "hideAnchor", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbInputMultiUrlElement.prototype, "documentLinksConfig", void 0);
 __decorate([
     property()
 ], UmbInputMultiUrlElement.prototype, "overlaySize", void 0);

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

@@ -0,0 +1 @@
+export * from './document-link-picker-modal/constants.js';

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

@@ -0,0 +1 @@
+export * from './document-link-picker-modal/constants.js';

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/constants.d.ts

@@ -0,0 +1 @@
+export { UMB_DOCUMENT_LINK_PICKER_MODAL } from './document-link-picker-modal.token.js';

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/constants.js

@@ -0,0 +1 @@
+export { UMB_DOCUMENT_LINK_PICKER_MODAL } from './document-link-picker-modal.token.js';

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker-modal.element.d.ts

@@ -0,0 +1,18 @@
+import type { UmbDocumentLinkPickerModalData, UmbDocumentLinkPickerModalValue } from './document-link-picker-modal.token.js';
+import { UmbModalBaseElement } from '../../core/modal/index.js';
+export declare class UmbDocumentLinkPickerModalElement extends UmbModalBaseElement<UmbDocumentLinkPickerModalData, UmbDocumentLinkPickerModalValue> {
+    #private;
+    private _languages;
+    private _selectedCulture?;
+    private _hasSelection;
+    private _selectionConfiguration;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export { UmbDocumentLinkPickerModalElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-link-picker-modal': UmbDocumentLinkPickerModalElement;
+    }
+}

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker-modal.element.js

@@ -0,0 +1,139 @@
+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 { UmbDocumentLinkPickerContext } from './document-link-picker.context.js';
+import { UMB_DOCUMENT_ENTITY_TYPE, UMB_DOCUMENT_TREE_ALIAS } from '../../documents/documents/index.js';
+import { css, customElement, html, nothing, repeat, state } from '../../../external/lit/index.js';
+import { UmbModalBaseElement } from '../../core/modal/index.js';
+const EMPTY_VALUE = 'empty_value';
+let UmbDocumentLinkPickerModalElement = class UmbDocumentLinkPickerModalElement extends UmbModalBaseElement {
+    #pickerContext;
+    constructor() {
+        super();
+        this._languages = [];
+        this._hasSelection = false;
+        this._selectionConfiguration = {
+            multiple: false,
+            selectable: true,
+            selection: [],
+        };
+        this.#pickerContext = new UmbDocumentLinkPickerContext(this);
+        this.observe(this.#pickerContext.languages, (languages) => {
+            this._languages = languages;
+        });
+        this.observe(this.#pickerContext.culture, (culture) => {
+            this._selectedCulture = culture;
+        });
+        this.observe(this.#pickerContext.selection.hasSelection, (hasSelection) => {
+            this._hasSelection = hasSelection;
+        });
+    }
+    // Tree Selection
+    #onTreeItemSelected(event) {
+        event.stopPropagation();
+        this.#pickerContext.selection.select(event.unique);
+    }
+    #onTreeItemDeselected(event) {
+        event.stopPropagation();
+        this.#pickerContext.selection.deselect(event.unique);
+    }
+    async #onSubmitModal() {
+        const selectedItemUnique = this.#pickerContext.selection.getSelection()[0];
+        if (!selectedItemUnique)
+            return;
+        this.value = {
+            unique: selectedItemUnique,
+            entityType: UMB_DOCUMENT_ENTITY_TYPE,
+            culture: (await this.#pickerContext.getCulture()) || undefined,
+        };
+        this._submitModal();
+    }
+    render() {
+        return html `
+			<umb-body-layout headline=${this.localize.term('general_choose')}>
+				${this.#renderLanguageSelector()} ${this.#renderSearch()}
+				<uui-box>
+					<umb-tree
+						alias=${UMB_DOCUMENT_TREE_ALIAS}
+						.props=${{
+            hideTreeItemActions: true,
+            hideTreeRoot: true,
+            selectionConfiguration: this._selectionConfiguration,
+        }}
+						@selected=${this.#onTreeItemSelected}
+						@deselected=${this.#onTreeItemDeselected}></umb-tree>
+				</uui-box>
+				<div slot="actions">
+					<uui-button label=${this.localize.term('general_close')} @click=${this._rejectModal}></uui-button>
+					<uui-button
+						color="positive"
+						look="primary"
+						?disabled=${!this._hasSelection}
+						label=${this.localize.term('general_choose')}
+						@click=${this.#onSubmitModal}></uui-button>
+				</div>
+			</umb-body-layout>
+		`;
+    }
+    #renderSearch() {
+        return html `
+			<umb-picker-search-field></umb-picker-search-field>
+			<umb-picker-search-result></umb-picker-search-result>
+		`;
+    }
+    #renderLanguageSelector() {
+        if (!this.data?.allowCultureSpecificLinks)
+            return nothing;
+        if (this._languages.length <= 1)
+            return nothing;
+        const value = this._selectedCulture || EMPTY_VALUE;
+        return html `
+			<uui-combobox
+				placeholder=${this.localize.term('linkPicker_selectLanguageHint')}
+				.value=${value}
+				@change=${this.#onLanguageSelectionChange}>
+				<uui-combobox-list>
+					<uui-combobox-list-option value=${EMPTY_VALUE}
+						>${this.localize.term('linkPicker_selectLanguageDefault')}</uui-combobox-list-option
+					>
+					${repeat(this._languages, (language) => language.unique, (language) => html `
+							<uui-combobox-list-option value=${language.unique}> ${language.name} </uui-combobox-list-option>
+						`)}
+				</uui-combobox-list>
+			</uui-combobox>
+		`;
+    }
+    async #onLanguageSelectionChange(event) {
+        const target = event.target;
+        const value = target?.value;
+        await this.#pickerContext.setCulture(!value || value === EMPTY_VALUE ? null : value);
+    }
+    static { this.styles = [
+        css `
+			uui-combobox {
+				width: 100%;
+				margin-bottom: var(--uui-size-space-3);
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbDocumentLinkPickerModalElement.prototype, "_languages", void 0);
+__decorate([
+    state()
+], UmbDocumentLinkPickerModalElement.prototype, "_selectedCulture", void 0);
+__decorate([
+    state()
+], UmbDocumentLinkPickerModalElement.prototype, "_hasSelection", void 0);
+__decorate([
+    state()
+], UmbDocumentLinkPickerModalElement.prototype, "_selectionConfiguration", void 0);
+UmbDocumentLinkPickerModalElement = __decorate([
+    customElement('umb-document-link-picker-modal')
+], UmbDocumentLinkPickerModalElement);
+export { UmbDocumentLinkPickerModalElement };
+export { UmbDocumentLinkPickerModalElement as element };

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker-modal.token.d.ts

@@ -0,0 +1,10 @@
+import { UmbModalToken } from '../../core/modal/index.js';
+export interface UmbDocumentLinkPickerModalData {
+    allowCultureSpecificLinks?: boolean;
+}
+export type UmbDocumentLinkPickerModalValue = {
+    unique: string;
+    entityType: string;
+    culture?: string;
+};
+export declare const UMB_DOCUMENT_LINK_PICKER_MODAL: UmbModalToken<UmbDocumentLinkPickerModalData, UmbDocumentLinkPickerModalValue>;

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker-modal.token.js

@@ -0,0 +1,7 @@
+import { UmbModalToken } from '../../core/modal/index.js';
+export const UMB_DOCUMENT_LINK_PICKER_MODAL = new UmbModalToken('Umb.MultiUrlLinkPicker.Document', {
+    modal: {
+        type: 'sidebar',
+        size: 'small',
+    },
+});

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker.context.d.ts

@@ -0,0 +1,12 @@
+import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
+import { type UmbLanguageDetailModel } from '../../language/index.js';
+import { UmbPickerContext } from '../../core/picker/index.js';
+export declare class UmbDocumentLinkPickerContext extends UmbPickerContext {
+    #private;
+    languages: import("rxjs").Observable<UmbLanguageDetailModel[]>;
+    culture: import("rxjs").Observable<string | null>;
+    constructor(host: UmbControllerHost);
+    setCulture(culture: string | null): Promise<void>;
+    getCulture(): Promise<string | null>;
+}
+export { UmbDocumentLinkPickerContext as api };

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker.context.js

@@ -0,0 +1,45 @@
+import { UMB_DOCUMENT_SEARCH_PROVIDER_ALIAS } from '../../documents/documents/index.js';
+import { UmbLanguageCollectionRepository } from '../../language/index.js';
+import { UmbArrayState, UmbStringState } from '../../../libs/observable-api/index.js';
+import { UmbPickerContext } from '../../core/picker/index.js';
+import { UmbVariantContext } from '../../core/variant/index.js';
+export class UmbDocumentLinkPickerContext extends UmbPickerContext {
+    #languages;
+    #culture;
+    #variantContext;
+    #languageCollectionRepository;
+    constructor(host) {
+        super(host);
+        this.#languages = new UmbArrayState([], (x) => x.unique);
+        this.languages = this.#languages.asObservable();
+        this.#culture = new UmbStringState(null);
+        this.culture = this.#culture.asObservable();
+        this.#languageCollectionRepository = new UmbLanguageCollectionRepository(this);
+        this.search.setConfig({
+            providerAlias: UMB_DOCUMENT_SEARCH_PROVIDER_ALIAS,
+        });
+        this.#loadLanguages();
+    }
+    async setCulture(culture) {
+        this.#culture.setValue(culture);
+        await this.#variantContext?.setCulture(culture);
+    }
+    async getCulture() {
+        return this.#culture.getValue();
+    }
+    async #loadLanguages() {
+        const { data } = await this.#languageCollectionRepository.requestCollection({ skip: 0, take: 1000 });
+        const languages = data?.items || [];
+        this.#languages.setValue(languages);
+        if (languages.length > 0) {
+            // Create variant context only when we have languages available
+            this.#variantContext = new UmbVariantContext(this).inherit();
+        }
+        else {
+            // No languages available - ensure variant context is not set
+            this.#variantContext?.destroy();
+            this.#variantContext = undefined;
+        }
+    }
+}
+export { UmbDocumentLinkPickerContext as api };

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/manifests.d.ts

@@ -0,0 +1,6 @@
+export declare const manifests: {
+    type: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./document-link-picker-modal.element.js")>;
+}[];

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/manifests.js

@@ -0,0 +1,8 @@
+export const manifests = [
+    {
+        type: 'modal',
+        alias: 'Umb.MultiUrlLinkPicker.Document',
+        name: 'Property Editor Multi Url Link Picker Document Picker Modal',
+        element: () => import('./document-link-picker-modal.element.js'),
+    },
+];

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

@@ -1,2 +1,3 @@
 export * from './components/index.js';
 export * from './link-picker-modal/index.js';
+export * from './constants.js';

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

@@ -1,2 +1,3 @@
 export * from './components/index.js';
 export * from './link-picker-modal/index.js';
+export * from './constants.js';