@umbraco-cms/backoffice 17.4.1 → 17.5.0-rc

package/dist-cms/packages/documents/documents/collection/item/document-collection-item-card.element.js

@@ -66,31 +66,31 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
     }
     #getPropertyValueByAlias(alias) {
         if (!this.item)
-            return '';
+            return { value: '' };
         switch (alias) {
             case 'contentTypeAlias':
-                return this.item.documentType.alias;
+                return { value: this.item.documentType.alias };
             case 'createDate':
-                return this._createDate?.toLocaleString();
+                return { value: this._createDate?.toLocaleString() };
             case 'creator':
             case 'owner':
-                return this.item.creator;
+                return { value: this.item.creator };
             case 'name':
-                return this._name;
+                return { value: this._name };
             case 'state':
-                return this._state ? fromCamelCase(this._state) : '';
+                return { value: this._state ? fromCamelCase(this._state) : '' };
             case 'published':
-                return this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False';
+                return { value: this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False' };
             case 'sortOrder':
-                return this.item.sortOrder;
+                return { value: this.item.sortOrder };
             case 'updateDate':
-                return this._updateDate?.toLocaleString();
+                return { value: this._updateDate?.toLocaleString() };
             case 'updater':
-                return this.item.updater;
+                return { value: this.item.updater };
             default: {
                 const culture = this.#resolver.getCulture();
                 const prop = this.item.values.find((x) => x.alias === alias && (!x.culture || x.culture === culture));
-                return prop?.value ?? '';
+                return { value: prop?.value ?? '', editorAlias: prop?.editorAlias };
             }
         }
     }
@@ -150,11 +150,13 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
 		`;
     }
     #renderProperty(column) {
-        const value = this.#getPropertyValueByAlias(column.alias);
+        const { value, editorAlias } = this.#getPropertyValueByAlias(column.alias);
         return html `
 			<li>
 				<span>${this.localize.string(column.header)}:</span>
