@progress/kendo-vue-editor 3.5.0 → 3.5.1-dev.202208100944

package/dist/esm/tools/applyColor.d.ts

@@ -0,0 +1,45 @@
+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 { EditorToolsSettings } from '../config/toolsSettings';
+import { BasicToolProps } from './ToolProps';
+export interface ApplyColorToolProps extends BasicToolProps, EditorToolsSettings.ApplyColorSettings {
+}
+/**
+ * @hidden
+ */
+export interface ApplyColorState {
+}
+/**
+ * @hidden
+ */
+export interface ApplyColorComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ApplyColorMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ApplyColorData {
+}
+/**
+ * @hidden
+ */
+export interface ApplyColorAll extends Vue2type, ApplyColorMethods, ApplyColorData, ApplyColorComputed, ApplyColorState {
+}
+/**
+ * @hidden
+ */
+declare let ApplyColorVue2: ComponentOptions<ApplyColorAll, DefaultData<ApplyColorData>, DefaultMethods<ApplyColorAll>, ApplyColorComputed, RecordPropsDefinition<ApplyColorToolProps>>;
+/**
+ * @hidden
+ */
+declare const ApplyColor: DefineComponent<ApplyColorToolProps, any, ApplyColorData, ApplyColorComputed, ApplyColorMethods, {}, {}, {}, string, ApplyColorToolProps, ApplyColorToolProps, {}>;
+export { ApplyColor, ApplyColorVue2 };

package/dist/esm/tools/applyColor.js

