@progress/kendo-vue-editor 2.7.1 → 2.7.3-dev.202201070829

package/dist/npm/tools/inlineFormat.js

@@ -0,0 +1,138 @@
+"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.InlineFormatVue3 = exports.InlineFormat = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../messages"); // tslint:enable:max-line-length
+
+
+var InlineFormat = {
+  name: 'KendoInlineFormat',
+  props: __assign({
+    view: Object,
+    settings: {
+      type: Object,
+      default: function _default() {
+        return {
+          messages: {}
+        };
+      }
+    }
+  }, kendo_vue_buttons_1.Button.props),
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    var _a = this.$props,
+        view = _a.view,
+        render = _a.render,
+        settings = _a.settings,
+        other = __rest(_a, ["view", "render", "settings"]);
+
+    var state = view && view.state;
+    var mark = settings.mark,
+        altMarks = settings.altMarks,
+        altStyle = settings.altStyle;
+    var options = {
+      mark: mark,
+      altMarks: altMarks,
+      altStyle: altStyle
+    };
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var titleKey = settings.messages.title;
+
+    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+      selected: !!state && kendo_editor_common_1.hasMark(state, options),
+      togglable: true,
+      title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
+    });
+
+    var button = h(kendo_vue_buttons_1.Button, __assign({
+      onClick: this.handleClick,
+      onMousedown: this.preventDefault,
+      onPointerdown: this.preventDefault,
+      on: this.v3 ? undefined : {
+        'click': this.handleClick,
+        'mousedown': this.preventDefault,
+        'pointerdown': this.preventDefault
+      },
+      attrs: this.v3 ? undefined : buttonProps
+    }, buttonProps));
+    return button;
+  },
+  methods: {
+    handleClick: function handleClick() {
+      var state = this.view && this.view.state;
+      var _a = this.settings,
+          mark = _a.mark,
+          altMarks = _a.altMarks,
+          altStyle = _a.altStyle;
+      var options = {
+        mark: mark,
+        altMarks: altMarks,
+        altStyle: altStyle
+      };
+      return this.view && kendo_editor_common_1.toggleInlineFormat(options, state && state.tr.setMeta('commandName', this.settings.commandName))(this.view.state, this.view.dispatch);
+    },
+    preventDefault: function preventDefault(e) {
+      e.preventDefault();
+    }
+  }
+};
+exports.InlineFormat = InlineFormat;
+var InlineFormatVue3 = InlineFormat;
+exports.InlineFormatVue3 = InlineFormatVue3;

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

