@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

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

@@ -1,6 +1,10 @@
 import { UmbDocumentUserPermissionCondition } from '../../user-permissions/document-user-permission.condition.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../document-workspace.context-token.js';
 import { UMB_USER_PERMISSION_DOCUMENT_UPDATE } from '../../user-permissions/index.js';
 import { UmbWorkspaceActionBase } from '../../../../core/workspace/index.js';
+// TODO: Investigate how additional preview environments can be supported. [LK:2024-05-16]
+// https://docs.umbraco.com/umbraco-cms/reference/content-delivery-api/additional-preview-environments-support
+// In v13, they are registered on the server using `SendingContentNotification`, which is no longer available in v14.
 export class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbWorkspaceActionBase {
     constructor(host, args) {
         super(host, args);
@@ -19,7 +23,8 @@ export class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbWorkspaceAction
         });
     }
     async execute() {
-        alert('Save and preview');
+        const workspaceContext = await this.getContext(UMB_DOCUMENT_WORKSPACE_CONTEXT);
+        workspaceContext.saveAndPreview();
     }
 }
 export { UmbDocumentSaveAndPreviewWorkspaceAction as api };

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

@@ -17,9 +17,11 @@ export declare class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspace
     readonly repository: UmbDocumentDetailRepository;
     readonly publishingRepository: UmbDocumentPublishingRepository;
     readonly parentUnique: Observable<string | null | undefined>;
+    readonly parentEntityType: Observable<string | undefined>;
     readonly languages: Observable<UmbLanguageDetailModel[]>;
     isLoaded(): Promise<any> | undefined;
     readonly unique: Observable<string | undefined>;
+    readonly entityType: Observable<"document" | undefined>;
     readonly isTrashed: Observable<boolean | undefined>;
     readonly contentTypeUnique: Observable<string | undefined>;
     readonly contentTypeHasCollection: Observable<boolean>;
@@ -64,10 +66,13 @@ export declare class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspace
      */
     getPropertyValue<ReturnType = unknown>(alias: string, variantId?: UmbVariantId): ReturnType | undefined;
     setPropertyValue<ValueType = unknown>(alias: string, value: ValueType, variantId?: UmbVariantId): Promise<void>;
+    initiatePropertyValueChange(): void;
+    finishPropertyValueChange: () => void;
     requestSubmit(): Promise<void>;
     submit(): Promise<void>;
     invalidSubmit(): Promise<void>;
     publish(): Promise<void>;
+    saveAndPreview(): Promise<void>;
     saveAndPublish(): Promise<void>;
     schedule(): Promise<void>;
     unpublish(): Promise<void>;

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

@@ -8,6 +8,7 @@ import { UmbUnpublishDocumentEntityAction } from '../entity-actions/unpublish.ac
 import { UmbDocumentValidationRepository } from '../repository/validation/document-validation.repository.js';
 import { UMB_CREATE_DOCUMENT_WORKSPACE_PATH_PATTERN, UMB_CREATE_FROM_BLUEPRINT_DOCUMENT_WORKSPACE_PATH_PATTERN, UMB_EDIT_DOCUMENT_WORKSPACE_PATH_PATTERN, } from '../paths.js';
 import { UMB_DOCUMENTS_SECTION_PATH } from '../../paths.js';
+import { UmbDocumentPreviewRepository } from '../repository/preview/index.js';
 import { UMB_DOCUMENT_WORKSPACE_ALIAS } from './manifests.js';
 import { UmbEntityContext } from '../../../core/entity/index.js';
 import { UMB_INVARIANT_CULTURE, UmbVariantId } from '../../../core/variant/index.js';
