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

package/dist-cms/property-editors/tiny-mce/property-editor-ui-tiny-mce.element.js

@@ -0,0 +1,79 @@
+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;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbPropertyEditorUITinyMceElement_instances, _UmbPropertyEditorUITinyMceElement_onChange;
+import { customElement, html } from '@umbraco-cms/backoffice/external/lit';
+import { UmbPropertyEditorUiRteElementBase } from '@umbraco-cms/backoffice/rte';
+import '../../components/input-tiny-mce/input-tiny-mce.element.js';
+/**
+ * @element umb-property-editor-ui-tiny-mce
+ */
+let UmbPropertyEditorUITinyMceElement = class UmbPropertyEditorUITinyMceElement extends UmbPropertyEditorUiRteElementBase {
+    constructor() {
+        super(...arguments);
+        _UmbPropertyEditorUITinyMceElement_instances.add(this);
+    }
+    render() {
+        return html `
+			<umb-input-tiny-mce
+				.configuration=${this._config}
+				.value=${this._markup}
+				@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUITinyMceElement_instances, "m", _UmbPropertyEditorUITinyMceElement_onChange)}
+				?readonly=${this.readonly}>
+			</umb-input-tiny-mce>
+		`;
+    }
+};
+_UmbPropertyEditorUITinyMceElement_instances = new WeakSet();
+_UmbPropertyEditorUITinyMceElement_onChange = function _UmbPropertyEditorUITinyMceElement_onChange(event) {
+    const markup = typeof event.target.value === 'string' ? event.target.value : '';
+    // If we don't get any markup clear the property editor value.
+    if (markup === '') {
+        this.value = undefined;
+        this._fireChangeEvent();
+        return;
+    }
+    // Remove unused Blocks of Blocks Layout. Leaving only the Blocks that are present in Markup.
+    const usedContentKeys = [];
+    // Regex matching all block elements in the markup, and extracting the content key. It's the same as the one used on the backend.
+    const regex = new RegExp(/<umb-rte-block(?:-inline)?(?: class="(?:.[^"]*)")? data-content-key="(?<key>.[^"]*)">(?:<!--Umbraco-Block-->)?<\/umb-rte-block(?:-inline)?>/gi);
+    let blockElement;
+    while ((blockElement = regex.exec(markup)) !== null) {
+        if (blockElement.groups?.key) {
+            usedContentKeys.push(blockElement.groups.key);
+        }
+    }
+    if (this.value) {
+        this.value = {
+            ...this.value,
+            markup: markup,
+        };
+    }
+    else {
+        this.value = {
+            markup: markup,
+            blocks: {
+                layout: {},
+                contentData: [],
+                settingsData: [],
+                expose: [],
+            },
+        };
+    }
+    // lets run this one after we set the value, to make sure we don't reset the value.
+    this._filterUnusedBlocks(usedContentKeys);
+    this._fireChangeEvent();
+};
+UmbPropertyEditorUITinyMceElement = __decorate([
+    customElement('umb-property-editor-ui-tiny-mce')
+], UmbPropertyEditorUITinyMceElement);
+export { UmbPropertyEditorUITinyMceElement };
+export default UmbPropertyEditorUITinyMceElement;

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

@@ -0,0 +1,25 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import type { PropertyValueMap } from '@umbraco-cms/backoffice/external/lit';
+import type { UmbPropertyEditorUiElement, UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
+/**
+ * @element umb-property-editor-ui-tiny-mce-toolbar-configuration
+ */
+export declare class UmbPropertyEditorUITinyMceToolbarConfigurationElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
+    set value(value: string | string[] | null);
+    get value(): string[];
+    config?: UmbPropertyEditorConfigCollection;
+    private readonly _toolbarConfig;
+    protected firstUpdated(_changedProperties: PropertyValueMap<unknown>): Promise<void>;
+    private getToolbarPlugins;
+    private onChange;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}
+export default UmbPropertyEditorUITinyMceToolbarConfigurationElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-property-editor-ui-tiny-mce-toolbar-configuration': UmbPropertyEditorUITinyMceToolbarConfigurationElement;
+    }
+}
+//# sourceMappingURL=property-editor-ui-tiny-mce-toolbar-configuration.element.d.ts.map

