@umbraco-cms/backoffice 17.2.2 → 17.3.0-rc2

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

@@ -1,394 +1,19 @@
-/* eslint-disable local-rules/enforce-umbraco-external-imports */
-import { findParentNode, Table, TableCell, TableHeader, TableRow } from '../../externals.js';
-import { UmbBubbleMenuPlugin } from '../bubble-menu/bubble-menu.tiptap-extension.js';
-import { CellSelection, TableMap, TableView } from '@tiptap/pm/tables';
-import { Decoration, DecorationSet } from '@tiptap/pm/view';
-import { Plugin } from '@tiptap/pm/state';
-// NOTE: Custom TableView, to allow for custom styles to be applied to the <table> element. [LK]
-// ref: https://github.com/ueberdosis/tiptap/blob/v2.11.5/packages/extension-table/src/TableView.ts
-export class UmbTableView extends TableView {
-    constructor(node, cellMinWidth) {
-        super(node, cellMinWidth);
-        this.#updateTableStyle(node);
-    }
-    update(node) {
-        if (!super.update(node))
-            return false;
-        this.#updateTableStyle(node);
-        return true;
-    }
-    #updateTableStyle(node) {
-        if (node.attrs.style) {
-            // NOTE: The `min-width` inline style is handled by the Tiptap TableView, so we need to preserve it. [LK]
-            const minWidth = this.table.style.minWidth;
-            const styles = node.attrs.style;
-            this.table.style.cssText = `${styles}; min-width: ${minWidth};`;
-        }
-    }
-}
-export const UmbTable = Table.configure({ resizable: true, View: UmbTableView });
-export const UmbTableRow = TableRow.extend({
-    allowGapCursor: false,
-    content: '(tableCell | tableHeader)*',
-});
-export const UmbTableHeader = TableHeader.extend({
-    addAttributes() {
-        return {
-            colspan: {
-                default: 1,
-            },
-            rowspan: {
-                default: 1,
-            },
-            colwidth: {
-                default: null,
-                parseHTML: (element) => {
-                    const colwidth = element.getAttribute('colwidth');
-                    const value = colwidth ? colwidth.split(',').map((item) => parseInt(item, 10)) : null;
-                    return value;
-                },
-            },
-            style: {
-                default: null,
-            },
-        };
-    },
+import { Table, TableCell, TableHeader, TableRow } from '../../externals.js';
+import { TableHandlePlugin } from './plugins/table-handle.js';
+import { UmbTableView } from './plugins/table-view.js';
+export const UmbTable = Table.extend({
     addProseMirrorPlugins() {
-        const { editor } = this;
-        return [
-            UmbBubbleMenuPlugin(editor, {
-                unique: 'table-column-menu',
-                placement: 'top',
-                elementName: 'umb-tiptap-menu',
-                menuAlias: 'Umb.Menu.Tiptap.TableColumn',
-                shouldShow(props) {
-                    return isColumnGripSelected(props);
-                },
-            }),
-            new Plugin({
-                props: {
-                    decorations: (state) => {
-                        const { isEditable } = editor;
-                        if (!isEditable) {
-                            return DecorationSet.empty;
-                        }
-                        const { doc, selection } = state;
-                        const decorations = [];
-                        const cells = getCellsInRow(0)(selection);
-                        if (cells) {
-                            cells.forEach(({ pos }, index) => {
-                                decorations.push(Decoration.widget(pos + 1, () => {
-                                    const colSelected = isColumnSelected(index)(selection);
-                                    const grip = document.createElement('a');
-                                    grip.appendChild(document.createElement('uui-symbol-more'));
-                                    grip.className = colSelected ? 'grip-column selected' : 'grip-column';
-                                    grip.setAttribute('popovertarget', colSelected ? 'table-column-menu' : '');
-                                    grip.addEventListener('mousedown', (event) => {
-                                        event.preventDefault();
-                                        event.stopImmediatePropagation();
-                                        editor.view.dispatch(selectColumn(index)(editor.state.tr));
-                                    });
-                                    return grip;
-                                }));
-                            });
-                        }
-                        return DecorationSet.create(doc, decorations);
-                    },
-                },
-            }),
-        ];
+        return [...(this.parent?.() ?? []), TableHandlePlugin(this.editor)];
     },
-});
-export const UmbTableCell = TableCell.extend({
-    addAttributes() {
-        return {
-            colspan: {
-                default: 1,
-                parseHTML: (element) => {
-                    const colspan = element.getAttribute('colspan');
-                    const value = colspan ? parseInt(colspan, 10) : 1;
-                    return value;
-                },
-            },
-            rowspan: {
-                default: 1,
-                parseHTML: (element) => {
-                    const rowspan = element.getAttribute('rowspan');
-                    const value = rowspan ? parseInt(rowspan, 10) : 1;
-                    return value;
-                },
-            },
-            colwidth: {
-                default: null,
-                parseHTML: (element) => {
-                    const colwidth = element.getAttribute('colwidth');
-                    const value = colwidth ? [parseInt(colwidth, 10)] : null;
-                    return value;
-                },
-            },
-            style: {
-                default: null,
-            },
+    addNodeView() {
+        return ({ node, HTMLAttributes }) => {
+            return new UmbTableView(node, this.options.cellMinWidth, HTMLAttributes);
         };
     },
-    addProseMirrorPlugins() {
-        const { editor } = this;
-        return [
-            UmbBubbleMenuPlugin(editor, {
-                unique: 'table-row-menu',
-                placement: 'left',
-                elementName: 'umb-tiptap-menu',
-                menuAlias: 'Umb.Menu.Tiptap.TableRow',
-                shouldShow(props) {
-                    return isRowGripSelected(props);
-                },
-            }),
-            new Plugin({
-                props: {
-                    decorations: (state) => {
-                        const { isEditable } = editor;
-                        if (!isEditable) {
-                            return DecorationSet.empty;
-                        }
-                        const { doc, selection } = state;
-                        const decorations = [];
-                        const cells = getCellsInColumn(0)(selection);
-                        if (cells) {
-                            cells.forEach(({ pos }, index) => {
-                                decorations.push(Decoration.widget(pos + 1, () => {
-                                    const rowSelected = isRowSelected(index)(selection);
-                                    const grip = document.createElement('a');
-                                    grip.appendChild(document.createElement('uui-symbol-more'));
-                                    grip.className = rowSelected ? 'grip-row selected' : 'grip-row';
-                                    grip.setAttribute('popovertarget', rowSelected ? 'table-row-menu' : '');
-                                    grip.addEventListener('mousedown', (event) => {
-                                        event.preventDefault();
-                                        event.stopImmediatePropagation();
-                                        editor.view.dispatch(selectRow(index)(editor.state.tr));
-                                    });
-                                    return grip;
-                                }));
-                            });
-                        }
-                        return DecorationSet.create(doc, decorations);
-                    },
-                },
-            }),
-        ];
-    },
+}).configure({
+    resizable: true,
 });
-const isRectSelected = (rect) => (selection) => {
-    const map = TableMap.get(selection.$anchorCell.node(-1));
-    const start = selection.$anchorCell.start(-1);
-    const cells = map.cellsInRect(rect);
-    const selectedCells = map.cellsInRect(map.rectBetween(selection.$anchorCell.pos - start, selection.$headCell.pos - start));
-    for (let i = 0, count = cells.length; i < count; i += 1) {
-        if (selectedCells.indexOf(cells[i]) === -1) {
-            return false;
-        }
-    }
-    return true;
-};
-const findTable = (selection) => findParentNode((node) => node.type.spec.tableRole && node.type.spec.tableRole === 'table')(selection);
-const isCellSelection = (selection) => selection instanceof CellSelection;
-const isColumnSelected = (columnIndex) => (selection) => {
-    if (isCellSelection(selection)) {
-        const map = TableMap.get(selection.$anchorCell.node(-1));
-        return isRectSelected({
-            left: columnIndex,
-            right: columnIndex + 1,
-            top: 0,
-            bottom: map.height,
-        })(selection);
-    }
-    return false;
-};
-const isRowSelected = (rowIndex) => (selection) => {
-    if (isCellSelection(selection)) {
-        const map = TableMap.get(selection.$anchorCell.node(-1));
-        return isRectSelected({
-            left: 0,
-            right: map.width,
-            top: rowIndex,
-            bottom: rowIndex + 1,
-        })(selection);
-    }
-    return false;
-};
-const isTableSelected = (selection) => {
-    if (isCellSelection(selection)) {
-        const map = TableMap.get(selection.$anchorCell.node(-1));
-        return isRectSelected({
-            left: 0,
-            right: map.width,
-            top: 0,
-            bottom: map.height,
-        })(selection);
-    }
-    return false;
-};
-const getCellsInColumn = (columnIndex) => (selection) => {
-    const table = findTable(selection);
-    if (table) {
-        const map = TableMap.get(table.node);
-        const indexes = Array.isArray(columnIndex) ? columnIndex : Array.from([columnIndex]);
-        return indexes.reduce((acc, index) => {
-            if (index >= 0 && index <= map.width - 1) {
-                const cells = map.cellsInRect({
-                    left: index,
-                    right: index + 1,
-                    top: 0,
-                    bottom: map.height,
-                });
-                return acc.concat(cells.map((nodePos) => {
-                    const node = table.node.nodeAt(nodePos);
-                    const pos = nodePos + table.start;
-                    return { pos, start: pos + 1, node };
-                }));
-            }
-            return acc;
-        }, []);
-    }
-    return null;
-};
-const getCellsInRow = (rowIndex) => (selection) => {
-    const table = findTable(selection);
-    if (table) {
-        const map = TableMap.get(table.node);
-        const indexes = Array.isArray(rowIndex) ? rowIndex : Array.from([rowIndex]);
-        return indexes.reduce((acc, index) => {
-            if (index >= 0 && index <= map.height - 1) {
-                const cells = map.cellsInRect({
-                    left: 0,
-                    right: map.width,
-                    top: index,
-                    bottom: index + 1,
-                });
-                return acc.concat(cells.map((nodePos) => {
-                    const node = table.node.nodeAt(nodePos);
-                    const pos = nodePos + table.start;
-                    return { pos, start: pos + 1, node };
-                }));
-            }
-            return acc;
-        }, []);
-    }
-    return null;
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const getCellsInTable = (selection) => {
-    const table = findTable(selection);
-    if (table) {
-        const map = TableMap.get(table.node);
-        const cells = map.cellsInRect({
-            left: 0,
-            right: map.width,
-            top: 0,
-            bottom: map.height,
-        });
-        return cells.map((nodePos) => {
-            const node = table.node.nodeAt(nodePos);
-            const pos = nodePos + table.start;
-            return { pos, start: pos + 1, node };
-        });
-    }
-    return null;
-};
-const findParentNodeClosestToPos = ($pos, predicate) => {
-    for (let i = $pos.depth; i > 0; i -= 1) {
-        const node = $pos.node(i);
-        if (predicate(node)) {
-            return {
-                pos: i > 0 ? $pos.before(i) : 0,
-                start: $pos.start(i),
-                depth: i,
-                node,
-            };
-        }
-    }
-    return null;
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const findCellClosestToPos = ($pos) => {
-    const predicate = (node) => node.type.spec.tableRole && /cell/i.test(node.type.spec.tableRole);
-    return findParentNodeClosestToPos($pos, predicate);
-};
-const select = (type) => (index) => (tr) => {
-    const table = findTable(tr.selection);
-    const isRowSelection = type === 'row';
-    if (table) {
-        const map = TableMap.get(table.node);
-        // Check if the index is valid
-        if (index >= 0 && index < (isRowSelection ? map.height : map.width)) {
-            const left = isRowSelection ? 0 : index;
-            const top = isRowSelection ? index : 0;
-            const right = isRowSelection ? map.width : index + 1;
-            const bottom = isRowSelection ? index + 1 : map.height;
-            const cellsInFirstRow = map.cellsInRect({
-                left,
-                top,
-                right: isRowSelection ? right : left + 1,
-                bottom: isRowSelection ? top + 1 : bottom,
-            });
-            const cellsInLastRow = bottom - top === 1
-                ? cellsInFirstRow
-                : map.cellsInRect({
-                    left: isRowSelection ? left : right - 1,
-                    top: isRowSelection ? bottom - 1 : top,
-                    right,
-                    bottom,
-                });
-            const head = table.start + cellsInFirstRow[0];
-            const anchor = table.start + cellsInLastRow[cellsInLastRow.length - 1];
-            const $head = tr.doc.resolve(head);
-            const $anchor = tr.doc.resolve(anchor);
-            return tr.setSelection(new CellSelection($anchor, $head));
-        }
-    }
-    return tr;
-};
-const selectColumn = select('column');
-const selectRow = select('row');
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const selectTable = (tr) => {
-    const table = findTable(tr.selection);
-    if (table) {
-        const { map } = TableMap.get(table.node);
-        if (map && map.length) {
-            const head = table.start + map[0];
-            const anchor = table.start + map[map.length - 1];
-            const $head = tr.doc.resolve(head);
-            const $anchor = tr.doc.resolve(anchor);
-            return tr.setSelection(new CellSelection($anchor, $head));
-        }
-    }
-    return tr;
-};
-const isColumnGripSelected = ({ editor, view, state, from, }) => {
-    const domAtPos = view.domAtPos(from).node;
-    const nodeDOM = view.nodeDOM(from);
-    const node = nodeDOM || domAtPos;
-    if (!editor.isActive(Table.name) || !node || isTableSelected(state.selection)) {
-        return false;
-    }
-    let container = node;
-    while (container && !['TD', 'TH'].includes(container.tagName)) {
-        container = container.parentElement;
-    }
-    const gripColumn = container && container.querySelector && container.querySelector('a.grip-column.selected');
-    return !!gripColumn;
-};
-const isRowGripSelected = ({ editor, view, state, from, }) => {
-    const domAtPos = view.domAtPos(from).node;
-    const nodeDOM = view.nodeDOM(from);
-    const node = nodeDOM || domAtPos;
-    if (!editor.isActive(Table.name) || !node || isTableSelected(state.selection)) {
-        return false;
-    }
-    let container = node;
-    while (container && !['TD', 'TH'].includes(container.tagName)) {
-        container = container.parentElement;
-    }
-    const gripRow = container && container.querySelector && container.querySelector('a.grip-row.selected');
-    return !!gripRow;
-};
+export const UmbTableRow = TableRow.extend();
+export const UmbTableHeader = TableHeader.extend();
+export const UmbTableCell = TableCell.extend();
+export { UmbTableView };

package/dist-cms/packages/tiptap/extensions/tiptap-toolbar-action-button-api-base.d.ts

@@ -0,0 +1,14 @@
+import type { Editor } from '../externals.js';
+import { UmbTiptapToolbarElementApiBase } from './tiptap-toolbar-element-api-base.js';
+/**
+ * Base class for `actionButton` kind toolbar extensions.
+ *
+ * Provides a default `isDisabled` implementation that returns `!isActive(editor)`,
+ * meaning the button is disabled when the action cannot be performed.
+ *
+ * Extensions using this base class should override `isActive` to return whether the
+ * action can be executed in the current editor state.
+ */
+export declare abstract class UmbTiptapToolbarActionButtonApiBase extends UmbTiptapToolbarElementApiBase {
+    isDisabled: (editor?: Editor) => boolean;
+}

package/dist-cms/packages/tiptap/extensions/tiptap-toolbar-action-button-api-base.js

@@ -0,0 +1,16 @@
+import { UmbTiptapToolbarElementApiBase } from './tiptap-toolbar-element-api-base.js';
+/**
+ * Base class for `actionButton` kind toolbar extensions.
+ *
+ * Provides a default `isDisabled` implementation that returns `!isActive(editor)`,
+ * meaning the button is disabled when the action cannot be performed.
+ *
+ * Extensions using this base class should override `isActive` to return whether the
+ * action can be executed in the current editor state.
+ */
+export class UmbTiptapToolbarActionButtonApiBase extends UmbTiptapToolbarElementApiBase {
+    constructor() {
+        super(...arguments);
+        this.isDisabled = (editor) => !this.isActive(editor);
+    }
+}

package/dist-cms/packages/tiptap/extensions/tiptap-toolbar-action-button.kind.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from '../../core/extension-registry/index.js';
+export declare const manifest: UmbExtensionManifestKind;

package/dist-cms/packages/tiptap/extensions/tiptap-toolbar-action-button.kind.js

@@ -0,0 +1,9 @@
+export const manifest = {
+    type: 'kind',
+    alias: 'Umb.Kind.TiptapToolbar.ActionButton',
+    matchKind: 'actionButton',
+    matchType: 'tiptapToolbarExtension',
+    manifest: {
+        element: () => import('../components/toolbar/tiptap-toolbar-button-action.element.js'),
+    },
+};

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

@@ -15,6 +15,10 @@ export interface ManifestTiptapToolbarExtensionButtonKind<MetaType extends MetaT
     type: 'tiptapToolbarExtension';
     kind: 'button';
 }
+export interface ManifestTiptapToolbarExtensionActionButtonKind<MetaType extends MetaTiptapToolbarExtension = MetaTiptapToolbarExtension> extends ManifestTiptapToolbarExtension<MetaType> {
+    type: 'tiptapToolbarExtension';
+    kind: 'actionButton';
+}
 export interface ManifestTiptapToolbarExtensionColorPickerButtonKind<MetaType extends MetaTiptapToolbarExtension = MetaTiptapToolbarExtension> extends ManifestTiptapToolbarExtension<MetaType> {
     type: 'tiptapToolbarExtension';
     kind: 'colorPickerButton';
@@ -53,6 +57,6 @@ export interface ManifestTiptapToolbarExtensionStyleMenuKind extends ManifestTip
 }
 declare global {
     interface UmbExtensionManifestMap {
-        umbTiptapToolbarExtension: ManifestTiptapToolbarExtension | ManifestTiptapToolbarExtensionButtonKind | ManifestTiptapToolbarExtensionColorPickerButtonKind | ManifestTiptapToolbarExtensionMenuKind | ManifestTiptapToolbarExtensionStyleMenuKind;
+        umbTiptapToolbarExtension: ManifestTiptapToolbarExtension | ManifestTiptapToolbarExtensionButtonKind | ManifestTiptapToolbarExtensionActionButtonKind | ManifestTiptapToolbarExtensionColorPickerButtonKind | ManifestTiptapToolbarExtensionMenuKind | ManifestTiptapToolbarExtensionStyleMenuKind;
     }
 }

package/dist-cms/packages/tiptap/extensions/undo-redo/manifests.js

@@ -1,11 +1,10 @@
 export const manifests = [
     {
         type: 'tiptapToolbarExtension',
-        kind: 'button',
+        kind: 'actionButton',
         alias: 'Umb.Tiptap.Toolbar.Undo',
         name: 'Undo Tiptap Toolbar Extension',
         api: () => import('./undo.tiptap-toolbar-api.js'),
-        element: () => import('../../components/toolbar/tiptap-toolbar-button-disabled.element.js'),
         meta: {
             alias: 'undo',
             icon: 'icon-undo',
@@ -14,11 +13,10 @@ export const manifests = [
     },
     {
         type: 'tiptapToolbarExtension',
-        kind: 'button',
+        kind: 'actionButton',
         alias: 'Umb.Tiptap.Toolbar.Redo',
         name: 'Redo Tiptap Toolbar Extension',
         api: () => import('./redo.tiptap-toolbar-api.js'),
-        element: () => import('../../components/toolbar/tiptap-toolbar-button-disabled.element.js'),
         meta: {
             alias: 'redo',
             icon: 'icon-redo',

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

@@ -1,7 +1,6 @@
-import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
+import { UmbTiptapToolbarActionButtonApiBase } from '../tiptap-toolbar-action-button-api-base.js';
 import type { Editor } from '../../externals.js';
-export default class UmbTiptapToolbarRedoExtensionApi extends UmbTiptapToolbarElementApiBase {
+export default class UmbTiptapToolbarRedoExtensionApi extends UmbTiptapToolbarActionButtonApiBase {
     isActive: (editor?: Editor) => boolean;
-    isDisabled: (editor?: Editor) => boolean;
     execute(editor?: Editor): void;
 }

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

@@ -1,9 +1,8 @@
-import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-export default class UmbTiptapToolbarRedoExtensionApi extends UmbTiptapToolbarElementApiBase {
+import { UmbTiptapToolbarActionButtonApiBase } from '../tiptap-toolbar-action-button-api-base.js';
+export default class UmbTiptapToolbarRedoExtensionApi extends UmbTiptapToolbarActionButtonApiBase {
     constructor() {
         super(...arguments);
         this.isActive = (editor) => editor?.can().redo() === true;
-        this.isDisabled = (editor) => !this.isActive(editor);
     }
     execute(editor) {
         editor?.chain().focus().redo().run();

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

@@ -1,7 +1,6 @@
-import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
+import { UmbTiptapToolbarActionButtonApiBase } from '../tiptap-toolbar-action-button-api-base.js';
 import type { Editor } from '../../externals.js';
-export default class UmbTiptapToolbarUndoExtensionApi extends UmbTiptapToolbarElementApiBase {
+export default class UmbTiptapToolbarUndoExtensionApi extends UmbTiptapToolbarActionButtonApiBase {
     isActive: (editor?: Editor) => boolean;
-    isDisabled: (editor?: Editor) => boolean;
     execute(editor?: Editor): void;
 }

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

@@ -1,9 +1,8 @@
-import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-export default class UmbTiptapToolbarUndoExtensionApi extends UmbTiptapToolbarElementApiBase {
+import { UmbTiptapToolbarActionButtonApiBase } from '../tiptap-toolbar-action-button-api-base.js';
+export default class UmbTiptapToolbarUndoExtensionApi extends UmbTiptapToolbarActionButtonApiBase {
     constructor() {
         super(...arguments);
         this.isActive = (editor) => editor?.can().undo() === true;
-        this.isDisabled = (editor) => !this.isActive(editor);
     }
     execute(editor) {
         editor?.chain().focus().undo().run();

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

@@ -1,3 +1,8 @@
+import { manifests as clipboard } from './clipboard/manifests.js';
 import { manifests as extensions } from './extensions/manifests.js';
 import { manifests as propertyEditors } from './property-editors/manifests.js';
-export const manifests = [...extensions, ...propertyEditors];
+export const manifests = [
+    ...clipboard,
+    ...extensions,
+    ...propertyEditors,
+];

package/dist-cms/packages/tiptap/property-editors/constants.d.ts

@@ -1,2 +1,3 @@
+export * from './tiptap-rte/constants.js';
 export * from './statusbar-configuration/tiptap-statusbar-configuration.context-token.js';
 export * from './toolbar-configuration/tiptap-toolbar-configuration.context-token.js';

package/dist-cms/packages/tiptap/property-editors/constants.js

@@ -1,2 +1,3 @@
+export * from './tiptap-rte/constants.js';
 export * from './statusbar-configuration/tiptap-statusbar-configuration.context-token.js';
 export * from './toolbar-configuration/tiptap-toolbar-configuration.context-token.js';

package/dist-cms/packages/tiptap/property-editors/tiptap-rte/constants.d.ts

@@ -0,0 +1 @@
+export declare const UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS = "Umb.PropertyEditorUi.Tiptap";

package/dist-cms/packages/tiptap/property-editors/tiptap-rte/constants.js

@@ -0,0 +1 @@
+export const UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS = 'Umb.PropertyEditorUi.Tiptap';

package/dist-cms/packages/tiptap/property-editors/tiptap-rte/manifests.js

@@ -1,7 +1,8 @@
+import { UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS } from './constants.js';
 export const manifests = [
     {
         type: 'propertyEditorUi',
-        alias: 'Umb.PropertyEditorUi.Tiptap',
+        alias: UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS,
         name: 'Rich Text Editor [Tiptap] Property Editor UI',
         element: () => import('./property-editor-ui-tiptap.element.js'),
         meta: {

package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.element.js

@@ -29,7 +29,7 @@ let UmbUmbracoNewsDashboardElement = class UmbUmbracoNewsDashboardElement extend
         if (this._items.length === 0) {
             return this.#renderDefaultContent();
         }
-        return html ` <umb-news-container .items=${this._items}></umb-news-container> `;
+        return html `<umb-news-container .items=${this._items}></umb-news-container>`;
     }
     #renderDefaultContent() {
         const infoLinks = [

package/dist-cms/packages/user/current-user/history/current-user-history-user-profile-app.element.d.ts

@@ -2,6 +2,8 @@ import { UmbLitElement } from '../../../core/lit-element/index.js';
 export declare class UmbCurrentUserHistoryUserProfileAppElement extends UmbLitElement {
     #private;
     private _history;
+    private _currentPageNumber;
+    private _totalPages;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];