@umbraco-cms/backoffice 14.0.0-500b9dc0 → 14.0.0-84ca069c

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestPropertyEditorUi } from '../../../../extension-registry/index.js';
+export declare const manifests: ManifestPropertyEditorUi[];

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/manifests.js

@@ -0,0 +1,52 @@
+const configurationManifests = [
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUI.TinyMCE.ToolbarConfiguration',
+        name: 'TinyMCE Toolbar Property Editor UI',
+        loader: () => import('./toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.js'),
+        meta: {
+            label: 'TinyMCE Toolbar Configuration',
+            propertyEditorSchemaAlias: 'Umbraco.TinyMCE.Configuration',
+            icon: 'umb:autofill',
+            group: 'common',
+        },
+    },
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUI.TinyMCE.StylesheetsConfiguration',
+        name: 'TinyMCE Stylesheets Property Editor UI',
+        loader: () => import('./stylesheets/property-editor-ui-tiny-mce-stylesheets-configuration.element.js'),
+        meta: {
+            label: 'TinyMCE Stylesheets Configuration',
+            propertyEditorSchemaAlias: 'Umbraco.TinyMCE.Configuration',
+            icon: 'umb:autofill',
+            group: 'common',
+        },
+    },
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUI.TinyMCE.DimensionsConfiguration',
+        name: 'TinyMCE Dimensions Property Editor UI',
+        loader: () => import('./dimensions/property-editor-ui-tiny-mce-dimensions-configuration.element.js'),
+        meta: {
+            label: 'TinyMCE Dimensions Configuration',
+            propertyEditorSchemaAlias: 'Umbraco.TinyMCE.Configuration',
+            icon: 'umb:autofill',
+            group: 'common',
+        },
+    },
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUI.TinyMCE.MaxImageSizeConfiguration',
+        name: 'TinyMCE Max Image Size Property Editor UI',
+        loader: () => import('./max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.js'),
+        meta: {
+            label: 'TinyMCE Max Image Size Configuration',
+            propertyEditorSchemaAlias: 'Umbraco.TinyMCE.Configuration',
+            icon: 'umb:autofill',
+            group: 'common',
+        },
+    },
+];
+export const manifests = [...configurationManifests];
+//# sourceMappingURL=manifests.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/manifests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifests.js","sourceRoot":"","sources":["../../../../../../../src/packages/core/property-editors/uis/tiny-mce/config/manifests.ts"],"names":[],"mappings":"AAEA,MAAM,sBAAsB,GAAoC;IAC/D;QACC,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,mDAAmD;QAC1D,IAAI,EAAE,oCAAoC;QAC1C,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,wEAAwE,CAAC;QAC9F,IAAI,EAAE;YACL,KAAK,EAAE,+BAA+B;YACtC,yBAAyB,EAAE,+BAA+B;YAC1D,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,QAAQ;SACf;KACD;IACD;QACC,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,uDAAuD;QAC9D,IAAI,EAAE,wCAAwC;QAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,gFAAgF,CAAC;QACtG,IAAI,EAAE;YACL,KAAK,EAAE,mCAAmC;YAC1C,yBAAyB,EAAE,+BAA+B;YAC1D,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,QAAQ;SACf;KACD;IACD;QACC,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,sDAAsD;QAC7D,IAAI,EAAE,uCAAuC;QAC7C,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,8EAA8E,CAAC;QACpG,IAAI,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,yBAAyB,EAAE,+BAA+B;YAC1D,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,QAAQ;SACf;KACD;IACD;QACC,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,wDAAwD;QAC/D,IAAI,EAAE,2CAA2C;QACjD,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,oFAAoF,CAAC;QAC1G,IAAI,EAAE;YACL,KAAK,EAAE,sCAAsC;YAC7C,yBAAyB,EAAE,+BAA+B;YAC1D,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,QAAQ;SACf;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,sBAAsB,CAAC,CAAC"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.d.ts

@@ -0,0 +1,15 @@
+import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+/**
+ * @element umb-property-editor-ui-tiny-mce-maximagesize-configuration
+ */
+export declare class UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement extends UmbLitElement {
+    value?: number;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-property-editor-ui-tiny-mce-maximagesize-configuration': UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement;
+    }
+}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.js