-				${when(column.nameTemplate, () => html `<umb-ufm-render inline .markdown=${column.nameTemplate} .value=${{ value }}></umb-ufm-render>`, () => html `${value}`)}
+				${when(column.nameTemplate, () => html `<umb-ufm-render inline .markdown=${column.nameTemplate} .value=${{ value }}></umb-ufm-render>`, () => editorAlias
+            ? html `<umb-value-summary-extension .valueType=${editorAlias} .value=${value}></umb-value-summary-extension>`
+            : html `${value}`)}
 			</li>
 		`;
     }

package/dist-cms/packages/documents/documents/collection/item/types.d.ts

@@ -21,6 +21,7 @@ export interface UmbDocumentCollectionItemModel extends UmbEntityWithFlags {
         culture?: string;
         segment?: string;
         value: string;
+        editorAlias: string;
     }>;
     variants: Array<UmbDocumentItemVariantModel>;
 }

package/dist-cms/packages/documents/documents/collection/repository/document-collection.server.data-source.js

@@ -41,6 +41,7 @@ export class UmbDocumentCollectionServerDataSource {
                         return {
                             alias: item.alias,
                             culture: item.culture ?? undefined,
+                            editorAlias: item.editorAlias,
                             segment: item.segment ?? undefined,
                             value: item.value,
                         };

package/dist-cms/packages/documents/documents/collection/views/table/column-layouts/document-table-column-property-value.element.d.ts

@@ -12,7 +12,7 @@ export declare class UmbDocumentTableColumnPropertyValueElement extends UmbLitEl
     set value(value: UmbEditableDocumentCollectionItemModel);
     get value(): UmbEditableDocumentCollectionItemModel;
     constructor();
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): string | number | typeof nothing | import("lit-html").TemplateResult<1> | null | undefined;
 }
 export default UmbDocumentTableColumnPropertyValueElement;
 declare global {

package/dist-cms/packages/documents/documents/collection/views/table/column-layouts/document-table-column-property-value.element.js

@@ -31,32 +31,32 @@ let UmbDocumentTableColumnPropertyValueElement = class UmbDocumentTableColumnPro
         const item = this.value.item;
         switch (alias) {
             case 'contentTypeAlias':
-                return item.documentType.alias;
+                return { value: item.documentType.alias };
             case 'createDate':
-                return this._createDate?.toLocaleString();
+                return { value: this._createDate?.toLocaleString() };
             case 'creator':
             case 'owner':
-                return item.creator;
+                return { value: item.creator };
             case 'published':
-                return this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False';
+                return { value: this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False' };
             case 'sortOrder':
-                return item.sortOrder;
+                return { value: item.sortOrder };
             case 'updateDate':
-                return this._updateDate?.toLocaleString();
+                return { value: this._updateDate?.toLocaleString() };
             case 'updater':
-                return item.updater;
+                return { value: item.updater };
             default: {
                 const culture = this.#resolver.getCulture();
                 const prop = item.values.find((x) => x.alias === alias && (!x.culture || x.culture === culture));
-                return prop?.value ?? '';
+                return { value: prop?.value ?? '', editorAlias: prop?.editorAlias };
             }
         }
     }
     render() {
         if (!this.value)
             return nothing;
-        const value = this.#getPropertyValueByAlias();
-        return when(this.column.labelTemplate, () => html `<umb-ufm-render inline .markdown=${this.column.labelTemplate} .value=${{ value }}></umb-ufm-render>`, () => html `${value}`);
+        const { value, editorAlias } = this.#getPropertyValueByAlias();
+        return when(this.column.labelTemplate, () => html `<umb-ufm-render inline .markdown=${this.column.labelTemplate} .value=${{ value }}></umb-ufm-render>`, () => editorAlias ? html `<umb-value-summary-extension .valueType=${editorAlias} .value=${value}></umb-value-summary-extension>` : value);
     }
 };
 __decorate([

package/dist-cms/packages/documents/documents/index.d.ts

@@ -2,6 +2,7 @@ import './components/index.js';
 export * from './audit-log/index.js';
 export * from './components/index.js';
 export * from './constants.js';
+export * from './user-start-node/value-type/constants.js';
 export * from './entity-actions/index.js';
 export * from './entity.js';
 export * from './global-contexts/index.js';
@@ -10,6 +11,7 @@ export * from './modals/index.js';
 export * from './paths.js';
 export * from './publishing/index.js';
 export * from './recycle-bin/index.js';
+export * from './redirect-management/index.js';
 export * from './reference/index.js';
 export * from './repository/index.js';
 export * from './search/index.js';

package/dist-cms/packages/documents/documents/index.js

@@ -2,6 +2,7 @@ import './components/index.js';
 export * from './audit-log/index.js';
 export * from './components/index.js';
 export * from './constants.js';
+export * from './user-start-node/value-type/constants.js';
 export * from './entity-actions/index.js';
 export * from './entity.js';
 export * from './global-contexts/index.js';
@@ -10,6 +11,7 @@ export * from './modals/index.js';
 export * from './paths.js';
 export * from './publishing/index.js';
 export * from './recycle-bin/index.js';
+export * from './redirect-management/index.js';
 export * from './reference/index.js';
 export * from './repository/index.js';
 export * from './search/index.js';

package/dist-cms/packages/documents/documents/item/document-item-ref.element.d.ts

@@ -17,8 +17,10 @@ export declare class UmbDocumentItemRefElement extends UmbLitElement {
     private _isTrashed;
     private _isDraft;
     private _editPath;
+    private _ancestorPath;
     constructor();
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
 }
 export { UmbDocumentItemRefElement as element };
 declare global {

package/dist-cms/packages/documents/documents/item/document-item-ref.element.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UMB_DOCUMENT_ENTITY_TYPE } from '../entity.js';
 import { UMB_EDIT_DOCUMENT_WORKSPACE_PATH_PATTERN } from '../paths.js';
 import { UmbDocumentItemDataResolver } from './document-item-data-resolver.js';
-import { customElement, html, ifDefined, nothing, property, state } from '../../../../external/lit/index.js';
+import { css, customElement, html, ifDefined, nothing, property, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../core/router/index.js';
 import { UMB_WORKSPACE_MODAL } from '../../../core/workspace/index.js';
@@ -16,6 +16,14 @@ let UmbDocumentItemRefElement = class UmbDocumentItemRefElement extends UmbLitEl
     #item;
     set item(value) {
         this.#item.setData(value);
+        const ancestors = value?.ancestors;
+        this._ancestorPath =
+            ancestors?.length
+                ? ancestors
+                    .map((a) => a.variants[0]?.name ?? '(Untitled)')
+                    .filter(Boolean)
+                    .join(' / ')
+                : '';
     }
     get item() {
         return this.#item.getData();
@@ -35,6 +43,7 @@ let UmbDocumentItemRefElement = class UmbDocumentItemRefElement extends UmbLitEl
         this._isTrashed = false;
         this._isDraft = false;
         this._editPath = '';
+        this._ancestorPath = '';
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addUniquePaths(['unique'])
             .onSetup(() => {
@@ -80,6 +89,7 @@ let UmbDocumentItemRefElement = class UmbDocumentItemRefElement extends UmbLitEl
 				@deselected=${this.#onDeselected}>
 				<slot name="actions" slot="actions"></slot>
 				${this.#renderIcon()}${this.#renderIsDraft()} ${this.#renderIsTrashed()}
+				${this._ancestorPath ? html `<span slot="detail" class="ancestor-path">${this._ancestorPath}</span>` : nothing}
 			</uui-ref-node>
 		`;
     }
