@tiny-mce-umbraco/backoffice 16.0.0-rc2 → 16.0.0-rc2.2

package/README.md

@@ -0,0 +1 @@
+This is an Umbraco CMS package that enables access to the paid features in the TinyMCE-based Rich Text Editor (RTE) in version 12+ with a license. It also adds a new TinyMCE Premium property editor with additional settings, providing a more targeted configuration setup for RTE Data Types in Umbraco. Finally, it allows for additional settings that support JSON directly in the configuration for .NET (appsettings.config).

package/dist-cms/README.md

@@ -0,0 +1 @@
+This is an Umbraco CMS package that enables access to the paid features in the TinyMCE-based Rich Text Editor (RTE) in version 12+ with a license. It also adds a new TinyMCE Premium property editor with additional settings, providing a more targeted configuration setup for RTE Data Types in Umbraco. Finally, it allows for additional settings that support JSON directly in the configuration for .NET (appsettings.config).

package/dist-cms/api/client.gen.d.ts

@@ -0,0 +1,13 @@
+import type { ClientOptions } from './types.gen';
+import { type Config, type ClientOptions as DefaultClientOptions } from '@hey-api/client-fetch';
+/**
+ * The `createClientConfig()` function will be called on client initialization
+ * and the returned object will become the client's initial configuration.
+ *
+ * You may want to initialize your client this way instead of calling
+ * `setConfig()`. This is useful for example if you're using Next.js
+ * to ensure your client always has the correct values.
+ */
+export type CreateClientConfig<T extends DefaultClientOptions = ClientOptions> = (override?: Config<DefaultClientOptions & T>) => Config<Required<DefaultClientOptions> & T>;
+export declare const client: import("@hey-api/client-fetch").Client;
+//# sourceMappingURL=client.gen.d.ts.map

package/dist-cms/api/client.gen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.gen.d.ts","sourceRoot":"","sources":["../../src/api/client.gen.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,IAAI,oBAAoB,EAA8B,MAAM,uBAAuB,CAAC;AAE5H;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,oBAAoB,GAAG,aAAa,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,oBAAoB,GAAG,CAAC,CAAC,KAAK,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC;AAE7K,eAAO,MAAM,MAAM,wCAEhB,CAAC"}

package/dist-cms/api/client.gen.js

@@ -0,0 +1,5 @@
+// This file is auto-generated by @hey-api/openapi-ts
+import { createClient, createConfig } from '@hey-api/client-fetch';
+export const client = createClient(createConfig({
+    baseUrl: 'https://localhost:44308'
+}));

package/dist-cms/api/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types.gen';
+export * from './sdk.gen';
+//# sourceMappingURL=index.d.ts.map

package/dist-cms/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/dist-cms/api/index.js

@@ -0,0 +1,3 @@
+// This file is auto-generated by @hey-api/openapi-ts
+export * from './types.gen';
+export * from './sdk.gen';

package/dist-cms/api/sdk.gen.d.ts

@@ -0,0 +1,19 @@
+import type { Options as ClientOptions, TDataShape, Client } from '@hey-api/client-fetch';
+import type { GetConfigData } from './types.gen';
+export type Options<TData extends TDataShape = TDataShape, ThrowOnError extends boolean = boolean> = ClientOptions<TData, ThrowOnError> & {
+    /**
+     * You can provide a client instance returned by `createClient()` instead of
+     * individual options. This might be also useful if you want to implement a
+     * custom client.
+     */
+    client?: Client;
+    /**
+     * You can pass arbitrary values through the `meta` object. This can be
+     * used to access values that aren't defined as part of the SDK function.
+     */
+    meta?: Record<string, unknown>;
+};
+export declare class TinyMceService {
+    static getConfig<ThrowOnError extends boolean = false>(options?: Options<GetConfigData, ThrowOnError>): import("@hey-api/client-fetch").RequestResult<import("./types.gen").TinyMceConfigResponseModel, unknown, ThrowOnError>;
+}
+//# sourceMappingURL=sdk.gen.d.ts.map

