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

package/dist-cms/packages/extension-types/index.d.ts

@@ -0,0 +1,118 @@
+
+import '../../apps/app/index.js';
+import '../../libs/class-api/index.js';
+import '../../libs/context-api/index.js';
+import '../../libs/controller-api/index.js';
+import '../../libs/element-api/index.js';
+import '../embedded-media/index.js';
+import '../../libs/extension-api/index.js';
+import '../../libs/formatting-api/index.js';
+import '../../libs/localization-api/index.js';
+import '../../libs/observable-api/index.js';
+import '../core/action/index.js';
+import '../core/audit-log/index.js';
+import '../core/auth/index.js';
+import '../block/block-custom-view/index.js';
+import '../block/block-grid/index.js';
+import '../block/block-list/index.js';
+import '../block/block-rte/index.js';
+import '../block/block-type/index.js';
+import '../block/block/index.js';
+import '../code-editor/index.js';
+import '../core/collection/index.js';
+import '../core/components/index.js';
+import '../core/content-type/index.js';
+import '../core/content/index.js';
+import '../core/culture/index.js';
+import '../user/current-user/index.js';
+import '../core/dashboard/index.js';
+import '../data-type/index.js';
+import '../core/debug/index.js';
+import '../dictionary/index.js';
+import '../documents/document-blueprints/index.js';
+import '../documents/document-types/index.js';
+import '../documents/documents/index.js';
+import '../core/entity-action/index.js';
+import '../core/entity-bulk-action/index.js';
+import '../core/entity/index.js';
+import '../core/event/index.js';
+import '../core/extension-registry/index.js';
+import '../health-check/index.js';
+import '../help/index.js';
+import '../core/icon-registry/index.js';
+import '../core/id/index.js';
+import '../media/imaging/index.js';
+import '../language/index.js';
+import '../core/lit-element/index.js';
+import '../core/localization/index.js';
+import '../log-viewer/index.js';
+import '../markdown-editor/index.js';
+import '../media/media-types/index.js';
+import '../media/media/index.js';
+import '../members/member-group/index.js';
+import '../members/member-type/index.js';
+import '../members/member/index.js';
+import '../core/menu/index.js';
+import '../core/modal/index.js';
+import '../core/models/index.js';
+import '../multi-url-picker/index.js';
+import '../core/notification/index.js';
+import '../core/object-type/index.js';
+import '../packages/package/index.js';
+import '../templating/partial-views/index.js';
+import '../core/picker-input/index.js';
+import '../core/picker/index.js';
+import '../core/property-action/index.js';
+import '../core/property-editor/index.js';
+import '../core/property-type/index.js';
+import '../core/property/index.js';
+import '../core/recycle-bin/index.js';
+import '../relations/relation-types/index.js';
+import '../relations/relations/index.js';
+import '../core/repository/index.js';
+import '../core/resources/index.js';
+import '../core/router/index.js';
+import '../rte/index.js';
+import '../templating/scripts/index.js';
+import '../search/index.js';
+import '../core/section/index.js';
+import '../core/server-file-system/index.js';
+import '../settings/index.js';
+import '../core/sorter/index.js';
+import '../static-file/index.js';
+import '../core/store/index.js';
+import '../core/style/index.js';
+import '../templating/stylesheets/index.js';
+import '../sysinfo/index.js';
+import '../tags/index.js';
+import '../templating/templates/index.js';
+import '../core/temporary-file/index.js';
+import '../core/themes/index.js';
+import '../tiny-mce/index.js';
+import '../tiptap/index.js';
+import '../translation/index.js';
+import '../core/tree/index.js';
+import '../ufm/index.js';
+import '../user/change-password/index.js';
+import '../user/user-group/index.js';
+import '../user/user-permission/index.js';
+import '../user/user/index.js';
+import '../core/utils/index.js';
+import '../core/validation/index.js';
+import '../core/variant/index.js';
+import '../webhook/index.js';
+import '../core/workspace/index.js';
+import '../../external/backend-api/index.js';
+import '../../external/base64-js/index.js';
+import '../../external/diff/index.js';
+import '../../external/dompurify/index.js';
+import '../../external/lit/index.js';
+import '../../external/marked/index.js';
+import '../../external/monaco-editor/index.js';
+import '../../external/openid/index.js';
+import '../../external/router-slot/index.js';
+import '../../external/rxjs/index.js';
+import '../../external/tinymce/index.js';
+import '../../external/tiptap/index.js';
+import '../../external/uui/index.js';
+import '../../external/uuid/index.js';

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

