@umbraco-cms/backoffice 15.0.0-rc2 → 15.0.0-rc4

package/dist-cms/packages/tiptap/extensions/toolbar/italic.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarItalicExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor) {
         editor?.chain().focus().toggleItalic().run();

package/dist-cms/packages/tiptap/extensions/toolbar/link.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarLinkExtensionApi extends UmbTiptapToolbarElementApiBase {
     #private;

package/dist-cms/packages/tiptap/extensions/toolbar/link.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import { UmbLink } from '../../../../external/tiptap/index.js';
 import { UMB_LINK_PICKER_MODAL } from '../../../multi-url-picker/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';

package/dist-cms/packages/tiptap/extensions/toolbar/media-picker.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export default class UmbTiptapToolbarMediaPickerToolbarExtensionApi extends UmbTiptapToolbarElementApiBase {

package/dist-cms/packages/tiptap/extensions/toolbar/media-picker.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import { getGuidFromUdi, getProcessedImageUrl, imageSize } from '../../../core/utils/index.js';
 import { ImageCropModeModel } from '../../../../external/backend-api/index.js';
 import { UMB_MEDIA_CAPTION_ALT_TEXT_MODAL, UMB_MEDIA_PICKER_MODAL } from '../../../media/media/index.js';

package/dist-cms/packages/tiptap/extensions/toolbar/ordered-list.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarOrderedListExtensionApi extends UmbTiptapToolbarElementApiBase {
     getTiptapExtensions: () => (import("../../../../external/tiptap/index.js").Node<import("@tiptap/extension-ordered-list").OrderedListOptions, any> | import("../../../../external/tiptap/index.js").Node<import("@tiptap/extension-list-item").ListItemOptions, any>)[];

package/dist-cms/packages/tiptap/extensions/toolbar/ordered-list.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import { OrderedList, ListItem } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarOrderedListExtensionApi extends UmbTiptapToolbarElementApiBase {
     constructor() {

package/dist-cms/packages/tiptap/extensions/toolbar/redo.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarRedoExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor: Editor): boolean;

package/dist-cms/packages/tiptap/extensions/toolbar/redo.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarRedoExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor) {
         return editor.can().redo();

package/dist-cms/packages/tiptap/extensions/toolbar/source-editor.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarSourceEditorExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): Promise<void>;

package/dist-cms/packages/tiptap/extensions/toolbar/source-editor.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import { UMB_CODE_EDITOR_MODAL } from '../../../code-editor/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 export default class UmbTiptapToolbarSourceEditorExtensionApi extends UmbTiptapToolbarElementApiBase {

package/dist-cms/packages/tiptap/extensions/toolbar/strike.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarStrikeExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;

package/dist-cms/packages/tiptap/extensions/toolbar/strike.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarStrikeExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor) {
         editor?.chain().focus().toggleStrike().run();

package/dist-cms/packages/tiptap/extensions/toolbar/subscript.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarSubscriptExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;

package/dist-cms/packages/tiptap/extensions/toolbar/subscript.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarSubscriptExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor) {
         editor?.chain().focus().toggleSubscript().run();

package/dist-cms/packages/tiptap/extensions/toolbar/superscript.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarSuperscriptExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;

package/dist-cms/packages/tiptap/extensions/toolbar/superscript.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarSuperscriptExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor) {
         editor?.chain().focus().toggleSuperscript().run();

package/dist-cms/packages/tiptap/extensions/toolbar/table.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarTableExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;

package/dist-cms/packages/tiptap/extensions/toolbar/table.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarTableExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor) {
         editor?.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true });

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-center.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarTextAlignCenterExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor?: Editor): boolean;

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-center.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarTextAlignCenterExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor) {
         return editor?.isActive({ textAlign: 'center' }) === true;

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-justify.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarTextAlignJustifyExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor?: Editor): boolean;

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-justify.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarTextAlignJustifyExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor) {
         return editor?.isActive({ textAlign: 'justify' }) === true;

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-left.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarTextAlignLeftExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor?: Editor): boolean;

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-left.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarTextAlignLeftExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor) {
         return editor?.isActive({ textAlign: 'left' }) === true;

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-right.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarTextAlignRightExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor?: Editor): boolean;