package/dist-cms/api/sdk.gen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.gen.d.ts","sourceRoot":"","sources":["../../src/api/sdk.gen.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAqC,MAAM,aAAa,CAAC;AAGpF,MAAM,MAAM,OAAO,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU,EAAE,YAAY,SAAS,OAAO,GAAG,OAAO,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG;IACtI;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF,qBAAa,cAAc;WACT,SAAS,CAAC,YAAY,SAAS,OAAO,GAAG,KAAK,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,YAAY,CAAC;CAa/G"}

package/dist-cms/api/sdk.gen.js

@@ -0,0 +1,16 @@
+// This file is auto-generated by @hey-api/openapi-ts
+import { client as _heyApiClient } from './client.gen';
+export class TinyMceService {
+    static getConfig(options) {
+        return (options?.client ?? _heyApiClient).get({
+            security: [
+                {
+                    scheme: 'bearer',
+                    type: 'http'
+                }
+            ],
+            url: '/umbraco/management/api/v1/tiny-mce/config',
+            ...options
+        });
+    }
+}

package/dist-cms/api/types.gen.d.ts

@@ -0,0 +1,72 @@
+export type ProblemDetails = {
+    type?: string | null;
+    title?: string | null;
+    status?: number | null;
+    detail?: string | null;
+    instance?: string | null;
+    [key: string]: unknown | (string | null) | (string | null) | (number | null) | (string | null) | (string | null) | undefined;
+};
+export type RichTextEditorCommand = {
+    alias: string;
+    name: string;
+    mode: RichTextEditorCommandModeModel;
+};
+export declare enum RichTextEditorCommandModeModel {
+    INSERT = "Insert",
+    SELECTION = "Selection",
+    ALL = "All"
+}
+export type RichTextEditorSettings = {
+    commands: Array<RichTextEditorCommand>;
+    plugins: Array<string>;
+    customConfig: {
+        [key: string]: string;
+    };
+    validElements: string;
+    invalidElements: string;
+    cloudApiKey?: string | null;
+};
+export type TinyMceConfigResponseModel = {
+    richTextEditor?: RichTextEditorSettings | null;
+    config?: TinyMceSettings | null;
+};
+export type TinyMceSettings = {
+    apikey: string;
+    tinyMceVersion: string;
+    tinyMceUrl: string;
+    openAiApikey: string;
+    pluginsToExclude: Array<string>;
+    customConfig: {};
+};
+export type GetConfigData = {
+    body?: never;
+    path?: never;
+    query?: never;
+    url: '/umbraco/management/api/v1/tiny-mce/config';
+};
+export type GetConfigErrors = {
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type GetConfigError = GetConfigErrors[keyof GetConfigErrors];
+export type GetConfigResponses = {
+    /**
+     * OK
+     */
+    200: TinyMceConfigResponseModel;
+};
+export type GetConfigResponse = GetConfigResponses[keyof GetConfigResponses];
+export type ClientOptions = {
+    baseUrl: 'https://localhost:44308' | (string & {});
+};
+//# sourceMappingURL=types.gen.d.ts.map

package/dist-cms/api/types.gen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.gen.d.ts","sourceRoot":"","sources":["../../src/api/types.gen.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAChI,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,8BAA8B,CAAC;CACxC,CAAC;AAEF,oBAAY,8BAA8B;IACtC,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,GAAG,QAAQ;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACvC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,YAAY,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,cAAc,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,YAAY,EAAE,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,EAAE,4CAA4C,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,GAAG,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,GAAG,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,GAAG,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,eAAe,CAAC,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,GAAG,EAAE,0BAA0B,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,kBAAkB,CAAC,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG;IACxB,OAAO,EAAE,yBAAyB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACtD,CAAC"}

package/dist-cms/api/types.gen.js

@@ -0,0 +1,7 @@
+// This file is auto-generated by @hey-api/openapi-ts
+export var RichTextEditorCommandModeModel;
+(function (RichTextEditorCommandModeModel) {
+    RichTextEditorCommandModeModel["INSERT"] = "Insert";
+    RichTextEditorCommandModeModel["SELECTION"] = "Selection";
+    RichTextEditorCommandModeModel["ALL"] = "All";
+})(RichTextEditorCommandModeModel || (RichTextEditorCommandModeModel = {}));

package/dist-cms/components/constants.d.ts

@@ -0,0 +1,2 @@
+export * from './stylesheet-rule-input/constants.js';
+//# sourceMappingURL=constants.d.ts.map

package/dist-cms/components/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/constants.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/dist-cms/components/constants.js

@@ -0,0 +1 @@
+export * from './stylesheet-rule-input/constants.js';

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

@@ -0,0 +1,6 @@
+import './stylesheet-rule-input/stylesheet-rule-input.element.js';
+import './stylesheet-rule-ref/stylesheet-rule-ref.element.js';
+export * from './input-tiny-mce/index.js';
+export * from './stylesheet-rule-input/stylesheet-rule-input.element.js';
+export * from './stylesheet-rule-ref/stylesheet-rule-ref.element.js';
+//# sourceMappingURL=index.d.ts.map

package/dist-cms/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,0DAA0D,CAAC;AAClE,OAAO,sDAAsD,CAAC;AAE9D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC"}

package/dist-cms/components/index.js

@@ -0,0 +1,5 @@
+import './stylesheet-rule-input/stylesheet-rule-input.element.js';
+import './stylesheet-rule-ref/stylesheet-rule-ref.element.js';
+export * from './input-tiny-mce/index.js';
+export * from './stylesheet-rule-input/stylesheet-rule-input.element.js';
+export * from './stylesheet-rule-ref/stylesheet-rule-ref.element.js';

package/dist-cms/components/input-tiny-mce/index.d.ts

@@ -0,0 +1,7 @@
+export * from './input-tiny-mce.defaults.js';
+export * from './input-tiny-mce.element.js';
+export * from './input-tiny-mce.languages.js';
+export * from './input-tiny-mce.sanitizer.js';
+export * from './input-tiny-mce.handlers.js';
+export * from './tiny-mce-plugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist-cms/components/input-tiny-mce/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input-tiny-mce/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC"}

package/dist-cms/components/input-tiny-mce/index.js

@@ -0,0 +1,6 @@
+export * from './input-tiny-mce.defaults.js';
+export * from './input-tiny-mce.element.js';
+export * from './input-tiny-mce.languages.js';
+export * from './input-tiny-mce.sanitizer.js';
+export * from './input-tiny-mce.handlers.js';
+export * from './tiny-mce-plugin.js';

package/dist-cms/components/input-tiny-mce/input-tiny-mce.defaults.d.ts

@@ -0,0 +1,5 @@
+import type { RawEditorOptions } from '@umbraco-cms/backoffice/external/tinymce';
+export declare const UMB_BLOCK_ENTRY_WEB_COMPONENTS_ABSOLUTE_PATH = "@umbraco-cms/backoffice/block-rte";
+export declare const defaultPremiumPluginsList: readonly ["a11ychecker", "advcode", "advtable", "advtemplate", "typography", "ai", "casechange", "checklist", "mediaembed", "export", "footnotes", "formatpainter", "mergetags", "pageembed", "powerpaste", "permanentpen", "tinymcespellchecker", "tableofcontents"];
+export declare const defaultFallbackConfig: RawEditorOptions;
+//# sourceMappingURL=input-tiny-mce.defaults.d.ts.map

package/dist-cms/components/input-tiny-mce/input-tiny-mce.defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-tiny-mce.defaults.d.ts","sourceRoot":"","sources":["../../../src/components/input-tiny-mce/input-tiny-mce.defaults.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAGjF,eAAO,MAAM,4CAA4C,sCAAsC,CAAC;AAEhG,eAAO,MAAM,yBAAyB,uQAmB5B,CAAC;AAIX,eAAO,MAAM,qBAAqB,EAAE,gBAiKnC,CAAC"}

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

@@ -0,0 +1,159 @@
+import { UMB_CONTEXT_REQUEST_EVENT_TYPE } from '@umbraco-cms/backoffice/context-api';
+import { UUIIconRequestEvent } from '@umbraco-cms/backoffice/external/uui';
+export const UMB_BLOCK_ENTRY_WEB_COMPONENTS_ABSOLUTE_PATH = '@umbraco-cms/backoffice/block-rte';
+export const defaultPremiumPluginsList = [
+    'a11ychecker',
+    'advcode',
+    'advtable',
+    'advtemplate',
+    'typography',
+    'ai',
+    'casechange',
+    'checklist',
+    'mediaembed',
+    'export',
+    'footnotes',
+    'formatpainter',
+    'mergetags',
+    'pageembed',
+    'powerpaste',
+    'permanentpen',
+    'tinymcespellchecker',
+    'tableofcontents',
+];
+//we put these as extended elements because they get merged on top of the normal allowed elements by tiny mce
+//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[*],details[*],summary[*],-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',
+    toolbar: [
+        'styles',
+        'bold',
+        'italic',
+        'alignleft',
+        'aligncenter',
+        'alignright',
+        'bullist',
+        'numlist',
+        'outdent',
+        'indent',
+        'link',
+        'umbmediapicker',
+        'umbembeddialog',
+    ],
+    // debugging option:
+    //setup: function (editor) {
+    //	console.log('TinyMCE editor is initializing...');
+    //	editor.on('init', function () {
+    //		console.log('TinyMCE initialized.');
+    //	});
+    //	editor.on('PluginLoad', function (e) {
+    //		console.log('Plugin loaded:', e.plugin);
+    //	});
+    //},
+    init_instance_callback: function (editor) {
+        // The following code is the context api proxy. [NL]
+        // It re-dispatches the context api request event to the origin target of this modal, in other words the element that initiated the modal. [NL]
+        editor.dom.doc.addEventListener(UMB_CONTEXT_REQUEST_EVENT_TYPE, ((event) => {
+            if (!editor.iframeElement)
+                return;
+            event.stopImmediatePropagation();
+            editor.iframeElement.dispatchEvent(event.clone());
+        }));
+        //TODO: wire this up
+        //editor.dom.doc.addEventListener(UMB_CONTEXT_PROVIDE_EVENT_TYPE, ((event: UmbContextProvideEvent) => {
+        //	if (!editor.iframeElement) return;
+        //	event.stopImmediatePropagation();
+        //	editor.iframeElement.dispatchEvent(event.clone());
+        //}) as EventListener);
+        // Proxy for retrieving icons from outside the iframe [NL]
+        editor.dom.doc.addEventListener(UUIIconRequestEvent.ICON_REQUEST, ((event) => {
+            if (!editor.iframeElement)
+                return;
+            const newEvent = new UUIIconRequestEvent(UUIIconRequestEvent.ICON_REQUEST, {
+                detail: event.detail,
+            });
+            editor.iframeElement.dispatchEvent(newEvent);
+            if (newEvent.icon !== null) {
+                event.acceptRequest(newEvent.icon);
+            }
+        }));
+        // Transfer our import-map to the iframe: [NL]
+        const importMapTag = document.head.querySelector('script[type="importmap"]');
+        if (importMapTag) {
+            const importMap = document.createElement('script');
+            importMap.type = 'importmap';
+            importMap.text = importMapTag.innerHTML;
+            editor.dom.doc.head.appendChild(importMap);
+        }
+        // Transfer our stylesheets to the iframe: [NL]
+        const stylesheetTags = document.head.querySelectorAll('link[rel="stylesheet"]');
+        stylesheetTags.forEach((stylesheetTag) => {
+            const stylesheet = document.createElement('link');
+            stylesheet.rel = 'stylesheet';
+            stylesheet.href = stylesheetTag.href;
+            editor.dom.doc.head.appendChild(stylesheet);
+        });
+        editor.dom.doc.addEventListener('click', (e) => {
+            // If we try to open link in a new tab, then we want to skip skip:
+            //if ((isWindows && e.ctrlKey) || (!isWindows && e.metaKey)) return;
+            const composedPaths = 'composedPath' in e ? e.composedPath() : null;
+            // Find the target by using the composed path to get the element through the shadow boundaries.
+            // Notice the difference here compared to RouterSlots implementation [NL]
+            const $anchor = composedPaths?.find(($elem) => $elem instanceof HTMLAnchorElement || $elem.tagName === 'A') ?? e.target;
+            // Abort if the event is not about the anchor tag or the anchor tag has the attribute [data-router-slot]="disabled"
+            if ($anchor == null ||
+                !($anchor instanceof HTMLAnchorElement || $anchor.tagName === 'A') ||
+                $anchor.dataset['routerSlot'] === 'disabled') {
+                return;
+            }
+            // Abort if the anchor tag is not inside a block element
+            const isInsideBlockElement = composedPaths?.some(($elem) => $elem.tagName === 'UMB-RTE-BLOCK' || $elem.tagName === 'UMB-RTE-BLOCK-INLINE') ?? false;
+            if (!isInsideBlockElement) {
+                return;
+            }
+            // Remove the origin from the start of the HREF to get the path
+            const path = $anchor.pathname + $anchor.search + $anchor.hash;
+            // Prevent the default behavior
+            e.preventDefault();
+            // Change the history!
+            window.history.pushState(null, '', path);
+        });
+        // Load backoffice JS so we can get the umb-rte-block component registered inside the iframe [NL]
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.setAttribute('type', 'module');
+        script.text = `import "@umbraco-cms/backoffice/extension-registry";`;
+        script.text = `import "${UMB_BLOCK_ENTRY_WEB_COMPONENTS_ABSOLUTE_PATH}";`;
+        editor.dom.doc.head.appendChild(script);
+    },
+    style_formats: [
+        {
+            title: 'Headers',
+            items: [
+                { title: 'Page header', block: 'h2' },
+                { title: 'Section header', block: 'h3' },
+                { title: 'Paragraph header', block: 'h4' },
+            ],
+        },
+        {
+            title: 'Blocks',
+            items: [{ title: 'Paragraph', block: 'p' }],
+        },
+        {
+            title: 'Containers',
+            items: [
+                { title: 'Quote', block: 'blockquote' },
+                { title: 'Code', block: 'code' },
+            ],
+        },
+    ],
+    /**
+     * @description The maximum image size in pixels that can be inserted into the editor.
+     * @remarks This is registered and used by the UmbMediaPicker plugin
+     */
+    maxImageSize: 500,
+};

