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

package/dist/esm/tools/fontStyle.js

@@ -0,0 +1,166 @@
+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;
+};
+
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { DropDownList } from '@progress/kendo-vue-dropdowns';
+import { getInlineStyles, applyInlineStyle } from '@progress/kendo-editor-common';
+import { userSelectNone } from './utils.js';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from './../messages.js';
+/**
+ * @hidden
+ */
+
+var FontNameVue2 = {
+  name: 'KendoFontName',
+  props: __assign({
+    view: Object,
+    settings: {
+      type: Object,
+      default: function _default() {
+        return {
+          messages: {}
+        };
+      }
+    }
+  }, DropDownList.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,
+        dataItems = _a.dataItems,
+        settings = _a.settings,
+        defaultItemProps = _a.defaultItem,
+        other = __rest(_a, ["view", "render", "dataItems", "settings", "defaultItem"]);
+
+    var style = settings.style;
+    var styles = view ? getInlineStyles(view.state, {
+      name: style,
+      value: /^.+$/
+    }) : [];
+    var value = new Set(styles).size === 1 ? styles[0] : null;
+    var items = dataItems || settings.items;
+    var defaultItem = defaultItemProps || settings.defaultItem;
+    var localization = provideLocalizationService(this);
+
+    if (defaultItem && defaultItem.localizationKey) {
+      defaultItem = __assign({}, defaultItem);
+      defaultItem.text = defaultItem.localizationKey ? localization.toLanguageString(defaultItem.localizationKey, messages[defaultItem.localizationKey]) : defaultItem.text;
+    }
+
+    var ddlProps = __assign(__assign(__assign({}, other), {
+      value: value ? items.find(function (i) {
+        return i.value === value;
+      }) : value,
+      dataItems: items,
+      defaultItem: defaultItem,
+      itemRender: this.customItemRender,
+      textField: 'text',
+      dataItemKey: 'value',
+      leftRightKeysNavigation: false
+    }), settings.props);
+
+    var dropdown = h(DropDownList, __assign({
+      onChange: this.onChange,
+      on: this.v3 ? undefined : {
+        'change': this.onChange
+      },
+      style: userSelectNone,
+      attrs: this.v3 ? undefined : ddlProps
+    }, ddlProps));
+    return dropdown;
+  },
+  methods: {
+    customItemRender: function customItemRender(h, li, itemProps) {
+      return itemProps.dataItem.style ? h('li', {
+        class: itemProps.itemClass,
+        onClick: itemProps.onClick,
+        on: {
+          click: itemProps.onClick
+        }
+      }, [h('span', {
+        style: itemProps.dataItem.style
+      }, __spreadArray([], li.children, true))]) : li;
+    },
+    onChange: function onChange(e) {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings;
+      var style = settings.style;
+      var item = e.target.value;
+
+      if (view) {
+        applyInlineStyle({
+          style: style,
+          value: item.value
+        }, settings.commandName)(view.state, view.dispatch);
+        var event_1 = e.event;
+
+        if (event_1 && event_1.type === 'click') {
+          view.focus();
+        }
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var FontName = FontNameVue2;
+export { FontName, FontNameVue2 };

package/dist/esm/tools/formatBlock.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 { DropDownListProps } from '@progress/kendo-vue-dropdowns';
+import { BasicToolProps, ToolRenderProp } from './ToolProps';
+export interface FormatBlockProps extends BasicToolProps, ToolRenderProp, DropDownListProps {
+}
+/**
+ * @hidden
+ */
+export interface FormatBlockState {
+}
+/**
+ * @hidden
+ */
+export interface FormatBlockComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FormatBlockMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FormatBlockData {
+}
+/**
+ * @hidden
+ */
+export interface FormatBlockAll extends Vue2type, FormatBlockMethods, FormatBlockData, FormatBlockComputed, FormatBlockState {
+}
+/**
+ * @hidden
+ */
+declare let FormatBlockVue2: ComponentOptions<FormatBlockAll, DefaultData<FormatBlockData>, DefaultMethods<FormatBlockAll>, FormatBlockComputed, RecordPropsDefinition<FormatBlockProps>>;
+/**
+ * @hidden
+ */
+declare const FormatBlock: DefineComponent<FormatBlockProps, any, FormatBlockData, FormatBlockComputed, FormatBlockMethods, {}, {}, {}, string, FormatBlockProps, FormatBlockProps, {}>;
+export { FormatBlock, FormatBlockVue2 };

package/dist/esm/tools/formatBlock.js

@@ -0,0 +1,161 @@
+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;
+};
+
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { DropDownList } from '@progress/kendo-vue-dropdowns';
+import { getBlockFormats, formatBlockElements } from '@progress/kendo-editor-common';
+import { userSelectNone } from './utils.js';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from './../messages.js';
+/**
+ * @hidden
+ */
+
+var FormatBlockVue2 = {
+  name: 'KendoFormatBlock',
+  props: __assign({
+    view: Object,
+    settings: {
+      type: Object,
+      default: function _default() {
+        return {
+          messages: {}
+        };
+      }
+    }
+  }, DropDownList.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,
+        dataItems = _a.dataItems,
+        settings = _a.settings,
+        defaultItemProps = _a.defaultItem,
+        other = __rest(_a, ["view", "render", "dataItems", "settings", "defaultItem"]);
+
+    var items = dataItems || settings.items;
+    var state = view && view.state;
+    var formats = state ? getBlockFormats(state) : [];
+    var value = new Set(formats).size === 1 ? formats[0] : null;
+    var defaultItem = defaultItemProps || settings.defaultItem;
+    var localization = provideLocalizationService(this);
+
+    if (defaultItem && defaultItem.localizationKey) {
+      defaultItem = __assign({}, defaultItem);
+      defaultItem.text = defaultItem.localizationKey ? localization.toLanguageString(defaultItem.localizationKey, messages[defaultItem.localizationKey]) : defaultItem.text;
+    }
+
+    var ddlProps = __assign(__assign(__assign({}, other), {
+      value: value ? items.find(function (i) {
+        return i.value === value;
+      }) : value,
+      dataItems: items,
+      defaultItem: defaultItem,
+      itemRender: this.customItemRender,
+      textField: 'text',
+      dataItemKey: 'value',
+      leftRightKeysNavigation: false,
+      popupSettings: {
+        width: '170px'
+      }
+    }), settings.props);
+
+    var dropdown = h(DropDownList, __assign({
+      onChange: this.onChange,
+      on: this.v3 ? undefined : {
+        'change': this.onChange
+      },
+      style: userSelectNone,
+      attrs: this.v3 ? undefined : ddlProps
+    }, ddlProps));
+    return dropdown;
+  },
+  methods: {
+    customItemRender: function customItemRender(h, li, itemProps) {
+      return itemProps.dataItem.style ? h('li', {
+        class: itemProps.itemClass,
+        onClick: itemProps.onClick,
+        on: {
+          click: itemProps.onClick
+        }
+      }, [h('span', {
+        style: itemProps.dataItem.style
+      }, __spreadArray([], li.children, true))]) : li;
+    },
+    onChange: function onChange(e) {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings;
+      var item = e.target.value;
+
+      if (view && formatBlockElements(item.value, settings.commandName)(view.state, view.dispatch)) {
+        var event_1 = e.event;
+
+        if (event_1 && event_1.type === 'click') {
+          view.focus();
+        }
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var FormatBlock = FormatBlockVue2;
+export { FormatBlock, FormatBlockVue2 };

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

@@ -0,0 +1,18 @@
+import { ToolProps } from './ToolProps';
+/**
+ * @hidden
+ */
+export declare namespace HistoryToolNS {
+    /**
+     * @hidden
+     */
+    interface UndoProps extends ToolProps {
+        command?: any;
+    }
+    /**
+     * @hidden
+     */
+    interface RedoProps extends ToolProps {
+        command?: any;
+    }
+}

package/dist/esm/tools/history.js

@@ -0,0 +1,5 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';

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

@@ -0,0 +1,44 @@
+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';
+export interface IndentProps extends ToolProps {
+}
+/**
+ * @hidden
+ */
+export interface IndentState {
+}
+/**
+ * @hidden
+ */
+export interface IndentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface IndentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface IndentData {
+}
+/**
+ * @hidden
+ */
+export interface IndentAll extends Vue2type, IndentMethods, IndentData, IndentComputed, IndentState {
+}
+/**
+ * @hidden
+ */
+declare let IndentVue2: ComponentOptions<IndentAll, DefaultData<IndentData>, DefaultMethods<IndentAll>, IndentComputed, RecordPropsDefinition<IndentProps>>;
+/**
+ * @hidden
+ */
+declare const Indent: DefineComponent<IndentProps, any, IndentData, IndentComputed, IndentMethods, {}, {}, {}, string, IndentProps, IndentProps, {}>;
+export { Indent, IndentVue2 };

package/dist/esm/tools/indent.js

@@ -0,0 +1,135 @@
+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 { indentBlocks, isIndented, canIndentAsListItem, hasNode, sinkListItem } from '@progress/kendo-editor-common';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from './../messages.js';
+/**
+ * @hidden
+ */
+
+var IndentVue2 = {
+  name: 'KendoIndent',
+  props: __assign({
+    view: Object,
+    settings: {
+      type: Object,
+      default: function _default() {
+        return {
+          messages: {}
+        };
+      }
+    }
+  }, 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 state = view && view.state;
+    var nodes = state && state.schema.nodes;
+    var listItem = nodes && nodes[settings.listsTypes.listItem];
+    var actions = settings.actions;
+    var canIndented = !!state && (isIndented(state, actions, other.dir) || actions.some(function (a) {
+      return nodes[a.node] && hasNode(state, nodes[a.node]);
+    })) && !hasNode(state, listItem);
+    var canListIndent = !!state && canIndentAsListItem(state, listItem);
+    var canIndent = canIndented || canListIndent;
+    var localization = provideLocalizationService(this);
+    var titleKey = settings.messages.title;
+
+    var buttonProps = __assign(__assign(__assign({}, other), {
+      disabled: !canIndent,
+      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 state = this.view && this.view.state;
+      var nodes = state && state.schema.nodes;
+      var listItem = nodes && nodes[this.settings.listsTypes.listItem];
+      var actions = this.settings.actions;
+      var canIndented = !!state && (isIndented(state, actions, this.dir) || actions.some(function (a) {
+        return nodes[a.node] && hasNode(state, nodes[a.node]);
+      })) && !hasNode(state, listItem);
+      var canListIndent = !!state && canIndentAsListItem(state, listItem);
+
+      if (this.view && canListIndent) {
+        sinkListItem(listItem)(this.view.state, this.view.dispatch);
+      } else if (this.view && canIndented) {
+        indentBlocks(actions, this.settings.commandName, this.dir)(this.view.state, this.view.dispatch);
+      }
+    },
+    preventDefault: function preventDefault(e) {
+      e.preventDefault();
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var Indent = IndentVue2;
+export { Indent, IndentVue2 };

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

@@ -0,0 +1,74 @@
+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';
+export interface InlineFormatToolProps extends ToolProps {
+}
+/**
+ * @hidden
+ */
+export interface BoldProps extends InlineFormatToolProps {
+}
+/**
+ * @hidden
+ */
+export interface ItalicProps extends InlineFormatToolProps {
+}
+/**
+ * @hidden
+ */
+export interface UnderlineProps extends InlineFormatToolProps {
+}
+/**
+ * @hidden
+ */
+export interface StrikethroughProps extends InlineFormatToolProps {
+}
+/**
+ * @hidden
+ */
+export interface SubscriptProps extends InlineFormatToolProps {
+}
+/**
+ * @hidden
+ */
+export interface SuperscriptProps extends InlineFormatToolProps {
+}
+/**
+ * @hidden
+ */
+export interface InlineFormatState {
+}
+/**
+ * @hidden
+ */
+export interface InlineFormatComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InlineFormatMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InlineFormatData {
+}
+/**
+ * @hidden
+ */
+export interface InlineFormatAll extends Vue2type, InlineFormatMethods, InlineFormatData, InlineFormatComputed, InlineFormatState {
+}
+/**
+ * @hidden
+ */
+declare let InlineFormatVue2: ComponentOptions<InlineFormatAll, DefaultData<InlineFormatData>, DefaultMethods<InlineFormatAll>, InlineFormatComputed, RecordPropsDefinition<InlineFormatToolProps>>;
+/**
+ * @hidden
+ */
+declare const InlineFormat: DefineComponent<InlineFormatToolProps, any, InlineFormatData, InlineFormatComputed, InlineFormatMethods, {}, {}, {}, string, InlineFormatToolProps, InlineFormatToolProps, {}>;
+export { InlineFormat, InlineFormatVue2 };