@@ -98,6 +108,18 @@ let UmbDocumentItemRefElement = class UmbDocumentItemRefElement extends UmbLitEl
             return nothing;
         return html `<uui-tag size="s" slot="tag" look="secondary" color="default">Draft</uui-tag>`;
     }
+    static { this.styles = [
+        css `
+			.ancestor-path {
+				display: block;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				direction: rtl;
+				text-align: left;
+			}
+		`,
+    ]; }
 };
 __decorate([
     property({ type: Object })
@@ -138,6 +160,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDocumentItemRefElement.prototype, "_editPath", void 0);
+__decorate([
+    state()
+], UmbDocumentItemRefElement.prototype, "_ancestorPath", void 0);
 UmbDocumentItemRefElement = __decorate([
     customElement('umb-document-item-ref')
 ], UmbDocumentItemRefElement);

package/dist-cms/packages/documents/documents/manifests.js

@@ -1,3 +1,4 @@
+import { manifests as startNodeManifests } from './user-start-node/manifests.js';
 import { manifests as auditLogManifests } from './audit-log/manifests.js';
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as entityActionManifests } from './entity-actions/manifests.js';
@@ -12,6 +13,7 @@ import { manifests as previewManifests } from './preview/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editors/manifests.js';
 import { manifests as publishingManifests } from './publishing/manifests.js';
 import { manifests as recycleBinManifests } from './recycle-bin/manifests.js';
+import { manifests as redirectManagementManifests } from './redirect-management/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as rollbackManifests } from './rollback/manifests.js';
 import { manifests as searchProviderManifests } from './search/manifests.js';