package/dist-cms/property-editors/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor-ui-tiny-mce-toolbar-configuration.element.d.ts","sourceRoot":"","sources":["../../../src/property-editors/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,KAAK,EACX,0BAA0B,EAC1B,iCAAiC,EACjC,MAAM,yCAAyC,CAAC;AAiBjD;;GAEG;AACH,qBACa,qDACZ,SAAQ,aACR,YAAW,0BAA0B;;IAErC,IACI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,EAqBxC;IACD,IAAI,KAAK,IAAI,MAAM,EAAE,CAEpB;IAGD,MAAM,CAAC,EAAE,iCAAiC,CAAC;IAG3C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAuB;cAY7B,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,OAAO,CAAC;YAoCrE,iBAAiB;IA+C/B,OAAO,CAAC,QAAQ;IAaP,MAAM;IAqBf,gBAAyB,MAAM,4BAe7B;CACF;AAED,eAAe,qDAAqD,CAAC;AAErE,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,uDAAuD,EAAE,qDAAqD,CAAC;KAC/G;CACD"}

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

@@ -0,0 +1,201 @@
+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;
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbPropertyEditorUITinyMceToolbarConfigurationElement_instances, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_getTinyMceConfig;
+import { css, customElement, html, property, state, repeat } from '@umbraco-cms/backoffice/external/lit';
+import { firstValueFrom } from '@umbraco-cms/backoffice/external/rxjs';
+import { TinyMceService } from '../../api/index.js';
+import { tryExecute } from '@umbraco-cms/backoffice/resources';
+import { umbHttpClient } from '@umbraco-cms/backoffice/http-client';
+import { tinymce } from '@umbraco-cms/backoffice/external/tinymce';
+import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
+import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
+import { UMB_PROPERTY_DATASET_CONTEXT } from '@umbraco-cms/backoffice/property';
+import { defaultPremiumPluginsList } from '../../components/input-tiny-mce/input-tiny-mce.defaults.js';
+const tinyIconSet = tinymce.IconManager.get('default');
+/**
+ * @element umb-property-editor-ui-tiny-mce-toolbar-configuration
+ */
+let UmbPropertyEditorUITinyMceToolbarConfigurationElement = class UmbPropertyEditorUITinyMceToolbarConfigurationElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        _UmbPropertyEditorUITinyMceToolbarConfigurationElement_instances.add(this);
+        this._toolbarConfig = [];
+        _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues.set(this, []);
+    }
+    set value(value) {
+        if (!value)
+            return;
+        if (typeof value === 'string') {
+            __classPrivateFieldSet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, value.split(',').filter((x) => x.length > 0), "f");
+        }
+        else if (Array.isArray(value)) {
+            __classPrivateFieldSet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, value, "f");
+        }
+        else {
+            __classPrivateFieldSet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, [], "f");
+            return;
+        }
+        // Migrations
+        if (__classPrivateFieldGet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, "f").includes('ace')) {
+            __classPrivateFieldSet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, __classPrivateFieldGet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, "f").filter((v) => v !== 'ace'), "f");
+            __classPrivateFieldGet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, "f").push('sourcecode');
+        }
+        this._toolbarConfig.forEach((v) => {
+            v.selected = __classPrivateFieldGet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, "f").includes(v.alias);
+        });
+    }
+    get value() {
+        return __classPrivateFieldGet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues, "f");
+    }
+    async firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.config?.getValueByAlias('toolbar')?.forEach((v) => {
+            this._toolbarConfig.push({
+                ...v,
+                selected: this.value.includes(v.alias),
+                disabled: false,
+                isplugin: false,
+                pluginAlias: v.pluginAlias,
+            });
+        });
+        await this.getToolbarPlugins();
+        this.requestUpdate('_toolbarConfig');
+        this.consumeContext(UMB_PROPERTY_DATASET_CONTEXT, async (context) => {
+            this.observe(await context?.propertyValueByAlias('plugins'), (value) => {
+                //console.log([value]);
+                this._toolbarConfig.forEach((p) => {
+                    if (p.isplugin && p.pluginAlias) {
+                        if (value?.includes(p.pluginAlias)) {
+                            p.disabled = false;
+                        }
+                        else {
+                            p.disabled = true;
+                        }
+                    }
+                });
+                //console.log([this._toolbarConfig]);
+                this.requestUpdate('_toolbarConfig');
+            });
+        });
+    }
+    async getToolbarPlugins() {
+        // Get all the toolbar plugins
+        const plugin$ = umbExtensionsRegistry.byType('tinyMcePlugin');
+        const plugins = await firstValueFrom(plugin$);
+        const appSettingsConfig = await __classPrivateFieldGet(this, _UmbPropertyEditorUITinyMceToolbarConfigurationElement_instances, "m", _UmbPropertyEditorUITinyMceToolbarConfigurationElement_getTinyMceConfig).call(this);
+        // Get list of plugins to exclude from the list
+        let excludeList = [];
+        let apiKey = '';
+        if (appSettingsConfig) {
+            apiKey = appSettingsConfig.richTextEditor?.cloudApiKey || '';
+            if (appSettingsConfig.config?.apikey) {
+                apiKey = appSettingsConfig.config?.apikey;
+            }
+            if (Array.isArray(appSettingsConfig.config?.pluginsToExclude)) {
+                excludeList = appSettingsConfig.config?.pluginsToExclude;
+            }
+            if (!apiKey) {
+                // Remove pre-loaded premium plugins if no key present
+                excludeList = [...new Set([...excludeList, ...defaultPremiumPluginsList])];
+            }
+        }
+        plugins.forEach((p) => {
+            // If the plugin has a toolbar, add it to the config
+            if (p.meta?.toolbar) {
+                p.meta.toolbar.forEach((t) => {
+                    if (!excludeList.includes(t.pluginAlias)) {
+                        this._toolbarConfig.push({
+                            alias: t.alias,
+                            label: this.localize.string(t.label),
+                            icon: t.icon ?? 'icon-autofill',
+                            selected: this.value.includes(t.alias),
+                            disabled: false,
+                            isplugin: t.isplugin,
+                            pluginAlias: t.pluginAlias,
+                        });
+                    }
+                });
+            }
+        });
+    }
+    onChange(event) {
+        const checkbox = event.target;
+        const alias = checkbox.value;
+        const value = this._toolbarConfig
+            .filter((t) => (t.alias !== alias && t.selected) || (t.alias === alias && checkbox.checked))
+            .map((v) => v.alias);
+        this.value = value;
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    render() {
+        return html `<ul>
+			${repeat(this._toolbarConfig, (v) => v.alias, (v) => html `<li>
+						<uui-checkbox
+							label=${v.label}
+							value=${v.alias}
+							?disabled=${v.disabled}
+							?checked=${v.selected}
+							@change=${this.onChange}>
+							<uui-icon .svg=${tinyIconSet?.icons[v.icon ?? 'alignjustify']}></uui-icon>
+							${v.label}
+						</uui-checkbox>
+					</li>`)}
+		</ul>`;
+    }
+};
+_UmbPropertyEditorUITinyMceToolbarConfigurationElement_selectedValues = new WeakMap();
+_UmbPropertyEditorUITinyMceToolbarConfigurationElement_instances = new WeakSet();
+_UmbPropertyEditorUITinyMceToolbarConfigurationElement_getTinyMceConfig = async function _UmbPropertyEditorUITinyMceToolbarConfigurationElement_getTinyMceConfig() {
+    // @ts-ignore
+    const { data } = await tryExecute(this, TinyMceService.getConfig({ client: umbHttpClient }));
+    if (!data)
+        return;
+    return data;
+};
+UmbPropertyEditorUITinyMceToolbarConfigurationElement.styles = [
+    UmbTextStyles,
+    css `
+			ul {
+				list-style: none;
+				padding: 0;
+				margin: 0;
+
+				uui-icon {
+					width: 1.5em;
+					height: 1.5em;
+					margin-right: 5px;
+				}
+			}
+		`,
+];
+__decorate([
+    property({ attribute: false })
+], UmbPropertyEditorUITinyMceToolbarConfigurationElement.prototype, "value", null);
+__decorate([
+    property({ attribute: false })
+], UmbPropertyEditorUITinyMceToolbarConfigurationElement.prototype, "config", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUITinyMceToolbarConfigurationElement.prototype, "_toolbarConfig", void 0);
+UmbPropertyEditorUITinyMceToolbarConfigurationElement = __decorate([
+    customElement('umb-property-editor-ui-tiny-mce-toolbar-configuration')
+], UmbPropertyEditorUITinyMceToolbarConfigurationElement);
+export { UmbPropertyEditorUITinyMceToolbarConfigurationElement };
+export default UmbPropertyEditorUITinyMceToolbarConfigurationElement;

