@umbraco-cms/backoffice 16.1.1 → 16.2.0-rc2

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

@@ -1,4 +1,8 @@
 import { UMB_TIPTAP_TABLE_PROPERTIES_MODAL_ALIAS } from './components/constants.js';
+const UMB_MENU_TIPTAP_TABLE_ALIAS = 'Umb.Menu.Tiptap.Table';
+const UMB_MENU_TIPTAP_TABLE_COLUMN_ALIAS = 'Umb.Menu.Tiptap.TableColumn';
+const UMB_MENU_TIPTAP_TABLE_ROW_ALIAS = 'Umb.Menu.Tiptap.TableRow';
+const UMB_MENU_TIPTAP_TABLE_CELL_ALIAS = 'Umb.Menu.Tiptap.TableCell';
 const modals = [
     {
         type: 'modal',
@@ -30,44 +34,232 @@ const toolbarExtensions = [
         api: () => import('./table.tiptap-toolbar-api.js'),
         element: () => import('./components/table-toolbar-menu.element.js'),
         forExtensions: ['Umb.Tiptap.Table'],
+        items: [
+            {
+                label: 'Cell',
+                menu: UMB_MENU_TIPTAP_TABLE_CELL_ALIAS,
+            },
+            {
+                label: 'Row',
+                menu: UMB_MENU_TIPTAP_TABLE_ROW_ALIAS,
+            },
+            {
+                label: 'Column',
+                menu: UMB_MENU_TIPTAP_TABLE_COLUMN_ALIAS,
+                separatorAfter: true,
+            },
+        ],
+        menu: UMB_MENU_TIPTAP_TABLE_ALIAS,
         meta: {
             alias: 'table',
             icon: 'icon-table',
             label: 'Table',
             look: 'icon',
-            items: [
-                {
-                    label: 'Cell',
-                    items: [
-                        { label: 'Merge cells', data: 'mergeCells' },
-                        { label: 'Split cell', data: 'splitCell' },
-                        { label: 'Merge or split', data: 'mergeOrSplit' },
-                        { label: 'Toggle header cell', data: 'toggleHeaderCell' },
-                    ],
-                },
-                {
-                    label: 'Row',
-                    items: [
-                        { label: 'Add row before', icon: 'icon-page-up', data: 'addRowBefore' },
-                        { label: 'Add row after', icon: 'icon-page-down', data: 'addRowAfter' },
-                        { label: 'Delete row', icon: 'icon-trash', data: 'deleteRow' },
-                        { label: 'Toggle header row', data: 'toggleHeaderRow' },
-                    ],
-                },
-                {
-                    label: 'Column',
-                    items: [
-                        { label: 'Add column before', icon: 'icon-navigation-first', data: 'addColumnBefore' },
-                        { label: 'Add column after', icon: 'icon-tab-key', data: 'addColumnAfter' },
-                        { label: 'Delete column', icon: 'icon-trash', data: 'deleteColumn' },
-                        { label: 'Toggle header column', data: 'toggleHeaderColumn' },
-                    ],
-                    separatorAfter: true,
-                },
-                { label: 'Table properties', data: 'tableProperties' },
-                { label: 'Delete table', icon: 'icon-trash', data: 'deleteTable' },
-            ],
         },
     },
 ];
-export const manifests = [...modals, ...coreExtensions, ...toolbarExtensions];
+const tableMenu = [
+    {
+        type: 'menu',
+        alias: UMB_MENU_TIPTAP_TABLE_ALIAS,
+        name: 'Tiptap Table Menu',
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableProperties',
+        name: 'Tiptap Table Menu Item: Table Properties',
+        api: () => import('./actions/table-properties.action.js'),
+        weight: 110,
+        meta: {
+            label: 'Table properties',
+            menus: [UMB_MENU_TIPTAP_TABLE_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableDelete',
+        name: 'Tiptap Table Menu Item: Delete Table',
+        api: () => import('./actions/table-delete.action.js'),
+        weight: 100,
+        meta: {
+            label: 'Delete table',
+            icon: 'icon-trash',
+            menus: [UMB_MENU_TIPTAP_TABLE_ALIAS],
+        },
+    },
+];
+const tableColumnMenu = [
+    {
+        type: 'menu',
+        alias: UMB_MENU_TIPTAP_TABLE_COLUMN_ALIAS,
+        name: 'Tiptap Table Column Menu',
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableColumnAddBefore',
+        name: 'Tiptap Table Menu Item: Add Column Before',
+        api: () => import('./actions/table-column-add-before.action.js'),
+        weight: 120,
+        meta: {
+            label: 'Add column before',
+            icon: 'icon-navigation-first',
+            menus: [UMB_MENU_TIPTAP_TABLE_COLUMN_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableColumnAddAfter',
+        name: 'Tiptap Table Menu Item: Add Column After',
+        api: () => import('./actions/table-column-add-after.action.js'),
+        weight: 110,
+        meta: {
+            label: 'Add column after',
+            icon: 'icon-tab-key',
+            menus: [UMB_MENU_TIPTAP_TABLE_COLUMN_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableColumnDelete',
+        name: 'Tiptap Table Menu Item: Delete Column',
+        api: () => import('./actions/table-column-delete.action.js'),
+        weight: 100,
+        meta: {
+            label: 'Delete column',
+            icon: 'icon-trash',
+            menus: [UMB_MENU_TIPTAP_TABLE_COLUMN_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableColumnToggleHeader',
+        name: 'Tiptap Table Menu Item: Toggle Header Column',
+        api: () => import('./actions/table-column-toggle-header.action.js'),
+        weight: 90,
+        meta: {
+            label: 'Toggle header column',
+            menus: [UMB_MENU_TIPTAP_TABLE_COLUMN_ALIAS],
+        },
+    },
+];
+const tableRowMenu = [
+    {
+        type: 'menu',
+        alias: UMB_MENU_TIPTAP_TABLE_ROW_ALIAS,
+        name: 'Tiptap Table Row Menu',
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableRowAddBefore',
+        name: 'Tiptap Table Menu Item: Add Row Before',
+        api: () => import('./actions/table-row-add-before.action.js'),
+        weight: 120,
+        meta: {
+            label: 'Add row before',
+            icon: 'icon-page-up',
+            menus: [UMB_MENU_TIPTAP_TABLE_ROW_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableRowAddAfter',
+        name: 'Tiptap Table Menu Item: Add Row After',
+        api: () => import('./actions/table-row-add-after.action.js'),
+        weight: 110,
+        meta: {
+            label: 'Add row after',
+            icon: 'icon-page-down',
+            menus: [UMB_MENU_TIPTAP_TABLE_ROW_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableRowDelete',
+        name: 'Tiptap Table Menu Item: Delete Row',
+        api: () => import('./actions/table-row-delete.action.js'),
+        weight: 100,
+        meta: {
+            label: 'Delete row',
+            icon: 'icon-trash',
+            menus: [UMB_MENU_TIPTAP_TABLE_ROW_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableRowToggleHeader',
+        name: 'Tiptap Table Menu Item: Toggle Header Row',
+        api: () => import('./actions/table-row-toggle-header.action.js'),
+        weight: 90,
+        meta: {
+            label: 'Toggle header row',
+            menus: [UMB_MENU_TIPTAP_TABLE_ROW_ALIAS],
+        },
+    },
+];
+const tableCellMenu = [
+    {
+        type: 'menu',
+        alias: UMB_MENU_TIPTAP_TABLE_CELL_ALIAS,
+        name: 'Tiptap Table Cell Menu',
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableCellMerge',
+        name: 'Tiptap Table Menu Item: Merge Cell',
+        api: () => import('./actions/table-cell-merge.action.js'),
+        weight: 120,
+        meta: {
+            label: 'Merge cells',
+            menus: [UMB_MENU_TIPTAP_TABLE_CELL_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableCellSplit',
+        name: 'Tiptap Table Menu Item: Split Cell',
+        api: () => import('./actions/table-cell-split.action.js'),
+        weight: 110,
+        meta: {
+            label: 'Split cell',
+            menus: [UMB_MENU_TIPTAP_TABLE_CELL_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableCellMergeSplit',
+        name: 'Tiptap Table Menu Item: Merge Or Split Cell',
+        api: () => import('./actions/table-cell-merge-split.action.js'),
+        weight: 100,
+        meta: {
+            label: 'Merge or split',
+            menus: [UMB_MENU_TIPTAP_TABLE_CELL_ALIAS],
+        },
+    },
+    {
+        type: 'menuItem',
+        kind: 'action',
+        alias: 'Umb.MenuItem.Tiptap.TableCellToggleHeader',
+        name: 'Tiptap Table Menu Item: Toggle Header Cell',
+        api: () => import('./actions/table-cell-toggle-header.action.js'),
+        weight: 90,
+        meta: {
+            label: 'Toggle header cell',
+            menus: [UMB_MENU_TIPTAP_TABLE_CELL_ALIAS],
+        },
+    },
+];
+const menus = [...tableMenu, ...tableColumnMenu, ...tableRowMenu, ...tableCellMenu];
+export const manifests = [...modals, ...coreExtensions, ...toolbarExtensions, ...menus];

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

@@ -1,6 +1,5 @@
 import { UmbTiptapExtensionApiBase } from '../base.js';
-import './components/table-column-menu.element.js';
-import './components/table-row-menu.element.js';
+import '../../components/menu/tiptap-menu.element.js';
 export default class UmbTiptapTableExtensionApi extends UmbTiptapExtensionApiBase {
     getTiptapExtensions: () => import("@tiptap/core").Node<import("@tiptap/extension-table-row").TableRowOptions, any>[];
     getStyles: () => import("lit").CSSResult;

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

@@ -1,8 +1,7 @@
 import { UmbTiptapExtensionApiBase } from '../base.js';
 import { css } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTable, UmbTableHeader, UmbTableRow, UmbTableCell } from '@umbraco-cms/backoffice/external/tiptap';
-import './components/table-column-menu.element.js';
-import './components/table-row-menu.element.js';
+import '../../components/menu/tiptap-menu.element.js';
 export default class UmbTiptapTableExtensionApi extends UmbTiptapExtensionApiBase {
     constructor() {
         super(...arguments);

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

@@ -1,9 +1,7 @@
 import { UmbTiptapToolbarElementApiBase } from '../base.js';
-import type { MetaTiptapToolbarMenuItem } from '../types.js';
 import type { Editor } from '@umbraco-cms/backoffice/external/tiptap';
 export declare class UmbTiptapToolbarTableExtensionApi extends UmbTiptapToolbarElementApiBase {
-    #private;
     isActive(editor?: Editor, item?: unknown): boolean;
-    execute(editor?: Editor, item?: MetaTiptapToolbarMenuItem): void;
+    execute(): void;
 }
 export { UmbTiptapToolbarTableExtensionApi as api };

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

@@ -1,138 +1,10 @@
 import { UmbTiptapToolbarElementApiBase } from '../base.js';
-import { UMB_TIPTAP_TABLE_PROPERTIES_MODAL } from './components/table-properties-modal.token.js';
-import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
 export class UmbTiptapToolbarTableExtensionApi extends UmbTiptapToolbarElementApiBase {
-    #commands = {
-        // Cells
-        mergeCells: (editor) => editor?.chain().focus().mergeCells().run(),
-        splitCell: (editor) => editor?.chain().focus().splitCell().run(),
-        mergeOrSplit: (editor) => editor?.chain().focus().mergeOrSplit().run(),
-        toggleHeaderCell: (editor) => editor?.chain().focus().toggleHeaderCell().run(),
-        // Rows
-        addRowBefore: (editor) => editor?.chain().focus().addRowBefore().run(),
-        addRowAfter: (editor) => editor?.chain().focus().addRowAfter().run(),
-        deleteRow: (editor) => editor?.chain().focus().deleteRow().run(),
-        toggleHeaderRow: (editor) => editor?.chain().focus().toggleHeaderRow().run(),
-        // Columns
-        addColumnBefore: (editor) => editor?.chain().focus().addColumnBefore().run(),
-        addColumnAfter: (editor) => editor?.chain().focus().addColumnAfter().run(),
-        deleteColumn: (editor) => editor?.chain().focus().deleteColumn().run(),
-        toggleHeaderColumn: (editor) => editor?.chain().focus().toggleHeaderColumn().run(),
-        // Table
-        deleteTable: (editor) => editor?.chain().focus().deleteTable().run(),
-        tableProperties: (editor) => this.#tableProperties(editor),
-    };
     isActive(editor, item) {
         if (!item)
             return super.isActive(editor);
         return false;
     }
-    async #tableProperties(editor) {
-        if (!editor || !editor.isActive('table'))
-            return;
-        const modalData = this.#getModalData(editor);
-        const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
-        const modal = modalManager?.open(this, UMB_TIPTAP_TABLE_PROPERTIES_MODAL, modalData);
-        if (!modal)
-            return;
-        const data = await modal.onSubmit().catch(() => undefined);
-        if (!data)
-            return;
-        const style = this.#getStyles(data);
-        if (!style)
-            return;
-        editor?.chain().focus().updateAttributes('table', { style }).run();
-    }
-    #getModalData(editor) {
-        const tableStyles = editor?.getAttributes('table').style ?? '';
-        const table = document.createElement('table');
-        table.style.cssText = tableStyles;
-        const data = {};
-        data.alignment = this.#getAlignment(table.style);
-        if (table.style.backgroundColor)
-            data.backgroundColor = table.style.backgroundColor;
-        if (table.style.borderColor)
-            data.borderColor = table.style.borderColor;
-        if (table.style.borderStyle)
-            data.borderStyle = table.style.borderStyle;
-        if (table.style.borderWidth)
-            data.borderWidth = table.style.borderWidth;
-        if (table.style.height)
-            data.height = table.style.height;
-        if (table.style.width)
-            data.width = table.style.width;
-        return { data };
-    }
-    #getAlignment(style) {
-        if (style.marginLeft === 'auto' && style.marginRight === 'auto') {
-            return 'center';
-        }
-        else if (style.marginRight === 'auto') {
-            return 'left';
-        }
-        else if (style.marginLeft === 'auto') {
-            return 'right';
-        }
-        return 'none';
-    }
-    #getStyles(data) {
-        const styles = {};
-        // TODO: Move this to a shared utility function. [LK]
-        const camelCaseToKebabCase = (str) => {
-            return str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
-        };
-        for (const item of data) {
-            if (!item.value)
-                continue;
-            switch (item.alias) {
-                case 'alignment': {
-                    const alignment = Array.isArray(item.value) && item.value.length ? item.value[0] : (item.value ?? '');
-                    switch (alignment) {
-                        case 'left':
-                            styles['margin-right'] = 'auto';
-                            break;
-                        case 'center':
-                            styles['margin-left'] = 'auto';
-                            styles['margin-right'] = 'auto';
-                            break;
-                        case 'right':
-                            styles['margin-left'] = 'auto;';
-                            break;
-                        default:
-                            styles['margin-left'] = 'none';
-                            styles['margin-right'] = 'none';
-                            break;
-                    }
-                    break;
-                }
-                case 'borderStyle': {
-                    const borderStyle = Array.isArray(item.value) && item.value.length ? item.value[0] : (item.value ?? '');
-                    if (borderStyle)
-                        styles['border-style'] = borderStyle;
-                    break;
-                }
-                case 'backgroundColor':
-                case 'borderColor':
-                case 'borderWidth':
-                case 'height':
-                case 'width': {
-                    const propertyName = camelCaseToKebabCase(item.alias);
-                    styles[propertyName] = item.value;
-                    break;
-                }
-                default:
-                    break;
-            }
-        }
-        return Object.entries(styles)
-            .map(([key, value]) => `${key}: ${value}`)
-            .join(';');
-    }
-    execute(editor, item) {
-        if (!item?.data)
-            return;
-        const key = item.data.toString();
-        this.#commands[key](editor);
-    }
+    execute() { }
 }
 export { UmbTiptapToolbarTableExtensionApi as api };

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

@@ -31,6 +31,7 @@ export interface MetaTiptapToolbarMenuItem<ItemDataType = unknown> {
     icon?: string;
     items?: Array<MetaTiptapToolbarMenuItem<ItemDataType>>;
     label: string;
+    menu?: string;
     separatorAfter?: boolean;
     /** @deprecated No longer used, please use `appearance: { style }`. This will be removed in Umbraco 17. [LK] */
     style?: string;
@@ -44,6 +45,7 @@ export interface ManifestTiptapToolbarExtensionMenuKind extends ManifestTiptapTo
     type: 'tiptapToolbarExtension';
     kind: 'menu';
     items?: Array<MetaTiptapToolbarMenuItem>;
+    menu?: string;
 }
 export type MetaTiptapToolbarStyleMenuItem = MetaTiptapToolbarMenuItem<{
     tag?: string;

package/dist-cms/packages/tiptap/extensions/toolbar/clear-formatting.tiptap-toolbar-api.js

@@ -1,6 +1,6 @@
 import { UmbTiptapToolbarElementApiBase } from '../base.js';
 export default class UmbTiptapToolbarClearFormattingExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor) {
-        editor?.chain().focus().unsetAllMarks().unsetClassName().unsetStyles().run();
+        editor?.chain().focus().clearNodes().unsetAllMarks().unsetClassName().unsetStyles().run();
     }
 }

package/dist-cms/packages/tiptap/extensions/toolbar/font-size.tiptap-toolbar-api.d.ts

@@ -1,7 +1,7 @@
 import { UmbTiptapToolbarElementApiBase } from '../base.js';
 import type { MetaTiptapToolbarMenuItem } from '../types.js';
 import type { Editor } from '@umbraco-cms/backoffice/external/tiptap';
-export default class UmbTiptapToolbarFontFamilyExtensionApi extends UmbTiptapToolbarElementApiBase {
+export default class UmbTiptapToolbarFontSizeExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor?: Editor, item?: MetaTiptapToolbarMenuItem): boolean;
     execute(editor?: Editor, item?: MetaTiptapToolbarMenuItem): void;
 }

package/dist-cms/packages/tiptap/extensions/toolbar/font-size.tiptap-toolbar-api.js

@@ -1,5 +1,5 @@
 import { UmbTiptapToolbarElementApiBase } from '../base.js';
-export default class UmbTiptapToolbarFontFamilyExtensionApi extends UmbTiptapToolbarElementApiBase {
+export default class UmbTiptapToolbarFontSizeExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive(editor, item) {
         const styles = editor?.getAttributes('span')?.style;
         return styles?.includes(`font-size: ${item?.data};`) === true;

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

@@ -1,4 +1,5 @@
 export * from './constants.js';
 export * from './components/index.js';
+export * from './contexts/index.js';
 export * from './extensions/index.js';
 export type * from './types.js';

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

@@ -1,3 +1,4 @@
 export * from './constants.js';
 export * from './components/index.js';
+export * from './contexts/index.js';
 export * from './extensions/index.js';

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

@@ -1,5 +1,5 @@
 import { UmbPropertyEditorUiRteElementBase } from '@umbraco-cms/backoffice/rte';
-import { type PropertyValueMap } from '@umbraco-cms/backoffice/external/lit';
+import type { PropertyValueMap } from '@umbraco-cms/backoffice/external/lit';
 import '../../components/input-tiptap/input-tiptap.element.js';
 /**
  * @element umb-property-editor-ui-tiptap

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

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { css, customElement, html, styleMap } from '@umbraco-cms/backoffice/external/lit';
 import { UmbPropertyEditorUiRteElementBase } from '@umbraco-cms/backoffice/rte';
-import { css, customElement, html } from '@umbraco-cms/backoffice/external/lit';
 import '../../components/input-tiptap/input-tiptap.element.js';
 /**
  * @element umb-property-editor-ui-tiptap
@@ -58,6 +58,7 @@ let UmbPropertyEditorUiTiptapElement = class UmbPropertyEditorUiTiptapElement ex
     render() {
         return html `
 			<umb-input-tiptap
+				style=${styleMap(this._css)}
 				.configuration=${this._config}
 				.requiredMessage=${this.mandatoryMessage}
 				.value=${this._markup}

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

@@ -1,6 +1,6 @@
-import { UMB_SECTION_ALIAS_CONDITION_ALIAS } from '@umbraco-cms/backoffice/section';
 import { UMB_TRANSLATION_SECTION_ALIAS } from '../section/index.js';
 import { UMB_TRANSLATION_MENU_ALIAS } from './constants.js';
+import { UMB_SECTION_ALIAS_CONDITION_ALIAS } from '@umbraco-cms/backoffice/section';
 export const manifests = [
     {
         type: 'menu',

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

@@ -1,4 +1,4 @@
-import type { UfmToken } from '../../plugins/marked-ufm.plugin.js';
+import type { UfmToken } from '../../plugins/types.js';
 import { UmbUfmComponentBase } from '../ufm-component-base.js';
 import './content-name.element.js';
 export declare class UmbUfmContentNameComponent extends UmbUfmComponentBase {

package/dist-cms/packages/ufm/components/content-name/content-name.element.d.ts

@@ -1,5 +1,4 @@
 import { UmbUfmElementBase } from '../ufm-element-base.js';
-declare const elementName = "ufm-content-name";
 export declare class UmbUfmContentNameElement extends UmbUfmElementBase {
     #private;
     alias?: string;
@@ -8,6 +7,6 @@ export declare class UmbUfmContentNameElement extends UmbUfmElementBase {
 export { UmbUfmContentNameElement as element };
 declare global {
     interface HTMLElementTagNameMap {
-        [elementName]: UmbUfmContentNameElement;
+        'ufm-content-name': UmbUfmContentNameElement;
     }
 }

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

@@ -11,7 +11,6 @@ import { UmbDocumentItemRepository, UMB_DOCUMENT_ENTITY_TYPE } from '@umbraco-cm
 import { UmbId } from '@umbraco-cms/backoffice/id';
 import { UmbMediaItemRepository, UMB_MEDIA_ENTITY_TYPE } from '@umbraco-cms/backoffice/media';
 import { UmbMemberItemRepository, UMB_MEMBER_ENTITY_TYPE } from '@umbraco-cms/backoffice/member';
-const elementName = 'ufm-content-name';
 let UmbUfmContentNameElement = class UmbUfmContentNameElement extends UmbUfmElementBase {
     #documentRepository;
     #mediaRepository;
@@ -81,7 +80,7 @@ __decorate([
     property()
 ], UmbUfmContentNameElement.prototype, "alias", void 0);
 UmbUfmContentNameElement = __decorate([
-    customElement(elementName)
+    customElement('ufm-content-name')
 ], UmbUfmContentNameElement);
 export { UmbUfmContentNameElement };
 export { UmbUfmContentNameElement as element };

package/dist-cms/packages/ufm/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './ufm-render/index.js';
 export * from './ufm-component-base.js';
 export * from './ufm-element-base.js';
+export * from './ufm-js-expression.element.js';

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

@@ -1,3 +1,4 @@
 export * from './ufm-render/index.js';
 export * from './ufm-component-base.js';
 export * from './ufm-element-base.js';
+export * from './ufm-js-expression.element.js';

package/dist-cms/packages/ufm/components/label-value/label-value.component.d.ts

@@ -1,4 +1,4 @@
-import type { UfmToken } from '../../plugins/marked-ufm.plugin.js';
+import type { UfmToken } from '../../plugins/types.js';
 import { UmbUfmComponentBase } from '../ufm-component-base.js';
 import './label-value.element.js';
 export declare class UmbUfmLabelValueComponent extends UmbUfmComponentBase {

package/dist-cms/packages/ufm/components/label-value/label-value.element.d.ts

@@ -1,5 +1,4 @@
 import { UmbUfmElementBase } from '../ufm-element-base.js';
-declare const elementName = "ufm-label-value";
 export declare class UmbUfmLabelValueElement extends UmbUfmElementBase {
     alias?: string;
     constructor();
@@ -7,6 +6,6 @@ export declare class UmbUfmLabelValueElement extends UmbUfmElementBase {
 export { UmbUfmLabelValueElement as element };
 declare global {
     interface HTMLElementTagNameMap {
-        [elementName]: UmbUfmLabelValueElement;
+        'ufm-label-value': UmbUfmLabelValueElement;
     }
 }

package/dist-cms/packages/ufm/components/label-value/label-value.element.js

@@ -7,7 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UMB_UFM_RENDER_CONTEXT } from '../ufm-render/ufm-render.context.js';
 import { UmbUfmElementBase } from '../ufm-element-base.js';
 import { customElement, property } from '@umbraco-cms/backoffice/external/lit';
-const elementName = 'ufm-label-value';
 let UmbUfmLabelValueElement = class UmbUfmLabelValueElement extends UmbUfmElementBase {
     constructor() {
         super();
@@ -27,7 +26,7 @@ __decorate([
     property()
 ], UmbUfmLabelValueElement.prototype, "alias", void 0);
 UmbUfmLabelValueElement = __decorate([
-    customElement(elementName)
+    customElement('ufm-label-value')
 ], UmbUfmLabelValueElement);
 export { UmbUfmLabelValueElement };
 export { UmbUfmLabelValueElement as element };

package/dist-cms/packages/ufm/components/link/link.component.d.ts

@@ -1,4 +1,4 @@
-import type { UfmToken } from '../../plugins/marked-ufm.plugin.js';
+import type { UfmToken } from '../../plugins/types.js';
 import { UmbUfmComponentBase } from '../ufm-component-base.js';
 import './link.element.js';
 export declare class UmbUfmLinkComponent extends UmbUfmComponentBase {

package/dist-cms/packages/ufm/components/link/link.element.d.ts

@@ -1,5 +1,4 @@
 import { UmbUfmElementBase } from '../ufm-element-base.js';
-declare const elementName = "ufm-link";
 export declare class UmbUfmLinkElement extends UmbUfmElementBase {
     #private;
     alias?: string;
@@ -8,6 +7,6 @@ export declare class UmbUfmLinkElement extends UmbUfmElementBase {
 export { UmbUfmLinkElement as element };
 declare global {
     interface HTMLElementTagNameMap {
-        [elementName]: UmbUfmLinkElement;
+        'ufm-link': UmbUfmLinkElement;
     }
 }