@progress/kendo-vue-editor 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/npm/tools/utils.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.userSelectNone = exports.formatString = exports.onDownPreventDefault = void 0;
-/**
- * @hidden
- */
-var onDownPreventDefault = {
-  onMouseDown: function onMouseDown(e) {
-    return e.preventDefault();
-  },
-  onPointerDown: function onPointerDown(e) {
-    return e.preventDefault();
-  }
-};
-exports.onDownPreventDefault = onDownPreventDefault;
-/**
- * @hidden
- */
-var userSelectNone = {
-  userSelect: 'none'
-};
-exports.userSelectNone = userSelectNone;
-/**
- * @hidden
- */
-var formatString = function formatString(input) {
-  var args = [];
-  for (var _i = 1; _i < arguments.length; _i++) {
-    args[_i - 1] = arguments[_i];
-  }
-  args.forEach(function (value, index) {
-    input = input.replace('{' + index + '}', String(value));
-  });
-  return input;
-};
-exports.formatString = formatString;

package/dist/npm/tools/viewHtml.d.ts

@@ -1,54 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { ButtonProps } from '@progress/kendo-vue-buttons';
-import { BasicToolProps, ToolRenderProp } from './ToolProps';
-/**
- * @hidden
- */
-export interface ViewHtmlProps extends BasicToolProps, ToolRenderProp, ButtonProps {
-}
-/**
- * @hidden
- */
-export interface ViewHtmlState {
-    openedDialog: boolean;
-}
-/**
- * @hidden
- */
-export interface ViewHtmlState {
-}
-/**
- * @hidden
- */
-export interface ViewHtmlComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ViewHtmlMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ViewHtmlData {
-}
-/**
- * @hidden
- */
-export interface ViewHtmlAll extends Vue2type, ViewHtmlMethods, ViewHtmlData, ViewHtmlComputed, ViewHtmlState {
-}
-/**
- * @hidden
- */
-declare let ViewHtmlVue2: ComponentOptions<ViewHtmlAll, DefaultData<ViewHtmlData>, DefaultMethods<ViewHtmlAll>, ViewHtmlComputed, RecordPropsDefinition<ViewHtmlProps>>;
-/**
- * @hidden
- */
-declare const ViewHtml: DefineComponent<ViewHtmlProps, any, ViewHtmlData, ViewHtmlComputed, ViewHtmlMethods, {}, {}, {}, string, ViewHtmlProps, ViewHtmlProps, {}>;
-export { ViewHtml, ViewHtmlVue2 };

package/dist/npm/tools/viewHtml.js

@@ -1,128 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ViewHtmlVue2 = exports.ViewHtml = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-var viewHtml_1 = require("../dialogs/viewHtml");
-var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-var main_1 = require("../messages/main");
-/**
- * @hidden
- */
-var ViewHtmlVue2 = {
-  name: 'KendoViewHtml',
-  props: __assign({
-    view: Object,
-    settings: {
-      type: Object,
-      default: function _default() {
-        return {
-          messages: {}
-        };
-      }
-    }
-  }, kendo_vue_buttons_1.Button.props),
-  inject: {
-    kendoLocalizationService: {
-      default: null
-    }
-  },
-  data: function data() {
-    return {
-      openedDialog: false
-    };
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      view = _a.view,
-      settings = _a.settings,
-      other = __rest(_a, ["view", "settings"]);
-    var localization = (0, kendo_vue_intl_1.provideLocalizationService)(this);
-    var titleKey = settings.messages.viewHtml;
-    var buttonProps = __assign(__assign(__assign({}, other), {
-      key: 'viewHtml',
-      title: localization.toLanguageString(titleKey, main_1.messages[titleKey])
-    }), settings.props);
-    var button = h(kendo_vue_buttons_1.Button, __assign({
-      onClick: this.toggleDialog,
-      onMousedown: this.preventDefault,
-      onPointerdown: this.preventDefault,
-      on: this.v3 ? undefined : {
-        'click': this.toggleDialog,
-        'mousedown': this.preventDefault,
-        'pointerdown': this.preventDefault
-      },
-      attrs: this.v3 ? undefined : buttonProps
-    }, buttonProps));
-    var rendering = [button, this.openedDialog && view &&
-    // @ts-ignore function children
-    h(viewHtml_1.ViewHtmlDialog, {
-      key: "viewHtmlDialog",
-      view: view,
-      attrs: this.v3 ? undefined : {
-        view: view,
-        settings: settings,
-        dir: buttonProps.dir
-      },
-      settings: settings,
-      dir: buttonProps.dir,
-      onClose: this.toggleDialog,
-      on: this.v3 ? undefined : {
-        "close": this.toggleDialog
-      }
-    }) || null];
-    return h("span", [rendering]);
-  },
-  methods: {
-    toggleDialog: function toggleDialog() {
-      this.openedDialog = !this.openedDialog;
-    },
-    preventDefault: function preventDefault(e) {
-      e.preventDefault();
-    }
-  }
-};
-exports.ViewHtmlVue2 = ViewHtmlVue2;
-/**
- * @hidden
- */
-var ViewHtml = ViewHtmlVue2;
-exports.ViewHtml = ViewHtml;