package/dist-cms/components/input-tiny-mce/input-tiny-mce.element.d.ts

@@ -0,0 +1,37 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import type { Editor } from '../../external/tinymce/index.js';
+import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
+declare const UmbInputTinyMceElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof UmbLitElement;
+export declare class UmbInputTinyMceElement extends UmbInputTinyMceElement_base {
+    #private;
+    configuration?: UmbPropertyEditorConfigCollection;
+    protected getFormElement(): HTMLIFrameElement | undefined;
+    set value(newValue: FormDataEntryValue | FormData);
+    get value(): FormDataEntryValue | FormData;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    private readonly _editorElement?;
+    getEditor(): Editor | null | undefined;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    getFormatStyles(stylesheetPaths: Array<string>): Promise<any[]>;
+    /**
+     * Nothing rendered by default - TinyMCE initialization creates
+     * a target div and binds the RTE to that element
+     */
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}
+export default UmbInputTinyMceElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-tiny-mce': UmbInputTinyMceElement;
+    }
+}
+//# sourceMappingURL=input-tiny-mce.element.d.ts.map

package/dist-cms/components/input-tiny-mce/input-tiny-mce.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-tiny-mce.element.d.ts","sourceRoot":"","sources":["../../../src/components/input-tiny-mce/input-tiny-mce.element.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,OAAO,KAAK,EAAe,MAAM,EAAoB,MAAM,iCAAiC,CAAC;AAE7F,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yCAAyC,CAAC;;AAmCjG,qBACa,sBAAuB,SAAQ,2BAAsC;;IAEjF,aAAa,CAAC,EAAE,iCAAiC,CAAC;cAQ/B,cAAc;IAIjC,IAAa,KAAK,CAAC,QAAQ,EAAE,kBAAkB,GAAG,QAAQ,EAOzD;IAED,IAAa,KAAK,IAAI,kBAAkB,GAAG,QAAQ,CAElD;IAED;;;;;OAKG;IACH,IACW,QAAQ,YAElB;IACD,IAAW,QAAQ,CAAC,KAAK,SAAA,EAKxB;IAID,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAc;IAE9C,SAAS;IAIA,YAAY;IAsBZ,oBAAoB;IA0BvB,eAAe,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC;IAkUpD;;;OAGG;IACM,MAAM;IAIf,gBAAyB,MAAM,4BAkB7B;CACF;AAED,eAAe,sBAAsB,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,sBAAsB,CAAC;KAC7C;CACD"}