@@ -23,6 +25,7 @@ import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as allowEditInvariantFromNonDefaultManifests } from './allow-edit-invariant-from-non-default/manifests.js';
 import * as entryPointModule from './entry-point.js';
 export const manifests = [
+    ...startNodeManifests,
     ...auditLogManifests,
     ...collectionManifests,
     ...entityActionManifests,
@@ -37,6 +40,7 @@ export const manifests = [
     ...propertyEditorManifests,
     ...publishingManifests,
     ...recycleBinManifests,
+    ...redirectManagementManifests,
     ...repositoryManifests,
     ...rollbackManifests,
     ...searchProviderManifests,

package/dist-cms/packages/documents/documents/preview/workspace-action-menu-item/preview-option.action.js

@@ -1,4 +1,4 @@
-import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/document-workspace.context-token.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/context/document-workspace.context-token.js';
 import { UmbWorkspaceActionBase } from '../../../../core/workspace/index.js';
 export class UmbDocumentSaveAndPreviewOptionWorkspaceAction extends UmbWorkspaceActionBase {
     async execute() {

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

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.ContentPicker',
             icon: 'icon-document',
             group: 'pickers',
+            keywords: ['select', 'page', 'link', 'reference', 'related', 'document', 'target', 'destination'],
             supportsReadOnly: true,
             settings: {
                 properties: [

package/dist-cms/packages/documents/documents/publishing/publish/workspace-action/save-and-publish.action.js

@@ -6,6 +6,9 @@ import { UmbWorkspaceActionBase } from '../../../../../core/workspace/index.js';
 export class UmbDocumentSaveAndPublishWorkspaceAction extends UmbWorkspaceActionBase {
     constructor(host, args) {
         super(host, args);
+        // Opt in to isExecuting feedback so the workspace-action element waits
+        // for the variant-picker modal (when present) before showing the spinner.
+        this.setExecuting(false);
         /* The action is disabled by default because the onChange callback
          will first be triggered when the condition is changed to permitted */
         this.disable();
@@ -35,11 +38,18 @@ export class UmbDocumentSaveAndPublishWorkspaceAction extends UmbWorkspaceAction
         return cultureVariantOptions?.length > 1;
     }
     async execute() {
-        const workspaceContext = await this.getContext(UMB_DOCUMENT_PUBLISHING_WORKSPACE_CONTEXT);
-        if (!workspaceContext) {
-            throw new Error('The workspace context is missing');
+        try {
+            const workspaceContext = await this.getContext(UMB_DOCUMENT_PUBLISHING_WORKSPACE_CONTEXT);
+            if (!workspaceContext) {
+                throw new Error('The workspace context is missing');
+            }
+            await workspaceContext.saveAndPublish({
+                onActionStarting: () => this.setExecuting(true),
+            });
+        }
+        finally {
+            this.setExecuting(false);
         }
-        return workspaceContext.saveAndPublish();
     }
 }
 export { UmbDocumentSaveAndPublishWorkspaceAction as api };

package/dist-cms/packages/documents/documents/publishing/workspace-context/document-publishing.workspace-context.d.ts

@@ -1,7 +1,7 @@
 import { UmbDocumentPublishedPendingChangesManager } from '../pending-changes/index.js';
 import { UmbContextBase } from '../../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-import type { UmbPublishableWorkspaceContext } from '../../../../core/workspace/index.js';
+import type { UmbPublishableWorkspaceContext, UmbWorkspaceActionExecutionOptions } from '../../../../core/workspace/index.js';
 export declare class UmbDocumentPublishingWorkspaceContext extends UmbContextBase implements UmbPublishableWorkspaceContext {
     #private;
     /**
@@ -15,10 +15,11 @@ export declare class UmbDocumentPublishingWorkspaceContext extends UmbContextBas
     publish(): Promise<void>;
     /**
      * Save and publish the document
+     * @param {UmbWorkspaceActionExecutionOptions} [options] - Optional execution options (e.g. `onActionStarting` invoked after the variant-picker modal closes).
      * @returns {Promise<void>}
      * @memberof UmbDocumentPublishingWorkspaceContext
      */
-    saveAndPublish(): Promise<void>;
+    saveAndPublish(options?: UmbWorkspaceActionExecutionOptions): Promise<void>;
     /**
      * Schedule the document for publishing
      * @returns {Promise<void>}

package/dist-cms/packages/documents/documents/publishing/workspace-context/document-publishing.workspace-context.js

@@ -1,4 +1,4 @@
-import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/document-workspace.context-token.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/context/document-workspace.context-token.js';
 import { UmbDocumentPublishingRepository } from '../repository/index.js';
 import { UmbDocumentPublishedPendingChangesManager } from '../pending-changes/index.js';
 import { UMB_DOCUMENT_SCHEDULE_MODAL } from '../schedule-publish/constants.js';
@@ -18,6 +18,7 @@ import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEnti
 import { UmbVariantId } from '../../../../core/variant/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../../core/action/index.js';
 import { UMB_NOTIFICATION_CONTEXT } from '../../../../core/notification/index.js';
+import { notifyWorkspaceActionStarting } from '../../../../core/workspace/index.js';
 export class UmbDocumentPublishingWorkspaceContext extends UmbContextBase {
     #init;
     #documentWorkspaceContext;
@@ -89,16 +90,17 @@ export class UmbDocumentPublishingWorkspaceContext extends UmbContextBase {
     }
     /**
      * Save and publish the document
+     * @param {UmbWorkspaceActionExecutionOptions} [options] - Optional execution options (e.g. `onActionStarting` invoked after the variant-picker modal closes).
      * @returns {Promise<void>}
      * @memberof UmbDocumentPublishingWorkspaceContext
      */
-    async saveAndPublish() {
+    async saveAndPublish(options) {
         const elementStyle = this.getHostElement().style;
         elementStyle.removeProperty('--uui-color-invalid');
         elementStyle.removeProperty('--uui-color-invalid-emphasis');
         elementStyle.removeProperty('--uui-color-invalid-standalone');
         elementStyle.removeProperty('--uui-color-invalid-contrast');
-        return this.#handleSaveAndPublish();
+        return this.#handleSaveAndPublish(options);
     }
     /**
      * Schedule the document for publishing
@@ -272,7 +274,7 @@ export class UmbDocumentPublishingWorkspaceContext extends UmbContextBase {
         await this.#documentWorkspaceContext.reload();
         await this.#loadAndProcessLastPublished();
     }
-    async #handleSaveAndPublish() {
+    async #handleSaveAndPublish(executionOptions) {
         await this.#init;
         if (!this.#documentWorkspaceContext)
             throw new Error('Document workspace context is missing');
@@ -303,6 +305,8 @@ export class UmbDocumentPublishingWorkspaceContext extends UmbContextBase {
                 return;
             variantIds = result?.selection.map((x) => UmbVariantId.FromString(x)) ?? [];
         }
+        // User has committed to publishing (modal closed with a selection, or no modal needed).
+        notifyWorkspaceActionStarting(executionOptions);
         const saveData = await this.#documentWorkspaceContext.constructSaveData(variantIds);
         await this.#documentWorkspaceContext.runMandatoryValidationForSaveData(saveData, variantIds);
         await this.#documentWorkspaceContext.askServerToValidate(saveData, variantIds);
@@ -421,8 +425,7 @@ export class UmbDocumentPublishingWorkspaceContext extends UmbContextBase {
     #hasPublishedVariant() {
         // Use persisted data (falls back to current) because this may be called
         // from the persistedData observer before setCurrent has run.
-        const variants = this.#documentWorkspaceContext?.getPersistedData()?.variants
-            ?? this.#documentWorkspaceContext?.getVariants();
+        const variants = this.#documentWorkspaceContext?.getPersistedData()?.variants ?? this.#documentWorkspaceContext?.getVariants();
         return (variants?.some((variant) => variant.state === DocumentVariantStateModel.PUBLISHED ||
             variant.state === DocumentVariantStateModel.PUBLISHED_PENDING_CHANGES) ?? false);
     }

package/dist-cms/packages/documents/documents/redirect-management/index.d.ts

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

package/dist-cms/packages/documents/documents/redirect-management/index.js

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

package/dist-cms/packages/documents/documents/redirect-management/info-app/document-redirect-management-workspace-info-app.element.d.ts

@@ -0,0 +1,20 @@
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+export declare class UmbDocumentRedirectManagementWorkspaceInfoAppElement extends UmbLitElement {
+    #private;
+    private _isNew;
+    private _loading;
+    private _redirects;
+    private _trackerEnabled;
+    private _unique?;
+    constructor();
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    disconnectedCallback(): void;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbDocumentRedirectManagementWorkspaceInfoAppElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-redirect-management-workspace-info-app': UmbDocumentRedirectManagementWorkspaceInfoAppElement;
+    }
+}

package/dist-cms/packages/documents/documents/redirect-management/info-app/document-redirect-management-workspace-info-app.element.js

@@ -0,0 +1,196 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/constants.js';
+import { UmbDocumentRedirectManagementRepository } from '../repository/index.js';
+import { css, customElement, html, ifDefined, nothing, repeat, state, when, } from '../../../../../external/lit/index.js';
+import { debounce } from '../../../../core/utils/index.js';
+import { observeMultiple } from '../../../../../libs/observable-api/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UmbRequestReloadStructureForEntityEvent } from '../../../../core/entity-action/index.js';
+import { UMB_ACTION_EVENT_CONTEXT } from '../../../../core/action/index.js';
+let UmbDocumentRedirectManagementWorkspaceInfoAppElement = class UmbDocumentRedirectManagementWorkspaceInfoAppElement extends UmbLitElement {
+    #eventContext;
+    #repository;
+    #workspaceContext;
+    constructor() {
+        super();
+        this.#repository = new UmbDocumentRedirectManagementRepository(this);
+        this._isNew = false;
+        this._loading = false;
+        this._redirects = [];
+        this._trackerEnabled = true;
+        this.#debounceRequestRedirects = debounce(() => this.#requestRedirects(), 50);
+        this.#onReloadRequest = (event) => {
+            if (event.getUnique() !== this.#workspaceContext?.getUnique())
+                return;
+            if (event.getEntityType() !== this.#workspaceContext.getEntityType())
+                return;
+            this.#debounceRequestRedirects();
+        };
+        this.consumeContext(UMB_ACTION_EVENT_CONTEXT, (context) => {
+            this.#eventContext = context;
+            this.#eventContext?.removeEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadRequest);
+            this.#eventContext?.addEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadRequest);
+        });
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (context) => {
+            this.#workspaceContext = context;
+            if (context) {
+                this.observe(observeMultiple([context.isNew, context.unique]), ([isNew, unique]) => {
+                    this._isNew = isNew === true;
+                    if (unique && unique !== this._unique) {
+                        this._unique = unique;
+                        this.#requestRedirects();
+                    }
+                }, 'observeWorkspaceState');
+            }
+            else {
+                this.removeUmbControllerByAlias('observeWorkspaceState');
+            }
+        });
+        this.#requestTrackerStatus();
+    }
+    async #requestTrackerStatus() {
+        const { data } = await this.#repository.requestStatus();
+        if (data) {
+            this._trackerEnabled = data.enabled;
+        }
+    }
+    async #requestRedirects() {
+        if (this._isNew)
+            return;
+        if (!this._unique)
+            return;
+        this._loading = true;
+        const { data } = await this.#repository.requestByDocumentUnique(this._unique);
+        this._redirects = data?.items ?? [];
+        this._loading = false;
+    }
+    #debounceRequestRedirects;
+    #onReloadRequest;
+    #getTargetUrl(url) {
+        if (!url)
+            return url;
+        if (url.startsWith('/'))
+            return url;
+        if (url.includes('.') && !url.includes('//'))
+            return '//' + url;
+        return url;
+    }
+    render() {
+        if (!this._trackerEnabled)
+            return nothing;
+        if (!this._loading && this._redirects.length === 0)
+            return nothing;
+        return html `
+			<umb-workspace-info-app-layout headline="#redirectUrls_redirectUrlManagement">
+				<div id="content">
+					${when(this._loading, () => this.#renderLoading(), () => this.#renderContent())}
+				</div>
+			</umb-workspace-info-app-layout>
+		`;
+    }
+    #renderLoading() {
+        return html `<div id="loader-container"><uui-loader></uui-loader></div>`;
+    }
+    #renderContent() {
+        return html `
+			<umb-localize class="panel-information" key="redirectUrls_panelInformation">
+				The following URLs redirect to this content item:
+			</umb-localize>
+			${repeat(this._redirects, (redirect) => redirect.unique, (redirect) => this.#renderRedirect(redirect))}
+		`;
+    }
+    #renderRedirect(redirect) {
+        return html `
+			<a
+				class="redirect-item"
+				href=${ifDefined(this.#getTargetUrl(redirect.originalUrl))}
+				target="_blank"
+				rel="noopener">
+				<span>
+					${redirect.culture ? html `<span class="culture">${redirect.culture}</span>` : nothing}
+					<span>${redirect.originalUrl}</span>
+				</span>
+				<uui-icon name="icon-out"></uui-icon>
+			</a>
+		`;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#eventContext?.removeEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadRequest);
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+
+			#content {
+				display: block;
+				padding: var(--uui-size-space-3) var(--uui-size-space-4);
+			}
+
+			#loader-container {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				padding: var(--uui-size-space-2);
+			}
+
+			.panel-information {
+				display: block;
+				margin: var(--uui-size-space-2);
+			}
+
+			.redirect-item {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				gap: var(--uui-size-6);
+				padding: var(--uui-size-space-4) var(--uui-size-space-5);
+				margin: 0 calc(var(--uui-size-space-4) * -1);
+				cursor: pointer;
+				color: inherit;
+				text-decoration: none;
+
+				&:hover {
+					background: var(--uui-color-divider);
+				}
+
+				& > span {
+					display: flex;
+					align-items: center;
+					gap: var(--uui-size-6);
+				}
+
+				.culture {
+					color: var(--uui-color-divider-emphasis);
+				}
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbDocumentRedirectManagementWorkspaceInfoAppElement.prototype, "_isNew", void 0);
+__decorate([
+    state()
+], UmbDocumentRedirectManagementWorkspaceInfoAppElement.prototype, "_loading", void 0);
+__decorate([
+    state()
+], UmbDocumentRedirectManagementWorkspaceInfoAppElement.prototype, "_redirects", void 0);
+__decorate([
+    state()
+], UmbDocumentRedirectManagementWorkspaceInfoAppElement.prototype, "_trackerEnabled", void 0);
+__decorate([
+    state()
+], UmbDocumentRedirectManagementWorkspaceInfoAppElement.prototype, "_unique", void 0);
+UmbDocumentRedirectManagementWorkspaceInfoAppElement = __decorate([
+    customElement('umb-document-redirect-management-workspace-info-app')
+], UmbDocumentRedirectManagementWorkspaceInfoAppElement);
+export { UmbDocumentRedirectManagementWorkspaceInfoAppElement };
+export default UmbDocumentRedirectManagementWorkspaceInfoAppElement;

package/dist-cms/packages/documents/documents/redirect-management/info-app/manifests.js

@@ -0,0 +1,21 @@
+import { UMB_DOCUMENT_WORKSPACE_ALIAS } from '../../workspace/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS, UMB_WORKSPACE_ENTITY_IS_NEW_CONDITION_ALIAS, } from '../../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspaceInfoApp',
+        name: 'Document Redirect Management Workspace Info App',
+        alias: 'Umb.WorkspaceInfoApp.Document.RedirectManagement',
+        element: () => import('./document-redirect-management-workspace-info-app.element.js'),
+        weight: 85,
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_DOCUMENT_WORKSPACE_ALIAS,
+            },
+            {
+                alias: UMB_WORKSPACE_ENTITY_IS_NEW_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
+    },
+];