package/dist/npm/utils/browser-detection.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const firefox: boolean;

package/dist/npm/utils/browser-detection.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.firefox = void 0;
-/**
- * @hidden
- */
-exports.firefox = typeof window !== 'undefined' &&
-    /Firefox/.test(window.navigator.userAgent);

package/dist/npm/utils/controlled-value.d.ts

@@ -1,5 +0,0 @@
-import { Transaction, EditorView, Node } from '@progress/kendo-editor-common';
-/**
- * @hidden
- */
-export declare const updateEditorValue: (view: EditorView, value: Node | string, prevValue: Node | string | undefined, trOnChange: Transaction | null, htmlOnChange: string | null) => void;

package/dist/npm/utils/controlled-value.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateEditorValue = void 0;
-var kendo_editor_common_1 = require("@progress/kendo-editor-common");
-var main_1 = require("./main");
-var setValue = function (view, value) {
-    var transaction = value.tr ||
-        (view.state.tr
-            .setSelection(new kendo_editor_common_1.AllSelection(view.state.doc))
-            .replaceSelectionWith(value.doc || main_1.EditorUtils.createDocument(view.state.schema, value.html || ''))
-            .setMeta('commandName', 'setHTML'));
-    view.updateState(view.state.apply(transaction));
-};
-/**
- * @hidden
- */
-var updateEditorValue = function (view, value, prevValue, trOnChange, htmlOnChange) {
-    if (typeof value === 'string') {
-        if (trOnChange && value === htmlOnChange) {
-            setValue(view, { tr: trOnChange });
-        }
-        else if (value !== prevValue) {
-            setValue(view, { html: value });
-        }
-    }
-    else {
-        if (trOnChange && value.eq(trOnChange.doc)) {
-            setValue(view, { tr: trOnChange });
-        }
-        else if (!view.state.doc.eq(value)) {
-            setValue(view, { doc: value });
-        }
-    }
-};
-exports.updateEditorValue = updateEditorValue;

package/dist/npm/utils/main.d.ts

