@syncfusion/ej2-richtexteditor 29.2.4-738301 → 29.2.4-760237

package/blazorGlobalSrc/rich-text-editor/actions/count.js

@@ -0,0 +1,117 @@
+define(["require", "exports", "@syncfusion/ej2-base", "../base/constant", "../base/enum", "../base/classes"], function (require, exports, ej2_base_1, events, enum_1, classes_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var Count = (function () {
+        function Count(parent, serviceLocator) {
+            this.parent = parent;
+            this.locator = serviceLocator;
+            this.renderFactory = this.locator.getService('rendererFactory');
+            this.addEventListener();
+            this.isDestroyed = false;
+        }
+        Count.prototype.initializeInstance = function () {
+            this.contentRenderer = this.renderFactory.getRenderer(enum_1.RenderType.Content);
+            this.editPanel = this.contentRenderer.getEditPanel();
+            this.addEventListener();
+        };
+        Count.prototype.renderCount = function () {
+            this.initializeInstance();
+            this.element = this.parent.createElement('span', { className: classes_1.CLS_COUNT });
+            this.parent.rootContainer.appendChild(this.element);
+            this.parent.rootContainer.classList.add('e-count-enabled');
+            if (this.parent.iframeSettings.enable) {
+                this.parent.inputElement.classList.add('e-count-enabled');
+            }
+            this.appendCount();
+            if (this.parent.maxLength !== -1) {
+                this.charCountBackground(this.htmlLength);
+            }
+        };
+        Count.prototype.appendCount = function () {
+            var htmlText = this.parent.editorMode === 'Markdown' ? this.editPanel.value
+                : (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, ''));
+            if (this.parent.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
+                this.htmlLength = htmlText.replace(/\u200B/g, '').length;
+            }
+            else {
+                this.htmlLength = htmlText.length;
+            }
+            var string = this.parent.maxLength === -1 ? this.htmlLength : this.htmlLength + ' / ' + this.parent.maxLength;
+            this.element.innerHTML = string;
+        };
+        Count.prototype.charCountBackground = function (htmlLength) {
+            var percentage = (htmlLength / this.parent.maxLength) * 100;
+            if (percentage < 85) {
+                this.element.classList.remove(classes_1.CLS_WARNING);
+                this.element.classList.remove(classes_1.CLS_ERROR);
+            }
+            else if (percentage > 85 && percentage <= 90) {
+                this.element.classList.remove(classes_1.CLS_ERROR);
+                this.element.classList.add(classes_1.CLS_WARNING);
+            }
+            else if (percentage > 90) {
+                this.element.classList.remove(classes_1.CLS_WARNING);
+                this.element.classList.add(classes_1.CLS_ERROR);
+            }
+        };
+        Count.prototype.refresh = function () {
+            if (!ej2_base_1.isNullOrUndefined(this.editPanel)) {
+                this.appendCount();
+                if (this.parent.maxLength !== -1) {
+                    this.charCountBackground(this.htmlLength);
+                }
+            }
+        };
+        Count.prototype.destroy = function () {
+            if (this.isDestroyed) {
+                return;
+            }
+            if (this.parent && this.parent.rootContainer && this.parent.rootContainer.classList.contains('e-count-enabled')) {
+                this.parent.rootContainer.classList.remove('e-count-enabled');
+            }
+            if (this.parent.iframeSettings.enable && !ej2_base_1.isNullOrUndefined(this.parent.inputElement)) {
+                this.parent.inputElement.classList.remove('e-count-enabled');
+            }
+            if (this.element && !ej2_base_1.isNullOrUndefined(this.parent.element.querySelector('.' + classes_1.CLS_COUNT))) {
+                ej2_base_1.detach(this.element);
+            }
+            this.removeEventListener();
+            if (this.editPanel) {
+                this.editPanel = null;
+            }
+            if (this.element) {
+                ej2_base_1.detach(this.element);
+                this.element = null;
+            }
+            this.isDestroyed = true;
+        };
+        Count.prototype.toggle = function (e) {
+            this.element.style.display = (e.member === 'viewSource') ? 'none' : 'block';
+        };
+        Count.prototype.addEventListener = function () {
+            this.parent.on(events.initialEnd, this.renderCount, this);
+            this.parent.on(events.keyUp, this.refresh, this);
+            this.parent.on(events.count, this.refresh, this);
+            this.parent.on(events.refreshBegin, this.refresh, this);
+            this.parent.on(events.mouseDown, this.refresh, this);
+            this.parent.on(events.destroy, this.destroy, this);
+            this.parent.on(events.sourceCode, this.toggle, this);
+            this.parent.on(events.updateSource, this.toggle, this);
+        };
+        Count.prototype.removeEventListener = function () {
+            this.parent.off(events.initialEnd, this.renderCount);
+            this.parent.off(events.keyUp, this.refresh);
+            this.parent.off(events.refreshBegin, this.refresh);
+            this.parent.off(events.count, this.refresh);
+            this.parent.off(events.mouseDown, this.refresh);
+            this.parent.off(events.destroy, this.destroy);
+            this.parent.off(events.sourceCode, this.toggle);
+            this.parent.off(events.updateSource, this.toggle);
+        };
+        Count.prototype.getModuleName = function () {
+            return 'count';
+        };
+        return Count;
+    }());
+    exports.Count = Count;
+});