package/dist-cms/packages/tiptap/extensions/toolbar/text-align-right.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarTextAlignRightExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor) {
         return editor?.isActive({ textAlign: 'right' }) === true;

package/dist-cms/packages/tiptap/extensions/toolbar/underline.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarUnderlineExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;

package/dist-cms/packages/tiptap/extensions/toolbar/underline.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarUnderlineExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor) {
         editor?.chain().focus().toggleUnderline().run();

package/dist-cms/packages/tiptap/extensions/toolbar/undo.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarUndoExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor: Editor): boolean;

package/dist-cms/packages/tiptap/extensions/toolbar/undo.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarUndoExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor) {
         return editor.can().undo();

package/dist-cms/packages/tiptap/extensions/toolbar/unlink.extension.d.ts

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarUnlinkExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive: (editor?: Editor) => boolean;

package/dist-cms/packages/tiptap/extensions/toolbar/unlink.extension.js

@@ -1,4 +1,4 @@
-import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarUnlinkExtensionApi extends UmbTiptapToolbarElementApiBase {
     constructor() {
         super(...arguments);

package/dist-cms/packages/tiptap/extensions/types.d.ts

@@ -1,9 +1,10 @@
 import type { ManifestTiptapExtension } from './tiptap-extension.js';
 import type { ManifestTiptapToolbarExtension } from './tiptap-toolbar-extension.js';
-import { UmbControllerBase } from '../../../libs/class-api/index.js';
 import type { Editor, Extension, Mark, Node } from '../../../external/tiptap/index.js';
 import type { UmbApi } from '../../../libs/extension-api/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../core/property-editor/index.js';
+export type * from './tiptap-extension.js';
+export type * from './tiptap-toolbar-extension.js';
 export interface UmbTiptapExtensionApi extends UmbApi {
     /**
      * The manifest for the extension.
@@ -18,24 +19,6 @@ export interface UmbTiptapExtensionApi extends UmbApi {
      */
     getTiptapExtensions(args?: UmbTiptapExtensionArgs): Array<Extension | Mark | Node>;
 }
-export declare abstract class UmbTiptapExtensionApiBase extends UmbControllerBase implements UmbTiptapExtensionApi {
-    /**
-     * The manifest for the extension.
-     */
-    manifest?: ManifestTiptapExtension;
-    /**
-     * The editor instance.
-     */
-    protected _editor?: Editor;
-    /**
-     * @inheritdoc
-     */
-    setEditor(editor: Editor): void;
-    /**
-     * @inheritdoc
-     */
-    abstract getTiptapExtensions(args?: UmbTiptapExtensionArgs): Array<Extension | Mark | Node>;
-}
 export interface UmbTiptapExtensionArgs {
     /**
      * The data type configuration for the property editor that the editor is used for.
@@ -52,30 +35,13 @@ export interface UmbTiptapToolbarElementApi extends UmbApi, UmbTiptapExtensionAr
     /**
      * Executes the toolbar element action.
      */
-    execute(editor: Editor): void;
+    execute(editor?: Editor): void;
     /**
      * Checks if the toolbar element is active.
      */
-    isActive(editor: Editor): boolean;
-}
-export declare abstract class UmbTiptapToolbarElementApiBase extends UmbControllerBase implements UmbTiptapToolbarElementApi {
-    /**
-     * The manifest for the extension.
-     */
-    manifest?: ManifestTiptapToolbarExtension;
-    /**
-     * The data type configuration for the property editor that the editor is used for.
-     */
-    configuration?: UmbPropertyEditorConfigCollection;
-    /**
-     * A method to execute the toolbar element action.
-     */
-    abstract execute(editor: Editor): void;
+    isActive(editor?: Editor): boolean;
     /**
-     * Informs the toolbar element if it is active or not. It uses the manifest meta alias to check if the toolbar element is active.
-     * @see {ManifestTiptapToolbarExtension}
-     * @param {Editor} editor The editor instance.
-     * @returns {boolean} Returns true if the toolbar element is active.
+     * Checks if the toolbar element is disabled.
      */
-    isActive(editor: Editor): boolean;
+    isDisabled(editor?: Editor): boolean;
 }

package/dist-cms/packages/tiptap/extensions/types.js

@@ -1,20 +1 @@
-import { UmbControllerBase } from '../../../libs/class-api/index.js';
-export class UmbTiptapExtensionApiBase extends UmbControllerBase {
-    /**
-     * @inheritdoc
-     */
-    setEditor(editor) {
-        this._editor = editor;
-    }
-}
-export class UmbTiptapToolbarElementApiBase extends UmbControllerBase {
-    /**
-     * Informs the toolbar element if it is active or not. It uses the manifest meta alias to check if the toolbar element is active.
-     * @see {ManifestTiptapToolbarExtension}
-     * @param {Editor} editor The editor instance.
-     * @returns {boolean} Returns true if the toolbar element is active.
-     */
-    isActive(editor) {
-        return editor && this.manifest?.meta.alias ? editor?.isActive(this.manifest.meta.alias) : false;
-    }
-}
+export {};

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

@@ -1,2 +1,3 @@
 export * from './components/index.js';
 export * from './extensions/index.js';
+export type * from './types.js';

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-extensions-configuration.element.d.ts

@@ -11,7 +11,7 @@ export declare class UmbPropertyEditorUiTiptapExtensionsConfigurationElement ext
     private _groups;
     constructor();
     protected firstUpdated(_changedProperties: PropertyValueMap<unknown>): Promise<void>;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static readonly styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export { UmbPropertyEditorUiTiptapExtensionsConfigurationElement as element };

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-extensions-configuration.element.js

@@ -59,7 +59,7 @@ let UmbPropertyEditorUiTiptapExtensionsConfigurationElement = class UmbPropertyE
                 label: 'Rich Text Essentials',
                 icon: 'icon-browser-window',
                 group: '#tiptap_extGroup_formatting',
-                description: 'This is a core extension, it must be enabled',
+                description: 'This is a core extension, it is always enabled by default.',
             });
             if (!this.value) {
                 // The default value is all extensions enabled

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.d.ts

@@ -9,6 +9,7 @@ export declare class UmbPropertyEditorUiTiptapToolbarConfigurationElement extend
     set value(value: UmbTiptapToolbarValue | undefined);
     get value(): UmbTiptapToolbarValue | undefined;
     constructor();
+    protected firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     static readonly styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.js

@@ -19,10 +19,10 @@ let UmbPropertyEditorUiTiptapToolbarConfigurationElement = class UmbPropertyEdit
             value = [[[]]];
         if (value === this.#value)
             return;
-        this.#context.setToolbar(value);
+        this.#value = this.#context.migrateTinyMceToolbar(value);
     }
     get value() {
-        return this.#value?.map((rows) => rows.map((groups) => [...groups]));
+        return this.#context.cloneToolbarValue(this.#value);
     }
     #value;
     constructor() {
@@ -51,6 +51,9 @@ let UmbPropertyEditorUiTiptapToolbarConfigurationElement = class UmbPropertyEdit
             });
         });
     }
