@umbraco-cms/backoffice 17.2.2 → 17.3.0-rc

package/dist-cms/packages/property-editors/text-box/property-editor-ui-text-box.element.js

@@ -4,10 +4,11 @@ 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 { css, customElement, html, property, state } from '../../../external/lit/index.js';
+import { css, customElement, html, nothing, property, state, unsafeHTML } from '../../../external/lit/index.js';
 import { UmbChangeEvent } from '../../core/event/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../core/validation/index.js';
+import { getCharacterCountState, isCharacterLimitExceeded } from '../utils/character-count.js';
 let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement extends UmbFormControlMixin(UmbLitElement, undefined) {
     constructor() {
         super(...arguments);
@@ -53,8 +54,24 @@ let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement
         if (newValue === this.value)
             return;
         this.value = newValue;
+        // Show exceed validation instantly when limit is reached
+        if (isCharacterLimitExceeded(this._maxChars, newValue.length)) {
+            const input = this.shadowRoot?.querySelector('uui-input');
+            if (input) {
+                input.pristine = false;
+            }
+            this.pristine = false;
+        }
         this.dispatchEvent(new UmbChangeEvent());
     }
+    #renderCharacterCount() {
+        if (!this._maxChars || this.readonly)
+            return nothing;
+        const { remaining, visible } = getCharacterCountState(this._maxChars, this.value?.length ?? 0);
+        if (!visible)
+            return nothing;
+        return html `<div class="char-count">${unsafeHTML(this.localize.term('textbox_characters_left', remaining))}</div>`;
+    }
     render() {
         return html `
 			<uui-input
@@ -70,6 +87,7 @@ let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement
 				?required=${this.mandatory}
 				@input=${this.#onInput}>
 			</uui-input>
+			${this.#renderCharacterCount()}
 		`;
     }
     static { this.styles = [
@@ -77,6 +95,14 @@ let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement
 			uui-input {
 				width: 100%;
 			}
+
+			.char-count {
+				color: var(--uui-color-text-alt);
+			}
+
+			:host(:not(:focus-within)) .char-count {
+				display: none;
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/property-editors/textarea/property-editor-ui-textarea.element.js

@@ -4,11 +4,12 @@ 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 { css, customElement, html, ifDefined, property, state, styleMap } from '../../../external/lit/index.js';
+import { css, customElement, html, ifDefined, nothing, property, state, styleMap, unsafeHTML, } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../core/validation/index.js';
 import { UmbTextStyles } from '../../core/style/index.js';
 import { UmbChangeEvent } from '../../core/event/index.js';
+import { getCharacterCountState, isCharacterLimitExceeded } from '../utils/character-count.js';
 let UmbPropertyEditorUITextareaElement = class UmbPropertyEditorUITextareaElement extends UmbFormControlMixin(UmbLitElement, undefined) {
     constructor() {
         super(...arguments);
@@ -40,17 +41,37 @@ let UmbPropertyEditorUITextareaElement = class UmbPropertyEditorUITextareaElemen
     focus() {
         return this.shadowRoot?.querySelector('uui-textarea')?.focus();
     }
+    #getMaxLengthMessage(max, current) {
+        const exceeded = current - max;
+        return this.localize.term('textbox_characters_exceed', max, exceeded);
+    }
     #onInput(event) {
         const newValue = event.target.value;
         if (newValue === this.value)
             return;
         this.value = newValue;
+        if (isCharacterLimitExceeded(this._maxChars, newValue.length)) {
+            const textarea = this.shadowRoot?.querySelector('uui-textarea');
+            if (textarea) {
+                textarea.pristine = false;
+            }
+            this.pristine = false;
+        }
         this.dispatchEvent(new UmbChangeEvent());
     }
+    #renderCharacterCount() {
+        if (!this._maxChars || this.readonly)
+            return nothing;
+        const { remaining, visible } = getCharacterCountState(this._maxChars, this.value?.length ?? 0);
+        if (!visible)
+            return nothing;
+        return html `<div class="char-count">${unsafeHTML(this.localize.term('textbox_characters_left', remaining))}</div>`;
+    }
     render() {
         return html `
 			<uui-textarea
 				.label=${this.localize.term('general_fieldFor', [this.name])}
+				data-mark="input:textarea"
 				style=${styleMap(this._css)}
 				.autoHeight=${this._rows ? false : true}
 				maxlength=${ifDefined(this._maxChars)}
@@ -59,11 +80,9 @@ let UmbPropertyEditorUITextareaElement = class UmbPropertyEditorUITextareaElemen
 				@input=${this.#onInput}
 				?required=${this.mandatory}
 				.requiredMessage=${this.mandatoryMessage}
-				.maxlengthMessage=${() => {
-            const exceeded = (this.value?.length ?? 0) - (this._maxChars ?? 0);
-            return this.localize.term('textbox_characters_exceed', this._maxChars, exceeded);
-        }}
+				.maxlengthMessage=${this.#getMaxLengthMessage.bind(this)}
 				?readonly=${this.readonly}></uui-textarea>
+			${this.#renderCharacterCount()}
 		`;
     }
     static { this.styles = [
@@ -72,6 +91,14 @@ let UmbPropertyEditorUITextareaElement = class UmbPropertyEditorUITextareaElemen
 			uui-textarea {
 				width: 100%;
 			}
+
+			.char-count {
+				color: var(--uui-color-text-alt);
+			}
+
+			:host(:not(:focus-within)) .char-count {
+				display: none;
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/property-editors/utils/character-count.d.ts

@@ -0,0 +1,6 @@
+export interface UmbCharacterCountState {
+    remaining: number;
+    visible: boolean;
+}
+export declare function getCharacterCountState(maxChars: number, currentLength: number): UmbCharacterCountState;
+export declare function isCharacterLimitExceeded(maxChars: number | undefined, currentLength: number): boolean;

package/dist-cms/packages/property-editors/utils/character-count.js

@@ -0,0 +1,11 @@
+export function getCharacterCountState(maxChars, currentLength) {
+    const remaining = maxChars - currentLength;
+    const threshold = Math.round(maxChars * 0.2);
+    return {
+        remaining,
+        visible: remaining >= 0 && remaining <= threshold,
+    };
+}
+export function isCharacterLimitExceeded(maxChars, currentLength) {
+    return !!maxChars && currentLength > maxChars;
+}

package/dist-cms/packages/relations/relation-types/collection/views/table/relation-type-table-collection-view.element.js

@@ -4,6 +4,7 @@ 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 { UMB_EDIT_RELATION_TYPE_WORKSPACE_PATH_PATTERN } from '../../../paths.js';
 import { UMB_COLLECTION_CONTEXT } from '../../../../../core/collection/index.js';
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../core/style/index.js';
@@ -40,7 +41,10 @@ let UmbRelationTypeTableCollectionViewElement = class UmbRelationTypeTableCollec
                 data: [
                     {
                         columnAlias: 'relationTypeName',
-                        value: html `<a href=${'section/settings/workspace/relation-type/edit/' + relationType.unique}
+                        value: html `<a
+							href=${UMB_EDIT_RELATION_TYPE_WORKSPACE_PATH_PATTERN.generateAbsolute({
+                            unique: relationType.unique,
+                        })}
 							>${relationType.name}</a
 						>`,
                     },

package/dist-cms/packages/relations/relation-types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './collection/index.js';
 export * from './constants.js';
 export * from './entity.js';
+export * from './paths.js';
 export * from './repository/index.js';

package/dist-cms/packages/relations/relation-types/index.js

@@ -1,4 +1,5 @@
 export * from './collection/index.js';
 export * from './constants.js';
 export * from './entity.js';
+export * from './paths.js';
 export * from './repository/index.js';

package/dist-cms/packages/relations/relation-types/paths.d.ts

@@ -0,0 +1,7 @@
+import { UmbPathPattern } from '../../core/router/index.js';
+export declare const UMB_RELATION_TYPE_WORKSPACE_PATH: string;
+export declare const UMB_EDIT_RELATION_TYPE_WORKSPACE_PATH_PATTERN: UmbPathPattern<{
+    unique: string;
+}, {
+    unique: string;
+}>;

package/dist-cms/packages/relations/relation-types/paths.js

@@ -0,0 +1,9 @@
+import { UMB_SETTINGS_SECTION_PATHNAME } from '../../settings/index.js';
+import { UMB_RELATION_TYPE_ENTITY_TYPE } from './entity.js';
+import { UmbPathPattern } from '../../core/router/index.js';
+import { UMB_WORKSPACE_PATH_PATTERN } from '../../core/workspace/index.js';
+export const UMB_RELATION_TYPE_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
+    sectionName: UMB_SETTINGS_SECTION_PATHNAME,
+    entityType: UMB_RELATION_TYPE_ENTITY_TYPE,
+});
+export const UMB_EDIT_RELATION_TYPE_WORKSPACE_PATH_PATTERN = new UmbPathPattern('edit/:unique', UMB_RELATION_TYPE_WORKSPACE_PATH);

package/dist-cms/packages/relations/relations/entity-actions/bulk-trash/modal/bulk-trash-with-relation-modal.element.d.ts

@@ -4,6 +4,7 @@ import { UmbModalBaseElement } from '../../../../../core/modal/index.js';
 export declare class UmbBulkTrashWithRelationConfirmModalElement extends UmbModalBaseElement<UmbBulkTrashWithRelationConfirmModalData, UmbBulkTrashWithRelationConfirmModalValue> {
     #private;
     private _referencesConfig?;
+    private _canTrash;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/relations/relations/entity-actions/bulk-trash/modal/bulk-trash-with-relation-modal.element.js

@@ -9,6 +9,14 @@ import { UmbTextStyles } from '../../../../../core/style/index.js';
 import { UmbModalBaseElement } from '../../../../../core/modal/index.js';
 import { umbFocus } from '../../../../../core/lit-element/index.js';
 let UmbBulkTrashWithRelationConfirmModalElement = class UmbBulkTrashWithRelationConfirmModalElement extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        // Three-state model for reference-aware trashing:
+        //   undefined = loading (button disabled, no message yet)
+        //   false     = blocked (button disabled, "cannot trash" message)
+        //   true      = allowed (button enabled, normal confirmation message)
+        this._canTrash = undefined;
+    }
     firstUpdated(_changedProperties) {
         super.firstUpdated(_changedProperties);
         this.#initData();
@@ -16,21 +24,46 @@ let UmbBulkTrashWithRelationConfirmModalElement = class UmbBulkTrashWithRelation
     async #initData() {
         if (!this.data)
             return;
+        // If disableDeleteWhenReferenced is not set, allow trashing immediately.
+        // Otherwise stay in loading state until the references component reports totals.
+        if (!this.data.disableDeleteWhenReferenced) {
+            this._canTrash = true;
+        }
         this._referencesConfig = {
             uniques: this.data.uniques,
             itemRepositoryAlias: this.data.itemRepositoryAlias,
             referenceRepositoryAlias: this.data.referenceRepositoryAlias,
         };
     }
+    #onReferencesChange(event) {
+        event.stopPropagation();
+        if (this._canTrash !== undefined)
+            return;
+        const target = event.target;
+        const total = target.getTotalItems();
+        this._canTrash = total === 0;
+    }
+    #renderMessage() {
+        if (this._canTrash === undefined)
+            return nothing;
+        if (this._canTrash === false) {
+            return html `<p>
+				${unsafeHTML(this.localize.string('#defaultdialogs_cannotBulkTrashWhenReferenced', this.data?.uniques.length))}
+			</p>`;
+        }
+        return html `<p>
+			${unsafeHTML(this.localize.string('#defaultdialogs_confirmBulkTrash', this.data?.uniques.length))}
+		</p>`;
+    }
     render() {
         const headline = this.localize.string('#actions_trash');
-        const message = '#defaultdialogs_confirmBulkTrash';
         return html `
 			<uui-dialog-layout class="uui-text" headline=${headline}>
-				<p>${unsafeHTML(this.localize.string(message, this.data?.uniques.length))}</p>
+				${this.#renderMessage()}
 				${this._referencesConfig
             ? html `<umb-confirm-bulk-action-modal-entity-references
-							.config=${this._referencesConfig}></umb-confirm-bulk-action-modal-entity-references>`
+							.config=${this._referencesConfig}
+							@change=${this.#onReferencesChange}></umb-confirm-bulk-action-modal-entity-references>`
             : nothing}
 
 				<uui-button slot="actions" id="cancel" label="Cancel" @click=${this._rejectModal}></uui-button>
@@ -41,6 +74,7 @@ let UmbBulkTrashWithRelationConfirmModalElement = class UmbBulkTrashWithRelation
 					color="danger"
 					look="primary"
 					label=${this.localize.term('actions_trash')}
+					?disabled=${!this._canTrash}
 					@click=${this._submitModal}
 					${umbFocus()}></uui-button>
 			</uui-dialog-layout>
@@ -58,6 +92,9 @@ let UmbBulkTrashWithRelationConfirmModalElement = class UmbBulkTrashWithRelation
 __decorate([
     state()
 ], UmbBulkTrashWithRelationConfirmModalElement.prototype, "_referencesConfig", void 0);
+__decorate([
+    state()
+], UmbBulkTrashWithRelationConfirmModalElement.prototype, "_canTrash", void 0);
 UmbBulkTrashWithRelationConfirmModalElement = __decorate([
     customElement('umb-bulk-trash-with-relation-confirm-modal')
 ], UmbBulkTrashWithRelationConfirmModalElement);

package/dist-cms/packages/relations/relations/entity-actions/bulk-trash/modal/bulk-trash-with-relation-modal.token.d.ts

@@ -3,6 +3,7 @@ export interface UmbBulkTrashWithRelationConfirmModalData {
     uniques: Array<string>;
     itemRepositoryAlias: string;
     referenceRepositoryAlias: string;
+    disableDeleteWhenReferenced?: boolean;
 }
 export type UmbBulkTrashWithRelationConfirmModalValue = undefined;
 export declare const UMB_BULK_TRASH_WITH_RELATION_CONFIRM_MODAL: UmbModalToken<UmbBulkTrashWithRelationConfirmModalData, undefined>;

package/dist-cms/packages/relations/relations/entity-actions/trash/modal/trash-with-relation-modal.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbTrashWithRelationConfirmModalElement extends UmbModalBas
     #private;
     private _name?;
     private _referencesConfig?;
+    private _canTrash;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/relations/relations/entity-actions/trash/modal/trash-with-relation-modal.element.js

@@ -10,6 +10,14 @@ import { UmbModalBaseElement } from '../../../../../core/modal/index.js';
 import { umbFocus } from '../../../../../core/lit-element/index.js';
 import { createExtensionApiByAlias } from '../../../../../core/extension-registry/index.js';
 let UmbTrashWithRelationConfirmModalElement = class UmbTrashWithRelationConfirmModalElement extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        // Three-state model for reference-aware trashing:
+        //   undefined = loading (button disabled, no message yet)
+        //   false     = blocked (button disabled, "cannot trash" message)
+        //   true      = allowed (button enabled, normal confirmation message)
+        this._canTrash = undefined;
+    }
     #itemRepository;
     firstUpdated(_changedProperties) {
         super.firstUpdated(_changedProperties);
@@ -33,22 +41,39 @@ let UmbTrashWithRelationConfirmModalElement = class UmbTrashWithRelationConfirmM
         else {
             this._name = item.name;
         }
+        // If disableDeleteWhenReferenced is not set, allow trashing immediately.
+        // Otherwise stay in loading state until the references component reports totals.
+        if (!this.data.disableDeleteWhenReferenced) {
+            this._canTrash = true;
+        }
         this._referencesConfig = {
             unique: this.data.unique,
             itemRepositoryAlias: this.data.itemRepositoryAlias,
             referenceRepositoryAlias: this.data.referenceRepositoryAlias,
         };
     }
+    #onReferencesChange(event) {
+        event.stopPropagation();
+        if (this._canTrash !== undefined)
+            return;
+        const target = event.target;
+        const total = target.getTotalReferencedBy() + target.getTotalDescendantsWithReferences();
+        this._canTrash = total === 0;
+    }
     render() {
         const headline = this.localize.string('#actions_trash');
-        const content = this.localize.string('#defaultdialogs_confirmTrash', this._name);
         return html `
 			<uui-dialog-layout class="uui-text" headline=${headline}>
-				<p>${unsafeHTML(content)}</p>
+				${this._canTrash !== undefined
+            ? html `<p>${unsafeHTML(this._canTrash === false
+                ? this.localize.string('#defaultdialogs_cannotTrashWhenReferenced', this._name)
+                : this.localize.string('#defaultdialogs_confirmTrash', this._name))}</p>`
+            : nothing}
 
 				${this._referencesConfig
             ? html `<umb-confirm-action-modal-entity-references
-							.config=${this._referencesConfig}></umb-confirm-action-modal-entity-references>`
+							.config=${this._referencesConfig}
+							@change=${this.#onReferencesChange}></umb-confirm-action-modal-entity-references>`
             : nothing}
 
 				<uui-button slot="actions" id="cancel" label="Cancel" @click=${this._rejectModal}></uui-button>
@@ -59,6 +84,7 @@ let UmbTrashWithRelationConfirmModalElement = class UmbTrashWithRelationConfirmM
 					color="danger"
 					look="primary"
 					label=${this.localize.term('actions_trash')}
+					?disabled=${!this._canTrash}
 					@click=${this._submitModal}
 					${umbFocus()}></uui-button>
 			</uui-dialog-layout>
@@ -79,6 +105,9 @@ __decorate([
 __decorate([
     state()
 ], UmbTrashWithRelationConfirmModalElement.prototype, "_referencesConfig", void 0);
+__decorate([
+    state()
+], UmbTrashWithRelationConfirmModalElement.prototype, "_canTrash", void 0);
 UmbTrashWithRelationConfirmModalElement = __decorate([
     customElement('umb-trash-with-relation-confirm-modal')
 ], UmbTrashWithRelationConfirmModalElement);

package/dist-cms/packages/relations/relations/entity-actions/trash/modal/trash-with-relation-modal.token.d.ts

@@ -6,6 +6,7 @@ export interface UmbTrashWithRelationConfirmModalData {
     itemRepositoryAlias: string;
     referenceRepositoryAlias: string;
     itemDataResolver?: UmbItemDataResolverConstructor;
+    disableDeleteWhenReferenced?: boolean;
 }
 export type UmbTrashWithRelationConfirmModalValue = undefined;
 export declare const UMB_TRASH_WITH_RELATION_CONFIRM_MODAL: UmbModalToken<UmbTrashWithRelationConfirmModalData, undefined>;

package/dist-cms/packages/relations/relations/global-components/confirm-action-modal-entity-references.element.js

@@ -45,8 +45,8 @@ let UmbConfirmActionModalEntityReferencesElement = class UmbConfirmActionModalEn
             throw new Error('Missing itemRepositoryAlias in config.');
         }
         this.#itemRepository = await createExtensionApiByAlias(this, this.config.itemRepositoryAlias);
-        this.#loadReferencedBy();
-        this.#loadDescendantsWithReferences();
+        await Promise.all([this.#loadReferencedBy(), this.#loadDescendantsWithReferences()]);
+        this.dispatchEvent(new UmbChangeEvent());
     }
     async #loadReferencedBy() {
         if (!this.#referenceRepository) {
@@ -59,7 +59,6 @@ let UmbConfirmActionModalEntityReferencesElement = class UmbConfirmActionModalEn
         if (data) {
             this._referencedByItems = [...data.items];
             this._totalReferencedByItems = data.total;
-            this.dispatchEvent(new UmbChangeEvent());
         }
     }
     async #loadDescendantsWithReferences() {
@@ -81,7 +80,6 @@ let UmbConfirmActionModalEntityReferencesElement = class UmbConfirmActionModalEn
             const uniques = data.items.map((item) => item.unique).filter((unique) => unique);
             const { data: items } = await this.#itemRepository.requestItems(uniques);
             this._descendantsWithReferences = items ?? [];
-            this.dispatchEvent(new UmbChangeEvent());
         }
     }
     render() {

package/dist-cms/packages/relations/relations/global-components/confirm-bulk-action-modal-entity-references.element.d.ts

@@ -14,6 +14,7 @@ export declare class UmbConfirmBulkActionModalEntityReferencesElement extends Um
     };
     private _items;
     private _totalItems;
+    getTotalItems(): number;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/relations/relations/global-components/confirm-bulk-action-modal-entity-references.element.js

@@ -8,6 +8,7 @@ import { html, customElement, css, state, nothing, property, } from '../../../..
 import { UmbTextStyles } from '../../../core/style/index.js';
 import { createExtensionApiByAlias } from '../../../core/extension-registry/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
+import { UmbChangeEvent } from '../../../core/event/index.js';
 let UmbConfirmBulkActionModalEntityReferencesElement = class UmbConfirmBulkActionModalEntityReferencesElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -18,6 +19,9 @@ let UmbConfirmBulkActionModalEntityReferencesElement = class UmbConfirmBulkActio
     #itemRepository;
     #referenceRepository;
     #limitItems;
+    getTotalItems() {
+        return this._totalItems;
+    }
     firstUpdated(_changedProperties) {
         super.firstUpdated(_changedProperties);
         this.#initData();
@@ -55,6 +59,7 @@ let UmbConfirmBulkActionModalEntityReferencesElement = class UmbConfirmBulkActio
             const { data: items } = await this.#itemRepository.requestItems(uniques);
             this._items = items ?? [];
         }
+        this.dispatchEvent(new UmbChangeEvent());
     }
     render() {
         if (this._totalItems === 0)

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

@@ -1,6 +1,10 @@
 export * from './collection/index.js';
 export * from './constants.js';
 export * from './entity.js';
+export { UmbBulkTrashWithRelationEntityAction } from './entity-actions/bulk-trash/bulk-trash-with-relation.action.js';
+export { UmbTrashWithRelationEntityAction } from './entity-actions/trash/trash-with-relation.action.js';
 export * from './global-components/index.js';
 export * from './utils.js';
+export type { MetaEntityBulkActionTrashWithRelationKind, ManifestEntityBulkActionTrashWithRelationKind } from './entity-actions/bulk-trash/types.js';
+export type { MetaEntityActionTrashWithRelationKind, ManifestEntityActionTrashWithRelationKind } from './entity-actions/trash/types.js';
 export type * from './types.js';

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

@@ -1,5 +1,7 @@
 export * from './collection/index.js';
 export * from './constants.js';
 export * from './entity.js';
+export { UmbBulkTrashWithRelationEntityAction } from './entity-actions/bulk-trash/bulk-trash-with-relation.action.js';
+export { UmbTrashWithRelationEntityAction } from './entity-actions/trash/trash-with-relation.action.js';
 export * from './global-components/index.js';
 export * from './utils.js';

package/dist-cms/packages/static-file/repository/item/static-file-item.server.request-manager.d.ts

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

package/dist-cms/packages/static-file/repository/item/static-file-item.server.request-manager.js

@@ -1,12 +1,14 @@
 /* eslint-disable local-rules/no-direct-api-import */
 import { staticFileItemCache } from './static-file-item.server.cache.js';
 import { StaticFileService } from '../../../core/backend-api/index.js';
-import { UmbManagementApiItemDataRequestManager } from '../../../management-api/index.js';
+import { UmbManagementApiItemDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../management-api/index.js';
 export class UmbManagementApiStaticFileItemDataRequestManager extends UmbManagementApiItemDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
     constructor(host) {
         super(host, {
             getItems: (paths) => StaticFileService.getItemStaticFile({ query: { path: paths } }),
             dataCache: staticFileItemCache,
+            inflightRequestCache: UmbManagementApiStaticFileItemDataRequestManager.#inflightRequestCache,
             getUniqueMethod: (item) => item.path,
         });
     }

package/dist-cms/packages/templating/local-components/insert-menu/insert-menu.element.d.ts

@@ -3,6 +3,7 @@ import { UmbLitElement } from '../../../core/lit-element/index.js';
 export declare class UmbTemplatingInsertMenuElement extends UmbLitElement {
     #private;
     value: string;
+    disabled: boolean;
     hidePartialViews: boolean;
     constructor();
     determineInsertValue(modalValue: UmbTemplatingItemPickerModalValue): Promise<void>;

package/dist-cms/packages/templating/local-components/insert-menu/insert-menu.element.js

@@ -20,6 +20,7 @@ let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extend
     constructor() {
         super();
         this.value = '';
+        this.disabled = false;
         this.hidePartialViews = false;
         this.#dictionaryDetailRepository = new UmbDictionaryDetailRepository(this);
         this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => {
@@ -106,6 +107,7 @@ let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extend
 			<uui-button-group>
 				<uui-button
 					look="secondary"
+					?disabled=${this.disabled}
 					@click=${this.#openTemplatingItemPickerModal}
 					label=${this.localize.term('template_insert')}>
 					<uui-icon name="icon-add"></uui-icon>${this.localize.term('template_insert')}
@@ -113,6 +115,7 @@ let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extend
 				<umb-dropdown
 					look="secondary"
 					compact
+					?disabled=${this.disabled}
 					placement="bottom-end"
 					id="insert-button"
 					label=${this.localize.term('template_insert')}>
@@ -159,6 +162,9 @@ let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extend
 __decorate([
     property()
 ], UmbTemplatingInsertMenuElement.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbTemplatingInsertMenuElement.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean })
 ], UmbTemplatingInsertMenuElement.prototype, "hidePartialViews", void 0);

package/dist-cms/packages/templating/local-components/production-mode-workspace-action/production-mode-workspace-action.api.d.ts

@@ -0,0 +1,5 @@
+import { UmbWorkspaceActionBase } from '../../../core/workspace/index.js';
+export declare class UmbTemplatingProductionModeWorkspaceActionApi extends UmbWorkspaceActionBase {
+    #private;
+    execute(): Promise<void>;
+}

package/dist-cms/packages/templating/local-components/production-mode-workspace-action/production-mode-workspace-action.api.js

@@ -0,0 +1,12 @@
+import { UmbLocalizationController } from '../../../../libs/localization-api/index.js';
+import { umbInfoModal } from '../../../core/modal/index.js';
+import { UmbWorkspaceActionBase } from '../../../core/workspace/index.js';
+export class UmbTemplatingProductionModeWorkspaceActionApi extends UmbWorkspaceActionBase {
+    #localize = new UmbLocalizationController(this);
+    async execute() {
+        await umbInfoModal(this, {
+            headline: this.#localize.term('template_productionMode'),
+            content: this.#localize.term('template_runtimeModeProduction'),
+        }).catch(() => undefined);
+    }
+}

package/dist-cms/packages/templating/local-components/production-mode-workspace-action/production-mode-workspace-action.d.ts

@@ -0,0 +1,2 @@
+export { UmbTemplatingProductionModeWorkspaceActionApi as api } from './production-mode-workspace-action.api.js';
+export { UmbTemplatingProductionModeWorkspaceActionElement as element } from './production-mode-workspace-action.element.js';

package/dist-cms/packages/templating/local-components/production-mode-workspace-action/production-mode-workspace-action.element.d.ts

@@ -0,0 +1,12 @@
+import type { UmbTemplatingProductionModeWorkspaceActionApi } from './production-mode-workspace-action.api.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+export declare class UmbTemplatingProductionModeWorkspaceActionElement extends UmbLitElement {
+    api: UmbTemplatingProductionModeWorkspaceActionApi | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-templating-production-mode-workspace-action': UmbTemplatingProductionModeWorkspaceActionElement;
+    }
+}

package/dist-cms/packages/templating/local-components/production-mode-workspace-action/production-mode-workspace-action.element.js

@@ -0,0 +1,30 @@
+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 { css, customElement, html } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+let UmbTemplatingProductionModeWorkspaceActionElement = class UmbTemplatingProductionModeWorkspaceActionElement extends UmbLitElement {
+    render() {
+        return html `
+			<uui-button @click=${() => this.api?.execute()} compact>
+				<uui-tag look="outline" color="default">
+					<umb-localize key="template_productionMode"></umb-localize>
+				</uui-tag>
+			</uui-button>
+		`;
+    }
+    static { this.styles = [
+        css `
+			uui-tag {
+				text-wrap: nowrap;
+			}
+		`,
+    ]; }
+};
+UmbTemplatingProductionModeWorkspaceActionElement = __decorate([
+    customElement('umb-templating-production-mode-workspace-action')
+], UmbTemplatingProductionModeWorkspaceActionElement);
+export { UmbTemplatingProductionModeWorkspaceActionElement };

package/dist-cms/packages/templating/local-components/production-mode-workspace-action/production-mode-workspace-action.js

@@ -0,0 +1,2 @@
+export { UmbTemplatingProductionModeWorkspaceActionApi as api } from './production-mode-workspace-action.api.js';
+export { UmbTemplatingProductionModeWorkspaceActionElement as element } from './production-mode-workspace-action.element.js';