package/blazorGlobalSrc/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -0,0 +1,72 @@
+import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
+import { IRichTextEditor, IRenderer, IDropDownRenderArgs } from '../base/interface';
+import { ServiceLocator } from '../services/service-locator';
+import { RendererFactory } from '../services/renderer-factory';
+/**
+ * `Toolbar` module is used to handle Toolbar actions.
+ */
+export declare class DropDownButtons {
+    numberFormatListDropDown: DropDownButton;
+    bulletFormatListDropDown: DropDownButton;
+    formatDropDown: DropDownButton;
+    fontNameDropDown: DropDownButton;
+    fontSizeDropDown: DropDownButton;
+    alignDropDown: DropDownButton;
+    imageAlignDropDown: DropDownButton;
+    displayDropDown: DropDownButton;
+    tableRowsDropDown: DropDownButton;
+    tableColumnsDropDown: DropDownButton;
+    tableCellDropDown: DropDownButton;
+    tableCellVerticalAlignDropDown: DropDownButton;
+    /**
+     *
+     * @hidden
+     * @private
+     */
+    parent: IRichTextEditor;
+    protected locator: ServiceLocator;
+    protected toolbarRenderer: IRenderer;
+    protected renderFactory: RendererFactory;
+    private i10n;
+    constructor(parent?: IRichTextEditor, serviceLocator?: ServiceLocator);
+    private initializeInstance;
+    private beforeRender;
+    private dropdownContent;
+    /**
+     * renderDropDowns method
+     *
+     * @param {IDropDownRenderArgs} args - specifies the arguments
+     * @returns {void}
+     * @hidden
+     * @param {HTMLElement} targetEle - specifies the arugument
+     * @deprecated
+     */
+    renderDropDowns(args: IDropDownRenderArgs, targetEle?: HTMLElement): void;
+    private getUpdateItems;
+    private onPropertyChanged;
+    private getEditNode;
+    private rowDropDown;
+    private columnDropDown;
+    private cellDropDown;
+    private verticalAlignDropDown;
+    private renderDisplayDropDown;
+    private renderAlignmentDropDown;
+    private tableStylesDropDown;
+    private removeDropDownClasses;
+    /**
+     * destroyDropDowns method
+     *
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    destroyDropDowns(): void;
+    private setRtl;
+    private updateCss;
+    private setCssClass;
+    protected addEventListener(): void;
+    private onIframeMouseDown;
+    private closeOpenDropdowns;
+    protected removeEventListener(): void;
+    destroy(): void;
+}