package/dist-cms/stylesheets/entity-actions/manifests.d.ts

@@ -0,0 +1,2 @@
+export declare const manifests: Array<UmbExtensionManifest>;
+//# sourceMappingURL=manifests.d.ts.map

package/dist-cms/stylesheets/entity-actions/manifests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../../../src/stylesheets/entity-actions/manifests.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAajD,CAAC"}

package/dist-cms/stylesheets/entity-actions/manifests.js

@@ -0,0 +1,15 @@
+import { UMB_STYLESHEET_FOLDER_ENTITY_TYPE, UMB_STYLESHEET_ROOT_ENTITY_TYPE } from '@umbraco-cms/backoffice/stylesheet';
+export const manifests = [
+    {
+        type: 'entityCreateOptionAction',
+        alias: 'Umb.EntityCreateOptionAction.Stylesheet.Rte',
+        name: 'RTE Stylesheet Entity Create Option Action',
+        weight: 90,
+        api: () => import('./rte-stylesheet-create-option-action.js'),
+        forEntityTypes: [UMB_STYLESHEET_ROOT_ENTITY_TYPE, UMB_STYLESHEET_FOLDER_ENTITY_TYPE],
+        meta: {
+            icon: 'icon-palette',
+            label: '#create_newRteStyleSheetFile',
+        },
+    },
+];