@@ -17,8 +18,7 @@ import { appendToFrozenArray, mergeObservables, jsonStringComparison, UmbArraySt
 import { UmbLanguageCollectionRepository } from '../../../language/index.js';
 import { firstValueFrom } from '../../../../external/rxjs/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
-import { UmbRequestReloadTreeItemChildrenEvent } from '../../../core/tree/index.js';
-import { UmbRequestReloadStructureForEntityEvent } from '../../../core/entity-action/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../../core/entity-action/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 import { UmbServerModelValidationContext, UmbVariantValuesValidationMessageTranslator, } from '../../../core/validation/index.js';
 import { UmbDocumentBlueprintDetailRepository } from '../../document-blueprints/index.js';
@@ -56,6 +56,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.publishingRepository = new UmbDocumentPublishingRepository(this);
         this.#parent = new UmbObjectState(undefined);
         this.parentUnique = this.#parent.asObservablePart((parent) => (parent ? parent.unique : undefined));
+        this.parentEntityType = this.#parent.asObservablePart((parent) => (parent ? parent.entityType : undefined));
         /**
          * The document is the current state/draft version of the document.
          */
@@ -69,6 +70,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.#serverValidationValuesTranslator = new UmbVariantValuesValidationMessageTranslator(this, this.#serverValidation);
         this.#blueprintRepository = new UmbDocumentBlueprintDetailRepository(this);
         this.unique = this.#currentData.asObservablePart((data) => data?.unique);
+        this.entityType = this.#currentData.asObservablePart((data) => data?.entityType);
         this.isTrashed = this.#currentData.asObservablePart((data) => data?.isTrashed);
         this.contentTypeUnique = this.#currentData.asObservablePart((data) => data?.documentType.unique);
         this.contentTypeHasCollection = this.#currentData.asObservablePart((data) => !!data?.documentType.collection);
@@ -77,9 +79,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.templateId = this.#currentData.asObservablePart((data) => data?.template?.unique || null);
         this.structure = new UmbContentTypeStructureManager(this, new UmbDocumentTypeDetailRepository(this));
         this.variesByCulture = this.structure.ownerContentTypePart((x) => x?.variesByCulture);
-        //#variesByCulture?: boolean;
         this.variesBySegment = this.structure.ownerContentTypePart((x) => x?.variesBySegment);
-        //#variesBySegment?: boolean;
         this.varies = this.structure.ownerContentTypePart((x) => x ? x.variesByCulture || x.variesBySegment : undefined);
         this.routes = new UmbWorkspaceRouteManager(this);
         this.splitView = new UmbWorkspaceSplitViewManager();
@@ -115,6 +115,11 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.#entityContext = new UmbEntityContext(this);
         // TODO: this might not be the correct place to spin this up
         this.#isTrashedContext = new UmbIsTrashedEntityContext(this);
+        this.#updateLock = 0;
+        this.finishPropertyValueChange = () => {
+            this.#updateLock--;
+            this.#triggerPropertyValueChanges();
+        };
         this.observe(this.contentTypeUnique, (unique) => this.structure.loadType(unique));
         this.observe(this.varies, (varies) => (this.#varies = varies));
         this.loadLanguages();
@@ -255,15 +260,6 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         }
     }
     setName(name, variantId) {
-        /*
-        const oldVariants = this.#currentData.getValue()?.variants || [];
-        const variants = partialUpdateFrozenArray(
-            oldVariants,
-            { name },
-            variantId ? (x) => variantId.compare(x) : () => true,
-        );
-        this.#currentData.update({ variants });
-        */
         // TODO: We should move this type of logic to the act of saving [NL]
         this.#updateVariantData(variantId ?? UmbVariantId.CreateInvariant(), { name });
     }
@@ -309,6 +305,20 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             this.#updateVariantData(variantId);
         }
     }
+    #updateLock;
+    initiatePropertyValueChange() {
+        this.#updateLock++;
+        this.#currentData.mute();
+        // TODO: When ready enable this code will enable handling a finish automatically by this implementation 'using myState.initiatePropertyValueChange()' (Relies on TS support of Using) [NL]
+        /*return {
+            [Symbol.dispose]: this.finishPropertyValueChange,
+        };*/
+    }
+    #triggerPropertyValueChanges() {
+        if (this.#updateLock === 0) {
+            this.#currentData.unmute();
+        }
+    }
     #calculateChangedVariants() {
         const persisted = this.#persistedData.getValue();
         const current = this.#currentData.getValue();
