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

package/blazorGlobalSrc/rich-text-editor/models/models.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Export model files
+ */
+export * from './toolbar-settings-model';
+export * from './iframe-settings-model';
+export * from './inline-mode-model';
+export * from './slash-menu-settings-model';

package/blazorGlobalSrc/rich-text-editor/models/models.js

@@ -0,0 +1,4 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/blazorGlobalSrc/rich-text-editor/models/slash-menu-settings-model.d.ts

@@ -0,0 +1,40 @@
+import { ChildProperty, Property } from '@syncfusion/ej2-base';
+
+/**
+ * Interface for a class SlashMenuSettings
+ */
+export interface SlashMenuSettingsModel {
+
+    /**
+     * Specifies whether to enable or disable the slash menu in the editor.
+     *
+     * @default false
+     */
+    enable?: boolean;
+
+    /**
+     * Defines the items to be displayed in the slash menu.
+     *
+     * @default ['Paragraph', 'Heading 1', 'Heading 2', 'Heading 3', 'Heading 4', 'OrderedList', 'UnorderedList', 'CodeBlock', 'Blockquote']
+     */
+    items?: (SlashMenuItems | ISlashMenuItem)[];
+
+    /**
+     * Specifies the width of the slash menu popup. Can be defined in pixels, numbers, or percentages.
+     * A numeric value is treated as pixels.
+     *
+     * @default '300px'
+     * @aspType string
+     */
+    popupWidth?: string | number;
+
+    /**
+     * Specifies the height of the slash menu popup. Can be defined in pixels, numbers, or percentages.
+     * A numeric value is treated as pixels.
+     *
+     * @default '320px'
+     * @aspType string
+     */
+    popupHeight?: string | number;
+
+}

package/blazorGlobalSrc/rich-text-editor/models/slash-menu-settings.d.ts

@@ -0,0 +1,50 @@
+import { ChildProperty } from '@syncfusion/ej2-base';
+import { DialogType, SlashMenuItems } from '../base/enum';
+import { CommandName, ISlashMenuItem } from '../base';
+/**
+ * Configures the slash menu settings of the RichTextEditor.
+ */
+export declare class SlashMenuSettings extends ChildProperty<SlashMenuSettings> {
+    /**
+     * Specifies whether to enable or disable the slash menu in the editor.
+     *
+     * @default false
+     */
+    enable: boolean;
+    /**
+     * Defines the items to be displayed in the slash menu.
+     *
+     * @default ['Paragraph', 'Heading 1', 'Heading 2', 'Heading 3', 'Heading 4', 'OrderedList', 'UnorderedList', 'CodeBlock', 'Blockquote']
+     */
+    items: (SlashMenuItems | ISlashMenuItem)[];
+    /**
+     * Specifies the width of the slash menu popup. Can be defined in pixels, numbers, or percentages.
+     * A numeric value is treated as pixels.
+     *
+     * @default '300px'
+     * @aspType string
+     */
+    popupWidth: string | number;
+    /**
+     * Specifies the height of the slash menu popup. Can be defined in pixels, numbers, or percentages.
+     * A numeric value is treated as pixels.
+     *
+     * @default '320px'
+     * @aspType string
+     */
+    popupHeight: string | number;
+}
+export interface ISlashMenuModel {
+    text?: string;
+    command: SlashMenuItems;
+    subCommand: CommandName | DialogType | string;
+    type: SlashCommandType;
+    iconCss: string;
+    description?: string;
+}
+export interface ModuleSlashMenuModel extends ISlashMenuModel {
+    module: string;
+}
+export declare type SlashCommandType = 'Inline' | 'Basic Block' | 'Media';
+export declare const defaultSlashMenuDataModel: ISlashMenuModel[];
+export declare const injectibleSlashMenuDataModel: ModuleSlashMenuModel[];

package/blazorGlobalSrc/rich-text-editor/models/slash-menu-settings.js