@@ -0,0 +1,107 @@
+var __assign = this && this.__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);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { ColorPicker } from '@progress/kendo-vue-inputs';
+import { applyInlineStyle } from '@progress/kendo-editor-common';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../messages.js';
+/**
+ * @hidden
+ */
+
+var ApplyColorVue2 = {
+  name: 'KendoApplyColor',
+  props: {
+    view: Object,
+    color: String,
+    colorPickerProps: Object,
+    commandName: String,
+    dir: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @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,
+        colorPickerProps = _a.colorPickerProps,
+        dir = _a.dir;
+    var titleKey = colorPickerProps.title;
+    var localization = provideLocalizationService(this);
+
+    var cpProps = __assign(__assign({}, colorPickerProps), {
+      dir: dir,
+      showButtons: false,
+      showClearButton: false,
+      showPreview: false,
+      title: titleKey ? localization.toLanguageString(titleKey, messages[titleKey]) : titleKey
+    });
+
+    var cp = h(ColorPicker, __assign({
+      onChange: this.onChange,
+      onActivecolorclick: this.onChange,
+      on: this.v3 ? undefined : {
+        'change': this.onChange,
+        'activecolorclick': this.onChange
+      },
+      attrs: this.v3 ? undefined : cpProps
+    }, cpProps));
+    return cp;
+  },
+  methods: {
+    onChange: function onChange(event) {
+      var _a = this.$props,
+          view = _a.view,
+          color = _a.color,
+          colorPickerProps = _a.colorPickerProps,
+          commandName = _a.commandName;
+
+      if (view) {
+        applyInlineStyle({
+          style: color,
+          value: event.value
+        }, commandName)(view.state, view.dispatch);
+        var _b = colorPickerProps.view,
+            paletteView = _b === void 0 ? 'palette' : _b;
+
+        if (paletteView === 'palette') {
+          view.focus();
+        }
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var ApplyColor = ApplyColorVue2;
+export { ApplyColor, ApplyColorVue2 };

package/dist/esm/tools/cleanFormatting.d.ts

@@ -0,0 +1,49 @@
+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 { ToolProps } from './ToolProps';
+import { EditorToolsSettings } from './../config/toolsSettings';
+export interface CleanFormattingProps extends ToolProps {
+    /**
+     * The settings of the tool. Use it to modify the tool appearance.
+     */
+    settings?: EditorToolsSettings.CleanFormattingSettings;
+}
+/**
+ * @hidden
+ */
+export interface CleanFormattingState {
+}
+/**
+ * @hidden
+ */
+export interface CleanFormattingComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CleanFormattingMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CleanFormattingData {
+}
+/**
+ * @hidden
+ */
+export interface CleanFormattingAll extends Vue2type, CleanFormattingMethods, CleanFormattingData, CleanFormattingComputed, CleanFormattingState {
+}
+/**
+ * @hidden
+ */
+declare let CleanFormattingVue2: ComponentOptions<CleanFormattingAll, DefaultData<CleanFormattingData>, DefaultMethods<CleanFormattingAll>, CleanFormattingComputed, RecordPropsDefinition<CleanFormattingProps>>;
+/**
+ * @hidden
+ */
+declare const CleanFormatting: DefineComponent<CleanFormattingProps, any, CleanFormattingData, CleanFormattingComputed, CleanFormattingMethods, {}, {}, {}, string, CleanFormattingProps, CleanFormattingProps, {}>;
+export { CleanFormatting, CleanFormattingVue2 };

package/dist/esm/tools/cleanFormatting.js

@@ -0,0 +1,122 @@
+var __assign = this && this.__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 = this && this.__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;
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Button as kbutton } from '@progress/kendo-vue-buttons';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../messages.js';
+import { cleanFormatting as cleanFormattingCmd } from '@progress/kendo-editor-common';
+import { EditorToolsSettings } from './../config/toolsSettings.js';
+var cleanFormatting = EditorToolsSettings.cleanFormatting;
+var command = cleanFormattingCmd();
+/**
+ * @hidden
+ */
+
+var CleanFormattingVue2 = {
+  name: 'KendoCleanFormatting',
+  props: __assign({
+    view: Object,
+    settings: {
+      type: Object,
+      default: function _default() {
+        return cleanFormatting;
+      }
+    }
+  }, kbutton.props),
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @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,
+        render = _a.render,
+        settings = _a.settings,
+        other = __rest(_a, ["view", "render", "settings"]);
+
+    var titleKey = settings.messages.title;
+    var localization = provideLocalizationService(this);
+
+    var buttonProps = __assign(__assign(__assign({}, other), {
+      disabled: !view || !command(view.state),
+      title: localization.toLanguageString(titleKey, messages[titleKey])
+    }), settings.props);
+
+    var button = h(kbutton, __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 _this = this;
+
+      if (this.view) {
+        command(this.view.state, function (tr) {
+          tr.setMeta('commandName', _this.settings.commandName);
+
+          _this.view.dispatch(tr);
+        });
+      }
+    },
+    preventDefault: function preventDefault(e) {
+      e.preventDefault();
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var CleanFormatting = CleanFormattingVue2;
+export { CleanFormatting, CleanFormattingVue2 };

package/dist/esm/tools/findReplace.d.ts

@@ -0,0 +1,43 @@
+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';
+export interface FindAndReplaceProps extends BasicToolProps, ToolRenderProp, ButtonProps {
+}
+interface FindAndReplaceState {
+    showDialog: boolean;
+}
+/**
+ * @hidden
+ */
+export interface FindAndReplaceComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FindAndReplaceMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FindAndReplaceData {
+}
+/**
+ * @hidden
+ */
+export interface FindAndReplaceAll extends Vue2type, FindAndReplaceMethods, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceState {
+}
+/**
+ * @hidden
+ */
+declare let FindAndReplaceVue2: ComponentOptions<FindAndReplaceAll, DefaultData<FindAndReplaceData>, DefaultMethods<FindAndReplaceAll>, FindAndReplaceComputed, RecordPropsDefinition<FindAndReplaceProps>>;
+/**
+ * @hidden
+ */
+declare const FindAndReplace: DefineComponent<FindAndReplaceProps, any, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceMethods, {}, {}, {}, string, FindAndReplaceProps, FindAndReplaceProps, {}>;
+export { FindAndReplace, FindAndReplaceVue2 };

package/dist/esm/tools/findReplace.js

@@ -0,0 +1,127 @@
+var __assign = this && this.__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 = this && this.__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;
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Button as kbutton } from '@progress/kendo-vue-buttons';
+import { FindAndReplaceDialog } from '../dialogs/FindReplace.js';
+import { messages } from './../messages.js';
+import { EditorToolsSettings } from './../config/toolsSettings.js';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+var settings = EditorToolsSettings.findAndReplace;
+/**
+ * @hidden
+ */
+
+var FindAndReplaceVue2 = {
+  name: 'KendoFindAndReplace',
+  props: __assign({
+    view: Object
+  }, kbutton.props),
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      showDialog: 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,
+        other = __rest(_a, ["view"]);
+
+    var localization = provideLocalizationService(this);
+    var titleKey = settings.messages.findReplaceToolTitle;
+
+    var buttonProps = __assign(__assign(__assign({}, other), {
+      key: 'tool',
+      disabled: !view,
+      title: localization.toLanguageString(titleKey, messages[titleKey])
+    }), settings.props);
+
+    var button = h(kbutton, __assign({
+      onClick: this.onOpen,
+      onMousedown: this.preventDefault,
+      onPointerdown: this.preventDefault,
+      on: this.v3 ? undefined : {
+        'click': this.onOpen,
+        'mousedown': this.preventDefault,
+        'pointerdown': this.preventDefault
+      },
+      attrs: this.v3 ? undefined : buttonProps
+    }, buttonProps));
+    return h("span", [button, this.showDialog && view && // @ts-ignore function children
+    h(FindAndReplaceDialog, {
+      view: view,
+      attrs: this.v3 ? undefined : {
+        view: view,
+        dir: this.$props.dir
+      },
+      onClose: this.onClose,
+      on: this.v3 ? undefined : {
+        "close": this.onClose
+      },
+      dir: this.$props.dir,
+      key: "dialog"
+    })]);
+  },
+  methods: {
+    onClose: function onClose() {
+      this.showDialog = false;
+    },
+    onOpen: function onOpen() {
+      this.showDialog = true;
+    },
+    preventDefault: function preventDefault(e) {
+      e.preventDefault();
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var FindAndReplace = FindAndReplaceVue2;
+export { FindAndReplace, FindAndReplaceVue2 };

package/dist/esm/tools/fontStyle.d.ts

@@ -0,0 +1,55 @@
+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 { DropDownListProps } from '@progress/kendo-vue-dropdowns';
+import { BasicToolProps, ToolRenderProp } from './ToolProps';
+export interface DropDownListToolProps extends BasicToolProps, ToolRenderProp, DropDownListProps {
+}
+/**
+ * @hidden
+ */
+export interface FontSizeProps extends DropDownListToolProps {
+}
+/**
+ * @hidden
+ */
+export interface FontNameProps extends DropDownListToolProps {
+}
+/**
+ * @hidden
+ */
+export interface FontNameState {
+}
+/**
+ * @hidden
+ */
+export interface FontNameComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FontNameMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FontNameData {
+}
+/**
+ * @hidden
+ */
+export interface FontNameAll extends Vue2type, FontNameMethods, FontNameData, FontNameComputed, FontNameState {
+}
+/**
+ * @hidden
+ */
+declare let FontNameVue2: ComponentOptions<FontNameAll, DefaultData<FontNameData>, DefaultMethods<FontNameAll>, FontNameComputed, RecordPropsDefinition<FontNameProps>>;
+/**
+ * @hidden
+ */
+declare const FontName: DefineComponent<FontNameProps, any, FontNameData, FontNameComputed, FontNameMethods, {}, {}, {}, string, FontNameProps, FontNameProps, {}>;
+export { FontName, FontNameVue2 };