package/dist-cms/stylesheets/entity-actions/rte-stylesheet-create-option-action.d.ts

@@ -0,0 +1,7 @@
+import { UmbEntityCreateOptionActionBase } from '@umbraco-cms/backoffice/entity-create-option-action';
+import type { MetaEntityCreateOptionAction } from '@umbraco-cms/backoffice/entity-create-option-action';
+export declare class UmbStylesheetCreateOptionAction extends UmbEntityCreateOptionActionBase<MetaEntityCreateOptionAction> {
+    getHref(): Promise<string>;
+}
+export { UmbStylesheetCreateOptionAction as api };
+//# sourceMappingURL=rte-stylesheet-create-option-action.d.ts.map

package/dist-cms/stylesheets/entity-actions/rte-stylesheet-create-option-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rte-stylesheet-create-option-action.d.ts","sourceRoot":"","sources":["../../../src/stylesheets/entity-actions/rte-stylesheet-create-option-action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qDAAqD,CAAC;AAExG,qBAAa,+BAAgC,SAAQ,+BAA+B,CAAC,4BAA4B,CAAC;IAClG,OAAO;CAMtB;AAED,OAAO,EAAE,+BAA+B,IAAI,GAAG,EAAE,CAAC"}

package/dist-cms/stylesheets/entity-actions/rte-stylesheet-create-option-action.js

@@ -0,0 +1,8 @@
+import { UmbEntityCreateOptionActionBase } from '@umbraco-cms/backoffice/entity-create-option-action';
+export class UmbStylesheetCreateOptionAction extends UmbEntityCreateOptionActionBase {
+    async getHref() {
+        const href = `section/settings/workspace/stylesheet/create/parent/${this.args.entityType}/${this.args.unique || 'null'}`;
+        return `${href}/view/rich-text-editor`;
+    }
+}
+export { UmbStylesheetCreateOptionAction as api };

package/dist-cms/stylesheets/manifests.d.ts

@@ -0,0 +1,2 @@
+export declare const manifests: Array<UmbExtensionManifest>;
+//# sourceMappingURL=manifests.d.ts.map