@@ -0,0 +1,44 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { BasicToolProps, ToolRenderProp } from './ToolProps';
+/**
+ * @hidden
+ */
+export interface InsertImageProps extends BasicToolProps, ToolRenderProp {
+    dir?: string;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageState {
+    openedDialog: boolean;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageData {
+}
+/**
+ * @hidden
+ */
+export interface InsertImageAll extends Vue, InsertImageMethods, InsertImageData, InsertImageComputed, InsertImageState {
+}
+declare let InsertImage: ComponentOptions<InsertImageAll, DefaultData<InsertImageData>, DefaultMethods<InsertImageAll>, InsertImageComputed, RecordPropsDefinition<InsertImageProps>>;
+declare const InsertImageVue3: DefineComponent<BasicToolProps, any, InsertImageData, InsertImageComputed, InsertImageMethods, {}, {}, {}, string, BasicToolProps, BasicToolProps, {}>;
+export { InsertImage, InsertImageVue3 };

package/dist/npm/tools/insertImage.js

@@ -0,0 +1,144 @@
+"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.InsertImageVue3 = exports.InsertImage = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var insertImage_1 = require("../dialogs/insertImage");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("./../messages"); // tslint:enable:max-line-length
+
+
+var InsertImage = {
+  name: 'KendoInsertImage',
+  props: __assign({
+    view: Object,
+    settings: {
+      type: Object,
+      default: function _default() {
+        return {
+          messages: {}
+        };
+      }
+    },
+    dir: String
+  }, kendo_vue_buttons_1.Button.props),
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      openedDialog: false
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    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 state = view && view.state;
+    var nodeType = state ? state.schema.nodes[settings.node] : undefined;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var insertImage = settings.messages.insertImage;
+
+    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+      key: 'insertImage',
+      disabled: !nodeType || !state || !kendo_editor_common_1.canInsert(state, nodeType),
+      title: localization.toLanguageString(insertImage, messages_1.messages[insertImage])
+    });
+
+    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(insertImage_1.InsertImageDialog, {
+      key: "insertImageDialog",
+      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.InsertImage = InsertImage;
+var InsertImageVue3 = InsertImage;
+exports.InsertImageVue3 = InsertImageVue3;

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

@@ -0,0 +1,44 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+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 LinkProps extends BasicToolProps, ToolRenderProp, ButtonProps {
+}
+/**
+ * @hidden
+ */
+export interface LinkToolState {
+    openedDialog: boolean;
+}
+/**
+ * @hidden
+ */
+export interface LinkToolComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface LinkToolMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface LinkToolData {
+}
+/**
+ * @hidden
+ */
+export interface LinkToolAll extends Vue, LinkToolMethods, LinkToolData, LinkToolComputed, LinkToolState {
+}
+declare let LinkTool: ComponentOptions<LinkToolAll, DefaultData<LinkToolData>, DefaultMethods<LinkToolAll>, LinkToolComputed, RecordPropsDefinition<LinkProps>>;
+declare const LinkToolVue3: DefineComponent<LinkProps, any, LinkToolData, LinkToolComputed, LinkToolMethods, {}, {}, {}, string, LinkProps, LinkProps, {}>;
+export { LinkTool, LinkToolVue3 };

package/dist/npm/tools/insertLink.js

@@ -0,0 +1,144 @@
+"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.LinkToolVue3 = exports.LinkTool = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+
+var insertLink_1 = require("../dialogs/insertLink");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("./../messages"); // tslint:enable:max-line-length
+
+
+var LinkTool = {
+  name: 'KendoLinkTool',
+  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: !gh ? undefined : function () {
+    var v3 = !!gh;
+    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 state = view && view.state;
+    var collapsed = state ? state.selection.empty : true;
+    var linkMark = state && kendo_editor_common_1.getMark(state, state.schema.marks[settings.mark]);
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var insertHyperlink = settings.messages.insertHyperlink;
+
+    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+      key: 'link',
+      disabled: collapsed && !linkMark,
+      title: localization.toLanguageString(insertHyperlink, messages_1.messages[insertHyperlink])
+    });
+
+    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 
+    h(insertLink_1.InsertLinkDialog, {
+      key: "insertLinkDialog",
+      settings: settings,
+      attrs: this.v3 ? undefined : {
+        settings: settings,
+        dir: this.dir,
+        view: view
+      },
+      dir: this.dir,
+      view: view,
+      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.LinkTool = LinkTool;
+var LinkToolVue3 = LinkTool;
+exports.LinkToolVue3 = LinkToolVue3;

package/dist/npm/tools/insertTable/index.d.ts

@@ -0,0 +1 @@
+

package/dist/npm/tools/insertTable/index.js

@@ -0,0 +1,6 @@
+// import { InsertTableToolNS } from './tool';
+// import { InsertTablePopupNS } from './popup';
+// export {
+//     InsertTableToolNS,
+//     InsertTablePopupNS
+// };

package/dist/npm/tools/insertTable/popup.d.ts

@@ -0,0 +1,78 @@
+import { DefineComponent } from '../../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+export interface InsertTablePopupProps {
+    /**
+     * The element which will be used as an anchor.
+     */
+    anchor: HTMLButtonElement | null | string;
+    /**
+     * Controls the visibility of the Popup.
+     */
+    show: boolean;
+    /**
+     * The `Create a table` message.
+     */
+    createTableMessage: string;
+    /**
+     * The `Create a {0} x {1} table` message.
+     */
+    createTableHintMessage: string;
+    /**
+     * The number of rows.
+     */
+    rows?: number;
+    /**
+     * The number of columns.
+     */
+    columns?: number;
+    /**
+     * The `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * The `close` event which will be triggered when the `InsertTablePopup` is about to be closed.
+     */
+    onClose?: () => void;
+    /**
+     * The `onTableInsert` event which will be triggered when a cell in `InsertTablePopup` is clicked.
+     */
+    onTableInsert?: (row: number, col: number) => void;
+}
+/**
+ * @hidden
+ */
+export interface InsertTablePopupState {
+}
+/**
+ * @hidden
+ */
+export interface InsertTablePopupComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertTablePopupMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertTablePopupData {
+    pointerdown: boolean;
+}
+/**
+ * @hidden
+ */
+export interface InsertTablePopupAll extends Vue, InsertTablePopupMethods, InsertTablePopupData, InsertTablePopupComputed, InsertTablePopupState {
+}
+declare let InsertTablePopup: ComponentOptions<InsertTablePopupAll, DefaultData<InsertTablePopupData>, DefaultMethods<InsertTablePopupAll>, InsertTablePopupComputed, RecordPropsDefinition<InsertTablePopupProps>>;
+declare const InsertTablePopupVue3: DefineComponent<InsertTablePopupProps, any, InsertTablePopupData, InsertTablePopupComputed, InsertTablePopupMethods, {}, {}, {}, string, InsertTablePopupProps, InsertTablePopupProps, {}>;
+export { InsertTablePopup, InsertTablePopupVue3 };