@@ -0,0 +1,143 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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;
+};
+define(["require", "exports", "@syncfusion/ej2-base", "../base/enum"], function (require, exports, ej2_base_1, enum_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var SlashMenuSettings = (function (_super) {
+        __extends(SlashMenuSettings, _super);
+        function SlashMenuSettings() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        __decorate([
+            ej2_base_1.Property(false)
+        ], SlashMenuSettings.prototype, "enable", void 0);
+        __decorate([
+            ej2_base_1.Property(['Paragraph', 'Heading 1', 'Heading 2', 'Heading 3', 'Heading 4', 'OrderedList', 'UnorderedList', 'CodeBlock', 'Blockquote'])
+        ], SlashMenuSettings.prototype, "items", void 0);
+        __decorate([
+            ej2_base_1.Property('300px')
+        ], SlashMenuSettings.prototype, "popupWidth", void 0);
+        __decorate([
+            ej2_base_1.Property('320px')
+        ], SlashMenuSettings.prototype, "popupHeight", void 0);
+        return SlashMenuSettings;
+    }(ej2_base_1.ChildProperty));
+    exports.SlashMenuSettings = SlashMenuSettings;
+    exports.defaultSlashMenuDataModel = [
+        {
+            command: 'Paragraph',
+            subCommand: 'p',
+            type: 'Basic Block',
+            iconCss: 'e-rte-paragraph'
+        },
+        {
+            command: 'Heading 1',
+            subCommand: 'h1',
+            type: 'Basic Block',
+            iconCss: 'e-rte-h1'
+        },
+        {
+            command: 'Heading 2',
+            subCommand: 'h2',
+            type: 'Basic Block',
+            iconCss: 'e-rte-h2'
+        },
+        {
+            command: 'Heading 3',
+            subCommand: 'h3',
+            type: 'Basic Block',
+            iconCss: 'e-rte-h3'
+        },
+        {
+            command: 'Heading 4',
+            subCommand: 'h4',
+            type: 'Basic Block',
+            iconCss: 'e-rte-h4'
+        },
+        {
+            command: 'OrderedList',
+            subCommand: 'insertOrderedList',
+            type: 'Basic Block',
+            iconCss: 'e-list-ordered e-icons'
+        },
+        {
+            command: 'UnorderedList',
+            subCommand: 'insertUnorderedList',
+            type: 'Basic Block',
+            iconCss: 'e-list-unordered e-icons'
+        },
+        {
+            command: 'Blockquote',
+            subCommand: 'blockquote',
+            type: 'Basic Block',
+            iconCss: 'e-blockquote e-icons'
+        },
+        {
+            command: 'CodeBlock',
+            subCommand: 'pre',
+            type: 'Basic Block',
+            iconCss: 'e-code-view e-icons'
+        }
+    ];
+    exports.injectibleSlashMenuDataModel = [
+        {
+            command: 'Image',
+            subCommand: enum_1.DialogType.InsertImage,
+            type: 'Media',
+            module: 'Image',
+            iconCss: 'e-icons e-image'
+        },
+        {
+            command: 'Audio',
+            subCommand: enum_1.DialogType.InsertAudio,
+            type: 'Media',
+            module: 'Audio',
+            iconCss: 'e-icons e-audio'
+        },
+        {
+            command: 'Video',
+            subCommand: enum_1.DialogType.InsertVideo,
+            type: 'Media',
+            module: 'Video',
+            iconCss: 'e-icons e-video'
+        },
+        {
+            command: 'Link',
+            subCommand: enum_1.DialogType.InsertLink,
+            type: 'Inline',
+            module: 'Link',
+            iconCss: 'e-icons e-link'
+        },
+        {
+            command: 'Table',
+            subCommand: enum_1.DialogType.InsertTable,
+            type: 'Basic Block',
+            module: 'Table',
+            iconCss: 'e-icons e-table'
+        },
+        {
+            command: 'Emojipicker',
+            subCommand: null,
+            type: 'Inline',
+            module: 'EmojiPicker',
+            iconCss: 'e-icons e-emoji'
+        }
+    ];
+});