package/dist-cms/stylesheets/manifests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../../src/stylesheets/manifests.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAyC,CAAC"}

package/dist-cms/stylesheets/manifests.js

@@ -0,0 +1,3 @@
+import { manifests as entityActions } from './entity-actions/manifests.js';
+import { manifests as workspaceViews } from './workspace-views/manifests.js';
+export const manifests = [...entityActions, ...workspaceViews];

package/dist-cms/stylesheets/stylesheet-rule-manager.d.ts

@@ -0,0 +1,20 @@
+import type { UmbStylesheetRule } from '../types.js';
+export declare class UmbStylesheetRuleManager {
+    #private;
+    /**
+     * Extracts umbraco rules from a stylesheet content
+     * @param {string} stylesheetContent
+     * @returns {*}
+     * @memberof UmbStylesheetRuleManager
+     */
+    extractRules(stylesheetContent: string): Array<UmbStylesheetRule>;
+    /**
+     * Inserts umbraco rules into stylesheet content
+     * @param {string} stylesheetContent
+     * @param {UmbStylesheetRule[]} rules
+     * @returns {*}
+     * @memberof UmbStylesheetRuleManager
+     */
+    insertRules(stylesheetContent: string, rules: Array<any>): string;
+}
+//# sourceMappingURL=stylesheet-rule-manager.d.ts.map

package/dist-cms/stylesheets/stylesheet-rule-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet-rule-manager.d.ts","sourceRoot":"","sources":["../../src/stylesheets/stylesheet-rule-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,qBAAa,wBAAwB;;IAGpC;;;;;OAKG;IACH,YAAY,CAAC,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAajE;;;;;;OAMG;IACH,WAAW,CAAC,iBAAiB,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM;CAqBjE"}

package/dist-cms/stylesheets/stylesheet-rule-manager.js