@@ -9,7 +9,6 @@ import { createExtensionApi } from '../../../../libs/extension-api/index.js';
 import { marked } from '../../../../external/marked/index.js';
 import { monaco } from '../../../../external/monaco-editor/index.js';
 import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
-import { DOMPurify } from '../../../../external/dompurify/index.js';
 import { UmbChangeEvent } from '../../../core/event/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../core/style/index.js';
@@ -17,6 +16,7 @@ import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 import { UMB_MEDIA_PICKER_MODAL, UmbMediaUrlRepository } from '../../../media/media/index.js';
 import { UmbCodeEditorLoadedEvent } from '../../../code-editor/index.js';
 import { UmbFormControlMixin } from '../../../core/validation/index.js';
+import { sanitizeHTML } from '../../../core/utils/index.js';
 const elementName = 'umb-input-markdown';
 /**
  * @element umb-input-markdown
@@ -519,7 +519,7 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UmbFormContr
         if (!this.preview || !this.value)
             return;
         const markdownAsHtml = marked.parse(this.value);
-        const sanitizedHtml = markdownAsHtml ? DOMPurify.sanitize(markdownAsHtml) : '';
+        const sanitizedHtml = markdownAsHtml ? sanitizeHTML(markdownAsHtml) : '';
         return html `<uui-scroll-container id="preview">${unsafeHTML(sanitizedHtml)}</uui-scroll-container>`;
     }
     static { this.styles = [

package/dist-cms/packages/multi-url-picker/tiny-mce-plugin/tiny-mce-multi-url-picker.plugin.d.ts

@@ -1,4 +1,5 @@
-import { type TinyMcePluginArguments, UmbTinyMcePluginBase } from '../../tiny-mce/index.js';
+import { UmbTinyMcePluginBase } from '../../tiny-mce/index.js';
+import type { TinyMcePluginArguments } from '../../tiny-mce/index.js';
 export default class UmbTinyMceMultiUrlPickerPlugin extends UmbTinyMcePluginBase {
     #private;
     constructor(args: TinyMcePluginArguments);

package/dist-cms/packages/multi-url-picker/tiny-mce-plugin/tiny-mce-multi-url-picker.plugin.js

@@ -1,20 +1,13 @@
 import { UMB_LINK_PICKER_MODAL } from '../link-picker-modal/link-picker-modal.token.js';
+import { UmbLocalizationController } from '../../../libs/localization-api/index.js';
 import { UmbTinyMcePluginBase } from '../../tiny-mce/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../core/modal/index.js';
-import { UmbLocalizationController } from '../../../libs/localization-api/index.js';
 export default class UmbTinyMceMultiUrlPickerPlugin extends UmbTinyMcePluginBase {
     #linkPickerData;
     #anchorElement;
     constructor(args) {
         super(args);
         const localize = new UmbLocalizationController(args.host);
-        // const editorEventSetupCallback = (buttonApi: { setEnabled: (state: boolean) => void }) => {
-        // 	const editorEventCallback = (eventApi: { element: Element}) => {
-        // 		buttonApi.setEnabled(eventApi.element.nodeName.toLowerCase() === 'a' && eventApi.element.hasAttribute('href'));
-        // 	};
-        // 	editor.on('NodeChange', editorEventCallback);
-        // 	return () => editor.off('NodeChange', editorEventCallback);
-        // };
         this.editor.ui.registry.addToggleButton('link', {
             icon: 'link',
             tooltip: localize.term('general_addEditLink'),
@@ -37,35 +30,23 @@ export default class UmbTinyMceMultiUrlPickerPlugin extends UmbTinyMcePluginBase
     async showDialog() {
         const selectedElm = this.editor.selection.getNode();
         this.#anchorElement = this.editor.dom.getParent(selectedElm, 'a[href]');
-        const data = {
-            text: this.#anchorElement
-                ? this.#anchorElement.innerText || (this.#anchorElement.textContent ?? '')
-                : this.editor.selection.getContent({ format: 'text' }),
-            href: this.#anchorElement?.getAttribute('href') ?? '',
-            target: this.#anchorElement?.target ?? '',
-            rel: this.#anchorElement?.rel ?? '',
-        };
-        if (selectedElm.nodeName === 'IMG') {
-            data.text = ' ';
-        }
         if (!this.#anchorElement) {
-            this.#openLinkPicker({ name: this.editor.selection.getContent() });
+            this.#openLinkPicker({ name: this.editor.selection.getContent({ format: 'text' }) });
             return;
         }
-        //if we already have a link selected, we want to pass that data over to the dialog
+        let url = this.#anchorElement.getAttribute('href') ?? this.#anchorElement.href ?? '';
+        const queryString = this.#anchorElement.getAttribute('data-anchor') ?? '';
+        if (queryString && url.endsWith(queryString)) {
+            url = url.substring(0, url.indexOf(queryString));
+        }
         const currentTarget = {
             name: this.#anchorElement.title || this.#anchorElement.textContent,
             target: this.#anchorElement.target,
-            queryString: `${this.#anchorElement.search}${this.#anchorElement.hash}`,
+            queryString: queryString,
+            type: this.#anchorElement.type ?? 'external',
+            unique: url.includes('localLink:') ? url.substring(url.indexOf(':') + 1, url.indexOf('}')) : null,
+            url: url,
         };
-        if (this.#anchorElement.href.includes('localLink:')) {
-            const href = this.#anchorElement.getAttribute('href');
-            currentTarget.unique = href.substring(href.indexOf(':') + 1, href.indexOf('}'));
-        }
-        else if (this.#anchorElement.host.length) {
-            currentTarget.url = this.#anchorElement.protocol ? this.#anchorElement.protocol + '//' : undefined;
-            currentTarget.url += this.#anchorElement.host + this.#anchorElement.pathname;
-        }
         this.#openLinkPicker(currentTarget);
     }
     async #openLinkPicker(currentTarget) {
@@ -88,26 +69,25 @@ export default class UmbTinyMceMultiUrlPickerPlugin extends UmbTinyMcePluginBase
         this.#linkPickerData = { link: { ...linkPickerData.link } };
         this.#updateLink();
     }
-    //Create a json obj used to create the attributes for the tag
-    // TODO => where has rel gone?
     #createElemAttributes() {
-        // Attribute 'name' because of linkPickerData. It should be 'title' .
-        const { name, ...linkPickerData } = this.#linkPickerData.link;
-        const a = Object.assign({}, linkPickerData);
-        // always need to map back to href for tinymce to render correctly
-        // do this first as checking querystring below may modify the href property
-        if (this.#linkPickerData?.link.url) {
-            a.href = this.#linkPickerData.link.url;
-        }
-        if (this.#linkPickerData?.link.name) {
-            a.title = name;
-        }
-        if (this.#linkPickerData?.link.queryString?.startsWith('#') ||
-            this.#linkPickerData?.link.queryString?.startsWith('?')) {
-            a['data-anchor'] = this.#linkPickerData?.link.queryString;
-            a.href += this.#linkPickerData?.link.queryString;
+        const link = this.#linkPickerData.link;
+        const anchor = {
+            href: link.url ?? '',
+            title: link.name ?? link.url ?? '',
+            target: link.target,
+            type: link.type ?? 'external',
+            rel: link.target === '_blank' ? 'noopener' : null,
+        };
+        if (link.queryString) {
+            anchor['data-anchor'] = link.queryString;
+            if (link.queryString.startsWith('?')) {
+                anchor.href += !anchor.href ? '/' + link.queryString : link.queryString;
+            }
+            else if (link.queryString.startsWith('#')) {
+                anchor.href += link.queryString;
+            }
         }
-        return a;
+        return anchor;
     }
     #insertLink() {
         if (this.#anchorElement) {

package/dist-cms/packages/packages/package-builder/workspace/workspace-package-builder.element.js

@@ -282,7 +282,7 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
 			<umb-property-layout label="Templates">
 				<div slot="editor">
 					<umb-input-entity
-						.getIcon=${() => 'icon-newspaper'}
+						.getIcon=${() => 'icon-document-html'}
 						.pickerContext=${UmbTemplatePickerInputContext}
 						.selection=${this._package.templates ?? []}
 						@change=${this.#onTemplateChange}>
@@ -305,7 +305,7 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
 			<umb-property-layout label="Stylesheets">
 				<div slot="editor">
 					<umb-input-entity
-						.getIcon=${() => 'icon-brush-alt'}
+						.getIcon=${() => 'icon-palette'}
 						.pickerContext=${UmbStylesheetPickerInputContext}
 						.selection=${this._package.stylesheets.map((path) => this.#serverFilePathUniqueSerializer.toUnique(path)) ??
             []}
@@ -329,7 +329,7 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
 			<umb-property-layout label="Scripts">
 				<div slot="editor">
 					<umb-input-entity
-						.getIcon=${() => 'icon-diploma'}
+						.getIcon=${() => 'icon-document-js'}
 						.pickerContext=${UmbScriptPickerInputContext}
 						.selection=${this._package.scripts.map((path) => this.#serverFilePathUniqueSerializer.toUnique(path)) ?? []}
 						@change=${this.#onScriptsChange}>
@@ -352,7 +352,7 @@ let UmbWorkspacePackageBuilderElement = class UmbWorkspacePackageBuilderElement
 			<umb-property-layout label="Partial Views">
 				<div slot="editor">
 					<umb-input-entity
-						.getIcon=${() => 'icon-notepad'}
+						.getIcon=${() => 'icon-document-html'}
 						.pickerContext=${UmbPartialViewPickerInputContext}
 						.selection=${this._package.partialViews.map((path) => this.#serverFilePathUniqueSerializer.toUnique(path)) ?? []}
 						@change=${this.#onPartialViewsChange}>

package/dist-cms/packages/sysinfo/components/sysinfo.element.d.ts

@@ -4,7 +4,7 @@ export declare class UmbSysinfoElement extends UmbModalBaseElement {
     private _systemInformation;
     private _loading;
     private _buttonState?;
-    constructor();
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static readonly styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/sysinfo/components/sysinfo.element.js

@@ -9,30 +9,32 @@ import { css, customElement, html, state, when } from '../../../external/lit/ind
 import { UmbTextStyles } from '../../core/style/index.js';
 import { UmbModalBaseElement } from '../../core/modal/index.js';
 import { UMB_NOTIFICATION_CONTEXT } from '../../core/notification/index.js';
+import { UmbCurrentUserRepository } from '../../user/current-user/index.js';
 let UmbSysinfoElement = class UmbSysinfoElement extends UmbModalBaseElement {
-    #serverKeyValues;
-    #sysinfoRepository;
-    #notificationContext;
     constructor() {
-        super();
+        super(...arguments);
         this._systemInformation = '';
         this._loading = false;
         this.#serverKeyValues = [];
         this.#sysinfoRepository = new UmbSysinfoRepository(this);
-        this.consumeContext(UMB_NOTIFICATION_CONTEXT, (context) => {
-            this.#notificationContext = context;
-        });
+        this.#currentUserRepository = new UmbCurrentUserRepository(this);
+    }
+    #serverKeyValues;
+    #sysinfoRepository;
+    #currentUserRepository;
+    connectedCallback() {
+        super.connectedCallback();
         this.#populate();
     }
     async #populate() {
         this._loading = true;
-        this.#serverKeyValues = [];
+        this.#serverKeyValues.length = 0;
         const [serverTroubleshooting, serverInformation] = await Promise.all([
             this.#sysinfoRepository.requestTroubleShooting(),
             this.#sysinfoRepository.requestServerInformation(),
         ]);
         if (serverTroubleshooting) {
-            this.#serverKeyValues = serverTroubleshooting.items;
+            this.#serverKeyValues.push(...serverTroubleshooting.items);
         }
         if (serverInformation) {
             this.#serverKeyValues.push({ name: 'Umbraco build version', data: serverInformation.version });
@@ -43,6 +45,21 @@ let UmbSysinfoElement = class UmbSysinfoElement extends UmbModalBaseElement {
         this.#serverKeyValues.push({ name: 'Browser (user agent)', data: navigator.userAgent });
         this.#serverKeyValues.push({ name: 'Browser language', data: navigator.language });
         this.#serverKeyValues.push({ name: 'Browser location', data: location.href });
+        // User information
+        const { data: currentUser } = await this.#currentUserRepository.requestCurrentUser();
+        if (currentUser) {
+            this.#serverKeyValues.push({ name: 'User is admin', data: currentUser.isAdmin ? 'Yes' : 'No' });
+            this.#serverKeyValues.push({ name: 'User sections', data: currentUser.allowedSections.join(', ') });
+            this.#serverKeyValues.push({ name: 'User culture', data: currentUser.languageIsoCode });
+            this.#serverKeyValues.push({
+                name: 'User languages',
+                data: currentUser.hasAccessToAllLanguages ? 'All' : currentUser.languages.join(', '),
+            });
+            this.#serverKeyValues.push({
+                name: 'User document start nodes',
+                data: currentUser.documentStartNodeUniques.length ? currentUser.documentStartNodeUniques.join(', ') : 'None',
+            });
+        }
         this._systemInformation = this.#renderServerKeyValues();
         this._loading = false;
     }
@@ -77,6 +94,7 @@ let UmbSysinfoElement = class UmbSysinfoElement extends UmbModalBaseElement {
 		`;
     }
     async #copyToClipboard() {
+        const notificationContext = await this.getContext(UMB_NOTIFICATION_CONTEXT);
         try {
             this._buttonState = 'waiting';
             const text = `Umbraco system information
@@ -85,7 +103,7 @@ ${this._systemInformation}`;
             const textAsCode = `\`\`\`\n${text}\n\`\`\`\n`;
             await navigator.clipboard.writeText(textAsCode);
             setTimeout(() => {
-                this.#notificationContext?.peek('positive', {
+                notificationContext?.peek('positive', {
                     data: {
                         headline: 'System information',
                         message: this.localize.term('speechBubbles_copySuccessMessage'),
@@ -96,7 +114,7 @@ ${this._systemInformation}`;
         }
         catch {
             this._buttonState = 'failed';
-            this.#notificationContext?.peek('danger', {
+            notificationContext?.peek('danger', {
                 data: {
                     headline: 'System information',
                     message: this.localize.term('speechBubbles_cannotCopyInformation'),

package/dist-cms/packages/templating/partial-views/entity-actions/create/options-modal/partial-view-create-options-modal.element.js

@@ -60,11 +60,11 @@ let UmbPartialViewCreateOptionsModalElement = class UmbPartialViewCreateOptionsM
 				<uui-box>
 					<!-- TODO: construct url -->
 					<uui-menu-item href=${this.#getCreateHref()} label="New empty partial view" @click=${this.#onNavigate}>
-						<uui-icon slot="icon" name="icon-article"></uui-icon>}
+						<uui-icon slot="icon" name="icon-document-html"></uui-icon>}
 					</uui-menu-item>
 
 					<uui-menu-item @click=${this.#onCreateFromSnippetClick} label="New partial view from snippet...">
-						<uui-icon slot="icon" name="icon-article"></uui-icon>}
+						<uui-icon slot="icon" name="icon-document-html"></uui-icon>}
 					</uui-menu-item>
 
 					<uui-menu-item @click=${this.#onCreateFolderClick} label="New Folder...">

package/dist-cms/packages/templating/partial-views/entity-actions/create/snippet-modal/create-from-snippet-modal.js

@@ -36,7 +36,7 @@ let UmbPartialViewCreateFromSnippetModalElement = class UmbPartialViewCreateFrom
 			<umb-body-layout headline="Create Partial View from snippet">
 				<uui-box>
 					${this._snippets.map((snippet) => html ` <uui-menu-item label="${snippet.name}" href=${snippet.path} @click=${this.#onNavigate}>
-								<uui-icon name="icon-article" slot="icon"></uui-icon
+								<uui-icon name="icon-document-html" slot="icon"></uui-icon
 							></uui-menu-item>`)}
 				</uui-box>
 				<uui-button slot="actions" @click=${this._rejectModal} look="secondary">Close</uui-button>

package/dist-cms/packages/templating/partial-views/tree/partial-view-tree.server.data-source.js

@@ -60,6 +60,6 @@ const mapper = (item) => {
         name: item.name,
         isFolder: item.isFolder,
         hasChildren: item.hasChildren,
-        icon: item.isFolder ? undefined : 'icon-notepad',
+        icon: item.isFolder ? undefined : 'icon-document-html',
     };
 };

package/dist-cms/packages/templating/scripts/entity-actions/create/options-modal/script-create-options-modal.element.js

@@ -47,7 +47,7 @@ let UmbScriptCreateOptionsModalElement = class UmbScriptCreateOptionsModalElemen
 				<uui-box>
 					<!-- TODO: construct url -->
 					<uui-menu-item href=${this.#getCreateHref()} label="New Javascript file" @click=${this.#onNavigate}>
-						<uui-icon slot="icon" name="icon-article"></uui-icon>}
+						<uui-icon slot="icon" name="icon-document-js"></uui-icon>}
 					</uui-menu-item>
 
 					<uui-menu-item @click=${this.#onCreateFolderClick} label="New Folder...">

package/dist-cms/packages/templating/scripts/tree/script-tree.server.data-source.js

@@ -60,6 +60,6 @@ const mapper = (item) => {
         name: item.name,
         isFolder: item.isFolder,
         hasChildren: item.hasChildren,
-        icon: item.isFolder ? undefined : 'icon-diploma',
+        icon: item.isFolder ? undefined : 'icon-document-js',
     };
 };

package/dist-cms/packages/templating/stylesheets/entity-actions/create/options-modal/stylesheet-create-options-modal.element.js

@@ -47,14 +47,14 @@ let UmbStylesheetCreateOptionsModalElement = class UmbStylesheetCreateOptionsMod
 				<uui-box>
 					<!-- TODO: construct url -->
 					<uui-menu-item href=${`${this.#getCreateHref()}/view/code`} label="New Stylesheet" @click=${this.#onNavigate}>
-						<uui-icon slot="icon" name="icon-article"></uui-icon>}
+						<uui-icon slot="icon" name="icon-palette"></uui-icon>}
 					</uui-menu-item>
 
 					<uui-menu-item
 						href=${`${this.#getCreateHref()}/view/rich-text-editor`}
 						label="New Rich Text Editor Stylesheet"
 						@click=${this.#onNavigate}>
-						<uui-icon slot="icon" name="icon-article"></uui-icon>}
+						<uui-icon slot="icon" name="icon-palette"></uui-icon>}
 					</uui-menu-item>
 
 					<uui-menu-item @click=${this.#onCreateFolderClick} label="New Folder...">

package/dist-cms/packages/templating/stylesheets/tree/stylesheet-tree.server.data-source.js

@@ -60,6 +60,6 @@ const mapper = (item) => {
         name: item.name,
         isFolder: item.isFolder,
         hasChildren: item.hasChildren,
-        icon: item.isFolder ? undefined : 'icon-brush-alt',
+        icon: item.isFolder ? undefined : 'icon-palette',
     };
 };

package/dist-cms/packages/templating/templates/global-components/template-card/template-card.element.js

@@ -46,7 +46,7 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
     render() {
         return html `<div id="card">
 			<button id="open-part" aria-label="Open ${this.name}" @click="${this.#openTemplate}">
-				<uui-icon class="logo" name="icon-layout"></uui-icon>
+				<uui-icon class="logo" name="icon-document-html"></uui-icon>
 				<strong>${this.name.length ? this.name : 'Untitled template'}</strong>
 			</button>
 			<uui-button

package/dist-cms/packages/templating/templates/tree/template-tree.server.data-source.js

@@ -56,6 +56,6 @@ const mapper = (item) => {
         entityType: UMB_TEMPLATE_ENTITY_TYPE,
         hasChildren: item.hasChildren,
         isFolder: false,
-        icon: 'icon-newspaper',
+        icon: 'icon-document-html',
     };
 };

package/dist-cms/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.defaults.js

@@ -6,7 +6,7 @@ export const UMB_BLOCK_ENTRY_WEB_COMPONENTS_ABSOLUTE_PATH = '@umbraco-cms/backof
 //so we don't have to specify all the normal elements again
 export const defaultFallbackConfig = {
     plugins: ['anchor', 'charmap', 'table', 'lists', 'advlist', 'autolink', 'directionality', 'searchreplace'],
-    valid_elements: '+a[id|style|rel|data-id|data-udi|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],-strike[class|style],-s[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|reversed|start|style|type],-ul[class|style],-li[class|style],br[class],img[id|dir|lang|longdesc|usemap|style|class|src|onmouseover|onmouseout|border|alt=|title|hspace|vspace|width|height|align|umbracoorgwidth|umbracoorgheight|onresize|onresizestart|onresizeend|rel|data-id],-sub[style|class],-sup[style|class],-blockquote[dir|style|class],-table[border=0|cellspacing|cellpadding|width|height|class|align|summary|style|dir|id|lang|bgcolor|background|bordercolor],-tr[id|lang|dir|class|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor],tbody[id|class],thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor|scope],-th[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],-span[class|align|style],-pre[class|align|style],address[class|align|style],-h1[id|dir|class|align|style],-h2[id|dir|class|align|style],-h3[id|dir|class|align|style],-h4[id|dir|class|align|style],-h5[id|dir|class|align|style],-h6[id|style|dir|class|align|style],hr[class|style],small[class|style],dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],object[class|id|width|height|codebase|*],param[name|value|_value|class],embed[type|width|height|src|class|*],map[name|class],area[shape|coords|href|alt|target|class],bdo[class],button[class],iframe[*],figure,figcaption,cite,video[*],audio[*],picture[*],source[*],canvas[*]',
+    valid_elements: '+a[id|style|rel|data-id|data-udi|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],-strike[class|style],-s[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|reversed|start|style|type],-ul[class|style],-li[class|style],br[class],img[id|dir|lang|longdesc|usemap|style|class|src|onmouseover|onmouseout|border|alt=|title|hspace|vspace|width|height|align|umbracoorgwidth|umbracoorgheight|onresize|onresizestart|onresizeend|rel|data-id],-sub[style|class],-sup[style|class],-blockquote[dir|style|class],-table[border=0|cellspacing|cellpadding|width|height|class|align|summary|style|dir|id|lang|bgcolor|background|bordercolor],-tr[id|lang|dir|class|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor],tbody[id|class],thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor|scope],-th[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],-span[class|align|style],-pre[class|align|style],address[class|align|style],-h1[id|dir|class|align|style],-h2[id|dir|class|align|style],-h3[id|dir|class|align|style],-h4[id|dir|class|align|style],-h5[id|dir|class|align|style],-h6[id|style|dir|class|align|style],hr[class|style],small[class|style],dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],object[class|id|width|height|codebase|*],param[name|value|_value|class],embed[type|width|height|src|class|*],map[name|class],area[shape|coords|href|alt|target|class],bdo[class],button[class],iframe[*],figure,figcaption,cite,video[*],audio[*],picture[*],source[*],canvas[*],-code',
     invalid_elements: 'font',
     extended_valid_elements: '@[id|class|style],+umb-rte-block[!data-content-key],+umb-rte-block-inline[!data-content-key],-div[id|dir|class|align|style],ins[datetime|cite],-ul[class|style],-li[class|style],-h1[id|dir|class|align|style],-h2[id|dir|class|align|style],-h3[id|dir|class|align|style],-h4[id|dir|class|align|style],-h5[id|dir|class|align|style],-h6[id|style|dir|class|align],span[id|class|style|lang],figure,figcaption',
     custom_elements: 'umb-rte-block,~umb-rte-block-inline',

package/dist-cms/packages/tiny-mce/plugins/tiny-mce-code-editor.plugin.js

@@ -21,14 +21,15 @@ export default class UmbTinyMceCodeEditorPlugin extends UmbTinyMcePluginBase {
                 language: 'html',
             },
         });
-        if (!modal)
+        const value = await modal.onSubmit().catch(() => undefined);
+        if (!value) {
             return;
-        const { content } = await modal.onSubmit();
-        if (!content) {
+        }
+        if (!value.content) {
             this.editor.resetContent();
         }
         else {
-            this.editor.setContent(content.toString());
+            this.editor.setContent(value.content.toString());
         }
         this.editor.dispatch('Change');
     }

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

@@ -1,4 +1,4 @@
-import type { UmbTiptapToolbarValue } from '../../extensions/types.js';
+import type { UmbTiptapToolbarValue } from '../types.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../../core/property-editor/index.js';
 import './tiptap-hover-menu.element.js';

package/dist-cms/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.d.ts

@@ -1,4 +1,4 @@
-import type { UmbTiptapToolbarValue } from '../../extensions/types.js';
+import type { UmbTiptapToolbarValue } from '../types.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import type { Editor } from '../../../../external/tiptap/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../../core/property-editor/index.js';

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

@@ -0,0 +1 @@
+export type UmbTiptapToolbarValue = Array<Array<Array<string>>>;

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

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/tiptap/extensions/core/media-upload.extension.js

@@ -50,6 +50,12 @@ export default class UmbTiptapMediaUploadExtensionApi extends UmbTiptapExtension
                             return;
                         self.#uploadTemporaryFile(files, this.editor);
                     });
+                    host.addEventListener('paste', (event) => {
+                        const files = event.clipboardData?.files;
+                        if (!files)
+                            return;
+                        self.#uploadTemporaryFile(files, this.editor);
+                    });
                 },
             }),
         ];