@umbraco-cms/backoffice 17.3.5 → 17.4.0-rc2

package/dist-cms/packages/documents/documents/workspace/actions/save.action.js

@@ -8,6 +8,8 @@ export class UmbDocumentSaveWorkspaceAction extends UmbSaveWorkspaceAction {
     }
     async hasAdditionalOptions() {
         await this._retrieveWorkspaceContext;
+        if (!this._workspaceContext)
+            return false;
         const variantOptions = await this.observe(this._workspaceContext.variantOptions)
             .asPromise()
             .catch(() => undefined);

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

@@ -37,10 +37,10 @@ export declare class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspa
     getContentTypeUnique(): string | undefined;
     /**
      * Set the template
-     * @param {string} templateUnique The unique identifier of the template.
+     * @param {string | null} templateUnique The unique identifier of the template, or null to clear the template.
      * @memberof UmbDocumentWorkspaceContext
      */
-    setTemplate(templateUnique: string): void;
+    setTemplate(templateUnique: string | null): void;
     protected _handleSave(): Promise<void>;
     saveAndPreview(urlProviderAlias?: string): Promise<void>;
     createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbDocumentPropertyDatasetContext;

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

@@ -170,10 +170,15 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
     }
     async create(parent, documentTypeUnique, blueprintUnique) {
         if (blueprintUnique) {
+            this.resetState();
+            this.loading.addState({ unique: 'blueprint-fetch' });
             const blueprintRepository = new UmbDocumentBlueprintDetailRepository(this);
             const { data } = await blueprintRepository.scaffoldByUnique(blueprintUnique);
-            if (!data)
+            if (!data) {
+                this.loading.removeState('blueprint-fetch');
                 throw new Error('Blueprint data is missing');
+            }
+            this.loading.removeState('blueprint-fetch');
             return this.createScaffold({
                 parent,
                 preset: {
@@ -215,11 +220,11 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
     }
     /**
      * Set the template
-     * @param {string} templateUnique The unique identifier of the template.
+     * @param {string | null} templateUnique The unique identifier of the template, or null to clear the template.
      * @memberof UmbDocumentWorkspaceContext
      */
     setTemplate(templateUnique) {
-        this._data.updateCurrent({ template: { unique: templateUnique } });
+        this._data.updateCurrent({ template: templateUnique ? { unique: templateUnique } : null });
     }
     async _handleSave() {
         const elementStyle = this.getHostElement().style;

package/dist-cms/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.js

@@ -6,18 +6,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_DOCUMENT_PROPERTY_DATASET_CONTEXT, UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../../constants.js';
 import { UMB_DOCUMENT_PUBLISHING_WORKSPACE_CONTEXT } from '../../../publishing/index.js';
-import { TimeOptions } from '../../../utils.js';
 import { css, customElement, html, ifDefined, nothing, state } from '../../../../../../external/lit/index.js';
 import { DocumentVariantStateModel } from '../../../../../core/backend-api/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../../../core/router/index.js';
 import { umbOpenModal } from '../../../../../core/modal/index.js';
-import { UMB_WORKSPACE_MODAL } from '../../../../../core/workspace/index.js';
-import { UMB_TEMPLATE_PICKER_MODAL, UmbTemplateItemRepository } from '../../../../../templating/templates/index.js';
+import { UmbTemplateItemRepository, UMB_TEMPLATE_PICKER_MODAL } from '../../../../../templating/templates/index.js';
 import { createExtensionApiByAlias } from '../../../../../core/extension-registry/index.js';
+import { UMB_DATE_TIME_FORMAT_OPTIONS } from '../../../../../core/utils/index.js';
+import { UMB_IS_TRASHED_ENTITY_CONTEXT } from '../../../../../core/recycle-bin/index.js';
 import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from '../../../../../core/section/index.js';
 import { UMB_SETTINGS_SECTION_ALIAS } from '../../../../../settings/index.js';
-import { UMB_IS_TRASHED_ENTITY_CONTEXT } from '../../../../../core/recycle-bin/index.js';
+import { UMB_WORKSPACE_MODAL } from '../../../../../core/workspace/index.js';
 let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElement extends UmbLitElement {
     #workspaceContext;
     #templateRepository;
@@ -170,7 +170,7 @@ let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElem
 		`;
     }
     #renderTemplateInput() {
-        if (this._allowedTemplates?.length === 0)
+        if (this._allowedTemplates?.length === 0 && !this._templateUnique)
             return nothing;
         const editTemplatePath = this._routeBuilder?.({ entityType: 'template' }) ?? '';
         return html `
@@ -182,13 +182,20 @@ let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElem
 								standalone
 								name=${ifDefined(this._templateName)}
 								href=${ifDefined(this._hasSettingsAccess ? editTemplatePath + 'edit/' + this._templateUnique : undefined)}
-								?readonly=${!this._hasSettingsAccess || this._isTrashed}>
-								<uui-icon slot="icon" name="icon-document-html"></uui-icon>
+								?readonly=${!this._hasSettingsAccess || this._isTrashed}
+								style=${ifDefined(!this.#isTemplateAllowed ? 'color: var(--uui-color-danger)' : undefined)}
+								title=${ifDefined(!this.#isTemplateAllowed ? this.localize.term('template_notAllowed') : undefined)}>
+								<uui-icon slot="icon" name=${!this.#isTemplateAllowed ? 'icon-alert' : 'icon-document-html'}></uui-icon>
 								${!this._isTrashed
                 ? html ` <uui-action-bar slot="actions">
+											${this._allowedTemplates?.length
+                    ? html `<uui-button
+														label=${this.localize.term('general_choose')}
+														@click=${this.#openTemplatePicker}></uui-button>`
+                    : nothing}
 											<uui-button
-												label=${this.localize.term('general_choose')}
-												@click=${this.#openTemplatePicker}></uui-button>
+												label=${this.localize.term('general_remove')}
+												@click=${this.#removeTemplate}></uui-button>
 										</uui-action-bar>`
                 : nothing}
 							</uui-ref-node>
@@ -232,11 +239,21 @@ let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElem
 			<div class="general-item">
 				<strong><umb-localize .key=${labelKey}>${labelText}</umb-localize></strong>
 				<span>
-					<umb-localize-date .date=${date} .options=${TimeOptions}></umb-localize-date>
+					<umb-localize-date .date=${date} .options=${UMB_DATE_TIME_FORMAT_OPTIONS}></umb-localize-date>
 				</span>
 			</div>
 		`;
     }
+    get #isTemplateAllowed() {
+        if (!this._templateUnique)
+            return true;
+        if (!this._allowedTemplates || this._allowedTemplates.length === 0)
+            return false;
+        return this._allowedTemplates.some((t) => t.id === this._templateUnique);
+    }
+    #removeTemplate() {
+        this.#workspaceContext?.setTemplate(null);
+    }
     async #openTemplatePicker() {
         const result = await umbOpenModal(this, UMB_TEMPLATE_PICKER_MODAL, {
             data: {

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

@@ -1,7 +1,2 @@
 export declare const name = "Umbraco.Core.DocumentManagement";
-export declare const extensions: {
-    name: string;
-    alias: string;
-    type: string;
-    js: () => Promise<typeof import("./manifests.js")>;
-}[];
+export declare const extensions: (import("../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../core/modal/index.js").ManifestModal | import("../core/tree/index.js").ManifestTreeItem | import("../core/collection/index.js").ManifestCollection | import("../core/collection/index.js").ManifestCollectionMenu | import("src/packages/core/collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../core/tree/index.js").ManifestTree | import("../tiptap/index.js").ManifestTiptapToolbarExtensionActionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../core/extension-registry/index.js").ManifestAppEntryPoint | import("../core/extension-registry/index.js").ManifestBackofficeEntryPoint | import("../core/extension-registry/index.js").ManifestEntryPoint | (import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../core/repository/index.js").ManifestDataSourceDataMapping<import("../core/repository/index.js").MetaDataSourceDataMapping> | import("../core/entity-bulk-action/index.js").ManifestEntityBulkActionDeleteKind | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItem<import("../core/workspace/index.js").MetaWorkspaceActionMenuItem> | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../core/workspace/index.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../core/workspace/index.js").ManifestWorkspaceInfoApp<import("../core/workspace/index.js").MetaWorkspaceInfoApp> | import("../core/workspace/index.js").ManifestWorkspaceDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction, import("../core/workspace/index.js").UmbWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction>> | import("../core/workspace/index.js").ManifestWorkspaceActionDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceFooterApp | import("../core/workspace/index.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceView<import("../core/workspace/index.js").MetaWorkspaceView> | import("../core/workspace/index.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../core/workspace/index.js").ManifestWorkspace<import("../core/workspace/index.js").MetaWorkspace, import("../../libs/controller-api/index.js").UmbControllerHostElement, import("../core/workspace/index.js").UmbWorkspaceContext> | import("../core/workspace/index.js").ManifestWorkspaceRoutableKind | import("../core/workspace/index.js").ManifestWorkspaceContext | import("../core/property/index.js").ManifestPropertyContext<import("../core/property/index.js").MetaPropertyContext> | import("../core/property/index.js").ManifestPropertyValueCloner | (import("../core/property-editor/index.js").ManifestPropertyEditorSchema | import("../core/property-editor/index.js").ManifestPropertyEditorUi) | import("../core/property/index.js").ManifestPropertyValuePreset | import("../core/property/index.js").ManifestPropertyValueResolver | import("../ufm/index.js").ManifestUfmFilter | import("../ufm/index.js").ManifestUfmComponent | import("../ufm/index.js").ManifestMarkedExtension | import("../core/entity-action/index.js").ManifestEntityActionDeleteKind | import("../core/entity-action/index.js").ManifestEntityAction<import("../core/entity-action/index.js").MetaEntityAction> | import("../core/entity-action/index.js").ManifestEntityActionDefaultKind | import("src/packages/core/entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../core/entity-create-option-action/index.js").ManifestEntityCreateOptionAction<import("../core/entity-create-option-action/index.js").MetaEntityCreateOptionAction> | import("../core/tree/index.js").ManifestEntityActionDuplicateToKind | import("../core/tree/index.js").ManifestEntityActionMoveToKind | import("../core/tree/index.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../core/tree/index.js").ManifestEntityActionSortChildrenOfKind | import("../core/section/index.js").ManifestSectionContext<import("../core/section/index.js").MetaSectionContext> | (import("../core/section/index.js").ManifestSectionSidebarApp | import("../core/section/index.js").ManifestSection | import("../core/section/index.js").ManifestSectionRoute | import("../core/section/index.js").ManifestSectionView) | import("../core/dashboard/index.js").ManifestDashboard | import("../core/tree/index.js").ManifestEntityActionCreateFolderKind | import("../core/tree/index.js").ManifestEntityActionDeleteFolderKind | import("../core/tree/index.js").ManifestEntityActionUpdateFolderKind | import("../core/menu/index.js").ManifestMenu | import("../core/menu/index.js").ManifestMenuItem | import("../core/menu/index.js").ManifestMenuItemActionKind | import("../core/menu/index.js").ManifestMenuItemLinkKind | import("../core/menu/index.js").ManifestWorkspaceContextMenuStructureKind | import("../core/tree/index.js").ManifestMenuItemTreeKind | import("../core/collection/index.js").ManifestCollectionAction | import("../core/collection/index.js").ManifestEntityCollectionItemCard<import("../core/collection/index.js").MetaEntityCollectionItemCard> | import("../core/collection/index.js").ManifestEntityCollectionItemRef<import("../core/collection/index.js").MetaEntityCollectionItemRef> | import("../core/collection/index.js").ManifestCollectionActionCreateKind | import("../core/collection/index.js").ManifestCollectionTextFilter | import("../core/collection/index.js").ManifestCollectionView | import("../core/collection/index.js").ManifestWorkspaceViewCollectionKind | import("../content/content/index.js").ManifestAuditLogAction<import("../content/content/index.js").MetaAuditLogAction> | import("../content/content/index.js").ManifestAuditLogActionDefaultKind | import("../content/content/index.js").ManifestEntityActionContentRollbackKind | import("../content/content/index.js").ManifestWorkspaceInfoAppAuditLogKind | import("../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../user/current-user/index.js").ManifestUserProfileApp | import("../user/current-user/index.js").ManifestCurrentUserAction<import("../user/current-user/index.js").MetaCurrentUserAction> | import("../core/icon-registry/index.js").ManifestIcons | import("../user/user-permission/index.js").ManifestEntityUserPermission | import("../user/user-permission/index.js").ManifestGranularUserPermission | import("../core/localization/index.js").ManifestLocalization | import("../core/picker/index.js").ManifestPickerSearchResultItem | import("../core/property-editor-data-source/index.js").ManifestPropertyEditorDataSource | import("../core/validation/index.js").ManifestPropertyValidationPathTranslator<any> | import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../core/search/index.js").ManifestSearchProvider | import("../core/search/index.js").ManifestSearchResultItem | import("../core/search/index.js").ManifestGlobalSearch | import("../core/extension-registry/index.js").UmbEntityBulkActionExtensions | import("../core/extension-registry/index.js").ManifestExternalLoginProvider | import("../core/extension-registry/index.js").ManifestGlobalContext | import("../core/extension-registry/index.js").ManifestHeaderApp | import("../core/extension-registry/index.js").ManifestHeaderAppButtonKind | import("../core/extension-registry/index.js").ManifestMfaLoginProvider | import("../core/extension-registry/index.js").ManifestPreviewAppProvider | import("../core/extension-registry/index.js").ManifestRepository<import("../../libs/extension-api/index.js").UmbApi> | import("../core/extension-registry/index.js").UmbStoreExtensions | import("../core/auth/index.js").ManifestAuthProvider | import("../core/themes/index.js").ManifestTheme | import("../core/entity-sign/index.js").ManifestEntitySign<import("../core/entity-sign/index.js").MetaEntitySign> | import("src/packages/core/entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../core/property-action/index.js").UmbPropertyActionExtensions | import("../core/property-sort-mode/index.js").ManifestPropertyActionSortModeKind<import("../core/property-action/index.js").MetaPropertyActionDefaultKind> | import("../core/recycle-bin/index.js").ManifestEntityActionTrashKind | import("../core/recycle-bin/index.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityActionEmptyRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityBulkActionTrashKind | import("../core/recycle-bin/index.js").ManifestCollectionActionEmptyRecycleBinKind | import("src/packages/core/recycle-bin/tree/tree-item/types.js").ManifestTreeItemRecycleBinKind | import("../core/server-file-system/index.js").ManifestEntityActionRenameServerFileKind | import("src/packages/core/tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../core/property-sort-mode/index.js").ManifestPropertyContextSortModeKind | import("../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("src/packages/relations/relations/entity-actions/bulk-delete/types.js").ManifestEntityBulkActionDeleteWithRelationKind | import("../relations/relations/index.js").ManifestEntityBulkActionTrashWithRelationKind | import("../relations/relations/index.js").ManifestEntityActionTrashWithRelationKind | import("./documents/types.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../media/media/index.js").ManifestFileUploadPreview | import("../health-check/index.js").ManifestHealthCheck | import("../packages/package/index.js").ManifestPackageView | import("../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("src/packages/relations/relations/entity-actions/delete/types.js").ManifestEntityActionDeleteWithRelationKind | import("src/packages/relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../tiptap/index.js").ManifestTiptapExtension<import("../tiptap/index.js").MetaTiptapExtension> | import("../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../tiptap/index.js").MetaTiptapStatusbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtension<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("src/packages/core/section/default/types.js").ManifestSectionDefaultKind | import("../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction | import("../core/extension-registry/index.js").UmbExtensionManifestKind)[];

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

@@ -1,9 +1,3 @@
+import { manifests } from './manifests.js';
 export const name = 'Umbraco.Core.DocumentManagement';
-export const extensions = [
-    {
-        name: 'Document Management Bundle',
-        alias: 'Umb.Bundle.DocumentManagement',
-        type: 'bundle',
-        js: () => import('./manifests.js'),
-    },
-];
+export const extensions = manifests;

package/dist-cms/packages/embedded-media/modal/embedded-media-modal.element.d.ts

@@ -5,8 +5,10 @@ export declare class UmbEmbeddedMediaModalElement extends UmbModalBaseElement<Um
     private _loading?;
     private _width;
     private _height;
+    private _constrain;
     private _url;
     connectedCallback(): void;
+    protected updated(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/embedded-media/modal/embedded-media-modal.element.js

@@ -7,26 +7,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbOEmbedRepository } from '../repository/oembed.repository.js';
 import { css, html, unsafeHTML, when, customElement, state } from '../../../external/lit/index.js';
 import { umbFocus } from '../../core/lit-element/index.js';
+import { debounce } from '../../core/utils/index.js';
 import { UmbModalBaseElement } from '../../core/modal/index.js';
 import { UmbTextStyles } from '../../core/style/index.js';
+const DEFAULT_WIDTH = 500;
+const DEFAULT_HEIGHT = Math.round(500 / (16 / 9));
 let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
         this.#oEmbedRepository = new UmbOEmbedRepository(this);
-        this._width = 360;
-        this._height = 240;
+        this._width = DEFAULT_WIDTH;
+        this._height = DEFAULT_HEIGHT;
+        this._constrain = true;
         this._url = '';
+        this.#debouncedGetPreview = debounce(() => this.#getPreview(), 500);
     }
     #oEmbedRepository;
     #validUrl;
     connectedCallback() {
         super.connectedCallback();
         if (this.data?.width)
-            this._width = this.data.width;
+            this._width = this.data.width > 0 ? this.data.width : DEFAULT_WIDTH;
         if (this.data?.height)
-            this._height = this.data.height;
-        if (this.data?.constrain)
-            this.value = { ...this.value, constrain: this.data.constrain };
+            this._height = this.data.height > 0 ? this.data.height : DEFAULT_HEIGHT;
+        if (this.data?.constrain !== undefined)
+            this._constrain = this.data.constrain;
+        this.value = { ...this.value, constrain: this._constrain, width: this._width, height: this._height };
         if (this.data?.url) {
             this._url = this.data.url;
             this.#getPreview();
@@ -52,21 +58,26 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
     #onUrlChange(e) {
         this._url = e.target.value;
     }
-    #onWidthChange(e) {
-        this._width = parseInt(e.target.value, 10);
-        this.value = { ...this.value, width: this._width };
-        this.#getPreview();
+    #debouncedGetPreview;
+    #onDimensionsChange(e) {
+        const target = e.target;
+        this._width = target.width ?? DEFAULT_WIDTH;
+        this._height = target.height ?? DEFAULT_HEIGHT;
+        this._constrain = target.locked;
+        this.value = { ...this.value, width: this._width, height: this._height, constrain: this._constrain };
+        this.#debouncedGetPreview();
     }
-    #onHeightChange(e) {
-        this._height = parseInt(e.target.value, 10);
-        this.value = { ...this.value, height: this._height };
-        this.#getPreview();
-    }
-    #onConstrainChange() {
-        const constrain = !this.value?.constrain;
-        this.value = { ...this.value, constrain };
+    updated() {
+        // Iframes don't have intrinsic aspect ratios like images, so height:auto collapses to 150px.
+        // Read the provider's width/height attributes and apply aspect-ratio to keep proportions.
+        const iframe = this.renderRoot.querySelector('#preview iframe');
+        if (iframe?.width && iframe?.height) {
+            iframe.style.aspectRatio = `${iframe.width} / ${iframe.height}`;
+            iframe.style.height = 'auto';
+        }
     }
     render() {
+        const isDisabled = !this.#validUrl;
         return html `
 			<umb-body-layout headline="Embed">
 				<uui-box>
@@ -83,37 +94,25 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
 						</div>
 					</umb-property-layout>
 
+					<umb-property-layout
+						label=${this.localize.term('general_dimensions')}
+						description=${this.localize.term('embeddedMedia_dimensionsDescription')}
+						orientation="vertical">
+						<umb-input-dimensions
+							slot="editor"
+							.width=${this._width}
+							.height=${this._height}
+							.locked=${this._constrain}
+							?disabled=${isDisabled}
+							@change=${this.#onDimensionsChange}></umb-input-dimensions>
+					</umb-property-layout>
+
 					${when(this.#validUrl !== undefined, () => html ` <umb-property-layout label=${this.localize.term('general_preview')} orientation="vertical">
 								<div slot="editor">
 									${when(this._loading === 'waiting', () => html `<uui-loader-circle></uui-loader-circle>`)}
-									${when(this.value?.markup, () => html `${unsafeHTML(this.value.markup)}`)}
+									${when(this.value?.markup, () => html `<div id="preview">${unsafeHTML(this.value.markup)}</div>`)}
 								</div>
 							</umb-property-layout>`)}
-
-					<umb-property-layout label=${this.localize.term('general_width')} orientation="vertical">
-						<uui-input
-							slot="editor"
-							.value=${this._width}
-							type="number"
-							@change=${this.#onWidthChange}
-							?disabled=${this.#validUrl ? false : true}></uui-input>
-					</umb-property-layout>
-
-					<umb-property-layout label=${this.localize.term('general_height')} orientation="vertical">
-						<uui-input
-							slot="editor"
-							.value=${this._height}
-							type="number"
-							@change=${this.#onHeightChange}
-							?disabled=${this.#validUrl ? false : true}></uui-input>
-					</umb-property-layout>
-
-					<umb-property-layout label=${this.localize.term('general_constrainProportions')} orientation="vertical">
-						<uui-toggle
-							slot="editor"
-							@change=${this.#onConstrainChange}
-							.checked=${this.value?.constrain ?? false}></uui-toggle>
-					</umb-property-layout>
 				</uui-box>
 
 				<uui-button
@@ -139,12 +138,17 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
 				--uui-button-border-radius: 0;
 			}
 
-			umb-property-layout:first-child {
-				padding-top: 0;
+			#preview {
+				max-width: 100%;
+				overflow: hidden;
+
+				> *:first-child {
+					max-width: 100%;
+				}
 			}
 
-			umb-property-layout:last-child {
-				padding-bottom: 0;
+			umb-property-layout:first-child {
+				padding-top: 0;
 			}
 		`,
     ]; }
@@ -158,6 +162,9 @@ __decorate([
 __decorate([
     state()
 ], UmbEmbeddedMediaModalElement.prototype, "_height", void 0);
+__decorate([
+    state()
+], UmbEmbeddedMediaModalElement.prototype, "_constrain", void 0);
 __decorate([
     state()
 ], UmbEmbeddedMediaModalElement.prototype, "_url", void 0);

package/dist-cms/packages/language/entity-actions/create/default/default-language-create-option-action.d.ts

@@ -0,0 +1,6 @@
+import { UmbEntityCreateOptionActionBase } from '../../../../core/entity-create-option-action/index.js';
+import type { MetaEntityCreateOptionAction } from '../../../../core/entity-create-option-action/index.js';
+export declare class UmbDefaultLanguageCreateOptionAction extends UmbEntityCreateOptionActionBase<MetaEntityCreateOptionAction> {
+    getHref(): Promise<string>;
+}
+export { UmbDefaultLanguageCreateOptionAction as api };

package/dist-cms/packages/language/entity-actions/create/default/default-language-create-option-action.js

@@ -0,0 +1,8 @@
+import { UMB_CREATE_LANGUAGE_WORKSPACE_PATH_PATTERN } from '../../../paths.js';
+import { UmbEntityCreateOptionActionBase } from '../../../../core/entity-create-option-action/index.js';
+export class UmbDefaultLanguageCreateOptionAction extends UmbEntityCreateOptionActionBase {
+    async getHref() {
+        return UMB_CREATE_LANGUAGE_WORKSPACE_PATH_PATTERN.generateAbsolute({});
+    }
+}
+export { UmbDefaultLanguageCreateOptionAction as api };

package/dist-cms/packages/language/entity-actions/create/default/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/language/entity-actions/create/default/manifests.js

@@ -0,0 +1,16 @@
+import { UMB_LANGUAGE_ROOT_ENTITY_TYPE } from '../../../entity.js';
+export const manifests = [
+    {
+        type: 'entityCreateOptionAction',
+        alias: 'Umb.EntityCreateOptionAction.Language.Default',
+        name: 'Default Language Entity Create Option Action',
+        weight: 1000,
+        api: () => import('./default-language-create-option-action.js'),
+        forEntityTypes: [UMB_LANGUAGE_ROOT_ENTITY_TYPE],
+        meta: {
+            icon: 'icon-globe',
+            label: '#actions_create',
+            additionalOptions: true,
+        },
+    },
+];

package/dist-cms/packages/language/entity-actions/create/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/language/entity-actions/create/manifests.js

@@ -0,0 +1,13 @@
+import { UMB_LANGUAGE_ROOT_ENTITY_TYPE } from '../../entity.js';
+import { manifests as defaultManifests } from './default/manifests.js';
+export const manifests = [
+    {
+        type: 'entityAction',
+        kind: 'create',
+        alias: 'Umb.EntityAction.Language.Create',
+        name: 'Create Language Entity Action',
+        weight: 1200,
+        forEntityTypes: [UMB_LANGUAGE_ROOT_ENTITY_TYPE],
+    },
+    ...defaultManifests,
+];

package/dist-cms/packages/language/entity-actions/manifests.js

@@ -1,5 +1,6 @@
 import { UMB_LANGUAGE_DETAIL_REPOSITORY_ALIAS, UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS } from '../constants.js';
-import { UMB_LANGUAGE_ENTITY_TYPE, UMB_LANGUAGE_ROOT_ENTITY_TYPE } from '../entity.js';
+import { UMB_LANGUAGE_ENTITY_TYPE } from '../entity.js';
+import { manifests as createManifests } from './create/manifests.js';
 export const manifests = [
     {
         type: 'entityAction',
@@ -12,18 +13,5 @@ export const manifests = [
             detailRepositoryAlias: UMB_LANGUAGE_DETAIL_REPOSITORY_ALIAS,
         },
     },
-    {
-        type: 'entityAction',
-        kind: 'default',
-        alias: 'Umb.EntityAction.Language.Create',
-        name: 'Create Language Entity Action',
-        weight: 1200,
-        api: () => import('./language-create-entity-action.js'),
-        forEntityTypes: [UMB_LANGUAGE_ROOT_ENTITY_TYPE],
-        meta: {
-            icon: 'icon-add',
-            label: '#actions_createFor',
-            additionalOptions: true,
-        },
-    },
+    ...createManifests,
 ];

package/dist-cms/packages/language/repository/detail/language-detail.store.js

@@ -12,7 +12,7 @@ export class UmbLanguageDetailStore extends UmbDetailStoreBase {
      * @memberof UmbLanguageDetailStore
      */
     constructor(host) {
-        super(host, UMB_LANGUAGE_DETAIL_STORE_CONTEXT.toString());
+        super(host, UMB_LANGUAGE_DETAIL_STORE_CONTEXT);
     }
 }
 export default UmbLanguageDetailStore;

package/dist-cms/packages/language/repository/item/language-item.store.js

@@ -12,7 +12,7 @@ export class UmbLanguageItemStore extends UmbItemStoreBase {
      * @memberof UmbLanguageItemStore
      */
     constructor(host) {
-        super(host, UMB_LANGUAGE_ITEM_STORE_CONTEXT.toString());
+        super(host, UMB_LANGUAGE_ITEM_STORE_CONTEXT);
     }
 }
 export default UmbLanguageItemStore;

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-search-input.element.js

@@ -84,10 +84,10 @@ let UmbLogViewerSearchInputElement = class UmbLogViewerSearchInputElement extend
     }
     async #removeSearch(name) {
         await umbConfirmModal(this, {
-            headline: this.localize.term('logViewer_deleteSavedSearch'),
+            headline: '#logViewer_deleteSavedSearch',
             content: this.localize.term('defaultdialogs_confirmdelete', escapeHTML(name)),
             color: 'danger',
-            confirmLabel: this.localize.term('actions_delete'),
+            confirmLabel: '#actions_delete',
         });
         this._logViewerContext?.removeSearch({ name });
         //this.dispatchEvent(new UmbDeleteEvent());

package/dist-cms/packages/media/dropzone/components/input-dropzone/input-dropzone.element.js

@@ -142,7 +142,7 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 						${this.localize.number(item.progress, { maximumFractionDigits: 0 })}%
 					</div>
 					${when(item.status === UmbFileDropzoneItemStatus.WAITING, () => html `<div class="progress"><uui-loader-bar progress=${item.progress}></uui-loader-bar></div>`)}
-					${when(item.status === UmbFileDropzoneItemStatus.ERROR, () => html `<div class="error">An error occured</div>`)}
+					${when(item.status === UmbFileDropzoneItemStatus.ERROR, () => html `<div class="error">An error occurred</div>`)}
 					${when(item.status === UmbFileDropzoneItemStatus.CANCELLED, () => html `<div class="error">Cancelled</div>`)}
 					${when(item.status === UmbFileDropzoneItemStatus.NOT_ALLOWED, () => html `<div class="error">
 								${item.statusMessage ?? this.localize.term('media_disallowedFileType')}.
@@ -189,8 +189,9 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 				display: flex;
 				flex-direction: column;
 				flex-wrap: wrap;
-				place-items: center;
+				place-items: start;
 				cursor: pointer;
+				margin: var(--uui-size-space-5) 0;
 			}
 
 			:host([disabled]) #dropzone {
@@ -226,7 +227,7 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 
 			#uploader {
 				display: flex;
-				flex-direction: column;
+				flex-direction: row;
 				flex-wrap: wrap;
 				align-items: center;
 				gap: var(--uui-size-space-3);

package/dist-cms/packages/media/imaging/components/imaging-thumbnail.element.js

@@ -96,7 +96,7 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
         return html `<uui-loader-circle id="loader"></uui-loader-circle>`;
     }
     #renderThumbnail() {
-        return when(this._thumbnailUrl, (url) => html `<img id="figure" src=${url} alt=${this.alt} loading=${this.loading} draggable="false" />`, () => html `<umb-icon id="icon" name=${this.icon}></umb-icon>`);
+        return when(this._thumbnailUrl, (url) => html `<img id="figure" src=${url} alt=${this.alt} loading=${this.loading} decoding="async" draggable="false" />`, () => html `<umb-icon id="icon" name=${this.icon}></umb-icon>`);
     }
     async #generateThumbnailUrl() {
         if (!this.unique)

package/dist-cms/packages/media/imaging/imaging-request-batcher.d.ts

@@ -0,0 +1,31 @@
+import { type UmbImagingResizeModel } from './types.js';
+interface BatchedItem {
+    unique: string;
+    url?: string;
+}
+type FetchFn = (uniques: Array<string>, model?: UmbImagingResizeModel) => Promise<{
+    data?: Array<BatchedItem>;
+    error?: unknown;
+}>;
+/**
+ * Batches individual imaging resize requests together.
+ * Multiple calls within the same event loop turn are collected and sent as a single API request,
+ * grouped by resize model configuration (width/height/mode/format).
+ * @param {string} unique - The media item unique identifier
+ * @param {UmbImagingResizeModel | undefined} imagingModel - The resize configuration
+ * @param {FetchFn} fetchFn - The function to call with batched uniques
+ * @returns {Promise<string | undefined>} A promise resolving to the URL for this specific unique, or undefined if not found
+ */
+export declare function batchImagingRequest(unique: string, imagingModel: UmbImagingResizeModel | undefined, fetchFn: FetchFn): Promise<string | undefined>;
+/**
+ * Clears all cached imaging URLs for the given unique identifier.
+ * Call this when a media item is saved or deleted to ensure fresh URLs are fetched.
+ * @param {string} unique - The media item unique identifier to clear from cache
+ */
+export declare function clearImagingCache(unique: string): void;
+/**
+ * Clears the entire imaging URL cache.
+ * @internal
+ */
+export declare function clearAllImagingCache(): void;
+export {};