@@ -0,0 +1,26 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { UUITextStyles } from '../../../../../../../external/uui/index.js';
+import { customElement, html, property } from '../../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+/**
+ * @element umb-property-editor-ui-tiny-mce-maximagesize-configuration
+ */
+export let UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement = class UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement extends UmbLitElement {
+    render() {
+        return html `<uui-input type="number" placeholder="Max size" .value=${this.value}></uui-input>`;
+    }
+    static { this.styles = [UUITextStyles]; }
+};
+__decorate([
+    property()
+], UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement.prototype, "value", void 0);
+UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement = __decorate([
+    customElement('umb-property-editor-ui-tiny-mce-maximagesize-configuration')
+], UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement);
+export default UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement;
+//# sourceMappingURL=property-editor-ui-tiny-mce-maximagesize-configuration.element.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor-ui-tiny-mce-maximagesize-configuration.element.js","sourceRoot":"","sources":["../../../../../../../../src/packages/core/property-editors/uis/tiny-mce/config/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE;;GAEG;AAEI,WAAM,0DAA0D,GAAhE,MAAM,0DAA2D,SAAQ,aAAa;IAK5F,MAAM;QACL,OAAO,IAAI,CAAA,0DAA0D,IAAI,CAAC,KAAK,eAAe,CAAC;IAChG,CAAC;aAEM,WAAM,GAAG,CAAC,aAAa,CAAC,AAAlB,CAAmB;;AANhC;IADC,QAAQ,EAAE;yFACI;AAHH,0DAA0D;IADtE,aAAa,CAAC,4DAA4D,CAAC;GAC/D,0DAA0D,CAUtE;AAED,eAAe,0DAA0D,CAAC"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/stylesheets/property-editor-ui-tiny-mce-stylesheets-configuration.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+/**
+ * @element umb-property-editor-ui-tiny-mce-stylesheets-configuration
+ */
+export declare class UmbPropertyEditorUITinyMceStylesheetsConfigurationElement extends UmbLitElement {
+    value: string[];
+    config: never[];
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbPropertyEditorUITinyMceStylesheetsConfigurationElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-property-editor-ui-tiny-mce-stylesheets-configuration': UmbPropertyEditorUITinyMceStylesheetsConfigurationElement;
+    }
+}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/stylesheets/property-editor-ui-tiny-mce-stylesheets-configuration.element.js

@@ -0,0 +1,45 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { UUITextStyles } from '../../../../../../../external/uui/index.js';
+import { css, customElement, html, property } from '../../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+/**
+ * @element umb-property-editor-ui-tiny-mce-stylesheets-configuration
+ */
+export let UmbPropertyEditorUITinyMceStylesheetsConfigurationElement = class UmbPropertyEditorUITinyMceStylesheetsConfigurationElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.value = [];
+        this.config = [];
+    }
+    render() {
+        return html `<ul>
+			${this.value.map((v) => html `<li><uui-checkbox value=${v}>${v}</uui-checkbox></li>`)}
+		</ul>`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			ul {
+				list-style: none;
+				padding: 0;
+				margin:0;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbPropertyEditorUITinyMceStylesheetsConfigurationElement.prototype, "value", void 0);
+__decorate([
+    property({ type: Array, attribute: false })
+], UmbPropertyEditorUITinyMceStylesheetsConfigurationElement.prototype, "config", void 0);
+UmbPropertyEditorUITinyMceStylesheetsConfigurationElement = __decorate([
+    customElement('umb-property-editor-ui-tiny-mce-stylesheets-configuration')
+], UmbPropertyEditorUITinyMceStylesheetsConfigurationElement);
+export default UmbPropertyEditorUITinyMceStylesheetsConfigurationElement;
+//# sourceMappingURL=property-editor-ui-tiny-mce-stylesheets-configuration.element.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/stylesheets/property-editor-ui-tiny-mce-stylesheets-configuration.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor-ui-tiny-mce-stylesheets-configuration.element.js","sourceRoot":"","sources":["../../../../../../../../src/packages/core/property-editors/uis/tiny-mce/config/stylesheets/property-editor-ui-tiny-mce-stylesheets-configuration.element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE;;GAEG;AAEI,WAAM,yDAAyD,GAA/D,MAAM,yDAA0D,SAAQ,aAAa;IAArF;;QAGN,UAAK,GAAa,EAAE,CAAC;QAGd,WAAM,GAAG,EAAE,CAAC;IAkBpB,CAAC;IAhBA,MAAM;QACL,OAAO,IAAI,CAAA;KACR,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,2BAA2B,CAAC,IAAI,CAAC,sBAAsB,CAAC;QAC/E,CAAC;IACR,CAAC;aAEM,WAAM,GAAG;QACf,aAAa;QACb,GAAG,CAAA;;;;;;GAMF;KACD,AATY,CASX;;AApBF;IADC,QAAQ,EAAE;wFACU;AAGd;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yFACzB;AANP,yDAAyD;IADrE,aAAa,CAAC,2DAA2D,CAAC;GAC9D,yDAAyD,CAwBrE;AAED,eAAe,yDAAyD,CAAC"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+/**
+ * @element umb-property-editor-ui-tiny-mce-toolbar-configuration
+ */
+export declare class UmbPropertyEditorUITinyMceToolbarConfigurationElement extends UmbLitElement {
+    value: string[];
+    config: never[];
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbPropertyEditorUITinyMceToolbarConfigurationElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-property-editor-ui-tiny-mce-toolbar-configuration': UmbPropertyEditorUITinyMceToolbarConfigurationElement;
+    }
+}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.js