@@ -456,7 +466,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             this.#currentData.setValue(data);
             // TODO: this might not be the right place to alert the tree, but it works for now
             const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
-            const event = new UmbRequestReloadTreeItemChildrenEvent({
+            const event = new UmbRequestReloadChildrenOfEntityEvent({
                 entityType: parent.entityType,
                 unique: parent.unique,
             });
@@ -478,6 +488,24 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             eventContext.dispatchEvent(event);
         }
     }
+    async #handleSaveAndPreview() {
+        const unique = this.getUnique();
+        if (!unique)
+            throw new Error('Unique is missing');
+        let culture = UMB_INVARIANT_CULTURE;
+        // Save document (the active variant) before previewing.
+        const { selected } = await this.#determineVariantOptions();
+        if (selected.length > 0) {
+            culture = selected[0];
+            const variantId = UmbVariantId.FromString(culture);
+            const saveData = this.#buildSaveData([variantId]);
+            await this.#performSaveOrCreate(saveData);
+        }
+        // Tell the server that we're entering preview mode.
+        await new UmbDocumentPreviewRepository(this).enter();
+        const preview = window.open(`preview?id=${unique}&culture=${culture}`, 'umbpreview');
+        preview?.focus();
+    }
     async #handleSaveAndPublish() {
         const unique = this.getUnique();
         if (!unique)
@@ -586,6 +614,9 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
     async publish() {
         throw new Error('Method not implemented.');
     }
+    async saveAndPreview() {
+        return this.#handleSaveAndPreview();
+    }
     async saveAndPublish() {
         return this.#handleSaveAndPublish();
     }

package/dist-cms/packages/language/app-language-select/app-language-select.element.js

@@ -91,7 +91,7 @@ let UmbAppLanguageSelectElement = class UmbAppLanguageSelectElement extends UmbL
 
 			#toggle {
 				color: var(--uui-color-text);
-				width: var(--umb-section-sidebar-width);
+				width: 100%;
 				text-align: left;
 				background: none;
 				border: none;

package/dist-cms/packages/language/menu/manifests.js

@@ -5,7 +5,7 @@ export const manifests = [
         name: 'Languages Menu Item',
         weight: 100,
         meta: {
-            label: 'Languages',
+            label: '#treeHeaders_languages',
             icon: 'icon-globe',
             entityType: 'language-root',
             menus: ['Umb.Menu.StructureSettings'],

package/dist-cms/packages/language/paths.d.ts

@@ -0,0 +1,8 @@
+import { UmbPathPattern } from '../core/router/index.js';
+export declare const UMB_LANGUAGE_WORKSPACE_PATH: string;
+export declare const UMB_CREATE_LANGUAGE_WORKSPACE_PATH_PATTERN: UmbPathPattern<import("../core/router/index.js").UmbPathPatternParamsType, import("../core/router/index.js").UmbPathPatternParamsType>;
+export declare const UMB_EDIT_LANGUAGE_WORKSPACE_PATH_PATTERN: UmbPathPattern<{
+    unique: string;
+}, {
+    unique: string;
+}>;

package/dist-cms/packages/language/paths.js

@@ -0,0 +1,10 @@
+import { UMB_LANGUAGE_ENTITY_TYPE } from './entity.js';
+import { UMB_SETTINGS_SECTION_PATHNAME } from '../settings/index.js';
+import { UmbPathPattern } from '../core/router/index.js';
+import { UMB_WORKSPACE_PATH_PATTERN } from '../core/workspace/index.js';
+export const UMB_LANGUAGE_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
+    sectionName: UMB_SETTINGS_SECTION_PATHNAME,
+    entityType: UMB_LANGUAGE_ENTITY_TYPE,
+});
+export const UMB_CREATE_LANGUAGE_WORKSPACE_PATH_PATTERN = new UmbPathPattern('create', UMB_LANGUAGE_WORKSPACE_PATH);
+export const UMB_EDIT_LANGUAGE_WORKSPACE_PATH_PATTERN = new UmbPathPattern('edit/:unique', UMB_LANGUAGE_WORKSPACE_PATH);

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