@@ -1,357 +0,0 @@
-import * as shortcuts from '../config/shortcuts';
-import { ImageResizeOptions as ImageResizeOptionsCommon, Schema, NodeSpec, MarkSpec, Node, NodeType, Mark, MarkType, ParseOptions, EditorView, EditorState, Transaction, Plugin, PluginKey } from '@progress/kendo-editor-common';
-import { EditorToolsSettings } from '../config/toolsSettings';
-import { PasteCleanupSettings } from '../config/pasteSettings';
-/**
- * Represents a wrapping namespace for the utility functions, `nodes`, and `marks` objects of the Editor.
- */
-export declare namespace EditorUtils {
-    /**
-     * Aligns the block elements in the selection.
-     *
-     * @returns {boolean} - If alignment is applied to any of the elements, returns `true`.
-     */
-    function alignBlocks(view: EditorView, actions: EditorToolsSettings.AlignAction[], command?: EditorToolsSettings.Command): boolean;
-    /**
-     * Wraps the selection in a `span` element with inline styles.
-     *
-     * @returns {boolean} - If a style is applied to any of the elements, returns `true`.
-     */
-    function applyInlineStyle(view: EditorView, options: {
-        style: string;
-        value: string;
-    }, command?: EditorToolsSettings.Command): boolean;
-    /**
-     * Applies the link mark.
-     *
-     * @returns {boolean} - If the link is applied, returns `true`.
-     */
-    function applyLink(view: any, options: {
-        mark: string;
-        attrs: any;
-    }, command?: EditorToolsSettings.Command): boolean;
-    /**
-     * Checks if any of the `list` elements in the selection can be indented.
-     *
-     * @returns {boolean}
-     */
-    function canIndentList(state: EditorState, nodeType: NodeType): boolean;
-    /**
-     * Checks if a node can be inserted in the current selection.
-     *
-     * @param {EditorState} state - The `state` object of the Editor.
-     * @param {NodeType} nodeType - The type of the node that will be inserted.
-     * @returns {boolean} - The node of this type can be inserted in the current selection.
-     */
-    function canInsert(state: EditorState, nodeType: NodeType): boolean;
-    /**
-     * Checks if any of the `list` elements in the selection can be outdented.
-     *
-     * @returns {boolean}
-     */
-    function canOutdentList(state: EditorState, listsTypes: {
-        listItem: string;
-        orderedList: string;
-        bulletList: string;
-    }): boolean;
-    /**
-     * Converts the MS Word lists into HTML lists.
-     *
-     * @param {string} html - The input HTML.
-     * @returns {string} - The result HTML.
-     */
-    function convertMsLists(html: string): string;
-    /**
-     * Creates an Editor document from HTML content.
-     *
-     * @param {Schema} schema - The `schema` object of the Editor.
-     * @param {string} html - The HTML content.
-     * @param {ParseOptions} parseOptions - The HTML parsing options. Defaults to `{ preserveWhitespace: 'full' }`.
-     * @returns {Node} - The `document` object of the Editor.
-     */
-    function createDocument(schema: Schema<any, any>, html: string, parseOptions?: ParseOptions): Node;
-    /**
-     * Creates a table.
-     *
-     * @param {object} tableTypes - An object which contains `table`, `table_row`, and `table_cell` node types.
-     * @param {number} rows - The number of rows.
-     * @param {number} columns - The number of columns.
-     * @returns {Node} - The generated table.
-     *
-     * @example
-     * ```jsx-no-run
-     * import { EditorUtils } from '@progress/kendo-vue-editor';
-     *
-     * const nodes = editorRef.view.state.schema.nodes;
-     * const rows = 3;
-     * const columns = 4;
-     *
-     * const table = EditorUtils.createTable(nodes, rows, columns);
-     * ```
-     */
-    function createTable(tableTypes: {
-        table: NodeType;
-        table_row: NodeType;
-        table_cell: NodeType;
-    }, rows: number, columns: number): Node;
-    /**
-     * Formats the paragraph and heading nodes in the selection.
-     *
-     * @returns {boolean} - If an element is formatted, returns `true`.
-     */
-    function formatBlockElements(view: EditorView, value: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', commandName?: EditorToolsSettings.Command): boolean;
-    /**
-     * Returns the paragraph and heading nodes in the selection.
-     *
-     * @returns {string[]}
-     */
-    function getBlockFormats(state: EditorState): string[];
-    /**
-     * Gets the HTML from the `EditorState` object.
-     *
-     * @param {EditorState} state - The `state` object of the Editor or an object containing editor's `doc` and `schema`
-     * - { doc: value, schema: value.types.schema } where the `value` variable is the editor's value prop.
-     * @returns {string} - The HTML content.
-     */
-    function getHtml(state: EditorState | {
-        doc: Node;
-        schema: Schema;
-    }): string;
-    /**
-     * @returns {string[]} - An array of matched styles that are found in the selection.
-     */
-    function getInlineStyles(state: EditorState, style: {
-        name: string;
-        value: RegExp;
-    }): string[];
-    /**
-     * Returns a mark of the specified type from the nodes in selection.
-     *
-     * @returns {Mark}
-     */
-    function getMark(state: EditorState, markType: MarkType): Mark | undefined;
-    /**
-     * Checks if according to the specified `InlineFormatOptions` a node in the selection is present.
-     *
-     * @returns {boolean}
-     */
-    function hasMark(state: EditorState, options: EditorToolsSettings.InlineFormatOptions): boolean;
-    /**
-     * Checks if the selection contains a specific type of node.
-     *
-     * @returns {boolean}
-     */
-    function hasNode(state: EditorState, nodeType: NodeType): boolean;
-    /**
-     * Indents the block elements in the selection.
-     *
-     * @returns {boolean} - If indentation is applied to any of the elements, returns `true`.
-     */
-    function indentBlocks(view: EditorView, actions: EditorToolsSettings.IndentAction[], command?: EditorToolsSettings.Command, dir?: string): boolean;
-    /**
-     * Adds new lines after block elements and hard breaks.
-     *
-     * @param {string} content - The HTML content.
-     * @returns {string} - The indented HTML.
-     */
-    function indentHtml(content: string): string;
-    /**
-     * Inserts a node in the selection.
-     *
-     * @param {EditorView} view - The `view` object of the Editor.
-     * @param {Node} node - A `node` object of the Editor.
-     * @param {boolean} scrollIntoView - An optional parameter.
-     * Defines if the content element will be scrolled to the current selection.
-     */
-    function insertNode(view: EditorView | {
-        state: EditorState;
-        dispatch: (tr: Transaction) => void;
-    }, node: Node, scrollIntoView?: boolean | undefined): void;
-    /**
-     * Checks if any of the block elements in the selection is aligned.
-     *
-     * @returns {boolean}
-     */
-    function isAligned(state: EditorState, actions: EditorToolsSettings.AlignAction[]): boolean;
-    /**
-     * Checks if any of the block elements in the selection is indented.
-     *
-     * @returns {boolean}
-     */
-    function isIndented(state: any, actions: EditorToolsSettings.IndentAction[], dir?: string): boolean;
-    /**
-     * Removes the comments from the HTML.
-     *
-     * @param {string} html - The input HTML.
-     * @returns {string} - The result HTML.
-     *
-     * @example
-     * ```jsx-no-run
-     * import { EditorUtils } from '@progress/kendo-vue-editor';
-     * const html = EditorUtils.removeComments('<p>some content<!-- comment --></p>');
-     * ```
-     */
-    function removeComments(html: string): string;
-    /**
-     * Removes the specified tag from the HTML and keeps its child nodes.
-     *
-     * @param {string} html - The input HTML.
-     * @param {string} tag - A tag or multiple tags separated by a vertical slash which will be removed.
-     * For example, `span` or `b|i|u|span`.
-     * @returns {string} - The resulting HTML.
-     *
-     * @example
-     * ```jsx-no-run
-     * import { EditorUtils } from '@progress/kendo-vue-editor';
-     * const html = EditorUtils.removeTag('<p>some <span>content</span></p>', 'span|p');
-     * ```
-     */
-    function removeTag(html: string, tag: string): string;
-    /**
-     * A function for sanitizing the content on paste ([see example]({% slug paste_editor %})).
-     *
-     * @param {string} html - The input HTML.
-     * @param {PasteCleanupSettings} settings - The settings used for sanitizing the content.
-     * @returns {string} - The resulting HTML.
-     */
-    function pasteCleanup(html: string, settings: PasteCleanupSettings): string;
-    /**
-     * A function for sanitizing the CSS classes of the pasted from MS Word content ([see example]({% slug paste_editor %})).
-     * The function will remove any class attribute which value starts with `Mso`.
-     * For example `<p class="MsoNormal">pasted from MS Word</p>` will result in `<p>pasted from MS Word</p>`.
-     *
-     * @param {Attr} attr - The DOM class attribute that will be sanitized.
-     */
-    function sanitizeClassAttr(attr: Attr): void;
-    /**
-     * A function for sanitizing the style attributes of the pasted from MS Word content ([see example]({% slug paste_editor %})).
-     * The function will loop through all styles and will remove those that are invalid.
-     * For example `<p><span style='color:#7C7C7C;mso-themecolor:accent3;mso-themeshade:191;background:silver;'>content</span></p>`,
-     * will result in `<p><span style="color: #7C7C7C; background: silver;">content</span></p>`.
-     *
-     * @param {Attr} attr - The DOM style attribute that will be sanitized.
-     */
-    function sanitizeStyleAttr(attr: Attr): void;
-    /**
-     * A function that will remove a DOM attribute from the pasted content ([see example]({% slug paste_editor %})).
-     *
-     * @param {Attr} attr - The DOM attribute that will be removed.
-     */
-    function removeAttribute(attr: Attr): void;
-    /**
-     * Removes the invalid HTML.
-     *
-     * @param {string} html - The HTML which will be sanitized.
-     * @returns {string} - The sanitized HTML.
-     *
-     * @example
-     * ```jsx-no-run
-     * import { EditorUtils } from '@progress/kendo-vue-editor';
-     * const html = EditorUtils.sanitize('something pasted from MS Word, containing <o:p>, <w:sdtPr>, <v:shapes tags');
-     * ```
-     */
-    function sanitize(html: string): string;
-    /**
-     * If the input `html` contains images with 'src' pointing to local file system (it happens when pasting images and text from MS Word),
-     * the function will extract the images sources from the RTF in base64 format and replace them in the input `html`.
-     *
-     * @param html - The input HTML (pasted HTML).
-     * @param clipboardData - The paste event clipboardData object (event.clipboardData).
-     * @returns - The html with the replaced images sources.
-     */
-    function replaceImageSourcesFromRtf(html: string, clipboardData: DataTransfer): string;
-    /**
-     * Creates a plugin which highlights the matches of Find and Replace dialog.
-     *
-     * @param {PluginKey} key - The key of the plugin (Optional).
-     * @returns {Plugin} - The text highlight plugin.
-     */
-    function textHighlight(key?: PluginKey): Plugin;
-    /**
-     * The image resizing plugin options.
-     */
-    interface ImageResizeOptions extends ImageResizeOptionsCommon {
-    }
-    /**
-     * Creates a plugin which adds image resizing functionality.
-     *
-     * @param {ImageResizeOptions} options - The resizing option (Optional).
-     * @returns {Plugin} - The image resizing plugin.
-     */
-    function imageResizing(options?: ImageResizeOptions): Plugin;
-    /**
-     * Sets the HTML to the `EditorView`.
-     *
-     * @param {EditorView} view - The `view` object of the Editor.
-     * @param {string} html - The HTML content.
-     * @param {Command} command - An optional parameter.
-     * Defines the type of the command that will be set to the `setHtml` metadata of the transaction.
-     * Defaults to `SetContent`.
-     * @param {ParseOptions} parseOptions - An optional parameter.
-     * Defines the options that will be used for parsing the HTML. Defaults to `{ preserveWhitespace: 'full' }`.
-     */
-    function setHtml(view: EditorView, html: string, command?: EditorToolsSettings.Command, parseOptions?: ParseOptions): void;
-    /**
-     * Toggles the inline element formatting according to the `InlineFormatOptions` and `markAttrs` settings.
-     *
-     * @returns {boolean}
-     */
-    function toggleInlineFormat(view: {
-        state: EditorState;
-        dispatch: (tr: Transaction) => void;
-    }, options: EditorToolsSettings.InlineFormatOptions, transaction?: Transaction, markAttrs?: any): boolean;
-    /**
-     * Toggles a list of the specified type.
-     *
-     * @returns {boolean}
-     */
-    function toggleList(view: EditorView, types: {
-        listType: string;
-        orderedList: string;
-        bulletList: string;
-        listItem: string;
-    }, command?: EditorToolsSettings.Command): boolean;
-    /**
-     * Represents the `Shortcuts` object.
-     */
-    interface Shortcuts extends shortcuts.Shortcuts {
-    }
-    /**
-     * A function which returns the mapped `Shortcuts` object based on the passed settings.
-     * Useful when the default Editor nodes or tool settings are changed and the `Shortcuts` object has to be regenerated.
-     *
-     * @params - An object which holds specific types of nodes and tool settings that are used by the default `Shortcuts` handlers.
-     * @returns - An object which holds the shortcuts.
-     */
-    function getShortcuts(settings?: {
-        types?: {
-            listItem: string;
-            hardBreak: string;
-        };
-        toolsSettings?: {
-            bold?: EditorToolsSettings.InlineFormatOptions;
-            italic?: EditorToolsSettings.InlineFormatOptions;
-            underline?: EditorToolsSettings.InlineFormatOptions;
-        };
-    }): Shortcuts;
-    /**
-     * The `PluginKey` used in the Editor to pass editor props to the tools.
-     */
-    const propsKey: PluginKey;
-    /**
-     * The `PluginKey` used in the Editor by the image resizing plugin.
-     */
-    const imageResizeKey: PluginKey;
-    /**
-     * Represents the `marks` object of the Editor.
-     */
-    const marks: {
-        [mark: string]: MarkSpec;
-    };
-    /**
-     * Represents the `nodes` object of the Editor.
-     */
-    const nodes: {
-        [node: string]: NodeSpec;
-    };
-}