@@ -0,0 +1,45 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { UUITextStyles } from '../../../../../../../external/uui/index.js';
+import { customElement, css, html, property } from '../../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+/**
+ * @element umb-property-editor-ui-tiny-mce-toolbar-configuration
+ */
+export let UmbPropertyEditorUITinyMceToolbarConfigurationElement = class UmbPropertyEditorUITinyMceToolbarConfigurationElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.value = [];
+        this.config = [];
+    }
+    render() {
+        return html `<ul>
+			${this.value.map((v) => html `<li><uui-checkbox value=${v} checked>${v}</uui-checkbox></li>`)}
+		</ul>`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			ul {
+				list-style: none;
+				padding: 0;
+				margin: 0;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbPropertyEditorUITinyMceToolbarConfigurationElement.prototype, "value", void 0);
+__decorate([
+    property({ type: Array, attribute: false })
+], UmbPropertyEditorUITinyMceToolbarConfigurationElement.prototype, "config", void 0);
+UmbPropertyEditorUITinyMceToolbarConfigurationElement = __decorate([
+    customElement('umb-property-editor-ui-tiny-mce-toolbar-configuration')
+], UmbPropertyEditorUITinyMceToolbarConfigurationElement);
+export default UmbPropertyEditorUITinyMceToolbarConfigurationElement;
+//# sourceMappingURL=property-editor-ui-tiny-mce-toolbar-configuration.element.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor-ui-tiny-mce-toolbar-configuration.element.js","sourceRoot":"","sources":["../../../../../../../../src/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE;;GAEG;AAEI,WAAM,qDAAqD,GAA3D,MAAM,qDAAsD,SAAQ,aAAa;IAAjF;;QAEN,UAAK,GAAa,EAAE,CAAC;QAGd,WAAM,GAAG,EAAE,CAAC;IAkBpB,CAAC;IAhBA,MAAM;QACL,OAAO,IAAI,CAAA;KACR,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,2BAA2B,CAAC,YAAY,CAAC,sBAAsB,CAAC;QACvF,CAAC;IACR,CAAC;aAEM,WAAM,GAAG;QACf,aAAa;QACb,GAAG,CAAA;;;;;;GAMF;KACD,AATY,CASX;;AApBF;IADC,QAAQ,EAAE;oFACU;AAGd;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;qFACzB;AALP,qDAAqD;IADjE,aAAa,CAAC,uDAAuD,CAAC;GAC1D,qDAAqD,CAuBjE;AAED,eAAe,qDAAqD,CAAC"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/manifests.js

@@ -1,4 +1,4 @@
-import { manifest as configuration } from './config/configuration/manifests.js';
+import { manifests as configuration } from './config/manifests.js';
 const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.TinyMCE',
@@ -12,13 +12,45 @@ const manifest = {
         settings: {
             properties: [
                 {
-                    alias: 'editor',
-                    label: 'Editor',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.TinyMCE.Configuration',
+                    alias: 'toolbar',
+                    label: 'Toolbar',
+                    description: 'Pick the toolbar options that should be available when editing',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.ToolbarConfiguration',
+                },
+                {
+                    alias: 'stylesheets',
+                    label: 'Stylesheets',
+                    description: 'Pick the stylesheets whose editor styles should be available when editing',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.StylesheetsConfiguration',
+                },
+                {
+                    alias: 'dimensions',
+                    label: 'Dimensions',
+                    description: 'Set the editor dimensions',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.DimensionsConfiguration',
+                },
+                {
+                    alias: 'maxImageSize',
+                    label: 'Maximum size for inserted images',
+                    description: 'Maximum width or height - enter 0 to disable resizing',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.MaxImageSizeConfiguration',
+                },
+                {
+                    alias: 'mode',
+                    label: 'Mode',
+                    description: 'Select the mode for the editor',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Dropdown',
+                    config: [
+                        {
+                            alias: 'items',
+                            value: ['Classic', 'Inline'],
+                        },
+                    ],
                 },
                 {
                     alias: 'overlaySize',
                     label: 'Overlay Size',
+                    description: 'Select the width of the overlay (link picker)',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
                 },
                 {
@@ -30,6 +62,5 @@ const manifest = {
         },
     },
 };
-const config = [configuration];
-export const manifests = [manifest, ...config];
+export const manifests = [manifest, ...configuration];
 //# sourceMappingURL=manifests.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/manifests.js.map

@@ -1 +1 @@
-{"version":3,"file":"manifests.js","sourceRoot":"","sources":["../../../../../../src/packages/core/property-editors/uis/tiny-mce/manifests.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAGhF,MAAM,QAAQ,GAA6B;IAC1C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,8BAA8B;IACrC,IAAI,EAAE,qCAAqC;IAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,0CAA0C,CAAC;IAChE,IAAI,EAAE;QACL,KAAK,EAAE,kBAAkB;QACzB,yBAAyB,EAAE,iBAAiB;QAC5C,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE;YACT,UAAU,EAAE;gBACX;oBACC,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,QAAQ;oBACf,qBAAqB,EAAE,4CAA4C;iBACnE;gBACD;oBACC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,cAAc;oBACrB,qBAAqB,EAAE,kCAAkC;iBACzD;gBACD;oBACC,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAE,YAAY;oBACnB,qBAAqB,EAAE,6BAA6B;iBACpD;aACD;SACD;KACD;CACD,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,MAAM,CAAC,CAAC"}
+{"version":3,"file":"manifests.js","sourceRoot":"","sources":["../../../../../../src/packages/core/property-editors/uis/tiny-mce/manifests.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGnE,MAAM,QAAQ,GAA6B;IAC1C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,8BAA8B;IACrC,IAAI,EAAE,qCAAqC;IAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,0CAA0C,CAAC;IAChE,IAAI,EAAE;QACL,KAAK,EAAE,kBAAkB;QACzB,yBAAyB,EAAE,iBAAiB;QAC5C,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE;YACT,UAAU,EAAE;gBACX;oBACC,KAAK,EAAE,SAAS;oBAChB,KAAK,EAAE,SAAS;oBAChB,WAAW,EAAE,gEAAgE;oBAC7E,qBAAqB,EAAE,mDAAmD;iBAC1E;gBACD;oBACC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,aAAa;oBACpB,WAAW,EAAE,2EAA2E;oBACxF,qBAAqB,EAAE,uDAAuD;iBAC9E;gBACD;oBACC,KAAK,EAAE,YAAY;oBACnB,KAAK,EAAE,YAAY;oBACnB,WAAW,EAAE,2BAA2B;oBACxC,qBAAqB,EAAE,sDAAsD;iBAC7E;gBACD;oBACC,KAAK,EAAE,cAAc;oBACrB,KAAK,EAAE,kCAAkC;oBACzC,WAAW,EAAE,uDAAuD;oBACpE,qBAAqB,EAAE,wDAAwD;iBAC/E;gBACD;oBACC,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,MAAM;oBACb,WAAW,EAAE,gCAAgC;oBAC7C,qBAAqB,EAAE,+BAA+B;oBACtD,MAAM,EAAE;wBACP;4BACC,KAAK,EAAE,OAAO;4BACd,KAAK,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;yBAC5B;qBACD;iBACD;gBACD;oBACC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,cAAc;oBACrB,WAAW,EAAE,+CAA+C;oBAC5D,qBAAqB,EAAE,kCAAkC;iBACzD;gBACD;oBACC,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAE,YAAY;oBACnB,qBAAqB,EAAE,6BAA6B;iBACpD;aACD;SACD;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,aAAa,CAAC,CAAC"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestTinyMcePlugin } from '../../../../extension-registry/index.js';
+export declare const manifests: ManifestTinyMcePlugin[];

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/manifests.js

@@ -0,0 +1,34 @@
+const pluginManifests = [
+    {
+        type: 'tinyMcePlugin',
+        alias: 'Umb.TinyMcePlugin.CodeEditor',
+        name: 'Code Editor TinyMCE Plugin',
+        loader: () => import('./tiny-mce-code-editor.plugin.js'),
+    },
+    {
+        type: 'tinyMcePlugin',
+        alias: 'Umb.TinyMcePlugin.LinkPicker',
+        name: 'Link Picker TinyMCE Plugin',
+        loader: () => import('./tiny-mce-linkpicker.plugin.js'),
+    },
+    {
+        type: 'tinyMcePlugin',
+        alias: 'Umb.TinyMcePlugin.MediaPicker',
+        name: 'Media Picker TinyMCE Plugin',
+        loader: () => import('./tiny-mce-mediapicker.plugin.js'),
+    },
+    {
+        type: 'tinyMcePlugin',
+        alias: 'Umb.TinyMcePlugin.EmbeddedMedia',
+        name: 'Embedded Media TinyMCE Plugin',
+        loader: () => import('./tiny-mce-embeddedmedia.plugin.js'),
+    },
+    {
+        type: 'tinyMcePlugin',
+        alias: 'Umb.TinyMcePlugin.MacroPicker',
+        name: 'Macro Picker TinyMCE Plugin',
+        loader: () => import('./tiny-mce-macropicker.plugin.js'),
+    },
+];
+export const manifests = [...pluginManifests];
+//# sourceMappingURL=manifests.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/manifests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifests.js","sourceRoot":"","sources":["../../../../../../../src/packages/core/property-editors/uis/tiny-mce/plugins/manifests.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAiC;IACrD;QACC,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC;KACxD;IACD;QACC,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iCAAiC,CAAC;KACvD;IACD;QACC,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,6BAA6B;QACnC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC;KACxD;IACD;QACC,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,iCAAiC;QACxC,IAAI,EAAE,+BAA+B;QACrC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,oCAAoC,CAAC;KAC1D;IACD;QACC,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,6BAA6B;QACnC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC;KACxD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-code-editor.plugin.d.ts

@@ -0,0 +1,5 @@
+import { TinyMcePluginArguments, UmbTinyMcePluginBase } from '../../../../extension-registry/index.js';
+export default class UmbTinyMceCodeEditorPlugin extends UmbTinyMcePluginBase {
+    #private;
+    constructor(args: TinyMcePluginArguments);
+}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-code-editor.plugin.js

@@ -0,0 +1,34 @@
+import { UmbTinyMcePluginBase } from '../../../../extension-registry/index.js';
+import { UMB_CODE_EDITOR_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../../modal/index.js';
+export default class UmbTinyMceCodeEditorPlugin extends UmbTinyMcePluginBase {
+    #modalContext;
+    constructor(args) {
+        super(args);
+        this.host.consumeContext(UMB_MODAL_MANAGER_CONTEXT_TOKEN, (modalContext) => {
+            this.#modalContext = modalContext;
+        });
+        this.editor.ui.registry.addButton('sourcecode', {
+            icon: 'sourcecode',
+            tooltip: 'View Source Code',
+            onAction: () => this.#showCodeEditor(),
+        });
+    }
+    async #showCodeEditor() {
+        const modalHandler = this.#modalContext?.open(UMB_CODE_EDITOR_MODAL, {
+            headline: 'Edit source code',
+            content: this.editor.getContent() ?? '',
+            language: 'html',
+        });
+        if (!modalHandler)
+            return;
+        const { content } = await modalHandler.onSubmit();
+        if (!content) {
+            this.editor.resetContent();
+        }
+        else {
+            this.editor.setContent(content.toString());
+        }
+        this.editor.dispatch('Change');
+    }
+}
+//# sourceMappingURL=tiny-mce-code-editor.plugin.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-code-editor.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiny-mce-code-editor.plugin.js","sourceRoot":"","sources":["../../../../../../../src/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-code-editor.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAC1G,OAAO,EAGN,qBAAqB,EAErB,+BAA+B,GAC/B,MAAM,+BAA+B,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,0BAA2B,SAAQ,oBAAoB;IAC3E,aAAa,CAA0B;IAEvC,YAAY,IAA4B;QACvC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,+BAA+B,EAAE,CAAC,YAAY,EAAE,EAAE;YAC1E,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,EAAE;YAC/C,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;SACtC,CAAC,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,eAAe;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,CAC5C,qBAAqB,EACrB;YACC,QAAQ,EAAE,kBAAkB;YAC5B,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,EAAE;YACvC,QAAQ,EAAE,MAAM;SAChB,CACD,CAAC;QAEF,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,YAAY,CAAC,QAAQ,EAAE,CAAC;QAClD,IAAI,CAAC,OAAO,EAAE;YACb,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;SAC3B;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;SAC3C;QAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;CACD"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-embeddedmedia.plugin.d.ts

@@ -0,0 +1,5 @@
+import { TinyMcePluginArguments, UmbTinyMcePluginBase } from '../../../../extension-registry/index.js';
+export default class UmbTinyMceEmbeddedMediaPlugin extends UmbTinyMcePluginBase {
+    #private;
+    constructor(args: TinyMcePluginArguments);
+}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-embeddedmedia.plugin.js

@@ -0,0 +1,69 @@
+import { UmbTinyMcePluginBase } from '../../../../extension-registry/index.js';
+import { UMB_EMBEDDED_MEDIA_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../../modal/index.js';
+export default class UmbTinyMceEmbeddedMediaPlugin extends UmbTinyMcePluginBase {
+    #modalContext;
+    constructor(args) {
+        super(args);
+        this.host.consumeContext(UMB_MODAL_MANAGER_CONTEXT_TOKEN, (modalContext) => {
+            this.#modalContext = modalContext;
+        });
+        this.editor.ui.registry.addButton('umbembeddialog', {
+            icon: 'embed',
+            tooltip: 'Embed',
+            onAction: () => this.#onAction(),
+        });
+    }
+    #onAction() {
+        // Get the selected element
+        // Check nodename is a DIV and the claslist contains 'umb-embed-holder'
+        const selectedElm = this.editor.selection.getNode();
+        let modify = {
+            width: 360,
+            height: 240,
+        };
+        if (selectedElm.nodeName.toUpperCase() === 'DIV' && selectedElm.classList.contains('umb-embed-holder')) {
+            // See if we can go and get the attributes
+            const url = this.editor.dom.getAttrib(selectedElm, 'data-embed-url');
+            const embedWidth = this.editor.dom.getAttrib(selectedElm, 'data-embed-width');
+            const embedHeight = this.editor.dom.getAttrib(selectedElm, 'data-embed-height');
+            const constrain = this.editor.dom.getAttrib(selectedElm, 'data-embed-constrain') === 'true';
+            modify = {
+                url,
+                constrain,
+                width: parseInt(embedWidth) || modify.width,
+                height: parseInt(embedHeight) || modify.height,
+            };
+        }
+        this.#showModal(selectedElm, modify);
+    }
+    #insertInEditor(embed, activeElement) {
+        // Wrap HTML preview content here in a DIV with non-editable class of .mceNonEditable
+        // This turns it into a selectable/cutable block to move about
+        const wrapper = this.editor.dom.create('div', {
+            class: 'mceNonEditable umb-embed-holder',
+            'data-embed-url': embed.url ?? '',
+            'data-embed-height': embed.height,
+            'data-embed-width': embed.width,
+            'data-embed-constrain': embed.constrain ?? false,
+            contenteditable: false,
+        }, embed.preview);
+        // Only replace if activeElement is an Embed element.
+        if (activeElement?.nodeName.toUpperCase() === 'DIV' && activeElement.classList.contains('umb-embed-holder')) {
+            activeElement.replaceWith(wrapper); // directly replaces the html node
+        }
+        else {
+            this.editor.selection.setNode(wrapper);
+        }
+    }
+    async #showModal(selectedElm, embeddedMediaModalData) {
+        const modalHandler = this.#modalContext?.open(UMB_EMBEDDED_MEDIA_MODAL, embeddedMediaModalData);
+        if (!modalHandler)
+            return;
+        const result = await modalHandler.onSubmit();
+        if (!result)
+            return;
+        this.#insertInEditor(result, selectedElm);
+        this.editor.dispatch('Change');
+    }
+}
+//# sourceMappingURL=tiny-mce-embeddedmedia.plugin.js.map

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-embeddedmedia.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiny-mce-embeddedmedia.plugin.js","sourceRoot":"","sources":["../../../../../../../src/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-embeddedmedia.plugin.ts"],"names":[],"mappings":"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"}

package/dist-cms/packages/core/property-editors/uis/tiny-mce/plugins/tiny-mce-linkpicker.plugin.d.ts

@@ -0,0 +1,6 @@
+import { TinyMcePluginArguments, UmbTinyMcePluginBase } from '../../../../extension-registry/index.js';
+export default class UmbTinyMceLinkPickerPlugin extends UmbTinyMcePluginBase {
+    #private;
+    constructor(args: TinyMcePluginArguments);
+    showDialog(): Promise<void>;
+}