@@ -51,11 +51,11 @@ export class UmbLanguageServerDataSource {
         // TODO: make data mapper to prevent errors
         const dataType = {
             entityType: UMB_LANGUAGE_ENTITY_TYPE,
-            fallbackIsoCode: data.fallbackIsoCode?.toLowerCase() || null,
+            fallbackIsoCode: data.fallbackIsoCode || null,
             isDefault: data.isDefault,
             isMandatory: data.isMandatory,
             name: data.name,
-            unique: data.isoCode.toLowerCase(),
+            unique: data.isoCode,
         };
         return { data: dataType };
     }
@@ -70,10 +70,10 @@ export class UmbLanguageServerDataSource {
             throw new Error('Language is missing');
         // TODO: make data mapper to prevent errors
         const requestBody = {
-            fallbackIsoCode: model.fallbackIsoCode?.toLowerCase(),
+            fallbackIsoCode: model.fallbackIsoCode,
             isDefault: model.isDefault,
             isMandatory: model.isMandatory,
-            isoCode: model.unique.toLowerCase(),
+            isoCode: model.unique,
             name: model.name,
         };
         const { data, error } = await tryExecuteAndNotify(this.#host, LanguageService.postLanguage({
@@ -95,13 +95,13 @@ export class UmbLanguageServerDataSource {
             throw new Error('Unique is missing');
         // TODO: make data mapper to prevent errors
         const requestBody = {
-            fallbackIsoCode: model.fallbackIsoCode?.toLowerCase(),
+            fallbackIsoCode: model.fallbackIsoCode,
             isDefault: model.isDefault,
             isMandatory: model.isMandatory,
             name: model.name,
         };
         const { error } = await tryExecuteAndNotify(this.#host, LanguageService.putLanguageByIsoCode({
-            isoCode: model.unique.toLowerCase(),
+            isoCode: model.unique,
             requestBody,
         }));
         if (!error) {

package/dist-cms/packages/language/workspace/language/language-workspace-editor.element.js

@@ -37,11 +37,10 @@ let UmbLanguageWorkspaceEditorElement = class UmbLanguageWorkspaceEditorElement
         }
     }
     render() {
-        return html `<umb-workspace-editor alias="Umb.Workspace.Language">
+        return html `<umb-workspace-editor
+			alias="Umb.Workspace.Language"
+			back-path="section/settings/workspace/language-root">
 			<div id="header" slot="header">
-				<uui-button label="Navigate back" href="section/settings/workspace/language-root" compact>
-					<uui-icon name="icon-arrow-left"></uui-icon>
-				</uui-button>
 				${this._isNew
             ? html `<strong>Add language</strong>`
             : html `<uui-input
@@ -57,7 +56,6 @@ let UmbLanguageWorkspaceEditorElement = class UmbLanguageWorkspaceEditorElement
         css `
 			#header {
 				display: flex;
-				padding: 0 var(--uui-size-space-6);
 				gap: var(--uui-size-space-4);
 				width: 100%;
 			}

package/dist-cms/packages/language/workspace/language/language-workspace.modal-token.d.ts

@@ -0,0 +1,4 @@
+import type { UmbLanguageDetailModel } from '../../types.js';
+import type { UmbWorkspaceModalData, UmbWorkspaceModalValue } from '../../../core/modal/index.js';
+import { UmbModalToken } from '../../../core/modal/index.js';
+export declare const UMB_LANGUAGE_WORKSPACE_MODAL: UmbModalToken<Omit<UmbWorkspaceModalData<UmbLanguageDetailModel>, "entityType">, UmbWorkspaceModalValue>;

package/dist-cms/packages/language/workspace/language/language-workspace.modal-token.js

@@ -0,0 +1,9 @@
+import { UmbModalToken } from '../../../core/modal/index.js';
+export const UMB_LANGUAGE_WORKSPACE_MODAL = new UmbModalToken('Umb.Modal.Workspace', {
+    modal: {
+        type: 'sidebar',
+        size: 'large',
+    },
+    data: { entityType: 'language', preset: {} },
+    // Recast the type, so the entityType data prop is not required:
+});

package/dist-cms/packages/language/workspace/language/views/language-details-workspace-view.element.js

@@ -86,10 +86,11 @@ let UmbLanguageDetailsWorkspaceViewElement = class UmbLanguageDetailsWorkspaceVi
 				<umb-property-layout label="Language">
 					<div slot="editor">
 						<!-- TODO: disable already created cultures in the select -->
-						<umb-input-culture-select
-							value=${ifDefined(this._language?.unique)}
-							@change=${this.#handleCultureChange}
-							?readonly=${this._isNew === false}></umb-input-culture-select>
+						${this._isNew
+            ? html ` <umb-input-culture-select
+									value=${ifDefined(this._language?.unique)}
+									@change=${this.#handleCultureChange}></umb-input-culture-select>`
+            : this._language?.name}
 					</div>
 				</umb-property-layout>
 

package/dist-cms/packages/log-viewer/index.d.ts

@@ -1 +1,3 @@
 export * from './repository/index.js';
+export * from './components/donut-chart/donut-chart.element.js';
+export * from './components/donut-chart/donut-slice.element.js';

package/dist-cms/packages/log-viewer/index.js

@@ -1 +1,3 @@
 export * from './repository/index.js';
+export * from './components/donut-chart/donut-chart.element.js';
+export * from './components/donut-chart/donut-slice.element.js';

package/dist-cms/packages/log-viewer/menu-item/manifests.js

@@ -4,7 +4,7 @@ const menuItem = {
     name: 'Log Viewer Menu Item',
     weight: 300,
     meta: {
-        label: 'Log Viewer',
+        label: '#treeHeaders_logViewer',
         icon: 'icon-box-alt',
         entityType: 'logviewer',
         menus: ['Umb.Menu.AdvancedSettings'],

package/dist-cms/packages/markdown-editor/components/input-markdown-editor/input-markdown.element.d.ts

@@ -1,3 +1,4 @@
+import { monaco } from '../../../../external/monaco-editor/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import type { UmbCodeEditorElement } from '../../../templating/code-editor/index.js';
 import type { UUIModalSidebarSize } from '../../../../external/uui/index.js';
@@ -12,11 +13,11 @@ export declare class UmbInputMarkdownElement extends UmbInputMarkdownElement_bas
     preview: boolean;
     overlaySize?: UUIModalSidebarSize;
     _codeEditor?: UmbCodeEditorElement;
+    _actionExtensions: Array<monaco.editor.IActionDescriptor>;
     private _modalContext?;
     private serverUrl?;
     constructor();
     private _focusEditor;
-    private _insertLink;
     private _insertMedia;
     private _insertLine;
     private _insertBetweenSelection;

package/dist-cms/packages/markdown-editor/components/input-markdown-editor/input-markdown.element.js

@@ -4,7 +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 { css, html, customElement, query, property, unsafeHTML, when } from '../../../../external/lit/index.js';
+import { css, html, customElement, query, property, unsafeHTML, when, state, } from '../../../../external/lit/index.js';
 import { DOMPurify } from '../../../../external/dompurify/index.js';
 import { marked } from '../../../../external/marked/index.js';
 import { monaco } from '../../../../external/monaco-editor/index.js';
@@ -13,9 +13,11 @@ import { UmbBooleanState } from '../../../../libs/observable-api/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../core/style/index.js';
 import { UMB_APP_CONTEXT } from '../../../../apps/app/index.js';
-import { UMB_LINK_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 import { UMB_MEDIA_TREE_PICKER_MODAL } from '../../../media/media/index.js';
 import { UUIFormControlMixin } from '../../../../external/uui/index.js';
+import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
+import { createExtensionApi } from '../../../../libs/extension-api/index.js';
 /**
  * @element umb-input-markdown
  * @fires change - when the value of the input changes
@@ -31,6 +33,7 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
         // TODO: Make actions be able to handle multiple selection
         this.preview = false;
         this.#isCodeEditorReady = new UmbBooleanState(false);
+        this._actionExtensions = [];
         this.#loadCodeEditor();
         this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => {
             this._modalContext = instance;
@@ -49,6 +52,21 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
                 folding: false,
             }); // Prefer to update options before showing the editor, to avoid seeing the changes in the UI.
             this.#isCodeEditorReady.setValue(true);
+            // TODO: make all action into extensions
+            this.observe(umbExtensionsRegistry.byType('monacoMarkdownEditorAction'), (manifests) => {
+                manifests.forEach(async (manifest) => {
+                    const api = await createExtensionApi(this, manifest, [this]);
+                    const action = {
+                        id: api.getUnique(),
+                        label: api.getLabel(),
+                        keybindings: api.getKeybindings(),
+                        run: async () => await api.execute({ editor: this.#editor }),
+                    };
+                    this.#editor?.monacoEditor?.addAction(action);
+                    this._actionExtensions.push(action);
+                    this.requestUpdate('_actionExtensions');
+                });
+            });
             this.#loadActions();
         }
         catch (error) {
@@ -139,12 +157,6 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
             id: 'line',
             run: () => this._insertLine(),
         });
-        this.#editor?.monacoEditor?.addAction({
-            label: 'Add Link',
-            id: 'link',
-            keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyK],
-            run: () => this._insertLink(),
-        });
         this.#editor?.monacoEditor?.addAction({
             label: 'Add Image',
             id: 'image',
@@ -153,56 +165,17 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
             // TODO: Update when media picker is complete.
         });
     }
+    #onActionClick(event, action) {
+        event.stopPropagation();
+        const hasAction = this.#editor?.monacoEditor?.getAction(action.id);
+        if (!hasAction)
+            throw new Error(`Action ${action.id} not found in the editor.`);
+        this.#editor?.monacoEditor?.getAction(action.id)?.run();
+    }
     _focusEditor() {
         // If we press one of the action buttons manually (which is outside the editor), we need to focus the editor again.
         this.#editor?.monacoEditor?.focus();
     }
-    _insertLink() {
-        const selection = this.#editor?.getSelections()[0];
-        if (!selection || !this._modalContext)
-            return;
-        const selectedValue = this.#editor?.getValueInRange(selection);
-        this._focusEditor(); // Focus before opening modal
-        const modalContext = this._modalContext.open(this, UMB_LINK_PICKER_MODAL, {
-            modal: { size: this.overlaySize },
-            data: {
-                index: null,
-                config: {},
-            },
-            value: {
-                link: { name: selectedValue },
-            },
-        });
-        modalContext
-            ?.onSubmit()
-            .then((value) => {
-            if (!value)
-                return;
-            const name = this.localize.term('general_name');
-            const url = this.localize.term('general_url');
-            this.#editor?.monacoEditor?.executeEdits('', [
-                { range: selection, text: `[${value.link.name || name}](${value.link.url || url})` },
-            ]);
-            if (!value.link.name) {
-                this.#editor?.select({
-                    startColumn: selection.startColumn + 1,
-                    endColumn: selection.startColumn + 1 + name.length,
-                    endLineNumber: selection.startLineNumber,
-                    startLineNumber: selection.startLineNumber,
-                });
-            }
-            else if (!value.link.url) {
-                this.#editor?.select({
-                    startColumn: selection.startColumn + 3 + value.link.name.length,
-                    endColumn: selection.startColumn + 3 + value.link.name.length + url.length,
-                    endLineNumber: selection.startLineNumber,
-                    startLineNumber: selection.startLineNumber,
-                });
-            }
-        })
-            .catch(() => undefined)
-            .finally(() => this._focusEditor());
-    }
     _insertMedia() {
         const selection = this.#editor?.getSelections()[0];
         if (!selection)
@@ -454,14 +427,6 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
 					@click=${() => this.#editor?.monacoEditor?.getAction('line')?.run()}>
 					<uui-icon name="icon-width"></uui-icon>
 				</uui-button>
-				<uui-button
-					compact
-					look="secondary"
-					label="Link"
-					title="Link, &lt;Ctrl+K&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('link')?.run()}>
-					<uui-icon name="icon-link"></uui-icon>
-				</uui-button>
 				<uui-button
 					compact
 					look="secondary"
@@ -470,6 +435,16 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
 					@click=${() => this.#editor?.monacoEditor?.getAction('image')?.run()}>
 					<uui-icon name="icon-picture"></uui-icon>
 				</uui-button>
+
+				${this._actionExtensions.map((action) => html `
+						<uui-button
+							compact
+							look="secondary"
+							label=${action.label}
+							@click=${(event) => this.#onActionClick(event, action)}>
+							<uui-icon name="icon-link"></uui-icon>
+						</uui-button>
+					`)}
 			</div>
 			<div>
 				<uui-button
@@ -508,19 +483,22 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
         this.dispatchEvent(new CustomEvent('change'));
     }
     render() {
-        return html ` <div id="actions">${this._renderBasicActions()}</div>
+        return html `
+			<div id="actions">${this._renderBasicActions()}</div>
 			<umb-code-editor
 				language="markdown"
+				theme="umb-light"
 				.code=${this.value}
 				@keypress=${this.onKeyPress}
-				@input=${this.#onInput}
-				theme="umb-light"></umb-code-editor>
-			${when(this.preview && this.value, () => this.renderPreview(this.value))}`;
+				@input=${this.#onInput}>
+			</umb-code-editor>
+			${when(this.preview && this.value, () => this.renderPreview(this.value))}
+		`;
     }
     renderPreview(markdown) {
         const markdownAsHtml = marked.parse(markdown);
         const sanitizedHtml = markdownAsHtml ? DOMPurify.sanitize(markdownAsHtml) : '';
-        return html `<uui-scroll-container id="preview"> ${unsafeHTML(sanitizedHtml)} </uui-scroll-container>`;
+        return html `<uui-scroll-container id="preview">${unsafeHTML(sanitizedHtml)}</uui-scroll-container>`;
     }
     static { this.styles = [
         UmbTextStyles,
@@ -588,6 +566,9 @@ __decorate([
 __decorate([
     query('umb-code-editor')
 ], UmbInputMarkdownElement.prototype, "_codeEditor", void 0);
+__decorate([
+    state()
+], UmbInputMarkdownElement.prototype, "_actionExtensions", void 0);
 UmbInputMarkdownElement = __decorate([
     customElement('umb-input-markdown')
 ], UmbInputMarkdownElement);

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

@@ -20,16 +20,18 @@ let UmbPropertyEditorUIMarkdownEditorElement = class UmbPropertyEditorUIMarkdown
         this._preview = config?.getValueByAlias('preview');
         this._overlaySize = config?.getValueByAlias('overlaySize') ?? undefined;
     }
-    #onChange(e) {
-        this.value = e.target.value;
+    #onChange(event) {
+        this.value = event.target.value;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<umb-input-markdown
-			?preview=${this._preview}
-			.overlaySize=${this._overlaySize}
-			@change=${this.#onChange}
-			.value=${this.value}></umb-input-markdown>`;
+        return html `
+			<umb-input-markdown
+				value=${this.value}
+				.overlaySize=${this._overlaySize}
+				?preview=${this._preview}
+				@change=${this.#onChange}></umb-input-markdown>
+		`;
     }
 };
 __decorate([

package/dist-cms/packages/media/media/collection/action/create-media-collection-action.element.d.ts

@@ -4,10 +4,11 @@ export declare class UmbCreateMediaCollectionActionElement extends UmbLitElement
     #private;
     private _allowedMediaTypes;
     private _createMediaPath;
+    private _currentView?;
     private _mediaUnique?;
     private _mediaTypeUnique?;
     private _popoverOpen;
-    private _useInfiniteEditor;
+    private _rootPathName?;
     manifest?: ManifestCollectionAction;
     constructor();
     firstUpdated(): Promise<void>;