+    firstUpdated() {
+        this.#context.setToolbar(this.value);
+    }
     #onClick(item) {
         const lastRow = (this.#value?.length ?? 1) - 1;
         const lastGroup = (this.#value?.[lastRow].length ?? 1) - 1;

package/dist-cms/packages/tiptap/property-editors/tiptap/contexts/tiptap-toolbar-configuration.context.d.ts

@@ -9,6 +9,7 @@ export declare class UmbTiptapToolbarConfigurationContext extends UmbContextBase
     readonly reload: import("rxjs/internal/Observable").Observable<boolean>;
     readonly toolbar: import("rxjs/internal/Observable").Observable<UmbTiptapToolbarRowViewModel[]>;
     constructor(host: UmbControllerHost);
+    cloneToolbarValue(value?: UmbTiptapToolbarValue | null): UmbTiptapToolbarValue;
     filterExtensions(query: string): Array<UmbTiptapToolbarExtension>;
     getExtensionByAlias(alias: string): UmbTiptapToolbarExtension | undefined;
     isExtensionEnabled(alias: string): boolean;
@@ -17,6 +18,8 @@ export declare class UmbTiptapToolbarConfigurationContext extends UmbContextBase
     insertToolbarItem(alias: string, to: [number, number, number]): void;
     insertToolbarGroup(rowIndex: number, groupIndex: number): void;
     insertToolbarRow(rowIndex: number): void;
+    /** @deprecated This will be removed in Umbraco 16. */
+    migrateTinyMceToolbar(value?: UmbTiptapToolbarValue | Array<string> | null): UmbTiptapToolbarValue;
     moveToolbarItem(from: [number, number, number], to: [number, number, number]): void;
     removeToolbarItem(from: [number, number, number]): void;
     removeToolbarGroup(rowIndex: number, groupIndex: number): void;

package/dist-cms/packages/tiptap/property-editors/tiptap/contexts/tiptap-toolbar-configuration.context.js

@@ -11,6 +11,8 @@ export class UmbTiptapToolbarConfigurationContext extends UmbContextBase {
     #extensionsInUse;
     #lookup;
     #toolbar;
+    /** @deprecated This will be removed in Umbraco 16. */
+    #tinyMceToolbarMapping;
     constructor(host) {
         super(host, UMB_TIPTAP_TOOLBAR_CONFIGURATION_CONTEXT);
         this.#extensions = new UmbArrayState([], (x) => x.alias);
@@ -21,6 +23,48 @@ export class UmbTiptapToolbarConfigurationContext extends UmbContextBase {
         this.#extensionsInUse = new Set();
         this.#toolbar = new UmbArrayState([], (x) => x.unique);
         this.toolbar = this.#toolbar.asObservable();
+        /** @deprecated This will be removed in Umbraco 16. */
+        this.#tinyMceToolbarMapping = {
+            undo: 'Umb.Tiptap.Toolbar.Undo',
+            redo: 'Umb.Tiptap.Toolbar.Redo',
+            cut: null,
+            copy: null,
+            paste: null,
+            styles: null,
+            fontname: null,
+            fontsize: null,
+            forecolor: null,
+            backcolor: null,
+            blockquote: 'Umb.Tiptap.Toolbar.Blockquote',
+            formatblock: null,
+            removeformat: 'Umb.Tiptap.Toolbar.ClearFormatting',
+            bold: 'Umb.Tiptap.Toolbar.Bold',
+            italic: 'Umb.Tiptap.Toolbar.Italic',
+            underline: 'Umb.Tiptap.Toolbar.Underline',
+            strikethrough: 'Umb.Tiptap.Toolbar.Strike',
+            alignleft: 'Umb.Tiptap.Toolbar.TextAlignLeft',
+            aligncenter: 'Umb.Tiptap.Toolbar.TextAlignCenter',
+            alignright: 'Umb.Tiptap.Toolbar.TextAlignRight',
+            alignjustify: 'Umb.Tiptap.Toolbar.TextAlignJustify',
+            bullist: 'Umb.Tiptap.Toolbar.BulletList',
+            numlist: 'Umb.Tiptap.Toolbar.OrderedList',
+            outdent: null,
+            indent: null,
+            anchor: null,
+            table: 'Umb.Tiptap.Toolbar.Table',
+            hr: 'Umb.Tiptap.Toolbar.HorizontalRule',
+            subscript: 'Umb.Tiptap.Toolbar.Subscript',
+            superscript: 'Umb.Tiptap.Toolbar.Superscript',
+            charmap: null,
+            rtl: null,
+            ltr: null,
+            link: 'Umb.Tiptap.Toolbar.Link',
+            unlink: 'Umb.Tiptap.Toolbar.Unlink',
+            sourcecode: 'Umb.Tiptap.Toolbar.SourceEditor',
+            umbmediapicker: 'Umb.Tiptap.Toolbar.MediaPicker',
+            umbembeddialog: 'Umb.Tiptap.Toolbar.EmbeddedMedia',
+            umbblockpicker: 'Umb.Tiptap.Toolbar.BlockPicker',
+        };
         this.observe(umbExtensionsRegistry.byType('tiptapToolbarExtension'), (extensions) => {
             const _extensions = extensions.map((ext) => ({
                 alias: ext.alias,
@@ -46,6 +90,11 @@ export class UmbTiptapToolbarConfigurationContext extends UmbContextBase {
             }, '_observeExtensions');
         });
     }
+    cloneToolbarValue(value) {
+        if (!this.isValidToolbarValue(value))
+            return [[[]]];
+        return value.map((row) => row.map((group) => [...group]));
+    }
     filterExtensions(query) {
         return this.#extensions
             .getValue()
@@ -103,6 +152,21 @@ export class UmbTiptapToolbarConfigurationContext extends UmbContextBase {
         toolbar.splice(rowIndex, 0, { unique: UmbId.new(), data: [{ unique: UmbId.new(), data: [] }] });
         this.#toolbar.setValue(toolbar);
     }
+    /** @deprecated This will be removed in Umbraco 16. */
+    migrateTinyMceToolbar(value) {
+        if (this.isValidToolbarValue(value))
+            return value;
+        const items = [];
+        if (Array.isArray(value) && value.length > 0 && typeof value[0] === 'string') {
+            for (const alias of value) {
+                const mapping = this.#tinyMceToolbarMapping[alias];
+                if (mapping) {
+                    items.push(mapping);
+                }
+            }
+        }
+        return [[items]];
+    }
     moveToolbarItem(from, to) {
         const [fromRowIndex, fromGroupIndex, fromItemIndex] = from;
         const [toRowIndex, toGroupIndex, toItemIndex] = to;

package/dist-cms/packages/tiptap/types.d.ts

@@ -1,5 +1,6 @@
 import type { UmbBlockValueType } from '../block/block/index.js';
 import type { UmbBlockRteLayoutModel } from '../block/block-rte/index.js';
+export type * from './extensions/types.js';
 export interface UmbPropertyEditorUiValueType {
     markup: string;
     blocks: UmbBlockValueType<UmbBlockRteLayoutModel>;

package/dist-cms/packages/ufm/components/content-name/content-name.component.js

@@ -4,6 +4,12 @@ export class UmbUfmContentNameComponent extends UmbUfmComponentBase {
     render(token) {
         if (!token.text)
             return;
+        if (token.prefix === '~') {
+            /*
+        * @deprecated since version 15.0-rc3
+        */
+            console.warn(`Please update your UFM syntax from \`${token.raw}\` to \`{umbContentName:${token.text}}\`.`);
+        }
         const attributes = super.getAttributes(token.text);
         return `<ufm-content-name ${attributes}></ufm-content-name>`;
     }

package/dist-cms/packages/ufm/components/manifests.js

@@ -4,20 +4,20 @@ export const manifests = [
         alias: 'Umb.Markdown.LabelValue',
         name: 'Label Value UFM Component',
         api: () => import('./label-value/label-value.component.js'),
-        meta: { marker: '=' },
+        meta: { alias: 'umbValue', marker: '=' },
     },
     {
         type: 'ufmComponent',
         alias: 'Umb.Markdown.Localize',
         name: 'Localize UFM Component',
         api: () => import('./localize/localize.component.js'),
-        meta: { marker: '#' },
+        meta: { alias: 'umbLocalize', marker: '#' },
     },
     {
         type: 'ufmComponent',
         alias: 'Umb.Markdown.ContentName',
         name: 'Content Name UFM Component',
         api: () => import('./content-name/content-name.component.js'),
-        meta: { marker: '~' },
+        meta: { alias: 'umbContentName', marker: '~' },
     },
 ];

package/dist-cms/packages/ufm/contexts/ufm.context.js

@@ -44,7 +44,7 @@ export class UmbUfmContext extends UmbContextBase {
                 if (!ctrl.manifest || !ctrl.api)
                     return;
                 return {
-                    alias: ctrl.manifest.alias,
+                    alias: ctrl.manifest.meta.alias || ctrl.manifest.alias,
                     marker: ctrl.manifest.meta.marker,
                     render: ctrl.api.render,
                 };

package/dist-cms/packages/ufm/filters/base.filter.d.ts

@@ -0,0 +1,5 @@
+import type { UmbUfmFilterApi } from '../ufm-filter.extension.js';
+export declare abstract class UmbUfmFilterBase implements UmbUfmFilterApi {
+    abstract filter(...args: Array<unknown>): string | undefined | null;
+    destroy(): void;
+}

package/dist-cms/packages/ufm/filters/base.filter.js

@@ -0,0 +1,3 @@
+export class UmbUfmFilterBase {
+    destroy() { }
+}

package/dist-cms/packages/ufm/filters/fallback.filter.d.ts

@@ -1,4 +1,4 @@
-import { UmbUfmFilterBase } from '../types.js';
+import { UmbUfmFilterBase } from './base.filter.js';
 declare class UmbUfmFallbackFilterApi extends UmbUfmFilterBase {
     filter(str: string, fallback: string): string;
 }

package/dist-cms/packages/ufm/filters/fallback.filter.js

@@ -1,4 +1,4 @@
-import { UmbUfmFilterBase } from '../types.js';
+import { UmbUfmFilterBase } from './base.filter.js';
 class UmbUfmFallbackFilterApi extends UmbUfmFilterBase {
     filter(str, fallback) {
         return typeof str !== 'string' || str ? str : fallback;

package/dist-cms/packages/ufm/filters/lowercase.filter.d.ts

@@ -1,4 +1,4 @@
-import { UmbUfmFilterBase } from '../types.js';
+import { UmbUfmFilterBase } from './base.filter.js';
 declare class UmbUfmLowercaseFilterApi extends UmbUfmFilterBase {
     filter(str?: string): string | undefined;
 }

package/dist-cms/packages/ufm/filters/lowercase.filter.js

@@ -1,4 +1,4 @@
-import { UmbUfmFilterBase } from '../types.js';
+import { UmbUfmFilterBase } from './base.filter.js';
 class UmbUfmLowercaseFilterApi extends UmbUfmFilterBase {
     filter(str) {
         return str?.toLocaleLowerCase();

package/dist-cms/packages/ufm/filters/strip-html.filter.d.ts

@@ -1,4 +1,4 @@
-import { UmbUfmFilterBase } from '../types.js';
+import { UmbUfmFilterBase } from './base.filter.js';
 declare class UmbUfmStripHtmlFilterApi extends UmbUfmFilterBase {
     filter(value: string | {
         markup: string;

package/dist-cms/packages/ufm/filters/strip-html.filter.js

@@ -1,4 +1,4 @@
-import { UmbUfmFilterBase } from '../types.js';
+import { UmbUfmFilterBase } from './base.filter.js';
 class UmbUfmStripHtmlFilterApi extends UmbUfmFilterBase {
     filter(value) {
         if (!value)