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

package/dist/npm/tools/unlink.js

@@ -0,0 +1,123 @@
+"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.UnlinkVue3 = exports.Unlink = 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 Unlink = {
+  name: 'KendoUnlink',
+  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,
+        settings = _a.settings,
+        other = __rest(_a, ["view", "settings"]);
+
+    var options = {
+      mark: settings.mark
+    };
+    var hasLink = view ? kendo_editor_common_1.hasMark(view.state, options) : false;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var titleKey = settings.messages.title;
+
+    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+      disabled: !hasLink,
+      title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
+    });
+
+    var button = h(kendo_vue_buttons_1.Button, __assign({
+      onClick: this.handleClick,
+      on: this.v3 ? undefined : {
+        'click': this.handleClick
+      },
+      attrs: this.v3 ? undefined : buttonProps
+    }, buttonProps));
+    return button;
+  },
+  methods: {
+    handleClick: function handleClick() {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings;
+      var options = {
+        mark: settings.mark
+      };
+
+      if (view) {
+        kendo_editor_common_1.removeLink(options, view.state.tr.setMeta('commandName', settings.commandName))(view.state, view.dispatch);
+      }
+    }
+  }
+};
+exports.Unlink = Unlink;
+var UnlinkVue3 = Unlink;
+exports.UnlinkVue3 = UnlinkVue3;

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

@@ -0,0 +1,18 @@
+/**
+ * @hidden
+ */
+declare const onDownPreventDefault: {
+    onMouseDown: (e: any) => any;
+    onPointerDown: (e: any) => any;
+};
+/**
+ * @hidden
+ */
+declare const userSelectNone: {
+    userSelect: string;
+};
+/**
+ * @hidden
+ */
+declare const formatString: (input: string, ...args: Array<any>) => string;
+export { onDownPreventDefault, formatString, userSelectNone };

package/dist/npm/tools/utils.js

@@ -0,0 +1,45 @@
+"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

@@ -0,0 +1,49 @@
+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 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 Vue, ViewHtmlMethods, ViewHtmlData, ViewHtmlComputed, ViewHtmlState {
+}
+declare let ViewHtml: ComponentOptions<ViewHtmlAll, DefaultData<ViewHtmlData>, DefaultMethods<ViewHtmlAll>, ViewHtmlComputed, RecordPropsDefinition<ViewHtmlProps>>;
+declare const ViewHtmlVue3: DefineComponent<ViewHtmlProps, any, ViewHtmlData, ViewHtmlComputed, ViewHtmlMethods, {}, {}, {}, string, ViewHtmlProps, ViewHtmlProps, {}>;
+export { ViewHtml, ViewHtmlVue3 };

package/dist/npm/tools/viewHtml.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.ViewHtmlVue3 = exports.ViewHtml = 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 viewHtml_1 = require("../dialogs/viewHtml");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("./../messages"); // tslint:enable:max-line-length
+
+
+var ViewHtml = {
+  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: !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 localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var titleKey = settings.messages.viewHtml;
+
+    var buttonProps = __assign(__assign(__assign({}, other), settings.props), {
+      key: 'viewHtml',
+      title: localization.toLanguageString(titleKey, messages_1.messages[titleKey])
+    });
+
+    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.ViewHtml = ViewHtml;
+var ViewHtmlVue3 = ViewHtml;
+exports.ViewHtmlVue3 = ViewHtmlVue3;

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

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

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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateEditorValue = void 0;
+var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+var index_1 = require("./index");
+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 || index_1.EditorUtils.createDocument(view.state.schema, value.html || ''))
+            .setMeta('commandName', 'setHTML'));
+    view.updateState(view.state.apply(transaction));
+};
+/**
+ * @hidden
+ */
+exports.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 });
+        }
+    }
+};