@@ -0,0 +1,57 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbStylesheetRuleManager_umbRuleRegex;
+export class UmbStylesheetRuleManager {
+    constructor() {
+        _UmbStylesheetRuleManager_umbRuleRegex.set(this, /\/\*\*\s*umb_name:\s*(?<name>[^*\r\n]*?)\s*\*\/\s*(?<selector>[^,{]*?)\s*{\s*(?<styles>.*?)\s*}/gis);
+    }
+    /**
+     * Extracts umbraco rules from a stylesheet content
+     * @param {string} stylesheetContent
+     * @returns {*}
+     * @memberof UmbStylesheetRuleManager
+     */
+    extractRules(stylesheetContent) {
+        const regex = __classPrivateFieldGet(this, _UmbStylesheetRuleManager_umbRuleRegex, "f");
+        if (!stylesheetContent)
+            throw Error('No Stylesheet content');
+        return [...stylesheetContent.matchAll(regex)].map((match) => {
+            const rule = {
+                name: match.groups?.name || '',
+                selector: match.groups?.selector || '',
+                styles: match.groups?.styles || '',
+            };
+            return rule;
+        });
+    }
+    /**
+     * Inserts umbraco rules into stylesheet content
+     * @param {string} stylesheetContent
+     * @param {UmbStylesheetRule[]} rules
+     * @returns {*}
+     * @memberof UmbStylesheetRuleManager
+     */
+    insertRules(stylesheetContent, rules) {
+        const regex = __classPrivateFieldGet(this, _UmbStylesheetRuleManager_umbRuleRegex, "f");
+        if (!stylesheetContent && !rules)
+            return '';
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        //@ts-ignore
+        const cleanedContent = stylesheetContent?.replaceAll(regex, '');
+        const newContent = `
+      ${cleanedContent.replace(/[\r\n]+$/, '')}
+      ${rules
+            ?.map((rule) => `
+/**umb_name:${rule.name}*/
+${rule.selector} {
+	${rule.styles ?? ''}
+}
+`)
+            .join('')}`;
+        return newContent.trim();
+    }
+}
+_UmbStylesheetRuleManager_umbRuleRegex = new WeakMap();

package/dist-cms/stylesheets/workspace-views/manifests.d.ts

@@ -0,0 +1,2 @@
+export declare const manifests: Array<UmbExtensionManifest>;
+//# sourceMappingURL=manifests.d.ts.map

package/dist-cms/stylesheets/workspace-views/manifests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../../../src/stylesheets/workspace-views/manifests.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAmBjD,CAAC"}

package/dist-cms/stylesheets/workspace-views/manifests.js

@@ -0,0 +1,22 @@
+import { UMB_STYLESHEET_WORKSPACE_ALIAS } from '@umbraco-cms/backoffice/stylesheet';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '@umbraco-cms/backoffice/workspace';
+export const manifests = [
+    {
+        type: 'workspaceView',
+        alias: 'Umb.WorkspaceView.Stylesheet.RichTextEditor',
+        name: 'Stylesheet Workspace Rich Text Editor View',
+        element: () => import('./stylesheet-rich-text-rule-workspace-view.element.js'),
+        weight: 800,
+        meta: {
+            label: '#stylesheet_tabRules',
+            pathname: 'rich-text-editor',
+            icon: 'icon-font',
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_STYLESHEET_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+];

package/dist-cms/stylesheets/workspace-views/stylesheet-rich-text-rule-workspace-view.element.d.ts

@@ -0,0 +1,18 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import type { UmbStylesheetRule } from '../../types.js';
+import '../../components/stylesheet-rule-input/stylesheet-rule-input.element.js';
+import '../../components/stylesheet-rule-ref/stylesheet-rule-ref.element.js';
+export declare class UmbStylesheetRichTextRuleWorkspaceViewElement extends UmbLitElement {
+    #private;
+    _rules: Array<UmbStylesheetRule>;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbStylesheetRichTextRuleWorkspaceViewElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-stylesheet-rich-text-rule-workspace-view': UmbStylesheetRichTextRuleWorkspaceViewElement;
+    }
+}
+//# sourceMappingURL=stylesheet-rich-text-rule-workspace-view.element.d.ts.map

package/dist-cms/stylesheets/workspace-views/stylesheet-rich-text-rule-workspace-view.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet-rich-text-rule-workspace-view.element.d.ts","sourceRoot":"","sources":["../../../src/stylesheets/workspace-views/stylesheet-rich-text-rule-workspace-view.element.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,OAAO,yEAAyE,CAAC;AACjF,OAAO,qEAAqE,CAAC;AAE7E,qBACa,6CAA8C,SAAQ,aAAa;;IAE/E,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAM;;IA4C7B,MAAM;IAaf,OAAgB,MAAM,4BAYpB;CACF;AAED,eAAe,6CAA6C,CAAC;AAE7D,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8CAA8C,EAAE,6CAA6C,CAAC;KAC9F;CACD"}

package/dist-cms/stylesheets/workspace-views/stylesheet-rich-text-rule-workspace-view.element.js

@@ -0,0 +1,100 @@
+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;
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbStylesheetRichTextRuleWorkspaceViewElement_instances, _UmbStylesheetRichTextRuleWorkspaceViewElement_context, _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetRuleManager, _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetContent, _UmbStylesheetRichTextRuleWorkspaceViewElement_observeContent, _UmbStylesheetRichTextRuleWorkspaceViewElement_extractRules, _UmbStylesheetRichTextRuleWorkspaceViewElement_onRuleChange;
+import { UmbStylesheetRuleManager } from '../stylesheet-rule-manager.js';
+import { css, customElement, html, state } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
+import { UMB_STYLESHEET_WORKSPACE_CONTEXT } from '@umbraco-cms/backoffice/stylesheet';
+import '../../components/stylesheet-rule-input/stylesheet-rule-input.element.js';
+import '../../components/stylesheet-rule-ref/stylesheet-rule-ref.element.js';
+let UmbStylesheetRichTextRuleWorkspaceViewElement = class UmbStylesheetRichTextRuleWorkspaceViewElement extends UmbLitElement {
+    constructor() {
+        super();
+        _UmbStylesheetRichTextRuleWorkspaceViewElement_instances.add(this);
+        this._rules = [];
+        _UmbStylesheetRichTextRuleWorkspaceViewElement_context.set(this, void 0);
+        _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetRuleManager.set(this, new UmbStylesheetRuleManager());
+        _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetContent.set(this, '');
+        this.consumeContext(UMB_STYLESHEET_WORKSPACE_CONTEXT, (context) => {
+            __classPrivateFieldSet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_context, context, "f");
+            __classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_instances, "m", _UmbStylesheetRichTextRuleWorkspaceViewElement_observeContent).call(this);
+        });
+    }
+    render() {
+        return html `
+			<uui-box headline="Rich text editor styles">
+				<umb-property-layout
+					description="Define the styles that should be available in the rich text editor for this stylesheet.">
+					<div slot="editor">
+						<umb-stylesheet-rule-input .rules=${this._rules} @change=${__classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_instances, "m", _UmbStylesheetRichTextRuleWorkspaceViewElement_onRuleChange)}></umb-stylesheet-rule-input>
+					</div>
+				</umb-property-layout>
+			</uui-box>
+		`;
+    }
+};
+_UmbStylesheetRichTextRuleWorkspaceViewElement_context = new WeakMap();
+_UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetRuleManager = new WeakMap();
+_UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetContent = new WeakMap();
+_UmbStylesheetRichTextRuleWorkspaceViewElement_instances = new WeakSet();
+_UmbStylesheetRichTextRuleWorkspaceViewElement_observeContent = function _UmbStylesheetRichTextRuleWorkspaceViewElement_observeContent() {
+    if (!__classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_context, "f")?.content)
+        return;
+    this.observe(__classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_context, "f").content, (content) => {
+        __classPrivateFieldSet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetContent, content || '', "f");
+        __classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_instances, "m", _UmbStylesheetRichTextRuleWorkspaceViewElement_extractRules).call(this, content);
+    }, 'umbStylesheetContentObserver');
+};
+_UmbStylesheetRichTextRuleWorkspaceViewElement_extractRules = function _UmbStylesheetRichTextRuleWorkspaceViewElement_extractRules(content) {
+    if (content) {
+        const rules = __classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetRuleManager, "f").extractRules(content);
+        this._rules = [...rules];
+    }
+    else {
+        this._rules = [];
+    }
+};
+_UmbStylesheetRichTextRuleWorkspaceViewElement_onRuleChange = function _UmbStylesheetRichTextRuleWorkspaceViewElement_onRuleChange(event) {
+    event.stopPropagation();
+    const target = event.target;
+    const rules = target.rules;
+    const newContent = __classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetRuleManager, "f").insertRules(__classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_stylesheetContent, "f"), rules);
+    __classPrivateFieldGet(this, _UmbStylesheetRichTextRuleWorkspaceViewElement_context, "f")?.setContent(newContent);
+};
+UmbStylesheetRichTextRuleWorkspaceViewElement.styles = [
+    UmbTextStyles,
+    css `
+			:host {
+				display: block;
+				width: 100%;
+			}
+
+			uui-box {
+				margin: var(--uui-size-layout-1);
+			}
+		`,
+];
+__decorate([
+    state()
+], UmbStylesheetRichTextRuleWorkspaceViewElement.prototype, "_rules", void 0);
+UmbStylesheetRichTextRuleWorkspaceViewElement = __decorate([
+    customElement('umb-stylesheet-rich-text-rule-workspace-view')
+], UmbStylesheetRichTextRuleWorkspaceViewElement);
+export { UmbStylesheetRichTextRuleWorkspaceViewElement };
+export default UmbStylesheetRichTextRuleWorkspaceViewElement;

package/dist-cms/tinymce.d.ts

@@ -0,0 +1,2 @@
+export * from './external/tinymce/index.js';
+//# sourceMappingURL=tinymce.d.ts.map

package/dist-cms/tinymce.d.ts.map

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

package/dist-cms/tinymce.js

@@ -0,0 +1 @@
+export * from './external/tinymce/index.js';

package/dist-cms/types.d.ts

@@ -0,0 +1,6 @@
+export interface UmbStylesheetRule {
+    name: string;
+    selector: string;
+    styles: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CACf"}

package/dist-cms/types.js

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